Reflexiones bien hechas crear un icono de rollo de dinero

Aproveche al seguir este tutorial para crear reflexiones precisas y lógicas. Cubriré cómo usar el sombreado y el enmascaramiento para crear una ilustración que valga la pena..

Vista previa de la imagen final

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.

Detalles del tutorial

  • Programa: Adobe Illustrator CS4
  • Dificultad: Intermedio
  • Tiempo estimado de finalización: 1.5 horas

Aquí está la ilustración que estaré creando..

Paso 1

Comience utilizando la herramienta Elipse (L) para dibujar un círculo perfecto. Mantenga presionada la tecla Shift para lograr esto.

Paso 2

Añadir un degradado radial con colores verdes claros. Asegúrate de que los bordes central y exterior sean más claros..

Paso 3

El uso de la Herramienta de selección directa (V) distorsiona el círculo hacia abajo hasta una forma ovalada.

Etapa 4

Duplica el óvalo inferior en la página. Asegúrese de mantenerlo perfectamente alineado con la primera forma. La distancia a la que están alejadas las formas será la altura de tu rollo de dinero.

Paso 5

Usando la herramienta Rectángulo (M), dibuje un rectángulo que sea exactamente del ancho de los óvalos. El rectángulo debe comenzar y terminar en los puntos intermedios de ambos óvalos..

Paso 6

Seleccione el rectángulo y el óvalo inferior. En la Paleta de Pathfinder selecciona Unite. Las dos formas ahora deben ser una..

Paso 7

Dale al rollo de dinero un degradado lineal. Observe que el borde derecho tiene un poco de resaltado. Esto se denomina iluminación reflexiva y es importante para la efectividad general del aspecto del icono. Dedique un poco de tiempo a obtener su gradiente justo antes de continuar. Tenga en cuenta que si el óvalo en la parte superior no está al frente, simplemente selecciónelo y vaya a Objeto> Organizar> Traer al frente.

Paso 8

IMPORTANTE: duplique todas sus formas y mantenga el original a un lado.

Usando la nueva copia, asegúrese de que el óvalo esté en la parte superior de la forma de degradado verde oscuro (Objeto> Organizar> Traer al frente), luego seleccione ambas formas y en la Paleta del buscador de caminos haga clic en Menos frente.

Paso 9

Esto es lo que debes dejar.

Paso 10

Seleccione la forma y vaya a Objeto> Ruta> Ruta de compensación. Introduzca un valor negativo para la compensación. Tenga en cuenta que su valor dependerá del tamaño de su obra de arte, así que ingrese un número que le parezca bueno..

Paso 11

Antes de poder colorear la nueva forma individualmente, deberá desagrupar el objeto. Vaya a Objeto> Desagrupar. Usando la Herramienta de selección directa, seleccione la forma central y dale un relleno negro. En la Paleta de Transparencia, seleccione Multiplicar, luego ajuste la Opacidad a aproximadamente el 25%. Ahora, puede colocar la nueva forma más pequeña en la parte superior del rollo de dinero que puso de lado y deshacerse de la forma más grande.

Paso 12

Cree el orificio a través de la parte superior del rollo copiando el óvalo en la parte superior y luego pegando directamente en su lugar presionando Comando + F. Escale el óvalo hacia abajo usando la herramienta Selección directa. Mantenga presionada la tecla Mayús + Opción y arrastre el objeto hacia abajo hasta que sea más pequeño.

Paso 13

Rellene la forma con un degradado radial de negro a blanco, configure el modo en Multiplicar en la Paleta de Transparencia y reduzca la Opacidad a aproximadamente el 42%.

Paso 14

Cree una forma más arbitraria en la cara del rollo utilizando la herramienta Lápiz (N) para dibujar la forma. Sugerencia: mantenga presionada la tecla Opción para cerrar fácilmente la forma cuando la esté dibujando.

Paso 15

Para crear la ilusión de pliegues o arrugas en la parte superior del rollo es fácil de hacer. Usa dos puntos suspensivos superpuestos para comenzar.

Paso 16

En la Paleta de Pathfinder selecciona Menos Frente. Esto te dejará con una forma de media luna. Duplique la forma y cambie la escala y el color para agregar una variedad de pliegues y pliegues.

Paso 17

Así es como debería verse tu obra de arte ahora mismo..

Paso 18

Para crear la banda alrededor del rollo, use un proceso similar al de crear los pliegues en la parte superior. Nuevamente, comience superponiendo dos elipses.

Paso 19

Haga clic en Minus Front en la paleta de Pathfinder..

Paso 20

Si te acercas, verás que ahora hay un punto afilado en el borde de la banda. Tendrá que usar la herramienta Pluma para corregirlo.

Paso 21

Usando la herramienta Pluma (P), dibuje una forma que cubra el borde puntiagudo. Usa Minus Front en el Pathfinder para modificar la forma de la banda.

Paso 22

Dale a la banda un rico degradado de rojo a rojo oscuro. Observe cómo todavía estoy usando iluminación reflectante en este elemento también. Tenga en cuenta su fuente de luz. Para esta ilustración, la luz viene del lado superior izquierdo..

Paso 23

Dale a la banda un poco más de detalle agregando un borde más oscuro alrededor de ella. Vaya a Efecto> Estilizar> Resplandor interior. Selecciona Multiplicar y usa un color oscuro como el negro. Ajuste la opacidad y el desenfoque, luego haga clic en Aceptar.

Paso 24

Dale a la banda una sombra usando primero la herramienta Lápiz para dibujar una forma similar a la de abajo.

Paso 25

