Cómo utilizar pinceles para crear un efecto de texto de sandía en Illustrator
Spanish (Español) translation by Nadia Gonzales (you can also view the original English article)
Sigue este tutorial y aprende a crear un efecto de texto de sandía totalmente vectorial en Adobe Illustrator.
Empezaremos con el texto y utilizando unas cuantas técnicas de manipulación obtendremos todas las letras que necesitamos para completar este efecto. Una parte importante es el aspecto de sandía y lo crearemos añadiendo múltiples rellenos y trazos en el panel Apariencia y luego lo guardaremos como un estilo de sandía en el panel Estilos Gráficos. Continuaremos con la textura de la pulpa de la sandía, que también es vectorial y está creada con los Pinceles de arte y dispersión de la biblioteca. Para añadir las semillas crearemos y guardaremos nuestro propio pincel de dispersión de semillas. Al final, añadiremos algunas luces y sombras y crearemos un par de gotas de zumo para hacer este efecto más atractivo. ¡Empecemos!
Recursos del tutorial
Para completar el tutorial necesitarás los siguientes recursos:
1. Comienza un nuevo proyecto
Inicia Illustrator y ve a Archivo > Nuevo para abrir un documento en blanco. Escribe un nombre e introduce las dimensiones, luego selecciona Píxeles como Unidades y RGB como Modo de color.
A continuación, ve a Edición > Preferencias > Generales y establece Incrementos de teclado en 1px. Una vez allí, ve también a Unidades y rendimiento de visualización y establece las Unidades como se indica. Yo suelo trabajar con estos ajustes, los cuales te ayudarán a lo largo del proceso de dibujo.



2. Crea las formas de las letras
Paso 1
Toma la herramienta Texto (T) y escribe las siguientes letras en tu mesa de trabajo. Utiliza las fuentes y los tamaños indicados para cada una. La palabra es "SAMPLE" pero crearemos las letras "A" y "L" por separado.



Paso 2
Ahora vamos a crear la letra "A". Toma la herramienta Estrella, haz clic en tu mesa de trabajo para abrir la ventana de la Estrella e introduce los ajustes que se muestran a continuación. Obtendrás un triángulo al revés, pero puedes voltearlo yendo al panel Transformar y seleccionando Voltear vertical en el menú desplegable (esquina superior derecha).
Usando la herramienta Selección directa (A) selecciona sólo el punto central inferior y muévelo hacia abajo unos 9px presionando la tecla de flecha hacia abajo en tu teclado 9 veces. A continuación, con la herramienta Convertir punto de ancla (Mayúsculas-C) haz clic en este punto y arrástralo para generar los controladores.



Paso 3
Selecciona sólo los puntos "1" y "2" con la herramienta Selección directa (A) y luego ve a Archivo > Secuencia de comandos > Redondear cualquier esquina y aplica un Radio de 10. Como resultado obtendrás los vértices redondeados en la parte inferior. A continuación, selecciona el punto "3" y muévelo hacia arriba unos 15px pulsando la tecla de flecha hacia arriba de tu teclado 15 veces. También puedes utilizar Objeto > Transformar > Mover. Ahora, toma la herramienta Eliminar punto de ancla (-) y haz clic en los puntos "4" y "5" para eliminarlos.



Paso 4
Por último, utiliza la herramienta Convertir punto de ancla (Mayús-C) para generar pequeños controladores para el punto superior, y la forma de letra "A" está lista.



Paso 5
Mueve la forma obtenida en el paso anterior a su lugar y luego dibuja una elipse para la letra "L". Nombraré estas formas: "letra S", "letra A", "letra M", "letra P", "letra L" y "letra E". Te recomiendo que hagas varias copias porque luego las necesitarás más de una vez.
Las letras "A" y "E" están coloreadas de forma diferente porque no actuarán como las letras sino que las utilizaremos como máscaras.



Paso 6
A continuación, toma la herramienta Rectángulo (M) y dibuja un rectángulo sobre la "letra A". Ambas formas deben tener el mismo ancho en la parte inferior (1). Utiliza la herramienta Añadir punto de ancla (+) para añadir un punto extra en la parte inferior del rectángulo, en el centro (2) y luego selecciona sólo este punto y muévelo hacia abajo hasta que se encuentre con la parte inferior del triángulo (3). Transforma este punto de vértice a punto suavizado arrastrando los controladores con la herramienta Convertir punto de ancla (4) luego también con esta herramienta arrastra los controladores de los puntos inferiores izquierdo y derecho del rectángulo (5).



