Share
Cuando se usan juntos, Photoshop e Illustrator son una combinación poderosa. Se pueden combinar para crear casi cualquier tipo de ilustración. Hoy, demostraremos cómo esbozar un dibujo, refinarlo en Illustrator y luego llevarlo a Photoshop para crear una ilustración tipográfica brillante realmente brillante..
Los siguientes recursos fueron utilizados durante la producción de este tutorial..
El primer paso es, obviamente, crear tu tipo. Para hacer esto, puede usar el archivo type-sketch.jpg (proporcionado en los archivos de descarga) o, si lo prefiere, trabajar desde su propio sketch. Tome un poco de papel y, aproximadamente, dibuje algún tipo, por ejemplo, la palabra vicioso. No necesita demasiada precisión en esta etapa (como puede ver en mi bosquejo), enfóquese sobre todo en crear letras bonitas, suaves, redondeadas y que goteen. Una vez hecho esto, abra Illustrator y cree un nuevo documento horizontal A3. Seleccione Archivo> Colocar y abra el archivo type-sketch.tiff o su propio boceto. En la paleta de capas, haga doble clic en la capa, asígnele el nombre Guía y bloquee esta capa. Como puede ver, no hay labios en mi boceto, no se preocupe, los agregará más tarde.
Ahora, crea otra capa sobre la capa guía y llámala tipo. Seleccione la herramienta Pluma (P) y con un trazo de 1 punto y un color brillante comience a trazar el contorno de las letras. No te sientas limitado por el boceto. Siéntase libre de hacer cambios sobre la marcha para mejorar el contorno de las letras. No utilice demasiados puntos de anclaje, cuanto menos, mejor. Recuerde activar y desactivar la capa de guía para ver cómo se encuentra.
Continuar trazando los contornos. Si tiene uno, le sugiero que use una tableta gráfica para esto. Cuando no te guste un punto en particular, toma la Herramienta de selección directa (A) y mueve suavemente las manijas de ese punto hasta que estés satisfecho. Siéntase libre de agregar cualquier otro detalle que desee en su tipo. Experimente y exagere sus curvas o agregue otras gotas si lo considera necesario..
Una vez que haya terminado con el esquema, haga doble clic en el Selector de color y use los valores a continuación para crear el relleno del tipo, luego presione Cmd / Ctrl + A para seleccionar todo y vaya a Objeto> Expandir, deje el relleno y el trazo marcados y haga clic en Aceptar. Deberías terminar con algo como esto..
Ahora es el momento de agregar algo de profundidad a nuestro tipo y crear algunos aspectos básicos que mejorará más adelante en Photoshop. Seleccione el tipo haciendo clic en él con la Herramienta de selección (V) y presione Cmd / Ctrl + G para agrupar el objeto y haga doble clic en él para ingresar al grupo. Ahora, vuelva a agarrar la herramienta Pluma (P), seleccione una con un trazo de 8 puntos sin relleno en la esquina superior izquierda y comience a dibujar el resalte aproximadamente en el centro de la V como se muestra en la imagen de abajo. Abra el panel de trazo desde la derecha y haga clic en la opción Casquillo redondo para redondear la extremidad de su trazo.
Ahora expanda el trazo que acabamos de crear como se explica en el paso 4, de esta manera puede editar todos los puntos de anclaje y modificar fácilmente la forma que acabamos de crear. Con la Herramienta de selección directa (A), seleccione el punto que desea editar y comience a ampliar cuidadosamente algunas partes de la forma en la proximidad de donde cree que los resaltes serán más visibles y más gruesos. Esta etapa es más una cuestión de experimentación. Debe imaginar, de alguna manera, cómo se verá mejor el resaltado y colocarlo de esa manera.
Con la forma seleccionada, vaya a Efecto> Desenfoque> Desenfoque gaussiano y ajústelo a unos 30 o 40 píxeles y reduzca la opacidad al 58%. Siempre puedes modificar estos valores desde el panel de apariencia. Ahora es importante que estos efectos sigan siendo escalables, así que vaya a Illustrator> Preferencias> General y marque la casilla Scale Strokes and Effect. De esta manera, está seguro de que el efecto siempre se escalará proporcionalmente al objeto.
Ahora, es mejor enmascarar el grupo para que todos los puntos destacados y las sombras que se van a crear no puedan salir de los límites del tipo. Seleccione el tipo y presione Cmd / Ctrl + C> Cmd / Ctrl + F para pegar al frente, luego con la copia seleccionada, vaya a Objeto> Organizar> Traer al frente. Ahora seleccione la copia y la primera forma de tipo y seleccione Objeto> Máscara de recorte> Crear. De esta manera, puede crear un sombreado sutil más oscuro en los bordes del tipo. Para hacer esto, nuevamente Cmd / Ctrl + C> Cmd / Ctrl + F, pero deje solo un trazo de 4 - 7 pts y no llene esta forma y asígnele este color C: 10 M: 100 Y: 50 K: 0. Una vez hecho esto, aplícale un Desenfoque Gaussiano con un radio de 9px como hiciste en el paso anterior.
Ahora, con la misma técnica que usaste en los pasos 6 y 7, debes crear todos los demás aspectos destacados. Experimente con el Desenfoque gaussiano y recuerde variar los grosores de línea. No hay reglas aquí, solo coloca estos puntos destacados de una manera agradable. ¡Sigue experimentando y diviértete! No se sienta limitado por mi imagen, siéntase libre de colocar más o menos puntos destacados y en diferentes posiciones, si cree que podría verse mejor. Una vez hecho esto deberías tener algo como esto.
Con el tipo hecho por ahora, el siguiente paso es crear las bocas, como lo hizo con el tipo, puede usar los bocetos que se proporcionan en la descarga o dibujar un boceto rápido por usted mismo. En cualquier caso, ahora tiene que trazar estas bocas en Illustrator usando el boceto como una guía como lo hizo para el tipo. Por lo tanto, cree otra capa en la parte inferior de la pila de capas y llámela Mouth1guide, por ejemplo. Con esta capa seleccionada, presione Archivo> Colocar y abra mouth1sketch.jpg o su propio boceto, luego bloquee esta Capa. Crea otra capa encima de esto y llámala boca1.
Con la capa boca1 seleccionada, alterne la visibilidad del tipo de capa y trace todos los bordes del boceto de la boca con la herramienta Pluma (P) como lo hizo con el tipo. Cierre la ruta, elimine el trazo y rellénelo con un rojo intenso, por ejemplo, C: 15 M: 100 Y: 90 K: 10. Recuerda que tu boceto es solo una guía, no dudes en mejorarlo donde creas que es necesario. Una vez hecho esto, alternando la visibilidad de esta última forma también, comience a dibujar la parte interna de los bordes de los labios hasta que también se cierre esta trayectoria, elimine el trazo y déle un 70% de magenta.
Ahora tienes que crear una ruta compuesta y restar la forma magenta de la roja para crear los labios. Así que arrastre la forma magenta debajo del rojo, arrástrela a la miniatura de Crear nueva capa en la parte inferior de la Paleta de capas, luego seleccione las dos formas (no la última copia), vaya a la Paleta de pioneros a la derecha y haga clic en el botón Menos Atrás (el último en la parte inferior derecha). De esta manera básicamente creas un "agujero" en el centro de la boca. Es importante porque entonces creará una capa de forma para los labios como lo hizo en el paso 8 para el tipo.
Es hora de sacar los dientes. Una vez hecho esto, simplemente colóquelos justo detrás de la forma de los labios (el rojo) y antes de las encías (forma magenta) utilizando un relleno blanco sin trazo. Una vez finalizado aplique un degradado a la forma de las encías. Para hacerlo, con la capa de gomas seleccionada, abra la pestaña de degradado a la derecha y use los valores siguientes haciendo doble clic en las muestras a lo largo del control deslizante de degradado. Para crear un nuevo valor, haga clic justo debajo del control deslizante. Para copiar uno existente, simplemente pulse la tecla Alt y arrastre.
Es hora de añadir un poco de profundidad a la boca también. Ahora que estás acostumbrado al efecto de desenfoque gaussiano, vamos a utilizar mucha de esta técnica. Casi todo el sombreado se hará con él, hasta que trabajemos en Photoshop. Entonces comience a seleccionar la forma de labios rojos creada antes, presione Cmd / Ctrl + G para agruparla y luego haga doble clic para ingresar al grupo. Cmd / Ctrl + C> Cmd / Ctrl + F para copiarlo y pegarlo en su lugar. Elimine el relleno de esta copia y (desde el Panel de apariencia) aplique un trazo de 10 px del mismo color con un desenfoque gaussiano de 22 px y la opacidad al 100% Multiplique. Duplíquelo, pero redúzcalo en 2px y reduzca la opacidad al 75%. Tiene el sombreado alrededor de los bordes, pero necesita crear una máscara como hizo en el paso 8, si no el sombreado que aplicará superará los bordes de la boca.
Vamos a crear la máscara. Seleccione la forma de labios rojos Cmd / Ctrl + C> Cmd / Ctrl + F luego traiga la copia al frente, seleccione ambas formas y presione Objeto> Máscara de recorte> Crear y luego deje el sombreado entre estas dos formas. Una vez hecho esto, puede comenzar a crear algunos aspectos destacados porque, como sabe, cada sombreado que vamos a aplicar permanecerá dentro de los bordes de la boca. Vamos a crear un par de ellos. Cree un trazo blanco de 9 píxeles en el labio inferior (como abajo), aplique un Desenfoque gaussiano de 21 píxeles, reduzca la opacidad al 94% y configure el modo de fusión en Superposición. Recuerde que la clave es experimentar con la opacidad y el modo de fusión para obtener un buen sombreado. Ahora cree un sombreado ligeramente más oscuro cerca de los dientes con otro trazo de 10px C: 33 M: 100 Y: 100 K: 54 color 20px Desenfoque gaussiano y opacidad 69% Multiplica.
Continúe de esta manera para todo el sombreado que desee crear para la boca, recuerde que como lo hizo en el paso 6, puede convertir los trazos en rellenos creando trazos de contorno, cuando necesite más control sobre sus formas. Como dije para la parte de tipo del sombreado, depende de usted la cantidad y la fuerza del sombreado, pero no exagere, porque los "exagerará" más adelante en Photoshop. Una vez terminado, deberías tener algo como esto a continuación. Para obtener más luminosidad, he duplicado los labios (solo los labios) en la parte superior con un Desenfoque gaussiano de 9px 100% de opacidad y Pantalla de modo de fusión. Pero depende de ti.
Es hora de crear la otra boca; si lo prefiere, puede trabajar en un archivo separado o usar el mismo, no es importante, ya que exportaremos los elementos uno por uno más adelante en Photoshop para organizar la composición de la manera correcta. Así que cree una nueva capa, vaya a Archivo> Colocar y abra mouth2sketch.jpg. Llame a esta capa mouth2guide por ejemplo y bloquéela. Cree otra capa encima y comience a trazar el boceto, repitiendo las técnicas aprendidas hasta el momento desde el paso 11 al 16. Recuerde dibujar tres caminos diferentes, uno para los labios, uno para la parte interna de la boca y otro para los dientes . Y sobre todo recuerda enmascarar la forma en la que quieres poner sombreado. A continuación, puede ver cómo está estructurada mi pila de capas sobre esta parte del tutorial..
Ok, ahora es tiempo de Photoshop! Ahora comencemos la parte realmente divertida porque realmente vamos a dar vida a la obra de arte que hemos dibujado hasta ahora con muchas luces, sombras y texturas hasta que nos quede una imagen realmente rica, profunda y brillante. Deberías tener algo como esto abajo hasta ahora. Lo último que se agrega en Illustrator es la forma líquida a continuación. Como puede ver, es un camino cerrado muy fácil e intuitivo con algunas curvas. Rastree esta forma, dale el mismo color del tipo que has hecho con Illustrator!
En Photoshop, cree un nuevo documento horizontal A3, cree una nueva capa y aplique una superposición de degradado haciendo doble clic en la capa. Luego, aplique los siguientes valores.
El siguiente paso es comenzar a trabajar duro en el tipo. Así que seleccione todo el tipo en Illustrator y cópielo en Photoshop como un objeto inteligente. Escala y colócala como se muestra. Llame a este tipo de base de capa. Cree una nueva capa encima de esto y presione Cmd / Ctrl + G para crear un grupo. Llame a este grupo shadows1, tome un cepillo suave entre 200 - 250px, la opacidad de alrededor del 20% habilita el aerógrafo y establece el color de primer plano en negro. Ahora, sin salir de la nueva capa, cree una selección presionando Cmd / Ctrl + Clic en la miniatura del objeto inteligente en la capa de tipo y con la selección activa, comience a pintar suavemente en los bordes del tipo. Continúe de esta manera, pero no use la misma capa para todo el sombreado y experimente variando ligeramente la opacidad.
Usando la misma técnica, trabaja una serie de luces. Comience por crear una nueva capa justo encima de la carpeta de la sombra, luego Cmd / Ctrl + G para crear un grupo. Establezca el color de primer plano en blanco y con el mismo pincel suave utilizado para la sombra, comience a pintar las luces con una opacidad de aproximadamente 40 a 50%. Usa las luces de Illustrator como guía. Si está utilizando una tableta, trate de acostumbrarse a crear trazos delgados a gruesos aplicando un aumento gradual de la presión. A veces, puede duplicar una capa para reforzar un resaltado, luego seleccionar ambas capas y presionar Cmd / Ctrl + E para fusionarlas. He aplicado algunos trazos con un modo de fusión configurado en Luz suave, pero siéntase libre de experimentar. Cuando haya terminado de crear otra carpeta llamada estrellas, configúrela en Color Dodge y coloque el grupo de luces dentro de ella.
Ahora cree una selección desde la capa de texto como lo hizo en el paso 20, luego apunte a la carpeta Estrellas con la selección aún activa, haga clic en el botón Agregar máscara vectorial en la parte inferior de la Paleta de capas. De esta manera, la textura que insertará en este grupo no superará el tipo. Ahora abra la imagen de estrellas provista en la carpeta de descarga, presione Cmd / Ctrl + L para abrir los Niveles e inserte los siguientes valores. Luego Imagen> Ajuste> Color selectivo e inserte nuevamente los valores en la captura de pantalla.
Lo que necesita de esa imagen es solo la parte con las estrellas, no la parte con las nebulosas, es por eso que usamos la máscara para que pueda mover, cambiar el tamaño, rotar y hacer lo que quiera con esto, pero la parte de la foto que Salir de los bordes del tipo no será visible. Luego, con la capa seleccionada en la carpeta de estrellas, arrastre con la Herramienta de selección (V) la imagen dentro de ella y, gracias al modo de combinación de Color Dodge aplicado antes de ver una especie de brillo. Organice la imagen de una manera agradable, cuando esté satisfecho, seleccione la capa de tipo, haga doble clic en ella para abrir la ventana Estilo de capa y establezca todo como en la imagen.
Cree otra carpeta justo encima de la capa de estrellas, llámela Luces 2 aquí. Comenzará a crear algunos reflejos brillantes y brillantes hechos por las Capas de forma creadas con la Herramienta Pluma (P) y la Herramienta Elipse (U) principalmente. Alterna estas dos herramientas para trazar formas redondeadas suaves donde quieras que brille tu tipo. Recuerde usar capas diferentes y usar diferentes grados de opacidad. Por ejemplo, en la V use el lápiz (P) para crear la forma larga de la izquierda, luego reduzca la opacidad al 64% y finalmente aplique un Desenfoque Gaussiano (Filtro> Desenfoque> Desenfoque Gaussiano) con una cantidad entre 18 y 20 px. Crea aleatoriamente pequeños círculos también, alternando varias opacidades y difuminándolos. ¡Experimenta y diviértete! Siempre es la mejor manera de crear buenas piezas. Refiérase, si quiere, a mi imagen de abajo..
Si desea asignar algo de organización a las capas, puede agrupar todo el sombreado para el tipo. Ahora que conoces esta técnica de sombreado, es hora de poner tus manos en la primera boca. Como dije las técnicas son las mismas y la secuencia también. Por lo tanto, solo tiene que volver al archivo de Illustrator, seleccionar mouth1 y pegarlo como un objeto inteligente en una nueva capa sobre el nuevo tipo de grupo de sombreado, escalarlo y organizarlo correctamente, y repetir todo el sombreado y la textura (use la misma foto ) para el tipo. Una vez hecho esto deberías tener algo como esto.
¿Recuerda la forma líquida del fondo hecha en el paso 18? Bueno, es hora de importarlo a Photoshop como un objeto inteligente en una capa debajo de todas las demás. Escálelo para ajustarse a la composición y aplique una Superposición de degradado de negro a rojo intenso utilizando la configuración a continuación. Para crear una sensación de movimiento, dibuje una especie de trayectoria ondulada con la herramienta Pluma (P), luego cree una selección desde ella y en una nueva capa con un Pincel blanco suave (B) y baja opacidad, dibuje suavemente desde el exterior de la selección. Luego dibuja otras luces y sombras con las técnicas aprendidas hasta ahora. Para crear la pequeña burbuja, con la herramienta Elipse (U) configurada en la capa de forma, simplemente dibuje formas pequeñas blancas o rojas y use la configuración de estilo de capa que se encuentra a continuación..
Ahora coloque la otra boca debajo de esta última capa importándola nuevamente como un objeto inteligente. Organícelo en la composición, escálelo adecuadamente si es necesario, luego aplique una Superposición de degradado sutil usando la configuración de abajo. Agregue rápidamente profundidad a la boca eligiendo entre las técnicas con las que aprendió que se siente más cómodo. He hecho lo más destacado en el labio superior con una selección y usando un pincel suave blanco. Mientras tanto, puede crear, en la capa superior, un Mapa de degradado que va a Capa> Nueva capa de ajuste> Mapa de degradado y utilice los valores siguientes. Establezca el modo de fusión de esta capa en Superposición y déjelo encima de todos los demás.
Como podemos ver, la imagen realmente está empezando a tener "fuerza", solo necesita un poco más de detalle. Por ejemplo otra serie de luces brillantes aquí y allá. Así que cree otro grupo justo debajo del mapa de degradado y repita los contornos de la técnica en el paso 24, pero esta vez cree algunos puntos destacados realmente cerca de los bordes del tipo. Para hacer esto, puede crear una selección a partir del tipo, que puede contraer la selección por 10px. Seleccione> Modificar> Contrato cuando aparezca una ventana emergente, escriba 10px y verá la selección contraída. Luego, con el habitual cepillo suave, pinte fuera de la selección como lo hizo en el paso 26. Agregue cualquier otro detalle que desee tener.
Por último añadiremos algunas otras formas de goteo. En una nueva capa, dibuje los goteos sobre la V y sobre la O. Así que con la herramienta Pluma (P) dibuje un recorrido que comienza desde fuera del tablero de Arte y termina sobre la V. Trate de dar la impresión de que el líquido sigue el Forma de la carta. Una vez hecho esto, dale el color C: 17 M: 100 Y: 96 K: 8 haciendo doble clic en la miniatura de la capa y dale una Superposición de degradado haciendo doble clic en la capa e inserta la siguiente configuración en el menú de estilo de capa cuando aparezca arriba. Luego genere una selección a partir de ella haciendo clic con la tecla Alt presionada en la miniatura de la máscara vectorial y en una nueva capa con la selección aún activa, comience a pintar con un pincel suave negro con baja opacidad como lo hizo con las otras sombras. Crea de esta manera también algo de luz, esta vez utilizando el pincel blanco en una nueva capa. Repita este paso para el goteo sobre la O también.
Usando la misma técnica, puedes trabajar fácilmente la "caída" detrás del I. Puedes poner un poco de sombreado aquí y allá donde creas que es necesario, pero no lo hagas en exceso. Lo último es crear esos pequeños agujeros en la proximidad de las gotas caídas debajo del tipo. Puedes crear uno, luego copiarlo y escalarlo en varias dimensiones. Las técnicas para hacerlo son las mismas que hiciste otras veces, primero crea un pequeño círculo rojo (el mismo rojo del que gotea) con la herramienta Elipse (U), agrega un gradiente (usa la configuración a continuación), luego crea una selección de y en las nuevas capas crea sombras y luces como lo hiciste muchas veces. De un lado con la herramienta Pluma (P) puede dibujar una pequeña forma de goteo como la de la imagen de abajo.
Enhorabuena ¡Estas casi listo! Ahora, alise su imagen (¡pero mantenga una versión en capas!) Y aplique algunos ajustes (Brillo / Contraste, Niveles, Saturación, etc.) juegue un poco con esta configuración hasta que esté satisfecho. Una cosa importante es usar un poco de Filtro de máscara de enfoque> Enfocar> Máscara de enfoque en la imagen aplanada. Para hacer esto, vaya a Imagen> Modo y elija Laboratorio, luego en la Paleta de canales seleccione la Luminosidad y aquí aplique la Máscara de enfoque (no demasiado, deje marcada la vista previa para ver). A continuación, vuelva a convertir su modo de color en RGB. Ahora ya está hecho!
Accentsconagua