En el siguiente tutorial aprenderás cómo crear el icono de Google Chrome simple en Adobe Illustrator.

Detalles Tutorial

  • Programa: Adobe Illustrator CS6
  • Tiempo estimado de ejecución: 60 Minutos.
  • Dificultad: Intermedio

Paso 1

Pulse Control + N para crear un nuevo documento. Escriba 600 en el cuadro de anchura y 400 en el cuadro de altura y luego haga clic en el botón Avanzadas. Seleccione RGB, pantalla (72 ppp) y asegúrese de que el “Alinear nuevos objetos cuadrícula de píxeles a” casilla está desactivada antes de hacer clic en Aceptar. Ahora, encienda la cuadrícula (Vista> Cuadrícula) y el ajuste a la cuadrícula (Vista> Ajustar a la cuadrícula). Después, usted necesita una cuadrícula cada 5px. Vaya a Edición> Preferencias> Guías y cuadrícula, introduzca las 5 de la cuadrícula cada cuadro y 1 en el cuadro de las subdivisiones. También puede abrir el panel Información (Ventana> Información) para obtener una vista previa en vivo con el tamaño y la posición de sus formas. No se olvide de establecer la unidad de medida en píxeles desde Editar> Preferencias> Unidad> General. Al estas opciones aumentará significativamente la velocidad de trabajo.

Cómo crear un simple icono en Google Chrome en Adobe Illustrator 2

Paso 2

Comience con la herramienta Elipse (L). Crear un círculo 130px, rellenamos de negro, baje su opacidad al 30% y asegurarse de que no hay ningún conjunto de color para el trazo. Seleccione esta nueva forma y vaya a Objeto> Trazado> Desplazamiento. Escriba una 35px Offset y haga clic en Aceptar. Seleccione la forma resultante y volver a Objeto> Trazado> Desplazamiento. Introduce Esta vez un 5px Offset y haga clic en Aceptar. Al final, usted debe tener tres círculos concéntricos en el panel Capas (Ventana> Capas).

Cómo crear un simple icono en Google Chrome en Adobe Illustrator 3

Paso 3

Elija la herramienta Pluma (P) y dibujar un camino horizontal 60px. Seleccionar, añadir un 1 pt, trazo negro y colocarlo como se muestra en la siguiente imagen. Asegúrese de que aún se selecciona esta trayectoria horizontal y vaya a Efecto> Distorsionar y Transformar> Transformar. Introduzca los datos que se muestran a continuación, haga clic en Aceptar y vaya a Objeto> Expandir apariencia.

Cómo crear un simple icono en Google Chrome en Adobe Illustrator 4

Paso 4

Mover al panel Capas y encontrarás un nuevo grupo con los tres caminos simples creadas en el paso anterior. Seleccionar y pulsar Mayús + Control + G dos veces para deshacerse de todos aquellos grupos / subgrupos. Ahora, elegir la herramienta de pluma y se centran en la parte superior, la trayectoria horizontal. Simplemente haga clic en el punto de anclaje a la izquierda (para volver a conectar con la ruta) y seguir dibujando una trayectoria vertical 15px. Asegúrese de que aún esté seleccionada la herramienta Pluma (P), se centran en los dos caminos oblicuos y añadir algunas pistas adicionales, como se muestra a continuación. El ajuste a la cuadrícula facilitará su trabajo. Al final los tres caminos debe ser similar a la siguiente imagen. Seleccionar y hacer una copia en el frente (Control + C> Control + F).

Cómo crear un simple icono en Google Chrome en Adobe Illustrator 5

Paso 5

Seleccione los dos primeros círculos creados en el segundo paso, abra el panel Buscatrazos (Ventana> Pathfinder) y haga clic en el botón menos frontal. El trazado compuesto resultante debe ser similar en la segunda imagen.

Cómo crear un simple icono en Google Chrome en Adobe Illustrator 6

Paso 6

Vuelva a seleccionar las tres copias creadas en la final de la cuarta etapa, junto con el trazado compuesto hecho en el paso anterior y haga clic en el botón Dividir del panel de Pathfinder. Mover al panel Capas y encontrarás un grupo con cuatro nuevas formas. Abrirlo, eliminar la forma inferior (el que no tiene establecido para el color de relleno) y luego desagrupar las tres formas restantes (Mayúsculas + Control + G).

Cómo crear un simple icono en Google Chrome en Adobe Illustrator 7

Paso 7

Después, usted necesita para añadir un poco de color para las tres formas creadas en el paso anterior.Seleccionarlos en por uno y llenarlos con el gradiente se muestra a continuación. Además, seleccione el círculo restante y llenarlo con el degradado radial mostrado en la imagen final. El número de blanco (70) de la imagen de gradiente definitiva significa porcentaje ubicación. Esto significa que usted necesita para seleccionar el icono de diamante poco del regulador de degradado y establecer su ubicación en un 70%.

Cómo crear un simple icono en Google Chrome en Adobe Illustrator 8

Paso 8

