dreknoun
- Seguidores
- 5
Iota
Diseñador
Verificación en dos pasos activada
Verificado por Whatsapp
Verificado por Binance
- Desde
- 17 Nov 2011
- Mensajes
- 2.476
Buenas tardes betas, vengo a mostrarles un tutorial que realicé allá por el 2011 cuando "empezaba" en esto del diseño gráfico. Aprenderemos a conseguir el efecto que vemos en la imagen de abajo. Vamos con ello.
Resultado
Abrimos nuestro Photoshop y creamos un nuevo archivo. Yo elegí el tamaño 1920 x 1080 debido a que es la resolución de mi monitor.
Una vez tenemos nuestro archivo creado elegiremos un color de fondo. En mi caso utilizo un violeta muy oscuro, el código de color es #140310.
Ahora vamos a crear el texto. En mi caso utilizo mi nick ("drek") y utilizo la fuente Century Gotic con negritas en color blanco. Tenemos que escribir cada letra en una nueva capa de texto, para poder aplicar posteriormente los efectos de manera individual.
Seleccionando la primer letra de nuestro texto, vamos a reducir su opacidad hasta el 50% y vamos a aplicar una superposición de degradado (de blanco a trasparente con el color de fondo), pueden ver cómo en la imagen a continuación.
Una vez apliquemos la opacidad y el degradado, para ahorrar tiempo copiaremos el estilo de capa y lo pegaremos en las demás letras.
Ahora pasaremos a colorear nuestro texto, para ello tendremos que cambiar el color de cada letra. Es muy sencillo, tan solo seleccionamos la letra y en la zona superior de Photoshop seleccionamos el color que queramos. Vamos a hacer esto con todas las imágenes y tendría que quedarnos tal que así (respetando, claro, el color que haya utilizado cada uno):
Procederemos a duplicar todas las capas, para ello seleccionaremos todas las capas y las meteremos en un grupo. A este grupo lo convertiremos en un objeto inteligente para poder aplicarle efectos.
Una vez tengamos nuestra copia, volveremos a duplicarla (esta vez con Ctrl + J) quitaremos la vista al "Grupo 1" para ver únicamente las nuevas capas. A la primera le aplicaremos un desenfoque gaussiano (Filtro > Desenfoque > Desenfoque gaussiano) de 3px. Ahora formaremos un nuevo grupo con ambas capas y lo convertiremos en un objeto inteligente. Lo duplicaremos tres veces (hasta obtener cuatro capas) y vamos a modificar su opacidad y modo de fusión como les muestro a continuación (contaremos desde la capa 1 como la primera y la 4 como la última que se ha generado, es decir, desde abajo hacia arriba):
Una vez hecho esto tendríamos que tener el siguiente resultado:
Ahora seleccionaremos la primer capa y le añadiremos una superposición de degradado. Nuevamente, desde el 100% al 0% de opacidad, con un color similar al del fondo aunque más claro. En mi caso he utilizado el color #420734.
Ahora comenzaremos a borrar un poco la zona inferior del texto, para ello vamos a meter todas las capas nuevamente en un grupo y vamos a utilizar un pincel con una dureza del 0%. Este es el resultado que he obtenido:
Duplicaremos la capa y la utilizaremos como reflejo, para ello presionaremos Ctrl + T y daremos clic derecho > voltear vertical. Ahora le daremos un poco de "movimiento" al texto. Duplicaremos la capa y a la original le daremos un desenfoque de movimiento (Filtro > Desenfoque > Desenfoque de movimiento), a 0º, con una distancia de 90 y con un 50% de opacidad en la capa. Haremos lo mismo con la que está más arriba, aunque con una opacidad del 80% en nuestra capa.
Podemos bajar un poco más la opacidad del reflejo y borrar algo más la zona superior (el "bajo" de las letras) para dar un mejor efecto.
Ahora agruparemos nuestras cuatro capas (nuevamente, seleccionamos todo y creamos un nuevo grupo), y le añadiremos un satinado. Las propiedades del satinado son las siguientes:
Vamos a crear un pequeño "destello" de color en el fondo, para resaltar más nuestro texto. Para ello seleccionaremos un pincel, sin dureza, en un tono más claro de nuestro fondo (yo he utilizado #ad3791). Pondremos el modo de fusión en "luz lineal" y con una opacidad del 30%.
Obtenemos un resultado bastante aceptable. Si queremos mejorar el resultado podemos probar a modificar las opciones de fusión y ajustes de cada capa. Si bien nos puede llevar algunos minutos extra, podemos mejorar bastante nuestro resultado con una buena combinación de colores.
Resultado
Abrimos nuestro Photoshop y creamos un nuevo archivo. Yo elegí el tamaño 1920 x 1080 debido a que es la resolución de mi monitor.
Una vez tenemos nuestro archivo creado elegiremos un color de fondo. En mi caso utilizo un violeta muy oscuro, el código de color es #140310.
Ahora vamos a crear el texto. En mi caso utilizo mi nick ("drek") y utilizo la fuente Century Gotic con negritas en color blanco. Tenemos que escribir cada letra en una nueva capa de texto, para poder aplicar posteriormente los efectos de manera individual.
Seleccionando la primer letra de nuestro texto, vamos a reducir su opacidad hasta el 50% y vamos a aplicar una superposición de degradado (de blanco a trasparente con el color de fondo), pueden ver cómo en la imagen a continuación.
Una vez apliquemos la opacidad y el degradado, para ahorrar tiempo copiaremos el estilo de capa y lo pegaremos en las demás letras.
Ahora pasaremos a colorear nuestro texto, para ello tendremos que cambiar el color de cada letra. Es muy sencillo, tan solo seleccionamos la letra y en la zona superior de Photoshop seleccionamos el color que queramos. Vamos a hacer esto con todas las imágenes y tendría que quedarnos tal que así (respetando, claro, el color que haya utilizado cada uno):
Procederemos a duplicar todas las capas, para ello seleccionaremos todas las capas y las meteremos en un grupo. A este grupo lo convertiremos en un objeto inteligente para poder aplicarle efectos.
Una vez tengamos nuestra copia, volveremos a duplicarla (esta vez con Ctrl + J) quitaremos la vista al "Grupo 1" para ver únicamente las nuevas capas. A la primera le aplicaremos un desenfoque gaussiano (Filtro > Desenfoque > Desenfoque gaussiano) de 3px. Ahora formaremos un nuevo grupo con ambas capas y lo convertiremos en un objeto inteligente. Lo duplicaremos tres veces (hasta obtener cuatro capas) y vamos a modificar su opacidad y modo de fusión como les muestro a continuación (contaremos desde la capa 1 como la primera y la 4 como la última que se ha generado, es decir, desde abajo hacia arriba):
- Capa 1: Normal - 70% opacidad
- Capa 2: Sobreexponer color - 70% opacidad
- Capa 3: Luminosidad - 100% opacidad
- Capa 4 - Normal - 50% opacidad
Una vez hecho esto tendríamos que tener el siguiente resultado:
Ahora seleccionaremos la primer capa y le añadiremos una superposición de degradado. Nuevamente, desde el 100% al 0% de opacidad, con un color similar al del fondo aunque más claro. En mi caso he utilizado el color #420734.
Ahora comenzaremos a borrar un poco la zona inferior del texto, para ello vamos a meter todas las capas nuevamente en un grupo y vamos a utilizar un pincel con una dureza del 0%. Este es el resultado que he obtenido:
Duplicaremos la capa y la utilizaremos como reflejo, para ello presionaremos Ctrl + T y daremos clic derecho > voltear vertical. Ahora le daremos un poco de "movimiento" al texto. Duplicaremos la capa y a la original le daremos un desenfoque de movimiento (Filtro > Desenfoque > Desenfoque de movimiento), a 0º, con una distancia de 90 y con un 50% de opacidad en la capa. Haremos lo mismo con la que está más arriba, aunque con una opacidad del 80% en nuestra capa.
Podemos bajar un poco más la opacidad del reflejo y borrar algo más la zona superior (el "bajo" de las letras) para dar un mejor efecto.
Ahora agruparemos nuestras cuatro capas (nuevamente, seleccionamos todo y creamos un nuevo grupo), y le añadiremos un satinado. Las propiedades del satinado son las siguientes:
Vamos a crear un pequeño "destello" de color en el fondo, para resaltar más nuestro texto. Para ello seleccionaremos un pincel, sin dureza, en un tono más claro de nuestro fondo (yo he utilizado #ad3791). Pondremos el modo de fusión en "luz lineal" y con una opacidad del 30%.
Obtenemos un resultado bastante aceptable. Si queremos mejorar el resultado podemos probar a modificar las opciones de fusión y ajustes de cada capa. Si bien nos puede llevar algunos minutos extra, podemos mejorar bastante nuestro resultado con una buena combinación de colores.