Paso 7
En este punto tu texto debería tener el aspecto que se muestra a continuación, con la forma obtenida en el paso anterior detrás de la "letra A". A continuación, céntrate en la "letra E" y con la herramienta Elipse (L) dibuja una forma del mismo tamaño. No es exactamente un círculo y las dos formas deben coincidir perfectamente en el lado izquierdo.
Llamaré a estas dos formas "falsa A" y "falsa E" y de nuevo te recomiendo que hagas copias extra porque las necesitarás más tarde.



Paso 8
Ahora, céntrate en la "letra M". Toma la herramienta Pluma (P) o la herramienta Segmento de línea (\) y dibuja una línea recta sobre las ondas. Selecciona la "letra M" y también la línea y pulsa Dividir en el panel Buscatrazos. Desagrupa (Mayúsculas-Control-G) y luego borra la forma más pequeña de la parte inferior. Usando la herramienta Selección directa (A) selecciona sólo los dos puntos de anclaje de la parte inferior y muévelos hacia abajo como se muestra a continuación.



Paso 9
Usa la herramienta Elipse (L) para dibujar tres elipses en la parte inferior, como se muestra en la imagen y luego agrúpalas (Control-G). Copia y Pega delante (Control-F) la forma del paso anterior, luego selecciona esta copia y también el grupo de elipses y pulsa Restar en el panel Buscatrazos. Llamaré a la forma recién obtenida (púrpura) "letra M" y a la de atrás (gris) "falsa M".



Paso 10
En este punto, todas las formas están prácticamente listas. Solo tienes que tomar la herramienta Eliminar punto de ancla (-) y hacer clic en el punto indicado de la letra "P" para eliminarlo.



3. Crea el estilo sandía
Paso 1
Ahora vamos a empezar con la apariencia de sandía en sí. Céntrate en una de las letras y selecciona verde como color de relleno. En el panel Apariencia, abre el menú desplegable y elige Añadir nuevo relleno para añadir un segundo atributo de relleno sobre el primero. Cambia el color a verde oscuro. Teniendo el segundo Relleno seleccionado en el panel Apariencia, ve a Efecto > Trazado > Desplazamiento y aplica un Desplazamiento de -0.84px. El propósito es obtener un borde exterior delgado.



Paso 2
Al igual que en el paso anterior, añade un tercer relleno encima de los dos. Mientras este atributo de Relleno está seleccionado en el panel Apariencia, cambia el color a rosa claro y luego ve a Efecto > Trazado > Desplazamiento y aplica un Desplazamiento de -2.4px.



Paso 3
Añade un nuevo relleno sobre el resto y esta vez utiliza el degradado radial indicado. Teniendo este atributo de Relleno seleccionado, aplica un Desplazamiento de -6,3px y como resultado obtendrás la zona de la pulpa de la sandía.



Paso 4
Ya hemos terminado con los rellenos, pero ahora vamos a añadir unos cuantos trazos. Selecciona verde claro para el primer Trazo y luego ve a Efecto > Trazado > Desplazamiento y aplica un Desplazamiento de -2.8px. El objetivo es conseguir un borde fino de color verde claro justo al lado del relleno verde oscuro (observa el primer acercamiento). Si tu trazo no está ahí, puedes ajustar el valor de Desplazamiento en cualquier momento porque este es un efecto interactivo.



Paso 5
Añade un segundo trazo por encima del primero abriendo el menú desplegable del panel Apariencia y eligiendo Añadir nuevo trazo. Teniendo este atributo de Trazo seleccionado en el panel Apariencia, aplica un Desplazamiento de -3.8px y luego reduce la Opacidad al 60%. El color sigue siendo el mismo. Este segundo trazo debería estar justo al lado del primer trazo y si no es así, puedes ajustar el valor del Desplazamiento.



Paso 6
Añade un tercer Trazo por encima de los otros, aplica un Desplazamiento de -4,8px y reduce la Opacidad al 30% esta vez. El color sigue siendo el mismo. Después de esto, el aspecto de sandía estará completo y tendrás la cáscara verde, la pulpa roja y el área más clara entre las dos.