Centrarse en la parte superior, el camino correcto con el trazo negro. Seleccione la herramienta de selección directa (A), seleccione los dos puntos de anclaje con un círculo en la primera imagen y Control hit + J para cerrar el camino. Seleccione esta opción, eliminar el color del trazo y el relleno con R = 239 G = 192 B = 29. Vuelva a seleccionar la forma amarilla editado en el paso anterior y hacer una copia en el frente (Control + C> Control + F). Seleccione esta copia junto con la otra forma amarilla creada en el inicio de este paso y haga clic en el botón Intersección desde el panel de Pathfinder. Al final, su forma debe ser similar en la quinta imagen.

Cómo crear un simple icono en Google Chrome en Adobe Illustrator 9

Paso 9

Centrarse en el camino de abajo con el trazo negro. Seleccione la herramienta de selección directa (A), seleccione los dos puntos de anclaje con un círculo en la primera imagen y Control hit + J para cerrar el camino. Seleccione esta opción, eliminar el color del trazo y el relleno con R = 45 G = 165 B = 53. Vuelva a seleccionar la forma verde editado en el séptimo peldaño y hacer una copia en el frente (Control + C> Control + F). Seleccione esta copia junto con la otra forma verde creado en el inicio de este paso y haga clic en el botón Intersección desde el panel de Pathfinder. Al final, su forma debe ser similar en la quinta imagen.

Cómo crear un simple icono en Google Chrome en Adobe Illustrator 10

Paso 10

Centrarse en el camino que queda con el trazo negro. Seleccione la herramienta de selección directa (A), seleccione los dos puntos de anclaje con un círculo en la primera imagen y Control hit + J para cerrar el camino. Seleccione esta opción, eliminar el color del trazo y el relleno con R = 208 G = 30 B = 34. Vuelva a seleccionar la forma, rojo, editado en el séptimo peldaño y hacer una copia en el frente (Control + C> Control + F). Seleccione esta copia junto con la otra forma, rojo, creado en el inicio de este paso y haga clic en el botón Intersección desde el panel de Pathfinder. Al final, su forma debe ser similar en la quinta imagen.

Cómo crear un simple icono en Google Chrome en Adobe Illustrator 11

Paso 11

Desactive la opción Ajustar a la cuadrícula (Vista> Ajustar a la cuadrícula) y luego ir a Edición> Preferencias> General y asegúrese de que el incremento de teclado se fija en 1 píxel. Seleccione todas las formas creadas hasta ahora y duplicarlos (Control + C> Control + F). Seleccione estas copias y haga clic en el botón Unite desde el panel de Pathfinder. Llenar las formas resultantes con blanco y convertirlos en un trazado compuesto (Objeto> Trazado compuesto> hacer). Selecciónelo y haga dos copias en frente (Control + C> Control + C> Control + F). Seleccione la copia superior y pulse la flecha hacia arriba una vez para moverlo 1px arriba. Vuelva a seleccionar ambas copias y haga clic en el botón menos frontal desde el panel de Pathfinder. Seleccione el grupo resultante de formas y convertirlo en un trazado compuesto (Objeto> Trazado compuesto> Make). Llenarlo con negro, baje su opacidad al 10% y cambiar el modo de fusión a Multiplicar.

Cómo crear un simple icono en Google Chrome en Adobe Illustrator 12

Paso 12

Vuelva a seleccionar trazado compuesto luego blanco creado en el paso anterior y hacer dos copias en frente (Control + C> Control + C> Control + F). Seleccione la copia superior y moverlo 3px arriba. Vuelva a seleccionar ambas copias y haga clic en el botón menos frontal desde el panel de Pathfinder.Seleccione el grupo resultante de formas y convertirlo en un trazado compuesto (Objeto> Trazado compuesto> Make). Llenarlo con negro, baje su opacidad al 5% y cambiar el modo de fusión a Multiplicar.

Cómo crear un simple icono en Google Chrome en Adobe Illustrator 13

Paso 13

Vuelva a seleccionar trazado compuesto luego blanco y vaya a Objeto> Trazado> Desplazamiento.Introduzca un 3px-Offset y haga clic en Aceptar. Seleccione la forma resultante, haga una copia de frente y eliminar el trazado compuesto original, blanco. Seleccione la copia y moverlo 1px hacia abajo.Vuelva a seleccionar ambas copias y haga clic en el botón menos frontal desde el panel de Pathfinder.Seleccione el grupo resultante de formas y convertirlo en un trazado compuesto (Objeto> Trazado compuesto> Make). Rellenar con el degradado lineal se muestra a continuación, baje su opacidad al 50% y cambiar el modo de fusión de superposición. Recuerde que los números blancos de la imagen de gradiente representan porcentaje lugar, mientras que los ceros amarillas representan porcentaje de opacidad.

Cómo crear un simple icono en Google Chrome en Adobe Illustrator 14

Paso 14

Una vez más, seleccione todas las formas creadas hasta ahora y duplicarlos (Control + C> Control + F).Seleccione las copias y haga clic en el botón Unite desde el panel de Pathfinder. Llenar las formas resultantes con blanco y convertirlos en un trazado compuesto (Objeto> Trazado compuesto> hacer).Seleccione una foto y envíela hacia atrás (Shift + Control + [) y vaya a Efecto> Estilizar> Sombra paralela.Introduzca los datos que se muestran a continuación, haga clic en Aceptar y ya está.

Cómo crear un simple icono en Google Chrome en Adobe Illustrator 15
illustrator3
INFÓRMATE  DEL TALLER DE ILLUSTRATOR  INGRESA  AQUI