Crea tu propia portada de revista (Photoshop)
¿Recuerdas aquellos días cuando NEOTEO tenía su edición en papel? ¿Y la mirada de los curiosos en el metro, buscándole el título a eso que te atrapaba tanto? Estamos nostálgicos, y en este tutorial te mostraremos cómo crear una portada de revista geek para tus proyectos o simplemente divertirte metiéndote a ti y tus amigos como modelos de portada. Un tutorial de diseñadores, en el cual todos seremos editores. A por ello.
Creando el fondo
La portada que crearemos con este tutorial se verá de esta manera:
Visto en Neoteo: Crea tu propia portada de revista (Photoshop)![Realizaremos el fondo y ubicaremos cada elemento. Realizaremos el fondo y ubicaremos cada elemento.](http://www.neoteo.com/Portals/0/imagenes/cache/BBA0x250y200.jpg)
Antes de empezar a trabajar descargamos a nuestro ordenador la siguiente lista de fotografías:
- Digital dreams
- Techeye 2
- Digital City
- Woman with headphones listening music
- Barcodes
- Y la tipografía Bebas Neue.
Paso 1 – Ser preciso en la creación del documento.
Vamos a realizar una portada de revista, por lo que tenemos que ser precisos en los valores. Las medidas serán en pulgadas, y tanto la resolución como el modo de color serán colocados con el fin de poder imprimirlo en papel. Por lo que, por primer paso, creamos un documento con estos valores:
Visto en Neoteo: Crea tu propia portada de revista (Photoshop)![Trabajando con Color CMYK veremos los colores imprimibles. Trabajando con Color CMYK veremos los colores imprimibles.](http://www.neoteo.com/Portals/0/imagenes/cache/BBA1x250y200.jpg)
Paso 2 – Empezar con la construcción del fondo
- Primero convertimos el Fondo blanco en una Capa. Pinchamos en fondo con el botón derecho del ratón y elegimos la opción "Capa a partir de fondo..."
- Le ponemos nombre y pinchamos en "OK".
![Creamos, desde el fondo, una capa editable. Creamos, desde el fondo, una capa editable.](http://www.neoteo.com/Portals/0/imagenes/cache/BBA2x250y200.jpg)
- Luego, en Estilos de Capa, seleccionamos "Superposición de degradado" e introducimos los siguientes valores.
![Asegurarse de poner estilo Radial. Asegurarse de poner estilo Radial.](http://www.neoteo.com/Portals/0/imagenes/cache/BBA3x250y200.jpg)
Paso 3 – Darle más energía al fondo.
- Copiamos en el documento la imágen “digital dreams” y la rotamos para que encaje en la imagen.
![Una imagen que abarque todo el cuadro es el primer paso. Una imagen que abarque todo el cuadro es el primer paso.](http://www.neoteo.com/Portals/0/imagenes/cache/BBA4x250y200.jpg)
- Una vez que centramos la imagen cambiamos el modo de fusión a “Trama”.
![Ya podemos apreciar la manera en que se funde con el fondo. Ya podemos apreciar la manera en que se funde con el fondo.](http://www.neoteo.com/Portals/0/imagenes/cache/BBA5x250y200.jpg)
- Ahora toca el turno de techeye 2. Lo buscamos y lo copiamos al documento.
![Este ojo será un elemento como cualquier otro en este fondo. Este ojo será un elemento como cualquier otro en este fondo.](http://www.neoteo.com/Portals/0/imagenes/cache/BBA6x250y200.jpg)
- Creamos una máscara de capa y, procurando que esté activa la máscara, pintamos sobre la imagen. De esta manera podemos "borrar" la imagen pero pudiendo recuperar la información cuando queramos.
![Siempre tenemos que asegurarnos pintar sobre la máscara. Siempre tenemos que asegurarnos pintar sobre la máscara.](http://www.neoteo.com/Portals/0/imagenes/cache/BBA7x250y200.jpg)
- Presionamos Ctrl+U, tildamos "Colorear" y ponemos los valores. Después de hacerlo, cambiamos el modo de fusión de capa a "Aclarar".
![Lo haremos celeste. Lo haremos celeste.](http://www.neoteo.com/Portals/0/imagenes/cache/BBA8x250y200.jpg)
![Todo el fondo será celeste. Todo el fondo será celeste.](http://www.neoteo.com/Portals/0/imagenes/cache/BBA9x250y200.jpg)
![Va tomando forma y aún quedan algunos pasos. Va tomando forma y aún quedan algunos pasos.](http://www.neoteo.com/Portals/0/imagenes/cache/BBAAx250y200.jpg)
Paso 4 - Iluminando la zona principal
- Agregamos la imagen Digital City al documento.
![Añadiendo esta imagen lograremos resaltar la sección baja. Añadiendo esta imagen lograremos resaltar la sección baja.](http://www.neoteo.com/Portals/0/imagenes/cache/BBABx250y200.jpg)
- Hay que sacarle el fondo propio de la imagen ya que queremos el nuestro. Pueden usar el método que deseen, pero seleccionar punto por punto con la herramienta Pluma es lo más efectivo en esta imagen. Simplemente tenemos que seguir todo el contorno superior, y tener paciencia.
![Si se acostumbran a este método sus recortes se lo agradecerán. Si se acostumbran a este método sus recortes se lo agradecerán.](http://www.neoteo.com/Portals/0/imagenes/cache/BBADx250y200.jpg)
- Una vez que finalizamos, pinchamos en la imagen con el botón derecho del ratón, seleccionamos "Hacer selección..." y pinchamos en “OK”.
![Les garantizo que valdrá la pena el tiempo dedicado. Les garantizo que valdrá la pena el tiempo dedicado.](http://www.neoteo.com/Portals/0/imagenes/cache/BBAEx250y200.jpg)
![¿Ven? No hay pixeles de más o de menos. ¿Ven? No hay pixeles de más o de menos.](http://www.neoteo.com/Portals/0/imagenes/cache/BBAFx250y200.jpg)
- Lo coloreamos con los mismos valores que al techeye 2 del final del Paso 3 pero, esta vez, cambiando el modo de fusión de capa a "Trama".
![Ahora me pueden decir ustedes si no se encuentran conformes. Ahora me pueden decir ustedes si no se encuentran conformes.](http://www.neoteo.com/Portals/0/imagenes/cache/BBB0x250y200.jpg)
- Ahora creamos una nueva capa y Vamos a Filtro > Interpretar > Nubes.
![Uno de los clásicos filtros del Photoshop. Uno de los clásicos filtros del Photoshop.](http://www.neoteo.com/Portals/0/imagenes/cache/BBB1x250y200.jpg)
- Le damos un modo de fusión de capa de “Luz Suave” con una Opacidad de 35%.
![Y podemos dar por finalizada la creación del fondo. Y podemos dar por finalizada la creación del fondo.](http://www.neoteo.com/Portals/0/imagenes/cache/BBB2x250y200.jpg)
Añadiendo modelo y elementos.
Paso 5 - Añadiendo al modelo
- Abrimos la foto de la modelo y la seleccionamos. La varita mágica funcionaría muy bien en esta foto.
![No hay que olvidar cuando realmente es útil la varita mágica. No hay que olvidar cuando realmente es útil la varita mágica.](http://www.neoteo.com/Portals/0/imagenes/cache/BBB4x250y200.jpg)
- La añadimos en nuestro documento y la acomodamos.
![Ahora le quitaremos el molesto rojo alrededor de la modelo. Ahora le quitaremos el molesto rojo alrededor de la modelo.](http://www.neoteo.com/Portals/0/imagenes/cache/BBB6x250y200.jpg)
- Creamos una nueva capa y, con el pincel de color #66def2, pintamos alrededor de la modelo.
![¡Nos desharemos de ti, Sr. Rojo! ¡Nos desharemos de ti, Sr. Rojo!](http://www.neoteo.com/Portals/0/imagenes/cache/BBB8x250y200.jpg)
- Cambiamos el modo de fusión de capa a “Color” y veremos como el rojo desaparece.
![¡Sí! ¡Hemos vencido! ¡Sí! ¡Hemos vencido!](http://www.neoteo.com/Portals/0/imagenes/cache/BBB9x250y200.jpg)
- Para que no modifique el color del fondo, modificando solo al de la modelo, crearemos una máscara de recorte pinchando con el botón derecho del ratón en la capa y seleccionando dicha opción.
![Paso esencial para no modificar el fondo. Paso esencial para no modificar el fondo.](http://www.neoteo.com/Portals/0/imagenes/cache/BBBBx250y200.jpg)
- Le queremos dar un poco más de interacción con el fondo, así que borraremos levemente a los costados de la modelo, usando el mismo procedimiento que con la imagen techeye 2 en el Paso 3.
![Ahora se puede decir que es una sola imagen. Ahora se puede decir que es una sola imagen.](http://www.neoteo.com/Portals/0/imagenes/cache/BBBCx250y200.jpg)
PASO 6 - Poniendo el texto
- Vamos a crear líneas de guía para hacerlo lo más preciso posible. Para lograr esto mostramos la regla (Ctrl+R) y arrastrando desde la regla de la izquierda lo ubicamos en 1,66 como marca la imagen.
![Pinchar, arrastrar y soltar. Sencillo. Pinchar, arrastrar y soltar. Sencillo.](http://www.neoteo.com/Portals/0/imagenes/cache/BBBEx250y200.jpg)
- Creamos las demás líneas de guía como muestra la imagen.
![Pinchar, arrastrar y soltar x4. Pinchar, arrastrar y soltar x4.](http://www.neoteo.com/Portals/0/imagenes/cache/BBBFx250y200.jpg)
- Luego seleccionamos la herramienta de Texto y ponemos "NEO TEO" y en el Panel de Carácter ingresamos estos valores. Posteriormente ingresaremos en el espacio inferior de las líneas guía el mes “JULIO 2010” y una frase. En este caso la frase es: “SOLUCIONES A TU ALCANCE”.
![Los ajustes variarán según la longitud del nombre. Los ajustes variarán según la longitud del nombre.](http://www.neoteo.com/Portals/0/imagenes/cache/BBC0x250y200.jpg)
- Creamos los titulares de la forma que más nos guste. Pero los valores generales son:
A. Artículo Principal: Letras grandes que atraigan al lector.
B. Artículo Secundario: Una letra chica, pero a color y en un cuadro con transparencia.
C. Otros Artículos: Letras y colores diferentes, sin ser letras grandes y sin cuadro.
![Procuren mantener una distancia notable entre los titulares. Procuren mantener una distancia notable entre los titulares.](http://www.neoteo.com/Portals/0/imagenes/cache/BBC1x250y200.jpg)
PASO 7 - Detalles finales
- Nos faltaría ingresar el código de barras, por lo que metemos en el documento la imagen Barcodes. Posteriormente hacemos la selección del código de barras.
![No se preocupen porque no tenga fondo blanco. No se preocupen porque no tenga fondo blanco.](http://www.neoteo.com/Portals/0/imagenes/cache/BBC2x250y200.jpg)
- Abrimos el cuadro de niveles con Ctrl+L y seleccionando el cuentagotas de color blanco pinchamos sobre cualquier parte clara del código de barras.
![¿Ven? Esta es la solución. ¿Ven? Esta es la solución.](http://www.neoteo.com/Portals/0/imagenes/cache/BBC3x250y200.jpg)
- Una vez equilibrados los colores con Ctrl+T (Transformación Libre) lo rotamos y ajustamos el tamaño para que se adapte a la revista.
![Pueden crear una línea de guía para que se ajuste a los titulares. Pueden crear una línea de guía para que se ajuste a los titulares.](http://www.neoteo.com/Portals/0/imagenes/cache/BBC4x250y200.jpg)
Y voilá! Su portada de revista terminada.
Visto en Neoteo: Crea tu propia portada de revista (Photoshop)![Ya puedes probar con otros fondos o modelos. Terminamos. Ya puedes probar con otros fondos o modelos. Terminamos.](http://www.neoteo.com/Portals/0/imagenes/cache/BBC5x250y200.jpg)
Technorati Tags:
![](http://static.technorati.com/static/img/pub/icon-utag-16x13.png?tag=Photoshop)
![](http://static.technorati.com/static/img/pub/icon-utag-16x13.png?tag=portada)
![](http://static.technorati.com/static/img/pub/icon-utag-16x13.png?tag=revista)
![](http://static.technorati.com/static/img/pub/icon-utag-16x13.png?tag=tutorial)
Tags Blogalaxia: Photoshop portada revista tutorial
No hay comentarios:
Publicar un comentario