Share
En este tutorial, aprenderá cómo crear una imagen realista de auriculares utilizando técnicas simples y comprensibles. Resulta que para obtener un buen resultado no es necesario hacerlo de una manera compleja. Este tutorial es fácil de completar para cualquier principiante..
Comience a crear el más cercano a la copa del oído espectador. Tome la herramienta Elipse (L) y cree una elipse con un relleno sin trazo de ningún color, excepto el blanco, por supuesto..
Copia la elipse creada, y pégala al frente. Reduzca el tamaño de la elipse superior, de modo que sus tamaños cambien proporcionalmente. Para hacer esto, mantenga presionada la tecla Mayús al hacerla más pequeña. Ahora mueve la elipse superior ligeramente hacia la izquierda.
Copie la elipse superior (tiene un relleno azul en la imagen) y péguela en el frente. Ahora haga la copia más pequeña manteniendo presionada la tecla Mayús.
Duplica la elipse azul de nuevo. Selecciónelo y la elipse roja y presione el botón Frontal Inferior de la paleta de Pathfinder.
Como resultado de estas acciones, obtenemos tres objetos: dos puntos suspensivos y Ruta Compuesta.
Tome la herramienta Pluma (P) y cree una forma como un puente entre la elipse verde y la ruta compuesta roja.
Seleccione estas tres formas y presione el botón Unite desde la paleta de Pathfinder.
Supongamos que la fuente de luz se encuentra en la parte superior derecha. Tendremos que colocar luces y sombras en los auriculares de acuerdo a esto. Rellene la forma lograda en el paso anterior con un gradiente elíptico con los parámetros que se muestran en la siguiente figura.
Los colores que utilicé aquí se aplicarán a todos los elementos de los auriculares hechos de plástico negro. Bueno, ahora la luz - (C = 53; M = 43; Y = 42 y K = 27); penumbra - (C = 70; M = 60; Y = 56 y K = 67); y la sombra - (C = 80; M = 69; Y = 61 y K = 88).
Rellena la elipse azul interior con un color blanco..
Duplique la elipse blanca, redúzcala ligeramente y muévala hacia la izquierda..
Quiero confiarle un pequeño secreto sobre cómo cambiar el tamaño o la posición de un objeto por un cierto valor. Verá los valores de altura y anchura del objeto en la Paleta de control cuando se seleccione. Por lo tanto, estos valores se pueden cambiar utilizando operaciones aritméticas de suma y resta. Supongamos que el objeto debe reducirse en 2 px, sin problemas, ingrese - 2 px después de los valores digitales del ancho o la altura, y presione Intro. Para que el objeto se modifique proporcionalmente, haga clic en el icono Restringir ancho y altura Proporciones.
Rellene la elipse con un gradiente elíptico con los parámetros que se indican en la siguiente figura.
Para reproducir el claroscuro en el plástico claro, uso los siguientes colores: blanco claro; penumbra - (C = 10; M = 7; Y = 8 y K = 0); y sombra - (C = 36; M = 27; Y = 28 y K = 7).
Cree una nueva elipse utilizando las técnicas descritas anteriormente y rellénela con un color gris claro sólido.
Duplíquelo, muévalo ligeramente hacia la izquierda y rellénelo con un gradiente elíptico con los parámetros que se muestran en la figura a continuación..
Gradiente de colores: Luz - (C = 47; M = 36; Y = 37 y K = 18) y Sombra - (C = 70; M = 60; Y = 56 y K = 67).
Para completar esta orejera, necesitamos construir algunas elipses más, solo especificaré su ubicación, espero que el procedimiento de diseño sea claro en este punto.
Crear el punto culminante en la unión de las superficies de plástico. Tome la herramienta Pluma (P) y cree una línea discontinua como se muestra en la siguiente figura.
Para redondear las esquinas utilizo el script Round Any Corner. Puede descargar este script y leer cómo usarlo en mi artículo: 20 scripts gratuitos y útiles de Adobe Illustrator. Luego, seleccione un punto de esquina usando la Herramienta de selección directa (A) e inicie el script, establezca el radio de la esquina en el cuadro de diálogo.
Mantenga la línea seleccionada, aplíquele el perfil de ancho 1 desde la paleta Trazo y elija el ancho, es 1.5px en mi caso.
Aquellos que no sean orgullosos propietarios de Adobe Illustrator CS5 deberán crear un pincel de forma similar. Esta forma se puede lograr desde una elipse convirtiendo sus puntos de anclaje derecho e izquierdo de los puntos lisos a los de esquina. Para hacer esto, seleccione estos puntos usando la Herramienta de selección directa (A) y presione el botón Convertir correspondiente en la Paleta de control.
Ahora arrastre la forma lograda en la paleta Pinceles y guarde su pincel como un pincel artístico.
Ahora selecciona la curva y aplica el pincel creado..
Mantenga la línea seleccionada, vaya a Objeto> Expandir apariencia y rellene la forma con un degradado lineal utilizando los colores especificados en el paso 4.
Procede a crear la diadema. Tome la herramienta Pluma (P) y cree una línea similar a una parábola.
Duplica esta línea, luego muévete a la derecha y gírala ligeramente.
Conecte los extremos de estas líneas con la herramienta Pluma (P), como se muestra en la siguiente figura.
Conecte la parte más cercana a la parte del visor de la diadema en un arco y conecte la otra en una línea recta (no será visible, ya que se encuentra debajo de la orejera adicional).
Convierta la ruta de intersección en dos objetos: la parte delantera y trasera de la banda para la cabeza. Toma la herramienta Tijeras (C) y corta el camino en dos puntos superiores.
Bloquee la parte posterior de la ruta en la paleta de capas y use la herramienta Pluma (P) para conectar la ruta delantera en un arco.
Ahora bloquee la parte frontal de la diadema, desbloquee la parte trasera y conecte los puntos superiores de la parte trasera de la diadema..
Divide la parte frontal de la diadema en dos partes. Tome la herramienta Pluma (P) y cree una línea curva de 2 píxeles de ancho.
Manténgalo seleccionado, vaya a Objeto> Expandir. Ahora seleccione la forma lograda, la parte frontal de la banda para la cabeza y presione el botón Minus Front de la paleta Pathfinder.
Rellene ambas piezas con degradados lineales utilizando los colores mencionados en el paso 4.
Rellene la parte posterior de la banda para la cabeza con el mismo degradado, que deberíamos colocar de modo que la parte posterior de la banda se vea más oscura que la parte delantera. La herramienta de degradado (G) será muy útil para realizar este trabajo.
Crear el grosor de la parte frontal inferior de la diadema. Copia y pégalo en la parte posterior. Ahora mueva la copia ligeramente hacia la derecha para crear la ilusión de volumen y cambie las configuraciones del degradado para formar la sombra en el borde de la diadema.
Continúe con la creación de elementos de diseño en la superficie frontal de la diadema. Representa un objeto cilíndrico con una faceta. Toma la herramienta Elipse (L) y crea una elipse, rellénala con un degradado elíptico.
Duplica esta elipse y muévela ligeramente hacia la izquierda y hacia arriba. Ahora cree un gradiente cónico en esta elipse similar a uno que se muestra en la siguiente figura.
La forma de crear un gradiente cónico se describe en detalle en mi tutorial, Consejo rápido: crear un gradiente cónico con Adobe Illustrator, en dos minutos. Crea una nueva elipse de color blanco sobre la elipse con un degradado cónico.
Copie y pegue esta elipse al frente, rellénela con un degradado lineal que consta de dos colores (C = 34; M = 25; Y = 26 y K = 5) y (C = 19; M = 14; Y = 14 y K = 0). Ahora mueva la elipse ligeramente hacia la izquierda para que la elipse inferior pueda crear un punto culminante en el borde de nuestro elemento cilíndrico.
Seleccione la superficie lateral de la parte frontal de la banda para la cabeza, tome la herramienta de tijeras (C) y corte en dos puntos, como se muestra en la siguiente figura.
Elimine la parte superior de la superficie lateral y conecte los cortes de la superficie lateral inferior utilizando la herramienta Pluma (P).
Crear la superficie lateral de la parte restante de la diadema. Tome la herramienta Pluma (P) y cree una forma como se muestra en la siguiente figura.
Colóquelo en la paleta de capas de modo que quede entre la parte superior e inferior de la banda para la cabeza..
Ahora llene esta forma con un gradiente elíptico con los parámetros que se muestran en la siguiente figura y los colores que se mencionaron en el paso 4.
Cuando creas un degradado, tu tarea es crear un borde más claro en la parte lateral de la superficie interior de la banda para la cabeza.
Crear la parte posterior del elemento decorativo. Para hacer esto, copie la elipse inferior del elemento decorativo y péguela en la parte posterior. Ahora mueva el objeto en la paleta Capas para que esté ubicado debajo de todos los objetos. Reemplace el relleno del objeto con un degradado lineal.
Nuestro objetivo es lograr la distinción entre los elementos adyacentes y, al mismo tiempo, no olvidarse de la distribución adecuada de la luz. La siguiente figura muestra la distribución anormal de la luz en este elemento (accidentalmente cometí este error al crear esta obra de arte y solo noté cuando estaba creando el tutorial).
Ahora cree una superficie trasera de otro elemento decorativo en la superficie trasera de la diadema. Crea cuatro círculos. La secuencia de su creación y relleno se muestra en las siguientes figuras..
El círculo en la parte inferior es la sombra del elemento y, por lo tanto, no debe ir más allá de los márgenes de la banda de la cabeza. Cortar la parte que sobresale. Aquellos que tengan Adobe Illustrator CS5 pueden hacer esto con la ayuda de la herramienta Shape Builder Tool, el resto tendrá que copiar la superficie interna de la diadema y pegarla al frente, seleccionar el círculo y la superficie interna de la diadema y presionar la tecla Intersect botón de la paleta de Pathfinder.
Crea una parte suave en la superficie interna de la diadema. Tome la herramienta Pluma (P) y cree la forma que se muestra en la siguiente figura.
Rellénalo con un gradiente elíptico. Su tarea es lograr un borde claro en la parte suave y un color desigual en su centro.
Haz que nuestros auriculares se vean mejor con otro elemento. Tome la herramienta Pluma (P) y cree una línea de 20 px de ancho (elija este valor de acuerdo con el tamaño de sus auriculares).
Manténgalo seleccionado, vaya a Objeto> Expandir y rellénelo con un color sólido.
Usando esta técnica, cree dos objetos más de un ancho y longitud más pequeños con un relleno de color sólido, pero con opacidad diferente.
Seleccione estos dos objetos y vaya a Objeto> Fusionar> Crear.
Es hora de centrarse en la creación de destacados en las partes de los auriculares. La técnica de su creación no difiere en absoluto de la descrita en los pasos 8 y 9. Solo especificaré aquí la ubicación y la forma de los aspectos destacados..
Continúe con la creación del último elemento de los auriculares: la taza adicional. Crea una elipse y rellénala con un degradado elíptico. La capa inferior con este elemento debe estar debajo de todas las capas inferiores en la paleta Capas.
Continuar creando elipsis formando la copa adicional..
Bueno, los auriculares están listos..
Continuar con la creación del diseño del icono. Agrupa todos los elementos de los auriculares. Ahora gire los auriculares, como se muestra en la siguiente figura.
Cree una sombra debajo de la taza más cercana de los auriculares, utilizando la técnica descrita en el paso 21.
Ahora crea el reflejo de los auriculares. Seleccione los auriculares y vaya a Objeto> Transformar> Reflejar ... y presione el botón Copiar en el cuadro de diálogo.
Mis auriculares son 388px de altura. Mantenga este valor en su mente (memorice su propio valor, por supuesto).
Mantenga la copia seleccionada, vaya a Objeto> Transformar> Mover ... y establezca 388px del parámetro Vertical en el cuadro de diálogo, haga clic en Aceptar.
Tome la herramienta Rectángulo (M) y cree un rectángulo con degradado vertical de negro a gris. El tamaño del rectángulo debe cubrir todo el reflejo de los auriculares..
Seleccione el reflejo de los auriculares y el rectángulo, haga clic en Crear máscara de opacidad en el menú de la paleta Transparencia..
Nuestro icono es monocromo, dudo que su aspecto atraiga la atención de alguien. Por lo tanto, ofrezco agregar cualquier elemento de color asociado con la música. Habiéndolo pensado, me di cuenta de que esta debería ser una imagen estilizada de un ecualizador. Procede a su creación. Tome la herramienta Rectángulo (M) y cree un rectángulo (en mi caso, sus tamaños son 50 por 8 px).
Mantenga el rectángulo seleccionado, vaya a Efecto> Distorsionar y transformar> Transformar ... y configure los valores indicados en la siguiente figura.
El icono creado difícilmente se utilizará en su tamaño original. Por lo tanto, debe asegurarse de que el icono también se vea bien en tamaño reducido. Reduzcamos nuestra imagen tres veces (zoom 33,33%)..
Los rectángulos del ecualizador se fusionan, por lo tanto, deben editarse ligeramente. Abra el cuadro de diálogo Transformar efecto y ajuste la distancia entre los rectángulos para lograr una imagen clara.
Mantenga el rectángulo seleccionado, vaya a Efecto> Distorsionar y transformar> Transformar ... y configure los valores indicados en la siguiente figura.
Ahora ve a Objeto> Expandir apariencia. Y borra algunos rectángulos para conseguir la imagen del ecualizador..
Ahora escoge colores para el ecualizador. Decidí colorear rectángulos ecualizadores en 4 colores: púrpura, azul, azul claro y verde..
Es conveniente utilizar el modelo de color CMYK para la mezcla de colores. Este modelo es fácil de usar, pero contiene menos colores que el modelo RGB. Ya que estamos creando un ícono de computadora, y la imagen no se imprimirá, podemos usar el modelo RGB para colores brillantes. Primero instale el Modo de color del documento (Archivo> Modo de color del documento> Color RGB). Ahora ajusta los colores del ecualizador en el modo de color RGB.
Después del ajuste, me decidí por estos colores: púrpura - R: 191, G: 0, B: 255; azul - R: 29, G: 0, B: 255, azul - R: 0, G: 163, B: 255, verde - R: 0, G: 235, B: 0. Consejo: use el modelo de color CMYK para mezclar colores, finalícelos en Modo de color RGB para obtener brillo.. Luego aplica los colores creados a los rectángulos del ecualizador..
En este tutorial, utilicé gradientes elípticos, que son un tipo especial de gradiente radial. Este tipo de gradiente está disponible a partir de la versión CS 4 del programa. Honestamente, se puede hacer con el gradiente radial por sí mismo. Aquí hay un icono para la creación del cual solo he usado gradientes radiales.
¿Puedes ver la diferencia? Puede usar la máscara de mezcla y recorte para reproducir el degradado elíptico. Deberías saber de lo que estoy hablando. ¿Por qué enfatizo este tema? Lo que ocurre es que al guardar un archivo en formato EPS, un degradado elíptico se transforma en un conjunto de objetos que se encuentran debajo de la Máscara de recorte. Como si el comando Expandir se aplicara a un objeto Blend, en el mejor de los casos. O peor, estos objetos simplemente se rasterizarán, lo que puede aumentar el tamaño del archivo 10 veces.!
Las técnicas que utilicé en este tutorial son simples y obvias. Aunque varias veces quise aplicar la malla de degradado. Trate de dibujar un objeto que usa con frecuencia, utilizando técnicas simples descritas en este tutorial. Puede ser un ratón de computadora, altavoces, monitor o cuchara;). Lo principal es aprender a poder ver, En lugar de copiar el trabajo de otras personas.
Accentsconagua