4. Guarda y aplica el estilo de sandía
Paso 1
Ahora, abre el panel Estilos gráficos (Ventana > Estilos gráficos) y ten cerca el panel Apariencia. Selecciona tu letra y luego, desde el panel Apariencia, arrastra la miniatura al panel Estilos gráficos para guardarla.



Paso 2
Vuelve a las letras y selecciona las siguientes formas: "falsa A", "falsa M", "letra P" y "falsa E". Aplícales el estilo sandía seleccionándolo en el panel de Estilos gráficos.



Paso 3
Como he dicho al principio, utilizaremos la "letra A", la "letra M" y la "letra E" para crear máscaras. Así que, selecciona "falsa A" y "letra A" (que debe estar delante, sin relleno y sin trazo) y luego ve a Objeto > Máscara de recorte > Crear (Control-7). Repite lo mismo con "M falsa" y "letra M", luego con "E falsa" y "letra E". Puedes ver el resultado final en la siguiente imagen.



5. Añade textura a la pulpa de la sandía
Paso 1
Toma la herramienta Lápiz (N) y dibuja unos cuantos trazados en cada letra, de dos a cuatro dependiendo del tamaño y la forma de cada letra, pero básicamente deben cubrir el área de la pulpa. Puedes ver la configuración de la herramienta Lápiz a continuación, aunque también puedes utilizar la herramienta Pluma (P) para ello.



Paso 2
Selecciona todos los trazados dibujados en el paso anterior y trazalos con un Pincel artístico llamado "Tiza" que puedes encontrar en Biblioteca de pinceles > Artístico > Artístico_LápizTizaCarboncillo. Ajusta el Grosor del trazo a 0,6 pt.



Paso 3
Con todos los trazados seleccionados, ajusta el Modo de fusión a Superponer.



Paso 4
Toma de nuevo la herramienta Lápiz (N) y dibuja unos trazados en espiral encima de cada letra, como se muestra en la imagen. Traza estos trazados con un Pincel de dispersión llamado "Salpicadura de tinta 1" que puedes encontrar en Biblioteca de pinceles > Artístico > Artístico_Tinta. Establece el Grosor del trazo en 0,3 pt y el color del trazo en blanco para todos ellos.



A continuación puedes ver los ajustes que he utilizado para el trazo del pincel. Haz doble clic en el trazo de pincel aplicado en el panel Apariencia para abrir la ventana Opciones de trazo y ajusta los valores como se indica en la siguiente imagen.



Paso 5
Selecciona los cinco trazados que has realizado con el Pincel de dispersión y ponlos en Modo de fusión Trama y 30% de Opacidad.



6. Enmascara la textura de la pulpa de la sandía
Paso 1
En este punto necesitas enmascarar todas las pinceladas y limpiar los bordes de cada letra, pero para ello necesitas algunas formas nuevas. Selecciona la "letra S" y luego ve a Objeto > Trazado > Desplazamiento y aplica un Desplazamiento de -6px. Como resultado obtendrás una forma más pequeña del tamaño de la pulpa roja. Trae esta nueva forma delante de todo yendo a Objeto > Organizar > Traer al frente (Mayúsculas-Control-]) y luego en el panel Apariencia pulsa el icono Borrar apariencia con el fin de eliminar todos los rellenos y trazos. Esta forma la utilizarás para enmascarar los trazos del pincel más adelante.
Repite lo mismo para la "letra P".



Paso 2
Al principio he dicho que hay que hacer copias de todas las formas, ¿no? Ahora es el momento de utilizarlas. Toma una copia de la "falsa A" y luego ve a Objeto > Trazado > Desplazamiento y aplica un Desplazamiento de -6px para obtener una forma más pequeña (1). Elimina las apariencias existentes. A continuación, toma una copia de la "letra A" (2) y teniendo estas dos formas seleccionadas, pulsa Intersectar en el panel Buscatrazos. Como resultado obtendrás una nueva forma con el tamaño de la pulpa roja (3).



Paso 3
Lo mismo aplica para la siguiente letra. Toma la copia de la "falsa M" y aplica un Desplazamiento de -6px para obtener la forma más pequeña (1). A continuación, toma una copia de la "letra M" (2) y luego elimina las apariencias existentes para ambas formas, si las hay. Aún teniendo ambas formas seleccionadas, presiona Intersectar en el panel Buscatrazos y obtendrás una nueva forma del tamaño de la pulpa.



