Share
En este tutorial usaremos una combinación de herramientas 3D y de Illustrator para crear un ícono de primeros auxilios. Puede utilizar las técnicas que aprendió en este tutorial para crear iconos de caja redondeada realistas de su elección. Esto funciona bien para los iconos complejos en tamaños grandes y se reduce muy bien.
A continuación se muestra la imagen final en la que trabajaremos. ¿Desea acceder a los archivos completos de Vector Source y las copias descargables de cada tutorial, incluido este? Únete a Vector Plus por solo 9 $ al mes.
Abra un nuevo documento y seleccione la herramienta Rectángulo (M). Crea un rectángulo y rellénalo de rojo..
Vaya a Efecto> Estilizar> Redondear las esquinas y aplique un radio de 30 puntos al rectángulo. Vaya a Objeto> Expandir apariencia. Esto aplicará las esquinas redondeadas. Haga una copia de la forma, ya que la necesitaremos más tarde..
Ahora vaya a Efecto> 3D> Extruir y biselado y aplique la configuración que ve en la imagen de abajo. Asegúrate de agregar un toque de luz adicional y un bisel.
Vaya a Efecto> Estilizar> Sombra y elija la configuración que ve en la imagen de abajo.
Crea un rectángulo relleno de gris. Esto se convertirá en la cruz para el icono de primeros auxilios. Lo llené de gris por ahora, pero luego lo cambiaremos a blanco..
Seleccione el rectángulo, presione Comando + C + F (esto pegará el objeto en la parte superior) y luego selecciónelo con la Herramienta de selección (V) y gírelo 45 grados.
Seleccione los dos rectángulos y aplique la opción Unir en la Paleta de Pathfinder.
Aplique otro efecto de esquina redonda (vea el Paso 2) y establezca el radio a 12 puntos.
Una vez que la forma se haya expandido (Objeto> Expandir apariencia), rellénela con blanco.
Con la cruz aún seleccionada, abra la Paleta de símbolos y arrastre la cruz hacia ella. Nombra "Cruz" y configura el tipo a Graphic.
Regresa al cuadro rojo y abre la paleta de apariencia. Allí, haga doble clic en la capa Extrusión 3D y bisel para editar el efecto. En la ventana emergente, haga clic en Mapa de Arte, seleccione "superficie 1" y seleccione la "Cruz" que acabamos de agregar en la Paleta de Símbolos. Colóquelo en el centro de la parte superior de la caja..
Esto es lo que tenemos hasta ahora para el ícono de primeros auxilios..
Vamos a crear una ilusión de una separación de la caja, para que parezca que tiene una parte superior y una parte inferior que se abre. Tome la copia del rectángulo que hicimos en el Paso 2 y establezca el relleno en ninguno y el trazo en 1 punto rojo.
Seleccione el objeto y vaya a Objeto> Ruta> Trazo de contorno.
Aplique la misma configuración de Extrusión y Biselado 3D del Paso 3, pero no agregue Biselado y configure la Profundidad de Extrusión en 5 puntos.
Crea un rectángulo y rellénalo con un degradado de blanco a negro. Colóquelo en la parte superior del rectángulo que acabamos de crear. Asegúrese de establecer la dirección del gradiente como se ve en la imagen de abajo. Agregaremos una máscara de opacidad y el negro ocultará el objeto y el color blanco lo mostrará..
Seleccione el objeto y el degradado, vaya a la paleta de transparencia y haga clic en la flecha pequeña a la derecha y aplique la máscara de opacidad.
Esto es lo que debería ser.
Ahora mueve el objeto encima de la caja.
Vamos a los clips de la caja. Crea tres formas similares como las que ves en la imagen de abajo. Estos objetos son bastante fáciles de crear. Rellénelos con gris y el objeto compuesto con un degradado de negro a blanco.
Aplica de nuevo un Extrude 3D & Bevel.
Una vez que haya aplicado el efecto 3D en los tres objetos, muévalos juntos. Estos tres objetos conforman el clip para la caja de primeros auxilios..
Agrupe las tres formas (Comando + G) y haga una copia. Luego colóquelos en el frente de la caja de primeros auxilios.
Por último, pero no menos importante, cree una forma con la herramienta Pluma (P) y rellénela con un degradado lineal de blanco a gris a blanco. Colóquelo en la parte superior de la caja y establezca la Opacidad en la Paleta de Transparencia en 80%. Este será el punto culminante del icono de primeros auxilios..
Esta es la imagen final. Creo una versión de 384px, 192px, 64px y 32px. Incluso tan pequeño como 32px, el icono de primeros auxilios es hasta reconocible. Espero que te hayas divertido creando este pequeño icono..
Suscríbase a Vectortuts + RSS Feed para estar al día con los últimos tutoriales y artículos de vectores..
Accentsconagua