En el siguiente tutorial, aprenderá a crear un ícono de maleta, adecuado para un sitio orientado a viajes o un folleto de vacaciones. Agarra tus herramientas vectoriales y vamos a construir.
Crea un documento de 255 por 255px. Primero, active la cuadrícula (Ver> Cuadrícula) y la función Ajustar a la cuadrícula (Ver> Ajustar a la cuadrícula). A continuación, necesitará una cuadrícula cada 5px. Vaya a Edición> Preferencias> Guías y cuadrícula, ingrese 5 en la cuadrícula de cada cuadro y 1 en el cuadro de 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 olvide reemplazar la unidad de medida por píxeles en Editar> Preferencias> Unidad> General. Todas estas opciones aumentarán significativamente tu velocidad de trabajo..
Seleccione la herramienta Rectángulo (M). Cree una forma de 225 por 170 píxeles y vaya a Efecto> Estilizar> Esquinas redondeadas. Ingrese un radio de 10px, haga clic en Aceptar y luego vaya a Objeto> Expandir apariencia.
Seleccione la forma realizada en el paso anterior y rellénela con el degradado lineal que se muestra a continuación. A continuación, necesitará un patrón específico. Abra el menú desplegable del panel Muestras y vaya a Abrir biblioteca de muestras> Patrones> Gráficos básicos> Gráficos básicos_Textura. Se abrirá una nueva ventana con algunos patrones geniales..
Vuelva a seleccionar la forma existente, abra el menú desplegable del panel Apariencia y haga clic en Agregar nuevo relleno. Esto agregará un segundo relleno para su forma. Selecciónelo, baje su Opacidad al 8%, luego llénelo con el patrón Diamante. Agrega un tercer relleno para esta forma. Haz que sea negro, cambia su modo de fusión a Multiplicar, baja la opacidad al 10% y luego ve a Efecto> Distorsionar> Resplandor difuso. Ingrese los datos que se muestran a continuación y haga clic en Aceptar. Ahora, tu forma debe verse como en la imagen de abajo..
A continuación, debe enmascarar la forma existente. Selecciónelo, primero presione Control + C y luego Control + F. Esto agregará una copia al frente. Selecciónelo, llénelo solo con blanco (elimine los rellenos adicionales del panel Apariencia) y luego abra el panel Transparencia. Seleccione las dos formas creadas hasta el momento, abra el menú desplegable del panel Transparencia y haga clic en Crear máscara de opacidad..
Desactive el ajuste a la cuadrícula y haga dos copias de la forma existente. Seleccione la copia superior y presione la flecha izquierda y la flecha hacia arriba una vez. Vuelva a seleccionar ambas copias y haga clic en el botón Frontal Frontal del panel de Pathfinder. Rellene la forma resultante con R = 158, G = 100, B = 72. Ahora cambia su modo de fusión para multiplicar y bajar la opacidad al 50%.
Haz otras dos copias de la forma enmascarada. Seleccione la copia superior y pulse la flecha izquierda dos veces. Vuelva a seleccionar estas dos copias y haga clic en el botón Minus Front del panel Pathfinder. Rellene esta nueva forma con R = 158, G = 100, B = 72. Ahora cambia su modo de fusión para multiplicar y bajar la opacidad al 25%.
Seleccione la forma enmascarada y vaya a Objeto> Ruta> Ruta de desplazamiento. Ingrese un desplazamiento de 1px y haga clic en Aceptar. Rellena la forma resultante con un color oscuro y baja su opacidad. Le será más fácil distinguirlo en los siguientes pasos. Haga doble clic en él (en el panel Capas) y cambie su nombre por "00".
Habilitar el complemento a la cuadrícula. Elija la herramienta Elipse (L), cree cuatro círculos perfectos y colóquelos como se muestra en la siguiente imagen. Los cuatro círculos deben ser de 35px de ancho y alto.
Centrarse en el círculo superior izquierdo. Primero, duplicar "00." A continuación, seleccione esta copia junto con el círculo superior, izquierdo y haga clic en el botón Intersectar del panel de Pathfinder. Ahora, debe agregar un efecto de redondez discreta utilizando el script Round Any Corner.
Guárdelo en su disco duro y luego elija la herramienta de selección directa (A). Seleccione los puntos de anclaje resaltados en la segunda imagen y vaya a Archivo> Secuencias de comandos> Otras secuencias de comandos. Abra el script Round Any Corner, ingrese un radio de 1px y haga clic en Aceptar. Rellene la forma resultante con el degradado lineal que se muestra en la imagen final. El texto blanco de la imagen de degradado significa Ubicación.
Vayamos al círculo superior derecho. Haga una nueva copia de "00", selecciónela junto con el círculo y haga clic en el botón Intersectar del panel de Pathfinder. Elija la Herramienta de selección directa (A), seleccione los puntos de anclaje resaltados en la segunda imagen y vaya a Archivo> Secuencias de comandos> Otras secuencias de comandos. Abra el script Round Any Corner, ingrese un radio de 1px y haga clic en Aceptar. Rellene la forma resultante con el degradado lineal que se muestra en la imagen final.
Continuar con el círculo inferior izquierdo. De nuevo, haga una copia de "00". Selecciónelo junto con el círculo y haga clic en el botón Intersectar del panel de Pathfinder. Elija la Herramienta de selección directa (A), seleccione los puntos de anclaje resaltados en la segunda imagen y vaya a Archivo> Secuencias de comandos> Otras secuencias de comandos. Abra el script Round Any Corner, ingrese un radio de 1px y haga clic en Aceptar. Rellene la forma resultante con el degradado lineal que se muestra en la imagen final.
Por último, el círculo inferior, derecho. Seleccione el "00" original junto con el círculo y haga clic en el botón Intersectar del panel de Pathfinder. Elija la Herramienta de selección directa (A), seleccione los puntos de anclaje resaltados en la segunda imagen y vaya a Archivo> Secuencias de comandos> Otras secuencias de comandos. Abra el script Round Any Corner, ingrese un radio de 1px y haga clic en Aceptar. Rellene la forma resultante con el degradado lineal que se muestra en la imagen final.
A partir de ahora necesitarás una grilla cada 1px. Vaya a Edición> Preferencias> Guías y cuadrícula e ingrese 1 en la casilla de cuadrícula de cada cuadro. Elija la herramienta Elipse (L) y cree una forma de 3 por 3px. Rellénelo con el gradiente radial que se muestra a continuación y agregue un 0.15pt, alineado con el recorrido exterior (R = 60, G = 36, B = 21). Haga dos copias de este círculo y luego coloque las tres formas como se muestra en la siguiente imagen. The Snap to Grid facilitará tu trabajo.
Haga algunas copias nuevas de la forma creada en el paso anterior y colóquelas como se muestra a continuación.
Coge la herramienta Rectángulo (M) y crea una forma de 15 por 172 píxeles. Colóquelo como en la siguiente imagen, luego vaya a Efecto> Estilizar> Esquinas redondeadas. Ingrese un radio de 1px, haga clic en Aceptar, luego vaya a Objeto> Expandir apariencia.
Seleccione la forma resultante del paso anterior y rellénela con el degradado lineal que se muestra a continuación.
Elija la herramienta Pluma (P) y dibuje dos trayectorias verticales como se muestra en el siguiente paso. Agregue un trazo de 0,25 pts (R = 169, G = 124, B = 80) para cada ruta y luego abra el panel de trazo. Marque el botón Línea discontinua e ingrese 1pt en el primer cuadro de guión.
Coge la herramienta Ellipse (L), crea un pequeño círculo (2 por 2px) y colócalo como se muestra en la siguiente imagen. Llénelo con R = 96, G = 57, B = 19, agregue 0.25pt, alineado con el golpe exterior (R = 169, G = 124, B = 80) luego vaya a Efecto> Distorsionar y transformar> Transformar. Ingrese 2 en el cuadro de copias y arrastre el control deslizante Mover vertical a 10 px, luego haga clic en Aceptar. Duplica esta forma y las creadas en los últimos tres pasos. Seleccione estas copias y muévalas a la izquierda, como se muestra en la segunda imagen.
Elija la herramienta Rectángulo (M) y cree una forma de 45 por 10 px. Colóquelo como se muestra en la siguiente imagen y luego vaya a Efecto> Estilizar> Esquinas redondeadas. Ingrese un radio de 1px, haga clic en Aceptar y luego vaya a Objeto> Expandir apariencia.
Seleccione la forma resultante del paso anterior y rellénela con R = 98, G = 58, B = 39. Agrega un segundo relleno para esta forma. Haz que sea negro, muévelo debajo del relleno existente, luego ve a Efecto> Warp> Bulge. Ingrese los datos que se muestran a continuación, haga clic en Aceptar y luego vaya a Efecto> Distorsionar> Distorsionar y transformar. Realice cambios solo en la sección Escala (como se muestra) y luego haga clic en Aceptar. Con el relleno negro aún seleccionado, vaya a Efecto> Desenfoque> Desenfoque gaussiano e ingrese un radio de 1px.
Coge la herramienta Rectángulo (M) y crea una forma de 43 por 8px. Colóquelo como se muestra en la siguiente imagen, luego vaya a Efecto> Estilizar> Esquinas redondeadas. Ingrese un radio de 1px, haga clic en Aceptar y luego vaya a Objeto> Expandir apariencia. Rellene la forma resultante con ninguno y agregue un trazo discontinuo de 0.25 puntos (R = 169, G = 124, B = 80). Realice dos copias nuevas de la forma realizada en el doceavo paso y colóquelas como se muestra en la imagen final..
Duplica las formas creadas en los últimos tres pasos. Seleccione estas copias y muévalas a la izquierda, como se muestra en la siguiente imagen.
Elija la herramienta Rectángulo (M), cree una forma de 17 por 6px y colóquela como se muestra en la siguiente imagen. Rellénelo con el degradado lineal, luego vaya a Efecto> Estilizar> Esquinas redondeadas e ingrese un radio de 2 px.
Crea una segunda forma. Hágalo de 2px de altura y 3px de ancho, llénelo con R = 241, G = 158, B = 86, y luego vaya a Efecto> Estilizar> Esquinas redondeadas. Introduzca un radio de 0,5 puntos y haga clic en Aceptar. Asegúrese de que estas dos formas se colocan en la parte posterior del resto de las formas. Duplique estas dos formas y mueva las copias a la izquierda, como se muestra en la imagen final a continuación.
Elija la herramienta Rectángulo, cree dos formas similares (7 por 2px) y colóquelas como se muestra en la siguiente imagen. Rellénelos con el degradado lineal que se muestra a continuación, luego vaya a Efecto> Estilizar> Esquinas redondeadas e ingrese un radio de 1 pt.
De nuevo, crea dos formas similares (14 por 2px) y colócalas como se muestra en la siguiente imagen. Rellénalas con R = 80, G = 45, B = 27. Ahora vaya a Efecto> Estilizar> Esquinas redondeadas e ingrese un radio de 1 punto.
Coge la herramienta Rectángulo (M), crea una forma de 49 por 23 píxeles y colócala como se muestra en la siguiente imagen. Rellénelo con ninguno y agregue un 8 puntos, alineado con el trazo exterior, luego vaya a Efecto> Estilizar> Esquinas redondeadas. Ingrese un radio de 1px, haga clic en Aceptar después de aplicar Objeto> Expandir apariencia.
Duplica la forma enmascarada. Seleccione la copia y el trazo expandido, luego haga clic en el botón Minus Front del panel de Pathfinder. Rellene la forma resultante con R = 80, G = 45, B = 27. Ahora aplique Efecto> Estilizar> Resplandor interior e ingrese los datos que se muestran a continuación.
Seleccione la forma realizada en el paso anterior y vaya a Objeto> Ruta> Ruta de desplazamiento. Ingrese un desplazamiento de -1px y haga clic en Aceptar. Seleccione la forma resultante y reemplace el color de relleno existente con el degradado lineal que se muestra en la siguiente imagen.
Finalmente, seleccione la forma enmascarada y vaya a Objeto> Ruta> Ruta de compensación. Ingrese una compensación de -2px y haga clic en Aceptar. Rellene la forma resultante con ninguno, agregue un trazo de 1 punto y luego vaya a Objeto> Expandir.
Seleccione esta forma recién creada. Primero, llévelo al frente (Shift + Control +]) luego rellénelo con el degradado lineal que se muestra en la imagen final. Cambie su modo de fusión a Superposición, baje la opacidad al 50% y luego vaya a Efecto> Desenfoque> Desenfoque gaussiano. Ingrese un radio de 1px, haga clic en Aceptar y listo..
La imagen final está abajo. Ahora toma un vector de vacaciones.