Paso 4
Toma una copia de la "falsa E" y aplica un Desplazamiento de -6px para obtener el círculo más pequeño (1). Toma una copia de la "letra E" (2) y luego, teniendo ambas formas seleccionadas, presiona Intersectar de nuevo. Puedes ver la forma resultante abajo (3).



Paso 5
Primero, selecciona las cinco formas obtenidas en los pasos anteriores y llévalas al frente de todo yendo a Objeto > Organizar > Traer al frente (Mayús-Control-]). Para crear las máscaras empieza por la primera letra, en este caso la "S". Selecciona la forma de la pulpa (sin trazo y sin relleno) junto con todas las pinceladas de la parte superior de la letra "S" (4 + 1 espiral) y ve a Objeto > Máscara de recorte > Crear (Control-7).
Repite lo mismo para el resto de las letras y en este punto tu efecto de texto de sandía debería lucir como el de abajo:



Paso 6
Toma otra copia de la "letra M" y rellénala con el color indicado. Envía esta forma por detrás de todo yendo a Objeto > Organizar > Enviar detrás (Mayús-Control-[). Con la herramienta Selección directa (A) selecciona algunos de los puntos de la parte inferior y muévelos un poco hacia abajo con la ayuda de la tecla de flecha hacia abajo de tu teclado. Para asegurarte de que no mueves los puntos equivocados puedes bloquear todo lo demás excepto esta forma.



7. Crea las semillas
Paso 1
Toma la herramienta Elipse (L) y dibuja un círculo de 16 x 16px con un trazo negro. Cambia a la herramienta Selección directa (A) y selecciona sólo el punto superior, luego muévelo hacia arriba 8px presionando la tecla de flecha hacia arriba en tu teclado ocho veces. Todavía con el punto superior seleccionado, toma los controladores con la herramienta Selección directa (A) y hazlos más cortos. Finalmente, selecciona los puntos de anclaje de la izquierda y de la derecha y haz sus controladores un poco más largos. Llamaré a la forma obtenida "forma de semilla".



Paso 2
Selecciona la "forma de semilla" y luego ve a Objeto > Trazado > Desplazamiento y aplica un Desplazamiento de -2.5px. Obtendrás una forma más pequeña en el centro pero la moverás un poco hacia arriba. Voy a llamar a la forma verde "centro de la semilla". A continuación, selecciona de nuevo la "forma de semilla" y aplica un Desplazamiento de -5.5px para obtener la tercera forma. Llamaré a la forma roja "semilla pequeña".



Paso 3
Para colorear la semilla rellena las tres formas con los degradados indicados.



Paso 4
Copia y Pega delante (Control-F) la "forma de semilla" y luego toma la herramienta Tijeras (C) y haz clic en los dos puntos indicados para cortar el trazado. Elimina el segmento superior y selecciona el blanco como color de trazo para el trazado restante en la parte inferior. Traza este trazado con un Pincel artístico de fusión llamado "Pincel artístico de fusión blanco_delgado" de la colección de pinceles artísticos de fusión de la que hablo en este tutorial Cómo crear un conjunto de pinceles de fusión multiuso. Ajusta el Grosor del trazo a 0.25 pt y reduce la Opacidad al 80%. Cuando hayas terminado, selecciona este trazado y elige Expandir apariencia en el menú Objeto para expandir el trazo del pincel aplicado. Agrupa (Control-G) todas las formas que componen la semilla y esta será la "semilla 1".



Paso 5
Haz una copia de "semilla 1" y luego selecciona "semilla pequeña", hazla un poco más pequeña y muévela al lado izquierdo. Reemplaza el degradado existente por el que se muestra a continuación. Luego, selecciona el grupo que resultó después de expandir el trazo del pincel y reduce la Opacidad al 50% porque no queremos que todas las semillas sean tan brillantes. Esta será la "semilla 2".



Paso 6
Selecciona la "semilla 2" y luego ve a Objeto > Transformar > Escala, introduce 22% en el campo Escala y pulsa Copiar. Obtendrás la tercera semilla. Selecciona "centro de la semilla" y reemplaza el degradado, luego selecciona "semilla pequeña" y dale un relleno blanco. Todo lo demás permanece igual. Esta será la "semilla 3".



Paso 7
Lamentablemente, no podemos guardar las formas rellenadas con degradados como pinceles, pero lo solucionaremos. Haz una copia de la "semilla 1" pero guarda el original porque lo necesitarás más tarde. Reemplaza los degradados de las tres formas con tres colores diferentes, como verde, púrpura y amarillo. Has expandido el trazo del pincel así que esto no es un problema. Ahora, selecciona la nueva semilla y arrástrala al panel de Pinceles para guardarla como un Nuevo pincel de dispersión.



8. Añade las semillas en la pulpa de la sandía
Paso 1
Concéntrate en la primera letra. Toma la herramienta Elipse (L) y dibuja una elipse en el centro, luego traza este trazado con el Pincel de dispersión de semillas guardado anteriormente. Haz doble clic en el trazo del pincel aplicado en el panel Apariencia para abrir la ventana Opciones de trazo y cambia los ajustes como se muestra a continuación. Puedes probar diferentes valores para el Tamaño, el Espaciado y la Dispersión, pero es importante establecer la Rotación relativa al Trazado y también, sólo si tus semillas apuntan hacia afuera (la punta) establecer la Rotación en 180 grados.



Paso 2
Encima de la letra "M" dibuja dos trazados, como se muestra en la imagen de abajo, utilizando la herramienta Pluma (P). Trázalos con el Pincel de dispersión de semillas y luego abre la ventana de Opciones de trazo y cambia los ajustes. En la primera ventana están los ajustes que utilicé para el trazado más grande y en la segunda ventana están los ajustes para el trazado más pequeño.



Paso 3
Continúa con la letra "P". Dibuja con la herramienta Elipse (L) un círculo y a continuación, trázalo con el mismo pincel. A continuación puedes ver los ajustes que utilicé. No te preocupes por las semillas superpuestas porque puedes eliminarlas o reordenarlas después.



Paso 4
Lo mismo aplica para la letra "E".



Paso 5
En este punto tu efecto de sandía debería verse como en la siguiente imagen. Si estás conforme con su aspecto, selecciona todos los trazados que has realizado con el Pincel de dispersión de semillas y elige Expandir apariencia en el menú Objeto. Para la letra "A" decidí arreglar manualmente sólo unas pocas semillas.



Paso 6
Ahora tienes que volver a colorear las semillas, por lo tanto, toma la semilla original ("semilla 1") y mantenla cerca. Haz un acercamiento a la primera letra y usando la herramienta Selección directa (A) selecciona una de las formas verdes y luego ve a Seleccionar > Mismo > Color de relleno. Como resultado, todas las formas verdes serán seleccionadas y podrás colorearlas todas a la vez. No las sueltes, pasa a la herramienta Cuentagotas (I) y utilízala para copiar el degradado de la semilla original.



Paso 7
Ahora selecciona una de las formas púrpuras y luego ve a Seleccionar > Mismo > Color de relleno. Una vez seleccionadas todas las formas moradas, utiliza la herramienta Cuentagotas (I) para copiar el degradado marrón de la semilla original.



Paso 8
Repite lo mismo con las formas amarillas y sustituye el color de relleno por el degradado dorado. Ya has terminado con las semillas principales.



9. Añade las semillas restantes
Paso 1
Recuerda que has creado la "semilla 1", la "semilla 2" y la "semilla 3", ¿verdad? Entre las semillas principales ("semilla 1") puedes escalar y disponer más semillas para crear un aspecto más natural. Entonces, multiplica la "semilla 2" y la "semilla 3" y dispón algunas en la primera letra. Baja la Opacidad de cada semilla entre el 50 y el 70%. En la imagen de abajo tienes dos ejemplos.



Paso 2
Coloca también unas cuantas semillas encima de la letra "A". Empieza con la "semilla 1" que es la principal y luego algunas de las otras. Reduce la Opacidad de algunas de ellas al 70%.



Paso 3
Continúa con la letra "M" y básicamente haz lo mismo.



Paso 4
Aquí está la letra "P":



Paso 5
Y aquí está la letra "E":



Paso 6
Ya has terminado con las semillas y tu efecto de texto debería verse como el de la siguiente imagen:



10. Crea la apariencia de la letra "L"
Paso 1
Son solo tres pasos. Primero, selecciona la elipse y rellénala con el degradado radial indicado. A continuación, toma la herramienta Pluma (P) y dibuja tres trazados en la parte superior como se muestra en la imagen. Traza estos trazados con un Pincel artístico llamado "Pincel 1" que puedes encontrar en Biblioteca de pinceles > Artístico > Artístico_Pincel. Ajusta el Grosor del trazo a 0,25 pt.



Paso 2
Con los tres trazados seleccionados, elige Expandir apariencia en el menú Objeto para convertir los trazos en rellenos. Selecciona las formas púrpuras resultantes y luego ve a Efecto > Distorsionar y transformar > Emborronar y aplica los ajustes mostrados. Selecciona de nuevo Expandir apariencia para ampliar el efecto aplicado y reemplaza el relleno púrpura con el degradado radial que se muestra a continuación.



Paso 3
Copia y Pega delante (Control-F) la elipse y llévala delante de todo yendo a Objeto > Organizar > Traer al frente (Mayúsculas-Control-]). Elimina el relleno degradado. Ahora, selecciona las tres franjas y también la copia de la elipse y ve a Objeto > Máscara de recorte > Crear (Control-7). La letra "L" está lista.



