¿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.

La portada que crearemos con este tutorial se verá de esta manera:

Crea tu propia portada de revista (Photoshop)
Realizaremos el fondo y ubicaremos cada elemento.

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. Para empezar, creamos un documento con estos valores:

Crea tu propia portada de revista (Photoshop)
Trabajando con Color CMYK veremos los colores imprimibles.

Paso 2 - Empezar con la construcción del fondo

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

Paso 3 - Darle más energía al fondo.

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

Paso 4 - Iluminando la zona principal

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

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

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

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.
Crea tu propia portada de revista (Photoshop)
No se preocupen porque no tenga fondo blanco.
  • 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.
Crea tu propia portada de revista (Photoshop)
¿Ven? Esta es la solución.
  • 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.
Crea tu propia portada de revista (Photoshop)
Pueden crear una línea de guía para que se ajuste a los titulares.

Y voilá! Su portada de revista terminada.

Crea tu propia portada de revista (Photoshop)
Ya puedes probar con otros fondos o modelos. Terminamos.
Crea tu propia portada de revista (Photoshop)
Crea tu propia portada de revista (Photoshop)