Share
El mejor libro que he leído sobre el dibujo es el llamado Dibujo en el lado derecho del cerebro. Después de leerlo, todavía soy bastante malo para dibujar, pero aprendí mucho sobre la luz y la sombra. En este tutorial vamos a tomar algunos principios muy básicos de la luz y la sombra para crear un efecto de texto de aspecto impresionante..
Así que antes de comenzar el tutorial, aquí hay un pequeño diagrama sobre cómo la luz puede golpear un objeto. Aquí tenemos un objeto cuadrado en el medio con luz que viene de la parte superior izquierda. Puedes ver que cuando la luz incide en el objeto, se proyecta una sombra en el otro lado. Tenga en cuenta que la sombra no es una sombra paralela de Photoshop, lo que hace que el objeto se vea como si estuviera flotando sobre el lienzo. Aquí queremos que el objeto se vea como si fuera una cosa tridimensional pegada en el lienzo, extruyendo si lo desea. Ahora dime, ¿qué otro sitio de tutoriales de Photoshop te da diagramas? Es como estar de vuelta en la escuela!
Comenzamos el tutorial dibujando un sutil degradado lineal de gris oscuro a gris oscuro. Tenga en cuenta que como queremos que nuestra luz venga desde la parte superior izquierda, ahí es donde está la parte más clara del documento..
Ahora ponemos algún texto. He usado una fuente muy interesante llamada Agency FB, que tiene una sensación condensada y de borde duro. Debe hacer que el texto sea de color azul grisáceo - # c2c8d4 para ser preciso.
Luego presione Ctrl y haga clic en la capa de texto y cree una nueva capa sobre ella. En la nueva capa, con esa selección aún retenida, dibuje un degradado lineal de # 495a79 a transparente desde la parte inferior derecha a la izquierda. En otras palabras, está oscureciendo la parte inferior derecha como se muestra..
Establezca el color de primer plano en Negro (puede hacer esto presionando la letra 'D' en su teclado que restaura los valores predeterminados).
Ahora presione Ctrl y haga clic nuevamente en la capa de texto y cree una nueva capa debajo La capa de texto. Ahora presione la flecha hacia abajo en su teclado una vez y la flecha hacia la derecha en su teclado una vez. Luego presiona Alt + Retroceso para llenarlo con negro. Luego presione hacia abajo y nuevamente a la derecha una vez y rellene con negro. Cada vez que muevas 1px a la derecha y 1px abajo. Debes repetir este proceso unas 30 veces (por lo que es importante utilizar Alt + Retroceso en lugar de la herramienta de relleno).
Tenga en cuenta también que para mover la selección pero no los rellenos cuando presiona las teclas de flecha, debe tener una de las herramientas de Marquee activada. Si cambia a la Herramienta Mover (V) cuando presiona hacia abajo y hacia la derecha, realmente moverá el relleno negro así como la selección y simplemente llenará los mismos píxeles una y otra vez.
Esto es lo que deberías tener ahora. Ahora anule la selección y asegúrese de estar en la capa de sombra, luego vaya a Filtro> Desenfoque> Desenfoque de movimiento y use valores de -45 grados y una distancia de 30 px.
Establezca la capa de sombra en Multiplicar y aproximadamente 40% de opacidad y luego mantenga presionada la tecla Mayús y presione la flecha hacia abajo y luego la flecha hacia la derecha. Esto moverá su objeto hacia la derecha y hacia abajo 10px cada uno (Shift le dice a Photoshop que vaya 10px a la vez en lugar de 1). Ahora puedes tener algunas de las partes borrosas de la sombra que sobresalen de la parte superior e izquierda del objeto. Si este es el caso, toma un pequeño borrador suave y borra suavemente todo lo que no debería estar sombreado (recuerda el diagrama al principio).
A continuación, duplique la capa de sombra, mantenga presionada la tecla Mayús y muévala hacia abajo y hacia la derecha nuevamente. Luego, vuelva a ejecutar el filtro de desenfoque de movimiento con una distancia de 50px y establezca esta capa en Multiplicar y 20% de opacidad. Esto es solo para dar a nuestras sombras más de un camino fuera.
Ahora cree una nueva capa sobre todas las demás capas, mantenga presionada la tecla Ctrl y haga clic en la capa de texto principal para seleccionar sus píxeles y, de nuevo en su nueva capa, rellene la selección con Blanco. Sin embargo, no dejes ir la selección por el momento. En su lugar, presione hacia abajo y hacia la derecha una vez para alejar 1px y luego presione Eliminar.
Establece esta delgada capa de línea blanca en aproximadamente 80% de opacidad.
Como puede ver, la delgada línea blanca proporciona una especie de efecto de realce en el que la fuente de luz golpea el texto y da la impresión de que el texto es más tridimensional..
A continuación queremos crear algunas corrientes de luz natural. Cree una nueva capa sobre todas las demás y dibuje cuatro o cinco rectángulos blancos aproximadamente similares a los que se muestran (es decir, se engordan a medida que van bajando).
Ahora presione Ctrl + T para transformar, rotar y agrandar los rectángulos como se muestra. Ahora normalmente presionas Enter cuando hayas terminado, pero esta vez no te sueltes todavía. En su lugar, haga clic con el botón derecho y obtendrá un menú emergente que le mostrará otros tipos de transformaciones que puede hacer. Elija Perspectiva. La razón por la que es importante hacer esto en un solo paso es para que no pierda su cuadro delimitador. Así que tome los dos puntos superiores a la izquierda y júntelos para que la luz parezca venir de un lugar y extenderse..
Aquí tenemos nuestras cuatro tiras de "luz". Ahora configura la capa en Superposición y 20% de opacidad y luego ve a Filtro> Desenfoque> Desenfoque gaussiano y dale un radio de desenfoque de 6px.
Ahora deberías tener algo como este.
Ahora, ya que esas tiras finas están hechas para ser ligeras, tendría sentido si nuestra capa resaltada solo apareciera donde la luz estaba tocando, ¿verdad? Por lo tanto, presione Ctrl y haga clic en la capa de luz y luego haga clic en la capa de resaltado anterior, luego, mientras la selección aún está activa, haga clic en el botón Agregar máscara de capa (es el que está en la parte inferior de la paleta de capas a la derecha de 'f 'icono). Esto creará una máscara que solo muestra la capa de resaltado donde la luz se superpone..
Así que podrías parar aquí; Ya se ve bastante bien, pero terminaremos este efecto agregando un poco de iluminación cálida.
Así que en primer lugar, cree una nueva capa justo encima del fondo y rellénela con un color rosado - # 9d506c.
Ahora configure el modo de fusión de la capa rosa en Color y la opacidad en 20%. Esto le da a nuestro fondo un agradable calor rojizo. Por encima de esto ahora podemos mezclar algunos amarillos. Si no colocamos el molde rojizo por debajo, el resultado sale con un color demasiado amarillo y no particularmente real..
A continuación creamos una capa justo encima del rosa. Rellénelo completamente con blanco y luego vaya a Filtro> Render> Efectos de iluminación. No uso a menudo efectos de iluminación, pero tiene un ajuste preestablecido muy bueno llamado Two O'clock Spotlight, que puede seleccionar al ir a Estilo en la parte superior y mirar a través de las opciones. Puede usar esto por defecto, pero para nuestros propósitos, ayuda a extender la elipse para que sea un poco más larga (es decir, el foco está un poco más alejado).
Ahora configuramos la capa de iluminación como Superposición y usted tiene algo como se muestra a continuación. Ahora duplique esa capa, muévala sobre todas las demás y ajústela a 40% de opacidad. Esto asegura que nuestra iluminación cálida también interactúe con el texto y no solo con el fondo..
http://psd.tutsplus.com/tutorials/text-effects-tutorials/using-light-and-shade-to-bring-text-to-life/
Finalmente, duplicamos la capa de iluminación superior una vez más y la configuramos en 65% de opacidad, luego hacemos clic en el botón Agregar máscara de capa en la paleta de capas nuevamente y dibujamos un degradado lineal de blanco a negro desde la parte superior izquierda a la inferior derecha. Esto hace que la capa de iluminación adicional se desvanezca a medida que baja a la derecha.
Accentsconagua