09 agosto, 2010

Crea tu propia portada de revista (Photoshop)

Crea tu propia portada de revista (Photoshop): "

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.
Visto en Neoteo: Crea tu propia portada de revista (Photoshop)

Antes de empezar a trabajar descargamos a nuestro ordenador la siguiente lista de fotografías:



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.
Visto en Neoteo: Crea tu propia portada de revista (Photoshop)

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".
Visto en Neoteo: Crea tu propia portada de revista (Photoshop)
Creamos, desde el fondo, una capa editable.
Creamos, desde el fondo, una capa editable.
Visto en Neoteo: Crea tu propia portada de revista (Photoshop)
  • Luego, en Estilos de Capa, seleccionamos "Superposición de degradado" e introducimos los siguientes valores.
Visto en Neoteo: Crea tu propia portada de revista (Photoshop)
Asegurarse de poner estilo Radial.
Asegurarse de poner estilo Radial.
Visto en Neoteo: Crea tu propia portada de revista (Photoshop)

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.
Visto en Neoteo: Crea tu propia portada de revista (Photoshop)
Una imagen que abarque todo el cuadro es el primer paso.
Una imagen que abarque todo el cuadro es el primer paso.
Visto en Neoteo: Crea tu propia portada de revista (Photoshop)
  • Una vez que centramos la imagen cambiamos el modo de fusión a “Trama”.
Visto en Neoteo: Crea tu propia portada de revista (Photoshop)
Ya podemos apreciar la manera en que se funde con el fondo.
Ya podemos apreciar la manera en que se funde con el fondo.
Visto en Neoteo: Crea tu propia portada de revista (Photoshop)
  • Ahora toca el turno de techeye 2. Lo buscamos y lo copiamos al documento.
Visto en Neoteo: Crea tu propia portada de revista (Photoshop)
Este ojo será un elemento como cualquier otro en este fondo.
Este ojo será un elemento como cualquier otro en este fondo.
Visto en Neoteo: Crea tu propia portada de revista (Photoshop)
  • 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.
Visto en Neoteo: Crea tu propia portada de revista (Photoshop)
Siempre tenemos que asegurarnos pintar sobre la máscara.
Siempre tenemos que asegurarnos pintar sobre la máscara.
Visto en Neoteo: Crea tu propia portada de revista (Photoshop)
  • Presionamos Ctrl+U, tildamos "Colorear" y ponemos los valores. Después de hacerlo, cambiamos el modo de fusión de capa a "Aclarar".
Visto en Neoteo: Crea tu propia portada de revista (Photoshop)
Lo haremos celeste.
Lo haremos celeste.
Todo el fondo será celeste.
Todo el fondo será celeste.
Visto en Neoteo: Crea tu propia portada de revista (Photoshop)
Va tomando forma y aún quedan algunos pasos.
Va tomando forma y aún quedan algunos pasos.
Visto en Neoteo: Crea tu propia portada de revista (Photoshop)

Paso 4 - Iluminando la zona principal


  • Agregamos la imagen Digital City al documento.
Visto en Neoteo: Crea tu propia portada de revista (Photoshop)
Añadiendo esta imagen lograremos resaltar la sección baja.
Añadiendo esta imagen lograremos resaltar la sección baja.
Visto en Neoteo: Crea tu propia portada de revista (Photoshop)
  • 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.
Visto en Neoteo: Crea tu propia portada de revista (Photoshop)
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.
Visto en Neoteo: Crea tu propia portada de revista (Photoshop)
  • Una vez que finalizamos, pinchamos en la imagen con el botón derecho del ratón, seleccionamos "Hacer selección..." y pinchamos en “OK”.
Visto en Neoteo: Crea tu propia portada de revista (Photoshop)
Les garantizo que valdrá la pena el tiempo dedicado.
Les garantizo que valdrá la pena el tiempo dedicado.
Visto en Neoteo: Crea tu propia portada de revista (Photoshop)
¿Ven? No hay pixeles de más o de menos.
¿Ven? No hay pixeles de más o de menos.
Visto en Neoteo: Crea tu propia portada de revista (Photoshop)
  • 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".
Visto en Neoteo: Crea tu propia portada de revista (Photoshop)
Ahora me pueden decir ustedes si no se encuentran conformes.
Ahora me pueden decir ustedes si no se encuentran conformes.
Visto en Neoteo: Crea tu propia portada de revista (Photoshop)
  • Ahora creamos una nueva capa y Vamos a Filtro > Interpretar > Nubes.
