En el siguiente tutorial Illustrator, aprenderás cómo hacer una textura granulada mientras creas este efecto arena de texturas en Illustrator. Aprenderás a agregar textura de ruido y cómo usar Illustrator usando un montón de efectos junto con algunas técnicas básicas que te muestran cómo hacer texturas de mezcla y un gradiente de disolución. 5e1n1m
Una vez que tu textura de ruido y tu textura granulado se haya completado y hayas aprendido a crear texturas en Illustrator, aprenderás a cómo usar Illustrator para editar texto y estilizarlo fácilmente usando una máscara de opacidad y el Apariencia.
Si no tienes tiempo para aprender cómo usar Illustrator y añadir una textura de ruido en Illustrator, siempre puedes probar Tutoriales Illustrator, donde encontrarás una colección de tutoriales en linea que sera de gran ayuda.
Lo Que Aprenderás en Este Tutorial Illustrator 3m496d
- Cómo agregar una textura de ruido en Illustrator
- Cómo hacer una textura granulada en Illustrator
- Cómo crear texto fundido en Illustrator
- Cómo editar texto en Illustrator
- Cómo crear texturas gradientes de disolución en Illustrator
- Cómo crear un efecto de texto de verano
Lo Que Necesitarás 503u5x
Tendrás que descargar la siguiente fuente para completar este efecto de texturas en Illustrator: Fuente Wonder Boys
1. Cómo Crear un Nuevo Documento y Configurar una Cuadrícula 203g73
Pulsa Control-N para crear un nuevo documento. Selecciona Píxeles en el menú desplegable Unidades, establece el ancho a 850 px y el alto a 400 px, y luego haz clic en el botón Opciones avanzadas. Selecciona RGB para el modo de color y establece los efectos de trama en medio (150 ppi), y luego da clic en Crear.
Habilita la cuadrícula (Ver > Mostrar cuadrícula o Control-") y Ajusta a cuadrícula (Ver > Ajustar a cuadrícula o Shift-Control-"). Necesitarás una cuadrícula cada 10 px, así que simplemente ve a Editar > Preferencias > Guías y cuadrícula, ingresa 10 en la cuadrícula cada caja y 1 en la caja Subdivisiones. Trata de no desanimarte por toda esa cuadrícula, hará que tu trabajo sea más fácil, y ten en cuenta que puedes habilitarlo o deshabilitarlo fácilmente usando el directo del teclado Control-".
También debes abrir el de información (Ventana > Información) para una vista previa en vivo del tamaño y la posición de sus formas. No olvides configurar la unidad de medida en píxeles desde Editar > Preferencias > Unidades. Todas estas opciones aumentarán significativamente tu velocidad de trabajo.
Ahora que estás listo, vamos a aprender a hacer textura granular en Illustrator.
2. Cómo Crear las Formas de Arena 49332m
Paso 1 d4u4r
Elige la herramienta de rectángulo (M) de la barra de herramientas y ve a la configuración de color. Selecciona el trazo y elimina el color, y luego da doble clic en el relleno y configúralo en R = 248 G = 233 B = 194.
Va a tu mesa de trabajo y haz clic y arrastra o da clic en él para crear una forma de 970 x 500 px. Mantenla seleccionada y céntrate en el de control. Asegúrate de que la alineación esté configurada en Mesa de trabajo y luego haz clic en los botones Centro de alineación horizontal y Centro de alineación vertical para mover fácilmente el rectángulo al centro del tablero de trabajo.
Haz clic de nuevo en tu mesa de trabajo para crear una forma de 970 x 50 px, llénala con R=198 G=142 B=91 y usa la Herramienta de selección (V) para colocarla exactamente como se muestra en la segunda imagen. La cuadrícula y Ajustar a la cuadrícula te serán útiles.
Paso 2 5gb4i
Selecciona ambos rectángulos y ve a Objeto > Mezcla > Opciones de mezcla. Selecciona Pasos especificados y configúralo en 8, haz clic en Aceptar y luego puedes presionar Alt-Control-B para crear rápidamente una mezcla, como se muestra en la segunda imagen.
Alternativamente, puedes usar la Herramienta de mezcla (W) y hacer clic en sus dos rectángulos para crear la misma mezcla.
Paso 3 364u3w
Asegúrate de que tu mezcla todavía está seleccionada y ve a Objeto > Expandir apariencia, y luego Objeto > Expandir. Mantén ambas casillas marcadas y da clic en Aceptar para separar todas las formas que componen tu mezcla. También, presiona Shift-Control-G para desagrupar el grupo resultante de formas.
{PAGEBREAK}
Paso 4 6ty6z
Selecciona tu rectángulo inferior, ve al Apariencia (Ventana > Apariencia) y selecciona el relleno para asegurarte de que el efecto que está a punto de agregar se aplicará únicamente a ese relleno, no a toda la forma. Ve a Efecto > Desenfoque > Desenfoque gaussiano. Establece el radio en 2 px y da clic en Aceptar.
Ahora debes seleccionar el resto de los rectángulos uno por uno. Siempre recuerda seleccionar el relleno y aplicar el mismo efecto de desenfoque gaussiano. No necesitarás ir a Efecto > Desenfoque > Desenfoque gaussiano; solo ve a Efecto > Aplicar desenfoque gaussiano o presiona Shift-Control-E.
Paso 5 4h2m6d
Selecciona todos los rectángulos y concéntrate en el Apariencia. Selecciona el trazo y establece el color en negro (R = 0 G = 0 B = 0), y luego haz clic en Trazo texto para abrir el . Aumenta el peso a 10 pt y no olvides seleccionar el ancho 1 en el menú desplegable inferior.
Ve al texto Opacidad y da clic en él para abrir el Transparencia. Baja la opacidad al 80% y cambia el modo de fusión a superposición, y luego ve a Efecto > Desenfoque > Desenfoque gaussiano.
Establece el radio a 30 px, haz clic en Aceptar y ve a Efecto > Distorsionar y transformar > Transformar. Simplemente arrastra el deslizador Vertical a 15 px, que moverá tu trazo 15 px hacia abajo, y luego da clic en Aceptar.
Paso 6 645g15
Vuelve a seleccionar los rectángulos uno por uno, concéntrate en el Apariencia y asegúrate de que el trazo existente todavía está seleccionado, y luego haz clic en el botón Duplicar elemento seleccionado para agregar una copia del trazo seleccionado. Una vez que hayas realizado este movimiento para cada rectángulo, selecciona todos los rectángulos y vuelve al Apariencia.
{PAGEBREAK}
Mantén seleccionada la línea superior y ve al Degradado (Ventana > Degradado). Haz clic en el botón Gradiente lineal para aplicar un gradiente lineal, asegúrate de que el ángulo esta ajustado a 0 grados y luego ve a los deslizadores de gradiente. Selecciona la derecha, establece el color en blanco (R = 255 G = 255 B = 255) y baja su opacidad a 0%, y luego selecciona la izquierda y asegúrate de que el color se establece en blanco.
Vuelve al Apariencia para bajar el peso de este golpe a 5 pt, y luego abre el efecto de desenfoque gaussiano existente. Establece el radio a 20 px, haz clic en Aceptar y, a continuación, abre el efecto Transformar.
Arrastra el control deslizante Mover-Vertical a -10 px para mover el trazo seleccionado 10 px hacia arriba, y luego haz clic en Aceptar.
Paso 7 6x325c
Asegúrate de que todas las formas aún estén seleccionadas y sigue enfocándote en el Apariencia. Haz clic en la sección Ruta para asegurarte de que el efecto que estás a punto de agregar afectará a toda la ruta, no solo al relleno o trazo, y luego ve a Efecto > Distorsionar y transformar > Zig Zag. Introduce la configuración que se muestra a continuación y da clic en Aceptar.
Step 8 306n6i
Selecciona uno por uno los cuatro rectángulos resaltados en las siguientes imágenes y aplica los efectos de deformación que se muestran a continuación (Efecto > Deformación > Bandera).
3. Cómo Agregar un Efecto de Textura Granular en Illustrator 422l3u
Paso 1 d4u4r
Vuelve a seleccionar la herramienta de rectángulo (M) y úsala para crear una forma 870 x 420 px. Llénala de negro y no te olvides de centrarla usando los mismos botones Centro de alineación horizontal y Centro de alineación vertical del de control.
Mantén esta forma seleccionada y concéntrate en el Apariencia. Selecciona el relleno para reducir su opacidad al 50% y cambia el modo de mezcla a luz suave, y luego ve a Efecto > Artístico > textura granular de película.
Introduce la configuración que se muestra a continuación y haz clic en Aceptar.
Paso 2 5gb4i
Asegúrate de que tu rectángulo frontal todavía está seleccionado, y sigue centrándote en el Apariencia. Utiliza el botón Agregar relleno nuevo para agregar fácilmente un segundo relleno y selecciónalo. Establece el color en R = 60 G = 36 B = 21, baja su opacidad al 25% y cambia el modo de mezcla a Luz suave, y luego ve a Efecto > Artístico > Esponja.
Introduce la configuración que se muestra a continuación y haz clic en Aceptar.
{PAGEBREAK}
Paso 3 364u3w
Asegúrate de que tu rectángulo frontal todavía está seleccionado, agrega un tercer relleno y veamos cómo puedes crear un gradiente de disolución en Illustrator.
Selecciónalo y aplica el gradiente lineal que se muestra a continuación. Ten en cuenta que los ceros amarillos del de degradado representan el porcentaje de opacidad, mientras que los números azules representan el porcentaje de ubicación. Simplemente haz clic en la barra de degradado para agregar los tres deslizadores de degradado adicionales.
Cuando hayas terminado de crear el gradiente, recuerda establecer el ángulo a 25 grados.
Paso 4 6ty6z
Asegúrate de que tu rectángulo frontal todavía está seleccionado, y sigue centrándose en el relleno superior desde el Apariencia.
Cambia tu modo de fusión a Luz suave y ve a Efecto > Bosquejo > Reticulación. Introduce la configuración que se muestra a continuación y haz clic en Aceptar, y luego ve a Efecto > Pinceladas > Trazos angulados.
Introduce los atributos mostrados en la siguiente imagen y haz clic en Aceptar.
4. Cómo crear un efecto de texto de arena 35105t
Paso 1 d4u4r
Selecciona todas las formas creadas hasta ahora y presiona Control-G para agruparlas. Mantén este grupo seleccionado y ve a Objeto > Transformar > Rotar.
Establece el ángulo en 180 grados y da clic en el botón Copiar para crear rápidamente una copia volteada horizontalmente de tu grupo.
Paso 2 5gb4i
Elige la Herramienta de Texto (T) y concéntrate en el de control o en el de caracteres (Ventana > Tipo > Carácter) para establecer la configuración del texto que vas a agregar.
Selecciona la fuente Wonder Boys y establece el tamaño en 190 pt, y luego haz clic en tu mesa de trabajo para escribir "VERANO - (SUMMER)".
Presiona la tecla Escape cuando hayas terminado para cambiar fácilmente a la Herramienta de selección (V). Vuelve al de control y usa los botones Centro de alineación horizontal y Centro de alineación vertical de nuevo para mover el texto al centro de la mesa de trabajo.
Cambia su color a blanco y presiona Control-C para copiarlo porque necesitarás varias copias de este texto en los próximos pasos.
Paso 3 364u3w
Elige la Herramienta de Selección (V) y mantén pulsada la tecla Mayúsculas para seleccionar el texto blanco junto con ese grupo volteado. Ve al Transparencia (Ventana > Transparencia) y simplemente da clic en el botón Crear máscara.
5. Cómo Agregar Textura de Ruido en Illustrator Usando Pinceles v5o4f
Paso 1 d4u4r
Escoge la Herramienta Elipse (L), úsala para crear un círculo de 10 px y llénalo de negro.
Selecciónalo, abre el Pinceles (Ventana > Pinceles) y da clic en el botón Pincel nuevo. Marca el cuadro Pincel de dispersión y haz clic en Aceptar para abrir la ventana Opciones de pincel de dispersión.
Introduce todos los ajustes que se muestran en la siguiente imagen y no olvides configurar el Método de coloración en Tintas, lo que te permitirá recolonizar este pincel una vez aplicado. Cuando hayas terminado, haz clic en Aceptar para agregar el pincel al Pinceles.
Paso 2 5gb4i
Presiona Control-F para agregar una copia de ese texto blanco en tu lugar original. Selecciónalo, ve al Muestras (Ventana > Muestras) y da clic en esa muestra [Ninguna] para eliminar el color del texto.
Ve al Apariencia y haz clic en el botón Agregar relleno nuevo para agregar un nuevo relleno para el texto. Selecciónelo y establece el color en R=198 G=142 B=91.
Paso 3 364u3w
Haz clic con el botón derecho en el texto que agregaste en el paso anterior y ve a Organizar > Enviar hacia atrás (Control-[). Esto moverá el texto detrás de ese grupo enmascarado. No dudes en echar un vistazo al de Capas (Ventana > Capas) para entender mejor el orden de tus elementos de diseño.
Al tener este texto todavía seleccionado, ve al Apariencia para seleccionar el relleno y ve a Efecto > Estilizar > Sombra desplegable. Introduce la configuración que se muestra a continuación y haz clic en Aceptar para aplicar el efecto.
Paso 4 6ty6z
Asegúrate de que el texto se mantiene seleccionado y sigue enfocándote en el Apariencia. Selecciona el relleno existente y duplícalo usando el botón Duplicar elemento seleccionado.
Concéntrate en el relleno nuevo y da clic en el efecto Sombra paralela existente. Ajústalo como se muestra en la siguiente imagen y, a continuación, haz clic en Aceptar.
{PAGEBREAK}
Paso 5 4h2m6d
Asegúrate de que el texto sigue seleccionado y sigue enfocándote en el panel Apariencia. Nuevamente, duplica el relleno superior, enfócate en el nuevo, abre el efecto de sombra paralela existente y luego ajusta la configuración como se muestra a continuación.
Paso 6 645g15
Asegúrate de que el texto sigue seleccionado y sigue enfocándote en el Apariencia. Una vez más, duplica el relleno superior, enfócate en el nuevo, abre el efecto de sombra paralela existente y luego ajusta la configuración como se muestra en la siguiente imagen.
Paso 7 6x325c
Asegúrate de que el texto sigue seleccionado y sigue enfocándote en el Apariencia. Duplica el relleno superior, enfócate en el nuevo, abre el efecto de sombra paralela existente y, a continuación, reemplaza los ajustes actuales por los que se muestran en la siguiente imagen.
Paso 8 281c71
Asegúrate de que el texto sigue seleccionado y sigue enfocándote en el Apariencia. Por última vez, duplica el relleno superior, concéntrate en el nuevo, abre el efecto de sombra paralela existente y luego ajusta la configuración como se muestra a continuación.
Paso 9 73392u
Asegúrate de que el texto sigue seleccionado y sigue enfocándote en el Apariencia. Selecciona el trazo y arrástralo a la parte inferior del .
Aplica tu pincel de dispersión desde el Pinceles y establece tu color en R=220 G=182 B=137, y luego baja su opacidad al 25% y cambia el modo de mezcla a Multiplicar.
6. Cómo Crear Texto Fundido con Texturas en Illustrator 644731
Paso 1 d4u4r
Concéntrate en el Pinceles, abre el menú desplegable y ve a Abrir biblioteca de pinceles > Pincel de cerdas > Biblioteca de pinceles de cerdas.
Esto abrirá un nuevo con algunos cepillos de cerdas incorporados. Haz clic en los cepillos Mop y Fan para añadirlos fácilmente al Cepillos, y luego puedes cerrar el Biblioteca de pinceles de cerdas.
Pulsa Control-F de nuevo para agregar una copia más de ese texto blanco. Selecciónalo y, en primer lugar, haz clic en esa muestra [Ninguno] para eliminar el color de texto existente.
Ve al Apariencia y haz clic en el botón Agregar nuevo trazo para agregar un trazo para el texto. Selecciónalo y comienza aplicando el cepillo de cerdas del ventilador desde el Pinceles. Ajusta el color a R=237 G=213 B=171, aumenta el peso a 2 pt y no olvides bajar la opacidad a 15%.
Paso 2 5gb4i
Asegúrate de que tu texto frontal todavía está seleccionado, sigue centrándote en el Apariencia y agrega un segundo trazo usando el mismo botón Agregar nuevo trazo.
Selecciona este nuevo trazo. Esta vez, aplica ese cepillo de cerdas de ventilador, establece tu color en R = 255 G = 242 B = 191, y baja tu opacidad al 30%.
{PAGEBREAK}
Paso 3 364u3w
Asegúrate de que tu texto frontal todavía está seleccionado, sigue centrándote en el Apariencia y agrega un nuevo trazo.
Selecciónalo y aumente el peso a 6 pt, baja su opacidad al 80%, aplica el gradiente lineal que se muestra a continuación y luego ve a Efecto > Desenfoque > Desenfoque gaussiano. Establece el radio a 4 px y da clic en Aceptar.
Paso 4 6ty6z
Asegúrate de que tu texto frontal todavía está seleccionado, sigue centrándote en el Apariencia y agreguemos un trazo más.
Selecciónalo, establece el color en R=220 G=182 B=137, baja el peso a 0.25 pt, baja su Opacidad a 75%, cambia el Modo de Fusión a Superposición, y luego ve a Efecto > Ruta > Ruta de Desplazamiento. Establece el desplazamiento en -12 px y da clic en Aceptar, y luego ve a Efecto > Distorsionar y transformar > Rugosidad. Introduce la configuración que se muestra a continuación y haz clic en Aceptar.
7. Cómo Añadir las Ondas Usando Texturas en Illustrator 573r48
Paso 1 d4u4r
Regresa a tu grupo de figuras y usa la Herramienta de selección directa (A) para seleccionar solo el rectángulo resaltado en la siguiente imagen.
Concéntrate en el Apariencia, selecciona el relleno, reemplaza el color con R=126 G=218 B=223, y luego abre el efecto de desenfoque gaussiano existente y aumenta el radio a 4 px.
Paso 2 5gb4i
Asegúrate de que tu rectángulo azul permanece seleccionado y sigue centrándote en el Apariencia.
Añade otros dos trazos encima de los ya existentes. Aplica el pincel de dispersión a ambos trazos y establece los colores en R=126 G=218 B=223. Selecciona solo la inferior y disminuye su peso a 0.5 pt, y luego selecciona la superior y baja su Opacidad al 50%.
Paso 3 364u3w
Asegúrate de que tu rectángulo azul permanece seleccionado y sigue centrándote en el Apariencia. Agrega un nuevo trazo encima de los existentes y selecciónelo.
Establece el color en R=126 G=218 B=223 y aumenta el peso a 5 pt, y luego ve a Efecto > Distorsionar y transformar > Zig Zag. Introduce la configuración que se muestra a continuación y haz clic en Aceptar, y luego ve a Efecto > Desenfoque > Desenfoque gaussiano. Establece el radio en 3 px y haz clic en Aceptar.
Paso 4 6ty6z
Asegúrate de que tu rectángulo azul permanece seleccionado y sigue centrándote en el Apariencia.Añade otros dos trazos encima de los ya existentes. Una vez más, aplica el pincel de dispersión para ambos trazos y establece los colores en blanco.
{PAGEBREAK}
Selecciona solo la inferior, baja su Opacidad a 30%, y ve a Efecto > Ruta > Ruta de desplazamiento. Establece el Desplazamiento a 8 px y da clic en Aceptar. Ve a la parte superior, baja tu Opacidad al 40%, disminuye el Peso a 0.5 pt, y luego ve a Efecto > Ruta > Ruta de desplazamiento. Establece el desplazamiento a 6 px y haz clic en Aceptar.
Paso 5 4h2m6d
Asegúrate de que tu rectángulo azul permanece seleccionado y sigue centrándote en el Apariencia. Agrega un nuevo relleno, arrástralo a la parte inferior del y selecciónelo.
Establece el color en blanco y ve a Efecto > Desenfoque > Desenfoque gaussiano. Establece el radio en 4 px y haz clic en Aceptar, y luego ve a Efecto > Distorsionar y transformar > Transformar. Introduce la configuración que se muestra a continuación y da clic en Aceptar.
Paso 6 645g15
Asegúrate de que tu rectángulo azul permanece seleccionado y sigue centrándose en el Apariencia. Agrega un último trazo y arrástralo a la parte inferior del , por encima de ese relleno blanco.
Selecciona este trazo, establece el color en blanco, aumenta el Peso a 5 pt y luego ve a Efecto > Ruta > Ruta de desplazamiento. Establece el desplazamiento a 8 px y haz clic en Aceptar, y luego ve a Efecto > Distorsionar y transformar > Roughen. Introduce la configuración que se muestra a continuación y haz clic en Aceptar, y luego ve a Efecto > Desenfoque > Desenfoque gaussiano. Establece el radio en 5 px y haz clic en Aceptar.
Paso 7 6x325c
Utiliza de nuevo la herramienta de selección directa (A) para seleccionar el rectángulo frontal de tu grupo y centrarse en el de apariencia.
Reemplaza el color de relleno con R = 83 G = 177 B = 203 y luego aumenta el radio del efecto de desenfoque gaussiano aplicado a 4 px.
Paso 8 281c71
Agrega un nuevo trazo encima de los existentes y selecciónalo. Establece el color en R=83 G=177 B=203, aumenta el peso a 5 pt, y luego ve a Efecto > Distorsionar y transformar > Zig Zag. Introduce la configuración que se muestra a continuación y haz clic en Aceptar, y luego ve a Efecto > Desenfoque > Desenfoque gaussiano. Establece el radio en 5 px y da clic en Aceptar.
Paso 9 73392u
Agrega un último trazo encima de los existentes y selecciónalo. Aplica el pincel de dispersión, establece el color en blanco, disminuye el peso a 0,5 pt y no te olvides de bajar la opacidad al 40%.
¡Felicidades! ¡Ya Está Listo! 562s49
Así es como debería verse tu efecto de textura granular de verano. Espero que hayas disfrutado de este tutorial Illustrator y puedas aplicar estas técnicas de cómo hacer texturas en tus proyectos futuros de crear texturas en Illustrator.
Siéntete libre de editar el texto en Illustrator y hacerlo tuyo. Puedes encontrar algunas grandes fuentes de inspiración en Tutoriales Illustrator, y también unas soluciones interesantes para crear texturas en Illustrator. Así no te preocupas por cómo hacer texturas.