11. Añade luz
Paso 1
Toma la herramienta Pluma (P) y dibuja algunos trazados siguiendo la corteza de la sandía. Yo hice cuatro, pero puedes dibujar más o menos. Traza estos trazados con un Pincel artístico de fusión llamado "Pincel artístico de fusión blanco 100 x 3" del Conjunto de pinceles de fusión multiuso. Establece el Grosor del trazo a 0.5 pt y luego reduce la Opacidad a 75% para todos ellos.



Paso 2
Utiliza de nuevo la herramienta Pluma (P) para dibujar unos trazados justo entre la pulpa roja y la zona más clara. Trázalos con el mismo Pincel artístico de fusión blanco, pero esta vez mantén el Grosor del trazo en 1 punto para conseguir unos reflejos más suaves.



12. Crea las gotas de zumo
Paso 1
Crea una forma similar a la "forma de semilla" y rellénala con el degradado lineal indicado en un Ángulo de 50 grados. Establece el Modo de fusión Subexposición de color (1). Copia y Pega delante (Control-F) esta forma y muévela un poco hacia arriba y hacia la izquierda. Reemplaza el degradado existente con un degradado radial de blanco a negro y luego ponlo en Modo de fusión Trama (2).



Paso 2
Utiliza la herramienta Pluma (P) para dibujar un pequeño trazado en la parte superior izquierda de la gota de zumo. Traza el trazado con el Pincel artístico de fusión blanco que has usado antes y luego ajusta el Grosor del trazo a 0.5 pt. Selecciona Expandir apariencia en el menú Objeto para expandir el trazado del pincel. Ahora, agrupa (Control-G) todas las formas que componen la gota de zumo y haz otra copia. Escala y organiza las dos gotas de jugo como se muestra en la siguiente imagen.



13. Crea el fondo
Paso 1
Primero, crea una nueva capa detrás de la capa con el efecto de texto y nómbrala "Fondo". Utiliza la herramienta Rectángulo (M) para dibujar una forma alrededor del texto y rellénala con el degradado radial mostrado.



Paso 2
Copia y Pega delante (Control-F) el rectángulo de fondo y mantén el mismo degradado. Ahora, ve a Efecto > Distorsionar > Vidrio y aplica los ajustes mostrados. Pon el Modo de fusión Multiplicar y 40% de Opacidad.



14. Añade sombras
En este paso necesitarás de nuevo una copia de cada letra. Envíalas todas detrás de todo yendo a Objeto > Organizar > Enviar detrás (Mayúsculas-Control-[). Elimina las apariencias existentes si las hay y rellénalas de verde, por ejemplo. Teniendo todavía estas seis formas seleccionadas, ve a Efecto > Estilizar > Sombra paralela y aplica los ajustes mostrados. ¡Acabas de terminar!



¡Felicidades! Terminaste
Espero que hayas disfrutado creando este efecto de texto de sandía y que hayas aprendido algunas cosas nuevas. Si te decides a hacerlo, por favor adjunta una imagen en la sección de comentarios. Me encantaría ver tu resultado.


