Share
En los siguientes pasos, aprenderá a crear una insignia de web verde bastante simple en Adobe Illustrator. Para empezar, aprenderá cómo usar la herramienta Estrella y cómo crear su propia forma de estrella. Luego, al usar la función Esquinas vivas, aprenderá cómo agregar redondez fácilmente para algunos de esos puntos afilados. Continuando, aprenderá cómo agregar sombreados y resaltes sutiles usando el panel Apariencia, efectos simples y algunas técnicas básicas de mezcla y enmascaramiento. Finalmente, aprenderá cómo agregar un fondo texturizado y una simple pieza de texto.
Golpear Control -N para crear un nuevo documento. Seleccionar Pixeles desde el Unidades menú desplegable, entrar 600 en los cuadros de ancho y alto, 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.
Elige el Herramienta estrella y enfócate en tu barra de herramientas. Elimine el color del trazo, luego seleccione el relleno y establezca su color en R = 140 G = 200 B = 65. Vaya a su mesa de trabajo, cree una forma simple (no suelte el botón del mouse), mantenga presionada la tecla Cambio y el Controlar Los botones de su teclado luego simplemente arrastran desde adentro hacia afuera (o viceversa) para aumentar (o disminuir) las longitudes de los picos. Además, use los botones de flecha hacia arriba y hacia abajo de su teclado para aumentar / disminuir el número de picos. Al final, su forma debe tener dieciséis picos y debe verse aproximadamente como se muestra en la siguiente imagen.
A continuación, necesitas centrar esta forma verde, así que 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) luego simplemente haga clic en Centro de alineación horizontal y Centro de alineación vertical botones. Al final las cosas deberían verse como en la siguiente imagen..
Utilizando la Herramienta de selección directa (A), seleccione el octavo punto de anclaje resaltado en la primera imagen, céntrese en el panel de control y simplemente haga clic en "Las esquinas"pieza de texto para abrir el Las esquinas panel de salida. Comprobar el Redondo y el Absoluto botones luego simplemente entrar 7.5 en el Radio caja. Al final, su forma debe verse como en la segunda imagen..
Asegúrese de que el Herramienta de selección directa (A) aún está activo, seleccione el octavo punto de anclaje resaltado en la primera imagen y vuelva a abrir Las esquinas panel de salida. Asegúrese de que el Redondo y el Absoluto Los botones aún están seleccionados, entonces simplemente ingrese 3 en el Radio caja. Al final, su forma debe verse como en la segunda imagen. Siempre puede volver a estos puntos de anclaje si desea aumentar / disminuir la redondez o elegir un estilo diferente para el Esquina y el Redondeo.
Asegúrese de que su forma verde permanece seleccionada, abra el Apariencia panelVentana> Apariencia) y agregue un segundo relleno usando el Añadir nuevo relleno Botón (señalado por la pequeña flecha azul en la siguiente imagen). Seleccione este nuevo relleno, establezca el color en R = 55 G = 180 B = 75 y simplemente arrástrelo debajo del relleno existente.
Mantente enfocado en el Apariencia panel, asegúrese de que el relleno agregado en este paso todavía esté seleccionado y vaya a Efecto> Distorsionar y transformar> Transformar. Centrarse en el Girar sección, ingrese un 11 grados de ángulo y haga clic DE ACUERDO. Al final las cosas deberían verse como en la siguiente imagen..
Vuelva a seleccionar su forma verde y haga una copia al frente (Control -C> Control -F). Selecciónelo y vaya a Objeto> Expandir Apariencia. Asegúrese de que el grupo resultante de formas permanezca seleccionado, abra el Pionero panelVentana> Pathfinder) y haga clic en Unir botón. Rellene la forma resultante con blanco (R = 255 G = 255 B = 255) entonces simplemente pulsa Shift-Control - [ enviarlo al dorso.
Vuelva a seleccionar su forma verde, enfóquese en la Apariencia panel, seleccione el relleno superior y vaya a Efecto> Estilizar> Resplandor exterior. Ingrese las propiedades que se muestran en la siguiente imagen y haga clic en DE ACUERDO.
Asegúrese de que su forma verde permanezca seleccionada y enfoque en el Apariencia panel. Seleccione el trazo existente, arrástrelo entre los dos rellenos, establezca el color en negro y el peso en 1 pt. Asegúrese de que este trazo fino permanezca seleccionado, baje su Opacidad a 15% y cambiar el Modo de fusión a Luz tenue luego abre el Carrera panelVentana> Trazo) y compruebe el Alinear el trazo al exterior botón.
Asegúrese de que su forma verde permanece seleccionada, enfóquese en el Apariencia panel, vuelva a seleccionar ese trazo negro y duplíquelo usando el Duplicar el elemento seleccionado Botón (señalado por la pequeña flecha azul en la siguiente imagen). Seleccione este nuevo golpe, aumente el peso a 2 puntos y baja su Opacidad a 10%.
Mantente enfocado en el Apariencia panel, asegúrese de que su 2 puntos Aún se selecciona el trazo y se duplica utilizando ese mismo Duplicar el elemento seleccionado botón. Seleccione este tercer golpe, aumente el peso a 3 puntos y baja su Opacidad a 5%.
Centrarse en el Capas panelVentana> Capas), vuelva a seleccionar su forma blanca, haga una copia al frente (Control-C> Control-F) y llevarlo al frente (Shift-Control-] ). Seleccione esta copia junto con la forma verde, abra el Transparencia panelVentana> Transparencia) y simplemente haga clic en Hacer mascara botón. Al final, su forma enmascarada debe verse como en la tercera imagen..
Asegúrese de que su forma enmascarada permanezca seleccionada, enfóquese en la Apariencia panel y añadir un nuevo trazo utilizando el Añadir nuevo trazo Botón (señalado por la pequeña flecha azul en la siguiente imagen).
Seleccione este nuevo trazo, arrástrelo en la parte superior de la Apariencia panel, ajuste el color en negro y el peso en 10 puntos, baja su Opacidad a 10% y cambiar el Modo de fusión a Luz tenue luego ve a la Carrera panel y compruebe el Alinear el trazo al interior botón.
Asegúrese de que su forma enmascarada permanezca seleccionada, enfóquese en la Apariencia Panel y agregar un nuevo trazo utilizando ese mismo Añadir nuevo trazo botón. Arrastra este nuevo trazo en la parte superior de la Apariencia panel, establecer el color en blanco y el peso en 2 puntos, baja su Opacidad a 30% y cambiar el Modo de fusión a Luz tenue luego ve a la Carrera panel y compruebe el Alinear el trazo al interior botón.
Asegúrese de que su forma enmascarada permanezca seleccionada, enfóquese en la Apariencia panel y agregar un nuevo relleno utilizando ese mismo Añadir nuevo relleno botón.
Seleccione este nuevo relleno, arrástrelo en la parte superior de la Apariencia panel, establecer el color en blanco, bajar su Opacidad a 10% y cambiar el Modo de fusión a Luz tenue luego ve a Efecto> Ruta> Ruta compensada. Entrar a -Desplazamiento 15px y haga clic DE ACUERDO.
Asegúrese de que su forma enmascarada permanezca seleccionada, enfóquese en la Apariencia panel y agregar un nuevo relleno utilizando ese mismo Añadir nuevo relleno botón. Seleccione este nuevo relleno y arrástrelo en la parte superior de la Apariencia panel. Baja su Opacidad a 20% y cambiar el Modo de fusión a Luz tenue luego ve a Efecto> Convertir a forma> Elipse. Ingrese las propiedades mostradas en la siguiente imagen, haga clic en DE ACUERDO y volver a la Apariencia panel.
Asegúrese de que este relleno fresco permanece seleccionado, 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 tu Gradiente panel, seleccione Radial desde el Tipo menú desplegable luego pasar a los colores degradados. Seleccione el control deslizante izquierdo y establezca el color en blanco, luego seleccione el control deslizante derecho, establezca el color en blanco y baje su Opacidad a 0%. Asegúrate de que este nuevo relleno permanezca seleccionado, toma el Herramienta de gradiente (G), céntrese en su mesa de trabajo y estire ese gradiente como se muestra en la siguiente imagen.
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 y Altura cajas luego haga clic DE ACUERDO para obtener su 610px cuadrado. Rellena esta nueva forma con R = 23 8 G = 238 B = 213, enviarlo a la parte posterior (Shift-Control- [ ) luego céntrelo usando el Centro de alineación horizontal y Centro de alineación vertical botones de la Alinear panel. Al final, esta nueva forma debe cubrir toda su mesa de trabajo como se muestra en la siguiente imagen.
Asegúrese de que su 610px aún está seleccionado el cuadrado, se enfoca en la Apariencia panel y agregar un segundo relleno utilizando ese mismo Añadir nuevo relleno botón. Seleccione este nuevo relleno, baje su Opacidad a 80%, cambiar el Modo de fusión a Cubrir y añade el degradado radial que se muestra en la siguiente imagen..
Asegúrese de que su 610px aún está seleccionado el cuadrado, se enfoca en la Apariencia Panel y añadir un tercer relleno. Selecciónelo, establezca el color en negro, baje su Opacidad a 3%, cambiar el Modo de fusión a Multiplicar luego ve a Efecto> Artístico> Grano de película. Ingrese las propiedades que se muestran en la siguiente imagen y haga clic en DE ACUERDO.
Asegúrese de que su 160px aún está seleccionado el cuadrado, se enfoca en la Apariencia Panel y añadir un nuevo relleno. Necesitará un patrón incorporado para este cuarto relleno, así que vaya a Muestras panelVentana> Muestras), abra el menú desplegable y vaya a Abra Swatch Library> Patrones> Gráficos básicos> Gráficos básicos_Texturas. Se abrirá una nueva ventana con un conjunto de patrones integrados. Asegúrese de que el relleno agregado al comienzo del paso todavía esté seleccionado, agregue el "Cruces"patrón, baja su Opacidad a 80% y cambiar el Modo de fusión a Cubrir.
Centrarse en el Capas panel, vuelva a seleccionar su forma blanca y vaya a Efecto> Stylize> Drop Shadow. Ingrese las propiedades que se muestran en la ventana superior izquierda, haga clic en DE ACUERDO e ir de nuevo a Efecto> Stylize> Drop Shadow. Ingrese las propiedades que se muestran en la ventana superior derecha, haga clic en DE ACUERDO e ir una vez más a Efecto> Stylize> Drop Shadow. Ingrese las propiedades que se muestran en la ventana inferior izquierda, haga clic en DE ACUERDO e ir una vez más a Efecto> Stylize> Drop Shadow. Ingrese las propiedades que se muestran en la ventana inferior derecha y haga clic en DE ACUERDO.
Elige el Tipo de herramienta (T), simplemente haga clic en su mesa de trabajo, agregue el texto "100% verde" y establezca su color en R = 55 G = 180 B = 75. Asegúrese de que permanece seleccionado, abra el Personaje panelVentana> Tipo> Carácter) y use la "fuente GoodDog" con el tamaño establecido en 50px. Asegúrese de que su parte del texto aún esté seleccionado y céntrelo con el centro Centro de alineación horizontal y Centro de alineación vertical botones de la Alinear panel.
Vuelva a seleccionar su texto y vaya 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 fragmento de texto se mantenga seleccionado, enfóquese en el Apariencia Panel y agregar un nuevo trazo utilizando ese mismo Añadir nuevo trazo botón. Seleccione este nuevo trazo, establezca el color en negro y el peso en 1px, baje su Opacidad a 20% y cambiar el Modo de fusión a Luz tenue luego ve a Efecto> Ruta> Ruta compensada. Entrar a -Desplazamiento 0.5px y haga clic DE ACUERDO.
Volver a la Apariencia Panel y simplemente duplicar este trazo fino. Seleccione el trazo recién agregado, baje su Opacidad a 10% y aumentar el peso a 2px.
Sigue enfocándote en este nuevo golpe, abre el existente Ruta de desvío efecto, ingrese un -Desplazamiento 1px, hacer clic DE ACUERDO y tu estas listo.
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