Comunidad de diseño web y desarrollo en internet

Crear una portada de la revista TIME en Photoshop

Pueblo Claber, hoy les traigo un nuevo tip muy divertido y bien explicado, lo estuve trabajando el fin de semana :D

En este tip de Photoshop, vamos a aprender cómo crear una portada de una revista muy interesante: TIME.

Es muy sencillo y puede servir para hacer alguna pequeña broma ^^
Primero que nada vamos a pensar...¿Quién va a estar en la portada? ¡Nosotros claro!
Nota: Es necesario ir guardando cada imagen que vayamos obteniendo porque la usaremos posteriormente.

Nuestra foto...


Vamos a necesitar una fotografía de nosotros en un fondo de preferencia verde fosforesente, si no contamos con la green screen, basta con tomarnos una foto ya sea de frente, perfil o 3/4 con un fondo de un solo color, esto es, no tomarla con algun paisaje de fondo ni nada de eso, simplemente ponte la cámara frente a ti en una pared de tu casa y tomate la foto.

Una vez hecho esto el siguiente paso es muy sencillo; abrimos el Photoshop y con la herramienta Varita mágica vamos a seleccionar el fondo y lo eliminamos (Del ó Supr).

Hecho esto creamos una capa de color rojo debajo de nuestro rostro, y nos vamos a Filtros>Estilizar>Extrusión

Con unos Cubos de 20px de tamaño y con 30px de profundidad

Si hemos hecho todo hasta ahora de forma correcta, tendremos algo así:




El código de barras...


Para darle un toque de realidad aún mayor a nuestra portada, vamos a poner un código de barras.
Abrimos el Photoshop y creamos un documento de color Blanco de fondo y un tamaño al gusto (pero que sea proporcional a un código de barras común, un tamaño como de 200px X 100px) y creamos una nueva capa, la pintamos toda de negro y vamos a Filtros>Ruido>Añadir ruido

Monocromático con un porcentaje de 400%, sin importar el estilo (Uniforme ó Gaussiano)

Y ahora vamos a Filtros>Desenfoque de movimiento
Con un ángulo de 90° y una distancia de 998px.

Ahora extendemos el Tamaño de lienzo (Alt+Ctrl+C) a Anchura +3px y Altura+3px
Luego vamos extender 10px más hacia abajo.

Y en ese espacio, introducimos una serie de números al azar. Hecho todo lo anterior de forma correcta tendremos esto:



El marco..


Ahora procederemos a crear lo que es en escencia la portada. Abrimos el Photoshop y creamos un nuevo documento de tamaño al gusto, pero que sea en proporcion a una hoja tamaño carta, yo uso un lienzo de 360px X 480px.

Y ahora presionamos Ctrl+A para seleccionar todo el lienzo y vamos a Selección>Modificar>Contraer

20px

E invertimos la selección (Ctrl+Shift+I), a continuación pintamos la selección de color rojo (dc0000)
Luego invertimos la selección nuevamente y vamos a Selección>Modificar>Contraer

3px

Y pintamos la selección de color negro, luego la volvemos a contraer 3px y pintamos la selección de blanco, la voooolvemos a contraer 3px y eliminamos la selección (Del ó Supr, según el lenguaje de tu teclado)

Creamos una nueva capa debajo de esta y ahora con la herramienta Rectángulo dibujamos un rectángulo negro (Ver imagen debajo del párrafo) y acontinuacion, situados en la capa del marco vamos a presionar Ctrl+E para aplanar las capas en una sola. Hecho esto ponemos un pequeño cuadrado rojo, como se muestra en la siguiente imagen, que es lo que llevamos hasta ahora:



Nota: Esta imagen no la guradaremos como las anteriores, sólo es para que sepan cómo va la cosa

El título...


Una de las cosas más importantes para hacer esta portada va a ser el título. Cremos una nueva capa en la que con la herramienta Texto escribimos: time en minúsculas con la tipografía Trajan Pro, un tamaño de 140px, estilo Regular, de color Rojo (d90104) con un suavizado Fuerte.

Ahora tendremos esto:



El slogan...


Luego cremos otra capa en la que escribiremos sobre el título: person century en minúsculas con la tipografía Trajan Pro, un tamaño de 32px, estilo Regular de color Blanco con un suavizado Fuerte y un Tracking (espacio entre caracteres) de -100px.

Tendremos esto:



Nota: El resplandor negro no se usa, yo lo usé para que se notara la tipografía en el tutorial.

Ahora hacemos otra capa en la que escribimos entre el texto anterior:
of
the

en minúsculas con la tipografía Trajan Pro, un tamaño de 18px, estilo Regular de color Blanco con un suavizado Fuerte y un Tracking (espacio entre caracteres) de -100px.

Tendremos esto:



Nota: El resplandor negro no se usa, yo lo usé para que se notara la tipografía en el tutorial.

Luego en otra capa nueva escribimos frente al cuadradito rojo: VIP VERY IMPORTANT PEOPLE
La VIP en mayúsculas con la tipografía Tahoma, un tamaño de 12px, estilo Regular de color Amarillo oscuro (d8b13b) con un suavizado Fuerte.

Y el VERY IMPORTANT PEOPLE en mayúsculas con la tipografía Tahoma, un tamaño de 9px, estilo Regular de color Blanco con un suavizado Fuerte y una escala horizontal de 85%.

Tendremos esto:



La fecha y nombre...


En otra capa escribimos al borde superior del marco:
FEB 2, 2009 TIME
Esto según la fecha que queramos.
El FEB 2, 2009 en mayúsculas con la tipografía Tahoma, un tamaño de 9px, estilo Regular de color Blanco con un suavizado Fuerte y una escala horizontal de 80%.

El TIME en mayúsculas con la tipografía Tahoma, un tamaño de 9px, estilo Regular de color Blanco con un suavizado Fuerte.

Tendremos esto:




Importando las imágenes...


Creamos otra capa y le Colocamos (Archivo>Colocar... el código de barras que habiamos diseñado. Lo colocamos de tal forma que se alinie al borde blanco, logrando tener esto:



Y por último vamos a Colocamos (Archivo>Colocar... nuestra imagen del rostro con el background de cubos, y lo colocamos por debajo de todas las capas.

Una vez hecho esto terminamos nuestra portada de la revista TIME, con lo que seremos "La persona del centenario" xD

Cristalab y Mejorando.la te traen el Curso Profesional de Node.js y Javascript. Online, avanzado, con diploma de certificación y clases en vivo.

Publica tu comentario

o puedes...

¿Estás registrado en Cristalab y quieres
publicar tu URL y avatar?

¿No estás registrado aún pero quieres hacerlo antes de publicar tu comentario?

Registrate