Share
Lo que vas a crearEn los siguientes pasos, aprenderá cómo crear una simple ilustración de mensaje en Adobe Illustrator.
Para empezar, aprenderá cómo configurar una cuadrícula simple. Luego, al utilizar herramientas y efectos básicos junto con algunas técnicas básicas de construcción de formas vectoriales, aprenderá cómo crear el polo. Usando principalmente el panel Apariencia y algunas piezas simples de texto, aprenderá cómo crear las placas de señalización..
Finalmente, aprenderá cómo cambiar la orientación de las placas y cómo crear un fondo simple.
Golpear Control-N para crear un nuevo documento. Seleccionar Pixeles desde el Unidades menú desplegable, entrar 600 en la caja de ancho y 630 en el cuadro de altura 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 el Cuadrícula (Ver> Mostrar cuadrícula) y el Encajar a la cuadricula (Ver> Ajustar a la cuadrícula). Para empezar necesitarás una grilla cada 5px, así que simplemente ve a Edición> Preferencias> Guías> Cuadrícula, entrar 5 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. 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 olvide 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), crear un 15 x 480px Forme y colóquela aproximadamente como se muestra en la siguiente imagen. Asegúrese de que esta forma se mantiene seleccionada, abra el Gradiente panelVentana> Gradiente) y simplemente haga clic en la miniatura del degradado para agregar el degradado lineal predeterminado de negro a blanco.
Mantente enfocado en el Gradiente panel, establecer el Ángulo a 0 grados y luego pasar a los colores degradados. Seleccione el control deslizante de degradado izquierdo y establezca el color en R = 15 G = 20 B = 25 a continuación, seleccione el control deslizante de degradado correcto y establezca el color R = 55 G = 60 B = 65. Concéntrese en la barra de degradado y simplemente haga clic en ella para agregar un nuevo control deslizante de degradado. Asegúrese de que este nuevo control deslizante esté seleccionado, establezca su color en R = 100 G = 105 B = 110, centrarse en el Ubicación caja (de la Gradiente panel) y póngalo en 35%. Tenga en cuenta que los números blancos de la Gradiente las imágenes representan Ubicación porcentaje. Agregue otros dos deslizadores para su gradiente, luego use el color y Ubicación Atributos mostrados en la siguiente imagen..
Asegúrese de que su rectángulo todavía esté seleccionado y vaya a Efecto> Estilizar> Esquinas redondeadas. Entrar a Radio 1px, hacer clic DE ACUERDO E ir a Efecto> Deformación> Arco superior. Ingrese las propiedades que se muestran en la siguiente imagen y haga clic en DE ACUERDO.
Para los siguientes pasos necesitará una cuadrícula cada 1px, entonces ve a Edición> Preferencias> Guías y cuadrícula y entrar 1 en el Gridline cada caja. Utilizando la Herramienta Elipse (L), crear un 11px circule, rellénelo con el degradado radial que se muestra a continuación y colóquelo como se muestra en la siguiente imagen. Enfócate en tu mesa de trabajo y usa la Herramienta de gradiente (G) para estirar su gradiente radial como se muestra a continuación.
Utilizando la Herramienta Elipse (L), crear un 19 x 8px forma, establecer el color de relleno en R = 39 G = 170 B = 225 y colóquelo como se muestra en la primera imagen. Cambiar a la Herramienta Rectangular (M), crear un 19 x 5px Forma y colócalo como se muestra en la segunda imagen. Vuelva a seleccionar las dos formas hechas en este paso, abra el Pionero panelVentana> Pathfinder) y haga clic en Unir botón.
Utilizando la Herramienta Elipse (L), crear un 19 x 8px forma, rellénelo con el degradado lineal que se muestra a continuación y colóquelo como se muestra en la primera imagen. Seleccione este círculo exprimido junto con su forma azul y haga clic en el Frente menos botón de la Pionero panel. Asegúrese de que el grupo resultante esté seleccionado y simplemente presione Shift-Control-G a Desagrupar eso. Seleccione la parte inferior, formas azules (resaltadas en la tercera imagen) y elimínelas usando el Borrar Botón del teclado. Seleccione la forma azul restante y reemplace el color de relleno existente con R = 225 G = 225 B = 225.
Deshabilitar el Encajar a la cuadricula (Ver> Ajustar a la cuadrícula) luego ve a Editar> Preferencias> General y asegúrese de que el Incremento de teclado se establece en 1px. Vuelva a seleccionar su círculo exprimido y haga dos copias al frente (Control-C> Control-F> Control-F). Selecciona la copia superior y muévela. 1px pulsando el botón de flecha hacia abajo desde tu teclado.
Vuelva a seleccionar las dos copias realizadas en este paso y haga clic en Frente menos botón de la Pionero panel. Asegúrese de que la forma resultante permanezca seleccionada y enfoque en el Apariencia panel. Reemplace el color de relleno existente con blanco (R = 255 G = 255 B = 255) luego simplemente haga clic en ese "Opacidad"pieza de texto para abrir el Transparencia panel de salida. Bajar el Opacidad a 80% y cambiar el Modo de fusión a Luz tenue.
Selecciona todas las formas resaltadas en la primera imagen y simplemente pulsa Control-G a Grupo ellos. Asegúrate de que tu nuevo grupo esté seleccionado y pulsa Shift-Control- [ enviarlo al dorso.
Habilitar el Encajar a la cuadricula (Ver> Ajustar a la cuadrícula). Utilizando la Herramienta Rectangular (M), crear un 17 x 52 px forma, establecer el color de relleno en R = 26 G = 29 B = 31 y colóquelo como se muestra en la siguiente imagen..
Asegúrese de que su rectángulo oscuro todavía está seleccionado y vaya a Efecto> Distorsionar y transformar> Transformar. Ingrese las propiedades mostradas en la siguiente imagen, haga clic en DE ACUERDO E ir a Objeto> Expandir Apariencia. Selecciona el grupo de formas resultante y pulsa. Shift-Control-G dos veces.
Vuelva a seleccionar los cinco rectángulos oscuros hechos en el paso anterior y simplemente presione Control-8 para convertirlos en un Camino compuesto. Utilizando la Herramienta de selección directa (A), seleccione su ruta compuesta completa, enfóquese en el panel de control e ingrese "1px" en eso Las esquinas caja.
Asegúrese de que su ruta compuesta aún esté seleccionada y vaya a Efecto> Warp> Bulge. Ingrese las propiedades mostradas en la siguiente imagen, haga clic en DE ACUERDO entonces simplemente pulsa Shift-Control- [ enviarlo al dorso.
Utilizando la Herramienta Rectangular (M), crear un 17 x 52 px forma, establecer el color de relleno en R = 39 G = 170 B = 225 y colóquelo como se muestra en la siguiente imagen..
Asegúrese de que su rectángulo azul todavía esté seleccionado y vaya a Efecto> Distorsionar y transformar> Transformar. Ingrese las propiedades mostradas en la siguiente imagen, haga clic en DE ACUERDO E ir a Objeto> Expandir Apariencia. Asegúrese de que el grupo resultante de formas esté seleccionado, pulse Shift-Control-G dos veces y luego convierte tus rectángulos azules en un camino compuesto simple.
Asegúrese de que su ruta compuesta azul todavía esté seleccionada y vaya a Efecto> Warp> Bulge. Ingrese las propiedades mostradas en la siguiente imagen, haga clic en DE ACUERDO E ir a Objeto> Expandir Apariencia.
Utilizando la Herramienta de selección directa (A), seleccione toda su ruta compuesta azul, enfóquese en el panel de control e ingrese "1px" en eso Las esquinas caja. Asegúrate de que la ruta compuesta azul aún esté seleccionada y haz clic en Dividir botón de la Pionero panel. Seleccione el grupo resultante de formas y simplemente pulse Shift-Control-G a Desagrupar eso. Al final debes tener cinco formas azules separadas..
Deshabilitar el Encajar a la cuadricula (Ver> Ajustar a la cuadrícula). Enfoque en la parte superior, forma azul, selecciónela y haga dos copias al frente (Control-C> Control-F> Control-F). Selecciona la copia superior y muévela. 1px hacia abajo con el botón de flecha hacia abajo de su teclado. Vuelva a seleccionar ambas copias y haga clic en Frente menos botón de la Pionero panel. Asegúrese de que la forma resultante esté seleccionada y reemplace el color de relleno existente con R = 76 G = 79 B = 81.
Vuelva a seleccionar la parte superior, la forma azul y haga dos copias al frente (Control-C> Control-F> Control-F). Selecciona la copia superior y muévela. 1px arriba usando el botón de flecha arriba de su teclado. Vuelva a seleccionar ambas copias y haga clic en Frente menos botón de la Pionero panel. Asegúrese de que la forma resultante esté seleccionada y reemplace el color de relleno existente con R = 76 G = 79 B = 81.
Vuelva a seleccionar la parte superior, la forma azul y haga dos copias al frente (Control-C> Control-F> Control-F). Selecciona la copia superior y muévela. 3px abajo. Vuelva a seleccionar ambas copias y haga clic en Frente menos botón de la Pionero panel. Asegúrese de que la forma resultante esté seleccionada y reemplace el color de relleno existente con el degradado lineal que se muestra en la siguiente imagen.
Vuelva a seleccionar la parte superior, la forma azul y haga dos copias al frente (Control-C> Control-F> Control-F). Selecciona la copia superior y muévela. 3px arriba. Vuelva a seleccionar ambas copias y haga clic en Frente menos botón de la Pionero panel. Asegúrese de que la forma resultante esté seleccionada y reemplace el color de relleno existente con el mismo degradado lineal utilizado en el paso anterior.
Vuelva a seleccionar su forma azul superior y reemplace el color de relleno existente con el degradado lineal que se muestra en la siguiente imagen.
Vaya a las siguientes formas azules y simplemente repita las técnicas utilizadas para su forma superior, azul. Al final las cosas deberían verse como en la siguiente imagen..
Habilitar el Encajar a la cuadricula (Ver> Ajustar a la cuadrícula) y volver a línea de cuadrícula cada 5px, así que simplemente ve a Edición> Preferencias> Guías y cuadrícula y entrar 5 en el Gridline cada caja. Utilizando la Herramienta Rectangular (M), crear un 155 x 50px forma, rellénelo con el degradado lineal que se muestra a continuación y colóquelo como se muestra en la siguiente imagen. No olvides que el número blanco de la Gradiente imagen significa Ubicación porcentaje.
Mover a la Capas panelVentana> Capas), simplemente haga clic en la forma hecha en este paso y cambie su nombre "plato".
Asegúrese de que su "plato"la forma permanece seleccionada y ve a Objeto> Ruta> Añadir puntos de anclaje. Cambiar a la Herramienta de selección directa (A) y enfócate en el lado derecho de tu figura. Seleccione los puntos de anclaje superior e inferior y simplemente arrástrelos 25px a la izquierda. Asegúrese de que el Herramienta de selección directa (A) permanece activo, seleccione el punto de anclaje resaltado por el círculo púrpura en la segunda imagen, enfóquese en el panel de control y simplemente ingrese 5px en el Las esquinas caja. Seleccione los dos puntos de anclaje resaltados por los círculos verdes en la segunda imagen e ingrese 10px en ese mismo Las esquinas Caja desde el panel de control. Al final tu "plato"debe verse como en la tercera imagen.
Asegúrese de que su "plato"la forma permanece seleccionada, se enfoca en la Apariencia panel, seleccione el trazo, establezca el color en negro (R = 0 G = 0 B = 0) luego simplemente haga clic en "Carrera"pieza de texto para abrir el Carrera panel de salida. Selecciona el Peso a 5px y compruebe el Alinear el trazo al interior botón.
Volver a la Apariencia panel y simplemente haga clic en el "Opacidad"parte del texto que representa su trazo para abrir el Transparencia panel de salida. Bajar el Opacidad a 20% y cambiar el Modo de fusión a Luz tenue.
Asegúrese de que su "plato"la forma permanece seleccionada, se enfoca en la Apariencia panel, y añadir un segundo trazo utilizando el Añadir nuevo trazo Botón (señalado por el círculo azul en la siguiente imagen). Seleccione su nuevo trazo, establezca la Peso a 2px, comprobar el Alinear el trazo al interior botón de la Carrera panel desplegable y agregue el degradado lineal que se muestra en la siguiente imagen.
Asegúrese de que este nuevo trazo todavía esté seleccionado y vaya a Efecto> Ruta> Ruta compensada. Entrar a -Desplazamiento 1px, hacer clic DE ACUERDO E ir a Efecto> Stylize> Drop Shadow. Ingrese las propiedades que se muestran en la siguiente imagen y haga clic en DE ACUERDO.
Asegúrese de que su "plato"la forma permanece seleccionada, se enfoca en la Apariencia panel, y añadir un tercer trazo utilizando ese mismo Añadir nuevo trazo botón. Seleccione este nuevo trazo, establezca la Peso a 1px, comprobar el Alinear el trazo al interior botón de la Carrera panel de salida y establecer su color en R = 76 G = 79 B = 81.
Utilizando la Herramienta Rectangular (M), crear un 10 x 50px forma, configure el color de relleno en negro y colóquelo como se muestra en la primera imagen. Asegúrese de que este nuevo rectángulo permanezca seleccionado, enfóquese en el Apariencia panel, baja su Opacidad a 20% y cambiar el Modo de fusión a Luz tenue. Elige el Tipo de herramienta (T), simplemente haga clic en su artbboard y añada el texto. Asegúrese de que permanece seleccionado y abra el Personaje panelVentana> Tipo> Carácter). Utilizar el Agencia fb fuente, hazlo Negrita luego establece el tamaño en 20px y el color en R = 245 G = 245 B = 245.
Cambiar a cuadrícula cada 1px, entonces ve a Edición> Preferencias> Guías y cuadrícula y entrar 1 en el Gridline cada caja. Utilizando la Herramienta Pluma (P), crear un 14px, Recorra el camino vertical y colóquelo como se muestra en la siguiente imagen. Selecciona este nuevo camino y enfócate en el Apariencia panel. Asegúrese de que no haya un conjunto de colores para el relleno y luego seleccione el trazo. Establece su color en R = 225 G = 225 B = 225 luego abre el Carrera panel de salida. Selecciona el Peso a 3px entonces revisa el Tapa redonda y el Round Join botones.
Asegúrate de que tu camino vertical aún esté seleccionado y ve a Objeto> Ruta> Añadir puntos de anclaje. Utilizando la Herramienta de selección directa (A), Seleccione el punto de anclaje recién agregado y arrástrelo 8px a la derecha. Al final las cosas deberían verse como en la tercera imagen. Asegúrate de que la ruta de tu flecha permanezca seleccionada y ve a Efecto> Stylize> Drop Shadow. Ingrese las propiedades que se muestran en la siguiente imagen y haga clic en DE ACUERDO.
Vuelva a seleccionar su "plato"forma junto con la pieza de texto, el rectángulo negro y la flecha pequeña y la ruta Grupo ellos (Control-G). Asegúrese de que este nuevo grupo esté seleccionado, simplemente envíelo a la parte posterior (Shift-Control- [ ) luego mueva a Capas panel y renombrarlo "placa de signo".
Volver a línea de cuadrícula cada 5px, así que simplemente ve a Edición> Preferencias> Guías y cuadrícula y entrar 5 en el Gridline cada caja. Multiplica tuplaca de signo"grupo (Control-C> Control-F), separe las copias como se muestra en la siguiente imagen y cambie los fragmentos de texto como se muestra en la siguiente imagen.
Haz otras dos copias de tu "placa de signo"grupo, seleccione ambos y vaya a Objeto> Transformar> Reflejar. Comprobar el Vertical cuadro y haga clic en el DE ACUERDO botón. Coloque estos nuevos grupos como se muestra en la siguiente imagen, elimine los fragmentos de texto existentes y agregue algunos nuevos con atributos similares.
Seleccione la parte superior derechaplaca de signo"grupo e ir a Efecto> Distorsionar y transformar> Distorsión libre. Arrastre esos puntos de anclaje como se muestra en la siguiente imagen y haga clic en DE ACUERDO.
Seleccione el medio, a la derecha "placa de signo"grupo e ir a Efecto> Distorsionar y transformar> Distorsión libre. Arrastre esos puntos de anclaje como se muestra en la siguiente imagen y haga clic en DE ACUERDO.
Seleccione la parte inferior derechaplaca de signo"grupo e ir a Efecto> Distorsionar y transformar> Distorsión libre. Arrastre esos puntos de anclaje como se muestra en la siguiente imagen y haga clic en DE ACUERDO.
Seleccione la parte superior izquierda "placa de signo"grupo e ir a Efecto> Distorsionar y transformar> Distorsión libre. Arrastre esos puntos de anclaje como se muestra en la siguiente imagen y haga clic en DE ACUERDO.
Seleccione la parte inferior, izquierda "placa de signo"grupo e ir a Efecto> Distorsionar y transformar> Distorsión libre. Arrastre esos puntos de anclaje como se muestra en la siguiente imagen y haga clic en DE ACUERDO.
Elige el Herramienta Rectangular (M) y simplemente haga clic en su mesa de trabajo para abrir el Rectángulo ventana. Entrar 610 en el Anchura caja y 640 en el Altura cuadro luego haga clic en el DE ACUERDO Botón para crear tu nuevo rectángulo. Asegúrese de que esta nueva forma permanezca seleccionada, establezca el color de relleno en R = 239 G = 253 B = 225, enviarlo a la parte posterior (Shift-Control- [ ) luego abre el Alinear panelVentana> Alinear).
Establezca la alineación en Artboard (abra el menú desplegable y vaya a Mostrar opciones si no puedes ver el Alinear hacia sección como se muestra en la siguiente imagen), asegúrese de que su forma esté seleccionada, simplemente haga clic en el Centro de alineación horizontal y Centro de alineación vertical botones. Al final, su forma debe cubrir toda la mesa de trabajo como se muestra en la siguiente imagen.
Asegúrese de que su rectángulo azul aún está seleccionado, enfóquese en el Apariencia panel y agregar un segundo relleno usando el Añadir nuevo relleno Botón (señalado por el círculo azul en la siguiente imagen). Seleccione este nuevo relleno, baje su Opacidad a 20%, cambiar el Modo de fusión a Multiplicar y añade el degradado radial que se muestra en la siguiente imagen..
Tenga en cuenta que el cero amarillo de la Gradiente imagen significa Opacidad porcentaje. Esto simplemente significa que debe seleccionar ese control deslizante de degradado, centrarse en el Opacidad caja (de la Gradiente panel) y póngalo en 0%.
Aquí es cómo debe verse. Espero que hayas disfrutado de este tutorial y que puedas aplicar estas técnicas en tus proyectos futuros..
Accentsconagua