Share
Lo que vas a crearEn los siguientes pasos, aprenderá cómo crear un efecto de texto de plano en Adobe Illustrator.
Para empezar, aprenderá cómo configurar una cuadrícula simple y cómo crear las formas que conformarán los componentes de su pincel de patrón. A continuación, aprenderá cómo guardar y renombrar patrones y cómo guardar un pincel de patrón bastante simple. Utilizando trazos simples, técnicas de modo de fusión básicas y varios efectos de Transformación, creará el fondo del papel de plano.
A continuación, aprenderá cómo crear un efecto de texto real y cómo facilitar su trabajo utilizando estilos gráficos. Finalmente, aprenderá cómo crear una tiza simple utilizando el efecto Extrusión y bisel 3D, algunos degradados lineales y el panel Apariencia.
Para más inspiración, siempre puede encontrar una variedad de estilos gráficos (incluidos los estilos gráficos de planos) en Envato Market.
Golpear Control-N para crear un nuevo documento. Seleccionar Pixeles desde el Unidades menú desplegable, entrar 600 en los cuadros de ancho y alto y luego haga clic en el Avanzado botón. Seleccionar RGB, Pantalla (72ppi) y asegúrese de que el Alinear nuevos objetos a la cuadrícula de píxeles la casilla no está marcada antes de hacer clic DE ACUERDO.
Habilitar la cuadrícula (Ver> Mostrar cuadrícula) y el complemento a la cuadrícula (Ver> Ajustar a la cuadrícula). Necesitará una cuadrícula cada 10 px, así que simplemente ve a Edición> Preferencias> Guías> Cuadrícula y entrar 10 en el Gridline cada caja y 1 en el Subdivisiones caja. Trate de no desanimarse por toda esa cuadrícula: facilitará su trabajo y tenga en cuenta que puede habilitarlo o deshabilitarlo fácilmente usando el Controlar-" atajo de teclado.
Puede aprender más sobre el sistema de cuadrícula de Illustrator y cómo puede facilitar su trabajo en este breve tutorial de Andrei Stefan: Entender el sistema de cuadrícula de Adobe Illustrator.
También debe abrir el Información panelVentana> Información) para una vista previa en vivo con el tamaño y la posición de sus formas. No te olvides de configurar la unidad de medida en píxeles desde Editar> Preferencias> Unidades> General. Todas estas opciones aumentarán significativamente tu velocidad de trabajo..
Elige el Herramienta Rectangular (M) y enfócate en tu barra de herramientas. Elimine el color del trazo y luego seleccione el relleno y establezca su color en R = 255 G = 0 B = 7. Muévete a tu mesa de trabajo y simplemente crea un 63 px cuadrado-la cuadrícula y la Encajar a la cuadricula característica debería hacer esto más fácil.
Asegúrese de que su forma recién hecha se mantiene seleccionada, abra el Transparencia panelVentana> Transparencia) y bajar el Opacidad a 10%.
Utilizando la Herramienta Rectangular (M), crear un 30 x 3 px Forme, llénelo con negro y colóquelo exactamente como se muestra en la siguiente imagen. De nuevo, la cuadrícula y la Encajar a la cuadricula característica hará esto más fácil.
Utilizando la Herramienta Rectangular (M), crear un 3 x 15 px forma, rellénalo con negro y colócalo como se muestra en la primera imagen.
Concéntrese en la parte superior de este nuevo rectángulo y elija Herramienta de selección directa (A). Seleccione ambos puntos de anclaje y vaya a Objeto> Ruta> Promedio (Alt-Control-J). Comprobar el Ambos cuadro y haga clic en el DE ACUERDO y su rectángulo se convertirá en un triángulo, como se muestra en la segunda imagen.
Manténgase enfocado en los puntos de anclaje editados, cambie a la Eliminar puntos de anclaje (-), y simplemente haga clic en ese punto para eliminar uno de los dos puntos de anclaje superpuestos.
Asegúrese de que su triángulo todavía esté seleccionado y vaya a Objeto> Warp> Bulge. Ingrese los atributos que se muestran a continuación, haga clic en DE ACUERDO botón, y luego ir a Objeto> Expandir Apariencia.
Duplicar la forma resultante (Control-C> Control-V), seleccione la copia, gírela 90 grados, y luego colocarlo como se muestra en la segunda imagen.
Sigue centrándote en tus dos triángulos y elige el Herramienta de selección directa (A). Seleccione los dos puntos de anclaje resaltados en la primera imagen, céntrese en la barra de opciones y simplemente ingrese 0.2 px en eso Las esquinas caja.
La función Live Corners solo está disponible para usuarios de CC. La mejor solución para reemplazar este efecto sería la Redondear cualquier esquina Script que puede encontrar en este artículo: 20 scripts gratuitos y útiles de Adobe Illustrator. Guárdelo en su disco duro, vuelva a Illustrator y tome el Herramienta de selección directa (A). Seleccione los mismos dos puntos de anclaje y vaya a Archivo> Scripts> Otro script. Abre el Round Any Corner Script, entrar a 0.2 radio, y haga clic DE ACUERDO.
Desactivar el ajuste a la cuadrícula (Controlar-"). Elige el Herramienta de pincel (B), abre el Cepillos panel (Ventana> Pinceles) y seleccione su 3 pt. Redondo pincel caligráfico.
Muévase a su mesa de trabajo y dibuje algunos caminos ondulados a lo largo de los bordes de sus formas negras aproximadamente como se muestra en la siguiente imagen. Asegúrate de que tus caminos no cubran gran parte de tus formas negras.
Selecciona los dos caminos que van a lo largo de tu forma negra más larga y ve a Objeto> Ruta> Trazo de esquema. Seleccione las formas resultantes junto con esa forma negra que se encuentra en la parte posterior, abra el Pionero panelVentana> Pathfinder), y haga clic en Frente menos botón.
Vaya a las otras dos formas negras y repita la técnica mencionada en el paso anterior..
Eche un vistazo más de cerca a sus formas negras y haga que los puntos de anclaje afilados sean un poco más suaves.
Habilitar el ajuste a la cuadrícula (Controlar-"). Utilizando la Herramienta Rectangular (M), crear un 3 px cuadrado negro y colóquelo como se muestra en la siguiente imagen.
Seleccione su rectángulo rojo, enfóquese en el Transparencia panel, y bajar el Opacidad a 0%.
Ahora, seleccione el mismo rectángulo junto con las tres formas negras resaltadas en la siguiente imagen, y simplemente arrástrelas dentro de la Muestras panelVentana> Muestras) para guardarlos como un patrón. Asegúrese de que su nuevo patrón agregado esté seleccionado, abra el panel desplegable desde el Muestras panel, y vaya a Opciones de Swatch. Renombra tu patrón "Esquina"y haga clic en eso DE ACUERDO botón.
Seleccione la forma negra resaltada en la siguiente imagen y haga clic en el Cepillo nuevo botón de la Cepillos panel. Comprobar el Pincel de patrón botón y luego haga clic en el DE ACUERDO botón para abrir el Opciones de pincel de patrón botón.
Elija un nombre para su nuevo pincel, arrastre el Escala deslizador a 70%, seleccionar Tintes Para el Método de colorización, y luego centrarse en el Azulejo cajas Primero, seleccione el Esquina exterior azulejo y añadir su "Esquina"patrón de esa lista, y luego abra el Azulejo de la esquina interior y seleccione Centrado automáticamente. Una vez que haya terminado, haga clic en el DE ACUERDO botón.
Para este paso necesitarás una grilla cada 10 px, entonces ve a Edición> Preferencias> Guías y cuadrícula y entrar 10 en el Gridline cada caja.
Utilizando la Herramienta Rectangular (M), crear un 620 px cuadrado, rellenarlo con R = 33 G = 61 B = 150 y asegúrese de que cubra toda su mesa de trabajo como se muestra en la siguiente imagen.
Asegúrese de que su cuadrado azul aún esté seleccionado, enfóquese en el Apariencia panel, y agregar un segundo relleno usando el Añadir nuevo relleno botón.
Seleccione este nuevo relleno, establezca el color en negro y luego vaya a Efecto> Artístico> Grano de película. Ingrese los atributos que se muestran a continuación, haga clic en DE ACUERDO botón, y volver a la Apariencia panel. Haga clic en el "Opacidad"parte del texto que representa su relleno negro para abrir el Transparencia panel de salida, y luego bajar la Opacidad a 7% y cambiar el Modo de fusión a Multiplicar.
Utilizando la Herramienta Pluma (P), crear un 620 px Recorra el camino vertical y colóquelo como se muestra en la siguiente imagen. Asegúrese de que este camino permanezca seleccionado y enfóquese en el Apariencia panel.
Primero, asegúrese de que no haya un conjunto de colores para el relleno y luego seleccione el trazo. Hazlo blanco, baja su Opacidad a 40%, y cambiar el Modo de fusión a Cubrir. Luego ve a Efecto> Distorsionar y transformar> Transformar. Arrastrar el Movimiento horizontal deslizador a 0.5 px, haga clic en el DE ACUERDO botón y luego ir de nuevo a Efecto> Distorsionar y transformar> Transformar. Esta vez, arrastre el Movimiento horizontal deslizador a 50 px y entrar 12 en ese fondo Copias caja.
Asegúrese de que su camino vertical todavía está seleccionado, siga enfocándose en la Apariencia panel, y añadir un segundo trazo utilizando el Añadir nuevo trazo botón.
Seleccione este nuevo trazo y asegúrese de que el color esté configurado en blanco. Baja su Opacidad a 30% y cambiar el Modo de fusión a Cubrir, y luego ir a Efecto> Distorsionar y transformar> Transformar. Arrastrar el Movimiento horizontal deslizador a 0.5 px, haga clic en el DE ACUERDO botón y luego ir de nuevo a Efecto> Distorsionar y transformar> Transformar. Esta vez arrastra el Movimiento horizontal deslizador a 5 px y entrar 120 en ese fondo Copias caja.
Utilizando la Herramienta Pluma (P), crear un 620 px Ruta horizontal y colóquela como se muestra en la siguiente imagen. Asegúrese de que este camino permanezca seleccionado y enfóquese en el Apariencia panel.
Primero, asegúrese de que no haya un conjunto de colores para el relleno y luego seleccione el trazo. Hazlo blanco, baja su Opacidad a 40%,y cambiar el Modo de fusión a Cubrir. Luego ve a Efecto> Distorsionar y transformar> Transformar. Arrastrar el Movimiento vertical deslizador a 0.5 px, haga clic en el DE ACUERDO botón y luego ir de nuevo a Efecto> Distorsionar y transformar> Transformar. Esta vez arrastra el Movimiento vertical deslizador a 50 px y entrar 12 en ese fondo Copias caja.
Asegúrese de que su camino horizontal aún esté seleccionado, siga enfocándose en la Apariencia Panel y añadir un segundo trazo utilizando ese mismo Añadir nuevo trazo botón.
Seleccione este nuevo trazo y asegúrese de que el color esté configurado en blanco. Baja su Opacidad a 30% y cambiar el Modo de fusión a Cubrir, y luego ir a Efecto> Distorsionar y transformar> Transformar. Arrastrar el Movimiento vertical deslizador a 0.5 px, haga clic en el DE ACUERDO botón y luego ir de nuevo a Efecto> Distorsionar y transformar> Transformar. Esta vez, arrastre el Movimiento vertical deslizador a 5 px y entrar 120 en ese fondo Copias caja.
Abre el Personaje panelVentana> Tipo> Carácter), elija el Tipo de herramienta (T), y haga clic en su mesa de trabajo. Añade el "AZUL"parte del texto y use la fuente Demi de Franklin Gothic con el tamaño establecido en 150 pt. Elija un color al azar para su texto y colóquelo aproximadamente como se muestra en la siguiente imagen.
Asegúrese de que su fragmento de texto aún esté seleccionado, elimine el color de relleno existente (lo que hará que su texto sea completamente invisible) y céntrese en la Apariencia panel.
Añade un trazo y selecciónalo. Selecciona el Peso a 0.5 px, reemplazar el color existente con R = 233 G = 242 B = 248, y luego ir a Efecto> Distorsionar y transformar> Roughen. Introduzca los atributos que se muestran a continuación y haga clic en DE ACUERDO botón.
Asegúrese de que su fragmento de texto aún esté seleccionado y siga enfocándose en el Apariencia panel. Añade un segundo trazo y selecciónalo. Simplemente añada su pincel de patrón de la Cepillos panel, y no te olvides de configurar su color en R = 233 G = 242 B = 248.
Con su texto aún seleccionado, abra el Estilos gráficos panelVentana> Estilos gráficos) y haga clic en Nuevo estilo gráfico botón.
Volver a seleccionar el Tipo de herramienta (T), añade el "IMPRESIÓN"parte del texto, colóquelo como se muestra en la siguiente imagen y use los mismos atributos de fuente. Una vez que haya terminado, simplemente aplique su estilo gráfico y las cosas deberían terminar pareciéndose a la segunda imagen.
Asegúrese de que su "IMPRESIÓN"parte del texto aún está seleccionado y se enfoca en la Apariencia panel. Seleccione el relleno existente, establezca su color en R = 233 G = 242 B = 248 y luego ir a Efecto> Estilizar> Scribble. Ingrese los atributos que se muestran a continuación, haga clic en DE ACUERDO botón, y luego volver a la Estilos gráficos panel y haga clic en eso Nuevo estilo gráfico botón de nuevo para guardar su segundo estilo gráfico.
No necesitarás este nuevo estilo gráfico en este tutorial, pero ten en cuenta que siempre puedes usarlo para aplicar rápidamente sus atributos a cualquier tipo de texto, forma o ruta..
Para este paso necesitarás una grilla cada 5 px, entonces ve a Edición> Preferencias> Guías y cuadrícula y entrar 5 en el Gridline cada caja.
Utilizando la Herramienta Elipse (L), crear un 15 px Haga un círculo, llénelo de amarillo y colóquelo como se muestra en la primera imagen. Asegúrese de que esta nueva forma permanezca seleccionada y vaya a Efecto> 3D> Extrusión y Bisel. Ingrese los atributos que se muestran a continuación y luego haga clic en DE ACUERDO botón.
Asegúrese de que su círculo amarillo aún esté seleccionado, y vaya a Objeto> Expandir Apariencia.
Selecciona el grupo resultante y pulsa Shift-Control-G dos veces para Desagrupar estas formas Ahora, seleccione las dos formas resaltadas en la primera imagen y haga clic en el Unir botón de la Pionero panel. Rellene la forma resultante con el degradado lineal que se muestra a continuación, y tenga en cuenta que los números azules del Gradiente soporte de imagen para Ubicación porcentaje.
Seleccione la forma amarilla restante y reemplace el amarillo con el degradado lineal que se muestra a continuación.
Vuelva a seleccionar las dos formas rellenas con degradados lineales y cree copias al frente (Control-C> Control-F). Seleccione ambas copias y haga clic en el Unir botón de la Pionero panel. Rellena la forma resultante con negro..
Asegúrate de que la forma negra hecha en el paso anterior permanece seleccionada.
Primer golpe Controlar-[ dos veces para enviar la forma seleccionada detrás de las dos formas rellenas con degradados lineales, y luego enfocar en la Apariencia panel. Asegúrese de que toda la ruta esté seleccionada (simplemente haga clic en eso "Camino"parte del texto desde la parte superior del panel) y luego vaya a Efecto> Distorsionar y transformar> Distorsión libre. Arrastre esos puntos aproximadamente como se muestra a continuación, y luego haga clic en DE ACUERDO botón.
Asegúrese de que su forma negra aún esté seleccionada y siga enfocándose en el Apariencia panel. Seleccione el relleno existente, baje su Opacidad a 15% E ir a Efecto> Blur> Gaussian Blur. Entrar a Radio de 3 px y haga clic en el DE ACUERDO botón.
Asegúrese de que su forma negra todavía esté seleccionada, siga enfocándose en la Apariencia Panel y añadir un segundo relleno. Seleccione este nuevo relleno, baje su Opacidad a 20% y reemplace el color existente con el degradado lineal que se muestra a continuación. Tenga en cuenta que el cero amarillo de la Gradiente imagen significa Opacidad porcentaje.
Si también desea agregar un lápiz simple a su ilustración, siga este sencillo tutorial: Cómo crear una ilustración detallada de lápices en Adobe Illustrator.
Finalmente, duplique el cuadrado azul que conforma su fondo y traiga la copia al frente usando la Shift-Control-] atajo de teclado.
Selecciona esta nueva forma y pulsa el botón re botón de su teclado para reemplazar rápidamente el existente Apariencia Atributos con los predeterminados (relleno blanco y trazo negro). Eliminar el trazo negro y seleccionar el relleno. Baja su Opacidad a 40%, cambiar el Modo de fusión a Cubrir y reemplace el color existente con el degradado radial que se muestra a continuación. No olvides que el cero amarillo de la Gradiente imagen significa Opacidad porcentaje.
Aquí es cómo debe verse. Espero que hayas disfrutado de este tutorial y que puedas aplicar estas técnicas en tus proyectos futuros..
Si está buscando otro tutorial centrado en los planos, consulte este tutorial de Ryan Quintal: Consejo rápido: cómo crear una ilustración de planos.
Accentsconagua