Difumina la forma yendo a Efecto> Desenfoque> Desenfoque gaussiano. En la Paleta de Transparencia, seleccione Multiplicar para que la sombra se combine bien con el color verde detrás de ella..

Paso 26

Mejore el detalle de la banda utilizando la herramienta Pluma para dibujar un ligero resaltado en su borde.

Paso 27

Crea las monedas dibujando primero una elipse y rellenándola con un degradado lineal.

Paso 28

He añadido una forma interior sutil que es ligeramente más oscura que la forma detrás de ella. Esto crea la impresión de una cresta o labio dentro de la superficie de la moneda. Nuevamente, use la técnica de copiar y pegar en su lugar (utilizada en el Paso 12) para asegurarse de que su nueva forma se encuentre en el centro de la forma detrás de ella.

Paso 29

Da la profundidad de la moneda duplicando el óvalo y colocándolo más bajo que el primer óvalo. Dibuje un rectángulo que sea el ancho del óvalo y comience y termine en el punto medio horizontal del óvalo superior e inferior. Utilice la paleta de Pathfinder para unir el óvalo inferior y la forma del rectángulo. En pocas palabras, crea esta forma de la misma manera que creaste la forma del rollo de dinero.

Paso 30

Utilice la herramienta Pluma para dibujar algunos de los pequeños detalles como remaches en los laterales y reflejos en los bordes..

Paso 31

Dibuje algunas otras monedas, gírelas y apílelas una encima de la otra. Agrupe cada moneda a medida que la dibuja para facilitar la selección de una moneda a la vez.

Paso 32

Dale a cada moneda su propia sombra usando la técnica de Desenfoque Gaussiano. Observe cómo la sombra central es más oscura ya que más monedas cubren esta área.

Paso 33

Coloca las monedas al lado del rollo de dinero. Añade otra sombra borrosa en el área donde las monedas tocan el rollo.

Paso 34

Agrega una sombra bajo el rollo de dinero también.

Paso 35

Para crear la reflexión comience por agrupar el rollo de dinero y todos los elementos que lo conforman. Duplíquelo y envíelo a la parte posterior accediendo a Objeto> Organizar> Enviar a atrás.

Paso 36

Seleccione el rollo inferior y, en la Paleta de transparencia, haga doble clic en el área en blanco resaltada en amarillo.

Paso 37

Tu forma de rollo inferior ahora debería ser invisible..

Paso 38

Usando la herramienta Rectángulo, dibuje un rectángulo (que tenga un relleno blanco) en la parte superior del área donde debería estar el rodillo inferior. Ahora, tu rodillo inferior debería ser visible de nuevo..

Paso 39

Aún trabajando en el lado de la máscara de la Paleta de Transparencia (en el lado derecho), dé la forma "blanca" que acaba de dibujar un degradado radial de negro a blanco. Este gradiente se enmascara gradualmente para dar la impresión de que la reflexión se desvanece. Asegúrese de que su negro se compone de todos los valores de 0 y su blanco se compone de todos los 255 valores. Si se descuida este paso, la reflexión no podrá desaparecer o desaparecer por completo..

Paso 40

Tenga en cuenta que los Pasos 36-39 deben completarse en el lado de la máscara de la Paleta de Transparencia (en el lado derecho). Vuelva al lado izquierdo de la Paleta de Transparencia haciendo doble clic en el área amarilla. Ahora, en la Paleta de Transparencia, puede seleccionar la forma del rollo inferior y ajustar la Opacidad a algo más bajo, como aproximadamente el 60%..

Paso 41

Así es como debería verse tu obra de arte ahora mismo..

Paso 42

La creación de una reflexión lógica para las monedas es generalmente donde la mayoría de las personas tienen problemas para visualizar la ejecución correcta. En el primer ejemplo, las monedas simplemente se han copiado y pegado al revés. Esto es incorrecto. El aspecto correcto que deben tener las monedas es el de un verdadero reflejo..

Paso 43

Es fácil hacer que la reflexión parezca creíble. He dividido el proceso en 3 imágenes. Primero, copia la moneda de la izquierda. Gíralo y envíalo a la parte posterior de todos los demás objetos. En segundo lugar, duplica el borde de la moneda central y pégalo directamente debajo. En tercer lugar, duplique la moneda correcta y envíela detrás de todos los demás objetos..

Ahora, las monedas se apilan de una manera más realista que simplemente copiar y pegar todo..

Paso 44

Desvanece las monedas utilizando la misma técnica de enmascaramiento utilizada para el rollo de dinero..

Paso 45

Dibuja un rectángulo de esquina redondeada. Tenga en cuenta que puede ajustar el radio de las esquinas manteniendo presionada la flecha hacia arriba o hacia abajo mientras dibuja la forma.

Paso 46

Rellénalo con un degradado azul fresco.

Paso 47

Oscurece los bordes yendo a Efecto> Estilizar> Resplandor interior.

Paso 48

Agrega un poco de atmósfera dibujando algunas formas de onda al azar y dándoles un degradado de blanco a transparente.

Paso 49

Agrega el texto en la parte inferior. He usado una fuente llamada ITC Franklin Gothic.

Paso 50

Para darle al texto un relleno degradado, primero seleccione el texto, luego en la Paleta de apariencia seleccione el triángulo desplegable y haga clic en Agregar nuevo relleno. Ajusta el gradiente a tu gusto..

Paso 51

Para darle una sombra al texto, simplemente he enterrado una forma cuadrada usando Gaussian Blur.

Paso 52

Por último, dale al texto una reflexión como se hizo para el rollo de dinero y monedas..

Imagen final

Así es como se ve el ícono final!

Suscríbase a Vectortuts + RSS Feed para estar al día con los últimos tutoriales y artículos de vectores..