Share
En el siguiente tutorial, aprenderá a dibujar un silbato 3D utilizando Adobe Illustrator. Comenzaremos con una superficie 2D y crearemos una base 3D utilizando Extrude & Bevel. Luego continuaremos agregando sombreado y profundidad estilizados. En tus marcas, ponte listo ... vector!
Cree un documento nuevo presionando Cmnd + N o vaya a Archivo> Nuevo. Ingrese 600px en los cuadros de ancho y alto, luego haga clic en el botón Avanzado. Seleccione RGB, Pantalla (72ppi) y asegúrese de que la casilla "Alinear nuevos objetos con la cuadrícula de píxeles" esté desactivada antes de hacer clic en Aceptar.
Active la cuadrícula (Ver> Mostrar cuadrícula) y la función Ajustar a la cuadrícula (Ver> Ajustar a la cuadrícula). Ahora, necesitas una cuadrícula cada 10px. Simplemente vaya a Edición> Preferencias> Guías> Cuadrícula, ingrese 10 en el cuadro Cuadrícula y 1 en el cuadro 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..
Con la herramienta Rectángulo (M), cree una forma de 30 x 100 px, rellénela con negro y abra el panel Símbolos (Ventana> Símbolos). Asegúrese de que su rectángulo negro esté seleccionado, enfóquese en el panel de Símbolos y simplemente haga clic en el botón "Nuevo Símbolo". Ingrese "rectángulo" en el cuadro Nombre y luego presione el botón OK. Tu nuevo símbolo debería aparecer en el panel de Símbolos. Vaya al panel Capas y elimine el símbolo existente..
Elija la herramienta Elipse (L), cree un círculo de 90px, llénelo de negro, conviértalo en un símbolo y llámelo "círculo". Por último, elimina el símbolo del panel Capas..
Utilizando la herramienta Elipse (L), cree un círculo de 120 px y llénelo con R = 209 G = 211 B = 212. Cambie a la herramienta Rectángulo (M), cree una forma de 150 x 50 px, llénela con R = 209 G = 211 B = 212 y colóquela como se muestra en la siguiente imagen. Seleccione ambas formas creadas en este paso, abra el panel de Pathfinder y haga clic en el botón Unite.
Para este paso necesitarás el script Round Any Corner. Puede encontrarlo en el artículo 20 de Vectortuts +. Scripts gratuitos y útiles de Adobe Illustrator. Guárdelo en su disco duro, vuelva a Illustrator y use la herramienta de selección directa (A). Seleccione el punto de anclaje resaltado en la primera imagen y vaya a Archivo> Secuencias de comandos> Otras secuencias de comandos. Abra el script Round Any Corner, ingrese un radio de 10px y haga clic en Aceptar. Al final, su forma debe verse como en la segunda imagen..
Vuelva a seleccionar la forma editada en el paso anterior y vaya a Efecto> 3D> Extrusión y biselado. Ingrese los datos que se muestran a continuación y haga clic en el botón Map Art. Vaya a "Superficie 1", seleccione el símbolo "círculo" en el menú desplegable Símbolo, cambie su tamaño y colóquelo como se muestra en la siguiente imagen. Siga enfocándose en la ventana de Map Art, vaya a "Surface 6", seleccione el símbolo "rectángulo" en el menú desplegable de Symbol, cambie su tamaño y colóquelo como se muestra en la siguiente imagen.
Vuelva a seleccionar la ruta vectorial editada en el paso anterior y vaya a Objeto> Expandir apariencia. Concéntrese en el panel Capas, abra el grupo resultante, profundice dentro de esos subgrupos y elimine todos los Clipping Paths.
Sigue enfocándote en el grupo de formas hechas en el paso anterior. Seleccione la ruta del vector resaltada en la primera imagen, llénela con R = 170 G = 170 B = 170 y haga una copia al frente (Control + C> Control + F). Seleccione esta copia nueva junto con la forma gris inferior (señalada por la flecha en el segundo paso) y haga clic en el botón Frontal Inferior del panel de Pathfinder. Desagrupe el grupo resultante de formas (Shift + Control + G), elimine la ruta pequeña y superior (señalada por la flecha en la tercera imagen) y luego complete la forma restante con el degradado lineal que se muestra en la imagen final.
Seleccione la parte superior, las formas grises resaltadas en la primera imagen y haga clic en el botón Unir desde el panel de Pathfinder. Rellene la forma resultante con R = 140 G = 140 B = 140. Vuelva al panel Capas, seleccione todo el grupo y use Shift + Control + G hasta que se deshaga de todos esos grupos y subgrupos..
Desactive la función Ajustar a la cuadrícula (Ver> Ajustar a la cuadrícula), luego vaya a Edición> Preferencias> General y asegúrese de que el Incremento del teclado esté configurado en 1px. Vuelva a seleccionar la ruta del vector hecha al final del octavo paso y haga dos copias al frente (Control + C> Control + F> Control + F). Seleccione la copia superior y muévala 3px hacia abajo y 2px hacia la derecha. Vuelva a seleccionar ambas copias y haga clic en el botón Frontal Frontal del panel de Pathfinder. Desagrupe el grupo resultante de formas (Shift + Control + G) y elimine la ruta inferior (señalada por la flecha en la tercera imagen). Rellene la forma restante con el degradado lineal que se muestra en la cuarta imagen y baje su opacidad al 20%. En la captura de pantalla a continuación, el cero amarillo del panel Degradado representa el porcentaje de opacidad.
Vuelva a seleccionar la forma y haga dos copias al frente (Control + C> Control + F> Control + F). Seleccione la copia superior y muévala 1px hacia arriba. Vuelva a seleccionar ambas copias y haga clic en el botón Frontal Frontal del panel de Pathfinder. Rellena la forma resultante con negro y baja su opacidad al 10%..
Vuelva a seleccionar la ruta y haga dos copias al frente (Control + C> Control + F> Control + F). Seleccione la copia superior y muévala 3px hacia arriba. Vuelva a seleccionar ambas copias y haga clic en el botón Frontal Frontal del panel de Pathfinder. Rellena la forma resultante con negro y baja su opacidad al 10%..
Vuelva a seleccionar el camino del vector lleno con R = 170 G = 170 B = 170 y haga dos copias al frente (Control + C> Control + F> Control + F). Seleccione la copia superior y muévala 2px hacia abajo. Vuelva a seleccionar ambas copias y haga clic en el botón Frontal Frontal del panel de Pathfinder. Rellene la forma resultante con el degradado lineal que se muestra en la imagen final, baje su opacidad al 70% y cambie el Modo de fusión a Luz suave. En la captura de pantalla, el número blanco del panel Degradado representa el porcentaje de ubicación.
Vuelva a seleccionar el camino del vector lleno con R = 170 G = 170 B = 170 y haga dos copias al frente (Control + C> Control + F> Control + F). Seleccione la copia superior y muévala 1px hacia arriba y hacia la izquierda. Vuelva a seleccionar ambas copias y haga clic en el botón Frontal Frontal del panel de Pathfinder. Seleccione el grupo de formas resultante, conviértalo en un trazado compuesto (Objeto> Recorrido compuesto> Crear o Cmnd + 8) y rellénelo con el degradado lineal que se muestra en la imagen final..
Vuelva a seleccionar la ruta del vector llena con R = 170 G = 170 B = 170, enfóquese en el panel Apariencia y agregue un segundo relleno con el botón Agregar nuevo relleno. Seleccione este nuevo relleno y reemplace el color plano con el degradado lineal que se muestra a continuación.
Vuelva a seleccionar la ruta del vector llena con R = 170 G = 170 B = 170, enfóquese en el panel Apariencia, agregue dos nuevos rellenos y use los gradientes lineales que se muestran en la siguiente imagen.
Desplácese hasta la ruta vectorial llena con R = 140 G = 140 B = 140. Selecciónelo y haga dos copias al frente (Control + C> Control + F> Control + F). Seleccione la copia superior y muévala 1px hacia abajo y hacia la izquierda. Vuelva a seleccionar ambas copias y haga clic en el botón Frontal Frontal del panel de Pathfinder. Rellene la forma resultante con negro y cambie su Modo de fusión a Luz suave.
Vuelva a seleccionar la ruta del vector llena con R = 140 G = 140 B = 140 y haga dos copias al frente (Control + C> Control + F> Control + F). Seleccione la copia superior y muévala 1px hacia arriba y 2px hacia la izquierda. Vuelva a seleccionar ambas copias y haga clic en el botón Frontal Frontal del panel de Pathfinder. Rellene la forma resultante con el degradado lineal que se muestra a continuación y cambie su Modo de fusión a Luz suave.
Vuelva a seleccionar la ruta del vector llena con R = 140 G = 140 B = 140 y haga dos copias al frente (Control + C> Control + F> Control + F). Seleccione la copia superior y muévala 10px hacia arriba y 35px hacia la izquierda. Vuelva a seleccionar ambas copias y haga clic en el botón Frontal Frontal del panel de Pathfinder. Rellene la forma resultante con el degradado lineal que se muestra a continuación, baje su opacidad al 30% y cambie el Modo de fusión a Luz suave.
Concéntrese en la parte frontal de su silbato. Seleccione esa forma gris, haga una copia al frente (Control + C> Control + F), selecciónela y enfoque el panel Apariencia. Elimine el color del relleno y agregue un trazo negro de 5 puntos. Alinear trazo: Dentro, luego vaya a Objeto> Ruta> Trazo de esquema. Rellene la ruta resultante con el degradado lineal que se muestra a continuación.
Vuelva a seleccionar la ruta vectorial realizada en el paso anterior y haga dos copias al frente (Control + C> Control + F> Control + F). Seleccione la copia superior y muévala 1px hacia arriba y hacia la derecha. Vuelva a seleccionar ambas copias y haga clic en el botón Frontal Frontal del panel de Pathfinder. Rellene las rutas resultantes con negro, tome la herramienta Eliminar punto de ancla (-) y elimine los tres puntos de ancla señalados por las flechas en la tercera imagen. Asegúrese de que ambas rutas negras aún estén seleccionadas y cambie su Modo de fusión a Luz suave.
Vuelva a seleccionar la ruta vectorial realizada en el paso veinte y haga dos copias al frente (Control + C> Control + F> Control + F). Seleccione la copia superior y muévala 1px hacia abajo y hacia la izquierda. Vuelva a seleccionar ambas copias y haga clic en el botón Frontal Frontal del panel de Pathfinder. Rellena los caminos resultantes con blanco. Con la herramienta Eliminar punto de anclaje (-), elimine los tres puntos de anclaje señalados por las flechas en la tercera imagen. Asegúrese de que las dos rutas blancas aún estén seleccionadas, baje su Opacidad al 70% y cambie el Modo de fusión a Luz suave.
Vuelva a seleccionar el camino del vector realizado en el paso veinte y duplíquelo (Control + C> Control + F). Seleccione esta copia junto con la ruta gris detrás de ella y haga clic en el botón Minus Front del panel Pathfinder.
Habilitar las guías inteligentes (Control + U). Usando la herramienta Pluma (P), dibuje una trayectoria oblicua como se muestra en la primera imagen. Selecciónelo junto con la ruta vectorial realizada en el paso anterior y haga clic en el botón Dividir del panel de Pathfinder. Concéntrese en el grupo de formas resultante, seleccione la ruta inferior y rellénela con el degradado lineal que se muestra en la tercera imagen. Vaya a la otra forma, selecciónela y rellénela con el degradado lineal que se muestra en la cuarta imagen.
Desactivar las guías inteligentes (Control + U). Seleccione la ruta ovalada negra y reemplace el color plano con el degradado radial que se muestra en la siguiente imagen.
Vuelva a seleccionar la ruta oval y haga dos copias al frente (Control + C> Control + F> Control + F). Seleccione la copia superior y muévala 1px hacia arriba y hacia la izquierda. Vuelva a seleccionar ambas copias y haga clic en el botón Frontal Frontal del panel de Pathfinder. Rellene la forma resultante con blanco y cambie su Modo de fusión a Luz suave.
Vuelva a seleccionar la ruta oval y haga dos copias al frente (Control + C> Control + F> Control + F). Seleccione la copia superior y muévala 4px hacia arriba y hacia la izquierda. Vuelva a seleccionar ambas copias y haga clic en el botón Frontal Frontal del panel de Pathfinder. Rellene la forma resultante con el degradado lineal que se muestra a continuación.
Vuelva a seleccionar la ruta oval y haga dos copias al frente (Control + C> Control + F> Control + F). Seleccione la copia superior y muévala 1px hacia abajo y hacia la derecha. Vuelva a seleccionar ambas copias y haga clic en el botón Frontal Frontal del panel de Pathfinder. Rellena la forma resultante con negro y baja su opacidad al 7%..
Vuelva a seleccionar la ruta oval y haga dos copias al frente (Control + C> Control + F> Control + F). Seleccione la copia superior y muévala 3px hacia abajo y hacia la derecha. Vuelva a seleccionar ambas copias y haga clic en el botón Frontal Frontal del panel de Pathfinder. Rellena la forma resultante con negro y baja su opacidad al 4%..
Vuelva a seleccionar la ruta oval y haga dos copias al frente (Control + C> Control + F> Control + F). Seleccione la copia superior y muévala 8px hacia abajo y hacia la derecha. Vuelva a seleccionar ambas copias y haga clic en el botón Frontal Frontal del panel de Pathfinder. Rellena la forma resultante con negro y baja su opacidad al 3%..
Vuelva a seleccionar la ruta oval y haga dos copias al frente (Control + C> Control + F> Control + F). Seleccione la copia superior y muévala 5px hacia arriba y hacia la izquierda. Vuelva a seleccionar ambas copias y haga clic en el botón Frontal Frontal del panel de Pathfinder. Rellena la forma resultante con negro y baja su opacidad al 10%..
Seleccione el rectángulo negro y vaya a Efecto> Estilizar> Esquinas redondeadas. Ingrese un radio de 5px, haga clic en Aceptar y vaya a Objeto> Expandir apariencia. Rellene la forma resultante con el degradado lineal que se muestra a continuación.
Vuelva a seleccionar la forma realizada en el paso anterior y haga dos copias al frente (Control + C> Control + F> Control + F). Seleccione la copia superior y muévala 4px hacia abajo. Vuelva a seleccionar ambas copias y haga clic en el botón Frontal Frontal del panel de Pathfinder. Rellene la forma resultante con el degradado lineal que se muestra en la imagen final.
Vuelva a seleccionar la forma realizada en el Paso 32 junto con la forma hecha en el paso anterior y duplíquelas (Control + C> Control + F). Seleccione la primera copia y muévala 3px hacia abajo. Vuelva a seleccionar ambas copias y haga clic en el botón Intersectar del panel de Pathfinder. Rellene la forma resultante con negro, baje su Opacidad al 10% y cambie el Modo de fusión a Luz suave.
Vuelva a seleccionar la forma editada en el paso de treinta segundos y haga dos copias al frente (Control + C> Control + F> Control + F). Seleccione la copia de abajo y muévala 1px hacia arriba y hacia la derecha. Vuelva a seleccionar ambas copias y haga clic en el botón Frontal Frontal del panel de Pathfinder. Rellene la forma resultante con R = 170 G = 170 B = 170.
Vuelva a seleccionar la forma editada en el paso de treinta segundos y haga dos copias al frente (Control + C> Control + F> Control + F). Seleccione la copia superior y muévala 1px hacia arriba. Vuelva a seleccionar ambas copias y haga clic en el botón Frontal Frontal del panel de Pathfinder. Rellena la forma resultante con negro y baja su opacidad al 10%..
Vuelva a seleccionar la forma editada en el paso de treinta segundos y haga dos copias al frente (Control + C> Control + F> Control + F). Seleccione la copia superior y muévala 3px hacia arriba. Vuelva a seleccionar ambas copias y haga clic en el botón Frontal Frontal del panel de Pathfinder. Rellena la forma resultante con negro y baja su opacidad al 5%..
Seleccione todas las formas creadas hasta el momento y duplíquelas (Control + C> Control + F). Seleccione estas copias y haga clic en el botón Unir del panel de Pathfinder. Rellene la forma resultante con negro y envíela hacia atrás (Shift + Control + [).
Vuelva a seleccionar el camino negro realizado en el paso anterior y haga dos copias al frente (Control + C> Control + F> Control + F). Seleccione la primera copia, muévala 2px hacia arriba y 1px hacia la derecha, luego baje su Opacidad al 10%. Seleccione la segunda copia, muévala 3px hacia abajo y 1px a la derecha, luego baje su Opacidad al 10%.
Vuelva a seleccionar la ruta del vector negro y vaya a Objeto> Ruta> Ruta compensada. Ingrese una compensación de -2px y haga clic en Aceptar. Seleccione la forma resultante y haga una copia al frente (Control + C> Control + F). Seleccione esta copia, muévala 8px hacia abajo, baje su opacidad al 25% y vaya a Efecto> Desenfoque> Desenfoque gaussiano. Introduzca un radio de 7px y haga clic en Aceptar. Seleccione la otra forma creada en este paso, muévala 3px hacia arriba y hacia la derecha, baje su Opacidad al 15% y vaya a Efecto> Desenfoque> Desenfoque gaussiano. Ingrese un radio de 5px y haga clic en OK.
Vuelva a seleccionar la ruta del vector llena con R = 140 G = 140 B = 140, enfoque en el panel Apariencia, agregue dos nuevos rellenos y use los gradientes lineales que se muestran en la siguiente imagen.
Vuelva a seleccionar la ruta del vector negro (realizada en el Paso 38) y colóquela al frente (Shift + Control +]). Rellénelo con el gradiente lineal que se muestra a continuación, baje su opacidad al 50% y cambie el modo de fusión para multiplicar.
Vuelva a seleccionar la ruta del vector realizada en el paso anterior y haga una copia en la parte posterior (Control + C> Control + B). Selecciónelo, cambie su Modo de fusión a Color, aumente la Opacidad al 100% y reemplace el gradiente lineal utilizado para el relleno con R = 198 G = 205 B = 201.
Finalmente, puede usar un color de relleno diferente para la forma hecha en el paso anterior si desea cambiar el color general del silbato..
Ahora tu silbato esta completo! Espero que haya disfrutado el tutorial de hoy y que pueda aplicar las técnicas a proyectos futuros. El uso de un modelo de base 3D y su reelaboración es una excelente manera de crear dibujos técnicos precisos con su propio toque de estilo..
Accentsconagua