Visto en Neoteo: Crea tu propia portada de revista (Photoshop)
Uno de los clásicos filtros del Photoshop.
Uno de los clásicos filtros del Photoshop.
Visto en Neoteo: Crea tu propia portada de revista (Photoshop)
  • Le damos un modo de fusión de capa de “Luz Suave” con una Opacidad de 35%.
Visto en Neoteo: Crea tu propia portada de revista (Photoshop)
Y podemos dar por finalizada la creación del fondo.
Y podemos dar por finalizada la creación del fondo.
Visto en Neoteo: Crea tu propia portada de revista (Photoshop)

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.
Visto en Neoteo: Crea tu propia portada de revista (Photoshop)
No hay que olvidar cuando realmente es útil la varita mágica.
No hay que olvidar cuando realmente es útil la varita mágica.
Visto en Neoteo: Crea tu propia portada de revista (Photoshop)
  • La añadimos en nuestro documento y la acomodamos.
Visto en Neoteo: Crea tu propia portada de revista (Photoshop)
Ahora le quitaremos el molesto rojo alrededor de la modelo.
Ahora le quitaremos el molesto rojo alrededor de la modelo.
Visto en Neoteo: Crea tu propia portada de revista (Photoshop)
  • Creamos una nueva capa y, con el pincel de color #66def2, pintamos alrededor de la modelo.
Visto en Neoteo: Crea tu propia portada de revista (Photoshop)
¡Nos desharemos de ti, Sr. Rojo!
¡Nos desharemos de ti, Sr. Rojo!
Visto en Neoteo: Crea tu propia portada de revista (Photoshop)
  • Cambiamos el modo de fusión de capa a “Color” y veremos como el rojo desaparece.
Visto en Neoteo: Crea tu propia portada de revista (Photoshop)
¡Sí! ¡Hemos vencido!
¡Sí! ¡Hemos vencido!
Visto en Neoteo: Crea tu propia portada de revista (Photoshop)
  • 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.
Visto en Neoteo: Crea tu propia portada de revista (Photoshop)
Paso esencial para no modificar el fondo.
Paso esencial para no modificar el fondo.
Visto en Neoteo: Crea tu propia portada de revista (Photoshop)
  • 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.
Visto en Neoteo: Crea tu propia portada de revista (Photoshop)
Ahora se puede decir que es una sola imagen.
Ahora se puede decir que es una sola imagen.
Visto en Neoteo: Crea tu propia portada de revista (Photoshop)

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.
Visto en Neoteo: Crea tu propia portada de revista (Photoshop)
Pinchar, arrastrar y soltar. Sencillo.
Pinchar, arrastrar y soltar. Sencillo.
Visto en Neoteo: Crea tu propia portada de revista (Photoshop)
  • Creamos las demás líneas de guía como muestra la imagen.
Visto en Neoteo: Crea tu propia portada de revista (Photoshop)
Pinchar, arrastrar y soltar x4.
Pinchar, arrastrar y soltar x4.
Visto en Neoteo: Crea tu propia portada de revista (Photoshop)
  • 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”.
Visto en Neoteo: Crea tu propia portada de revista (Photoshop)
Los ajustes variarán según la longitud del nombre.
Los ajustes variarán según la longitud del nombre.
Visto en Neoteo: Crea tu propia portada de revista (Photoshop)
  • 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.
Visto en Neoteo: Crea tu propia portada de revista (Photoshop)
Procuren mantener una distancia notable entre los titulares.
Procuren mantener una distancia notable entre los titulares.
Visto en Neoteo: Crea tu propia portada de revista (Photoshop)

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.
Visto en Neoteo: Crea tu propia portada de revista (Photoshop)
No se preocupen porque no tenga fondo blanco.
No se preocupen porque no tenga fondo blanco.
Visto en Neoteo: Crea tu propia portada de revista (Photoshop)
  • 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.
Visto en Neoteo: Crea tu propia portada de revista (Photoshop)
¿Ven? Esta es la solución.
¿Ven? Esta es la solución.
Visto en Neoteo: Crea tu propia portada de revista (Photoshop)
  • 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.
Visto en Neoteo: Crea tu propia portada de revista (Photoshop)
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.
Visto en Neoteo: Crea tu propia portada de revista (Photoshop)

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.
Visto en Neoteo: Crea tu propia portada de revista (Photoshop)

Technorati Tags:     
Tags Blogalaxia:     "

No hay comentarios:

Publicar un comentario en la entrada