Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
  1. Design & Illustration
  2. Drawing

Crea una llama de encendedor vectorial realista en Photoshop

by
Read Time:10 minsLanguages:

Spanish (Español) translation by Steem (you can also view the original English article)

Todos conocemos y amamos Adobe Photoshop por su manipulación basada en píxeles. En este tutorial, decidí examinar las capacidades vectoriales de Photoshop, en combinación con degradados, modos de capa y estilos de capa para producir un encendedor de excelente apariencia, casi fotorealista.

Es necesario conocer la herramienta Pluma para realizar los primeros pasos. Aquí puedes encontrar plantillas muy útiles para practicar técnicas con la herramienta Pluma, que te harán avanzar muy bien. Este es mi primer intento de tutorial, y traté de condensar los pasos lo máximo posible. ¡Este es para un día lluvioso (o dos)!

1. Comenzar en Photoshop

Herramientas e imágenes de referencia

En lugar del fondo, primero vamos a construir todas las formas vectoriales de base utilizando la herramienta Pluma (P). Todas las formas vectoriales residirán en sus propias capas.

Necesitamos colocar una imagen de referencia que se puede descargar gratuitamente de StockXchange aquí. Esto facilitará el seguimiento de cada paso que describo.

En Adobe Photoshop, comienza con la configuración básica, que en mi caso estaba destinada a la impresión litográfica.

Paso 1: Crear el documento de Photoshop

Abre Adobe Photoshop, y crea un nuevo documento transparente con la configuración de 99mm x 200mm a 300ppp. Coloca tu imagen de referencia en el centro de tu nuevo documento, y nombra la capa. En realidad, a medida que vayas siguiendo estos pasos, asegúrate de nombrar todas tus capas. Encima de tu capa de referencia crea un conjunto de capas y llámalo "base encendedor". Este conjunto de capas será donde guardes tus principales formas vectoriales.

2. Crea las formas base

Paso 1: Usar la herramienta Pluma para crear formas vectoriales

Con la herramienta Pluma (P), en el modo de capa de forma, comienza a construir el encendedor en secciones (ocho en total), utilizando la imagen de referencia como guía aproximada. No es necesario hacerlo con exactitud la primera vez, ya que las capas de forma se pueden seguir editando con la herramienta Pluma y sus herramientas asociadas. El código de colores de la imagen de abajo indica el orden de las capas, que es importante. La parte principal de plástico está en la parte inferior. En la parte superior hay una capa de texto para personalizarla. Elegí mi nombre de usuario "apepp" utilizando la fuente Helvetica Neue Condensed Bold.

Por ahora, colorea cada capa de forma vectorial de Photoshop con tonos de negro a blanco para distinguir fácilmente entre ellas. Para ello, haz doble clic en la miniatura de la capa en la paleta de capas para acceder al selector de color. Una vez creadas las ocho formas, recuerda mantener el orden pulsando la tecla Mayúsculas y seleccionando cada capa vectorial, luego arrástralas a tu conjunto de capas ("base encendedor") creado en el Paso 1.

Consejo sobre el conjunto de capas: La creación de un conjunto de capas también se puede lograr pulsando la tecla Mayús y haciendo clic en el icono de conjunto de capas. Todas tus capas previamente seleccionadas caerán automáticamente en un nuevo conjunto de capas y se mantendrán en su orden de apilamiento original. La otra forma es utilizar "Comando/Apple + G".

Paso 2: Crear la cabeza del encendedor

Para la capa de la "Rueda", utiliza la herramienta Polígono (Mayúsculas + U ) en modo de capa de forma, y ajusta el número de lados a aproximadamente 35. Haz clic y arrastra hasta un tamaño adecuado. Mientras el botón del ratón sigue presionado, mantén la barra espaciadora y muévelo a su posición. A continuación, suelta la barra espaciadora y sigue ajustando el tamaño si es necesario. Cuando sueltes el ratón, se creará la capa. Esta capa debe estar en algún lugar debajo de la cubierta de metal.

Paso 3: Utilizar la herramienta Pluma para crear las secciones interiores

Una vez creado lo anterior, oculta el conjunto de capas "base encendedor". A continuación, comienza (de forma muy similar a la anterior) a crear las secciones interiores (cinco en total) como se indica en la imagen inferior con la herramienta Pluma. De nuevo, coloca estos elementos en un conjunto de capas seleccionando cada una de ellas mientras presionas la tecla Mayúsculas y el icono del conjunto de capas. No olvides nombrar este conjunto de capas como "Interior".

Paso 4: Dibujar una forma de etiqueta

Tenemos que añadir una capa "Etiqueta" debajo de la capa "Divisor". Esta etiqueta está pegada al otro lado de la carcasa de plástico principal. Utiliza la herramienta Rectángulo redondeado (Mayúsculas + U) en modo de capa de forma, introduce un Radio de 10px, arrastra la forma y colócala más o menos en el centro. Pulsa Comando/Apple + T para transformar su rotación ligeramente hacia la derecha arrastrando apenas fuera del controlador superior derecho.

2. Utilizar los efectos y modos de capa de Photoshop para añadir detalles

Paso 1: Crear el fluido del encendedor con un modo de capa

La última parte para la sección interior es la capa "Fluido". Crea esta capa usando la herramienta Pluma (P) en modo de capa de forma (un poco por debajo de los bordes de la carcasa de plástico) y muévela por encima de la capa "Tubo". Colorea la capa vectorial "Fluido" con algo como #282828 y cambia el modo de capa a "Luz suave". El cambio de los modos de fusión de las capas también se puede hacer pulsando "Mayúsculas" y utilizando las teclas + o â€“.

Paso 2: Crear el efecto nublado en el fondo

Ahora, el efecto de fondo. Primero oculta los conjuntos de capas "base encendedor" e "interior". Crea otro conjunto de capas llamado "BGround" o algo similar. Añade una nueva capa a este conjunto de capas, luego selecciona Filtro > Intterpretar > Nubes. Pulsa "Comando/Apple + T", cambia el punto de anclaje a la fila superior a través de la imagen proxy en la barra de herramientas. A continuación, escribe en el campo de altura "140mm", y pulsa la tecla retorno para confirmar este ajuste. Cambia el modo de capa a "Luz suave" y la Opacidad al 35%. Si escribes rápidamente 35 en el teclado, la opacidad cambiará. Nombra esta capa como "Humo".

Paso 3: Añadir un estilo de capa de resplandor exterior

Aún en la capa "Humo", haz doble clic en el espacio de la derecha de la miniatura de la capa para abrir el diálogo de efectos de capa y aplicar un "Resplandor exterior". Esto es para simular el borde de una mesa con luz que se difunde por la superficie. Cambia el amarillo por defecto a blanco haciendo clic en el cuadrado amarillo bajo el ajuste de ruido. Los otros ajustes son los siguientes:

Paso 4: Usar la herramienta degradado

Debajo de la capa "Humo", crea una nueva capa llamada "Luz". Selecciona la herramienta Degradado, establece un nuevo degradado haciendo clic en la vista previa del degradado en la barra de herramientas superior, establece el deslizador inferior izquierdo en negro #000000 y el deslizador inferior derecho en un azul/gris #78828c, y el deslizador de punto medio en 80%.

Arrastra en la dirección de la flecha verde que aparece en la imagen inferior, desde la esquina superior izquierda hasta la esquina inferior derecha de la capa "Humo" creada anteriormente.

Paso 4: Colorear el encendedor

Ahora que tenemos todos los elementos esenciales construidos, podemos empezar a dar profundidad al encendedor base utilizando estilos de capa. Activamos el conjunto de capas "base encendedor" y de arriba a abajo iremos añadiendo los efectos de capa necesarios. Antes de eso, vamos a colorear cada objeto vectorial de la siguiente manera, haciendo doble clic en la miniatura de la capa vectorial como se indica a continuación. Comprueba también que el modo de fusión de la "Carcasa roja" está ajustado a "Luz dura", y asegúrate de que todos los demás modos de capa son "Normal".

Colorea cada uno de ellos como se indica en el campo numérico situado en la parte inferior del cuadro de diálogo del selector de color:

  • Capa "Agujero de metal" = #0a0b0a
  • Capa "Ranura de metal" = #ffffff
  • Capa "Tapa negra" = #0a0b0a
  • Capa "Cubierta metálica" = #969696
  • Capa "Control de gas" = #0a0b0a
  • Capa "Rueda" = #c8c8c8
  • Capa "Botón de gas 1" = #0a0b0a
  • Capa "Botón de gas 2" = #0a0b0a
  • Capa "Carcasa roja" = #a00000

Paso 5: Utilizar las opciones de fusión, trazos y degradados

Para añadir efectos a las capas, haz doble clic en el área justo a la derecha del nombre de las capas y aplica los ajustes de la siguiente manera:

  • trazo de la capa "apepp" (o tu propio texto personalizado)

Nota: establece también la Opacidad de relleno de esta capa a 0% en la paleta de capas. También puedes hacer esto en el diálogo de estilo de capa haciendo clic en "Opciones de fusión", en la parte superior de la lista del panel de la izquierda.

  • trazo de la capa "agujero de metal"

Para editar el degradado en sí, haz clic en la vista previa del degradado, como se muestra en la imagen de abajo, para mostrar el Editor de degradado.

  • superposición de degradado de la capa "Ranura de metal" 
  • trazo de la capa "ranura de metal"
  • Superposición de degradado de la capa "Parte superior negra".
  • Superposición de degradado de la capa "Cubierta metálica".
  • trazo de la capa "Cubierta metálica".
  • trazo de la capa "Control de gas"
  • Superposición de degradado de la capa "Rueda". También debes establecer el modo de fusión en "Multiplicar".
  • trazo de capa "Rueda"
  • trazo de la capa "Botón de gas 1"
  • superposición de degradado de la capa "Botón de gas 2".
  • superposición de degradado de la capa "Carcasa roja". También hay que ajustar el modo de fusión a "Superponer".

Paso 6: Añadir colores a las capas internas

Bien, has llegado hasta aquí, bien hecho.

Ahora estamos en la recta final, y para aventurarnos aún más, revela el conjunto de capas "Interior". Comprueba que la capa "Fluido" tiene el modo de fusión ajustado a "Luz suave".

Ahora, al igual que al principio del paso 10, vamos a colorear cada forma vectorial de la siguiente manera:

  • Capa "Ranura Negra" = #000000
  • Capa "Conector 1" = #000000
  • Capa "Conector 2" = #1e1e1e
  • Capa "Fluido" = #282828
  • Capa "Tubo" = #1e1e1e
  • Capa "Divisor" = #000000
  • Capa "Etiqueta" = #2d2d2d

Paso 7: Utilizar las opciones de fusión, los degradados y los trazos

En cuanto a los estilos de capa, solo tres elementos los necesitan, y son:

  •  superposición de degradado de la capa "Conector 2"...
  • Superposición de degradado capa "Fluido". También debes establecer el modo de fusión en "Superponer"...
  • trazo de la capa "fluido"
  • superposición de degradado de capa "Tubo"

3. Crear una llama vectorial realista con formas simples

Ahora sí que está quedando bien, y espero que a ti también. Pero, ¿qué es un encendedor sin una llama?

Paso 1: Usar la herramienta elipse para dibujar la forma de la llama

La llama se compone simplemente de dos capas de formas vectoriales. Toma la herramienta Elipse (en modo de capa de forma), y dibuja primero el "exterior de la llama" más grande. También asegúrate de que es de color blanco puro. La llama también tiene que estar por debajo de la capa "Base encendedor" para que quede debajo de la cubierta de metal.

Paso 2: Añadir la capa interior de la llama

Duplica la capa "Llama exterior" (pulsa Comando/Apple + J) y reduce su escala pulsando Comando/Apple + T y arrastrando los controles hasta que estés satisfecho. Pulsa la tecla Enter para confirmar este cambio y nombra esta capa como "Llama interior". Establece la Opacidad de esta capa al 50%.

En la imagen de abajo, verás ambos elementos. He sombreado la capa "Llama interior" en gris para que puedas ver las dos formas separadas más claramente, pero ambas deben ser de color blanco puro para cuando las coloreemos.

Paso 3: Utilizar los estilos de capa para crear el efecto de llama

Haz doble clic en la capa "Llama interior" para que aparezca el diálogo de estilos de capa y configúralos de la siguiente manera:

  • Satinado de capa "Llama interior". Nota: también establece el modo de fusión en "Subexposición de color" y el contorno en "Gaussiano".
  • Superposición de degradado capa "Llama interior". También establece el deslizador de opacidad de la extrema derecha en 0% como se muestra en la imagen de abajo en el degradado:

Paso 4: Dar a tu llama realista algunos toques finales

Haz doble clic en la capa "Llama exterior" para que aparezca el diálogo de estilos de capa y configúralos de la siguiente manera:

  • Resplandor exterior de la capa "Llama exterior". También hay que ajustar el deslizador de opacidad de la derecha al 0%, como se muestra en la imagen de abajo en el degradado.
  • Superposición de degradado "Llama Exterior". También establece el deslizador de opacidad de la derecha en 0% como en la imagen de abajo en el degradado.

4. Toques finales

Paso 1: Utilizar las máscaras de capa de Photoshop para crear un reflejo

Bien, ya está más o menos, y para el toque final, necesitamos ese fiel reflejo en la mesa. Utilizaremos una técnica fácil que muchos utilizan tan a menudo como las sombras paralelas.

Selecciona los conjuntos de capas "base encendedor" e "interior" mediante Comando/apple-clic. Arrastra estos conjuntos al icono de nueva capa al pie de la paleta de capas. Esto creará copias de los conjuntos totalmente intactas, conservando todos los órdenes de apilamiento de capas dentro de los conjuntos. Las copias también permanecerán seleccionadas, así que tal como están, pulsa Comando/Apple + G y esos conjuntos se agruparán.

Con este nuevo grupo seleccionado, añade una máscara de capa mediante el botón Añadir máscara de capa al pie de la paleta de capas, y nombra este nuevo grupo como "Reflejo".

Por último, pulsa Comando/Apple + T y haz clic con el botón derecho en el área transformada para seleccionar el punto de anclaje central en la vista previa de proxy.

A continuación, selecciona "Voltear verticalmente" como se muestra en la imagen de abajo y pulsa Enter para confirmar el cambio.

Paso 2: Reducir la opacidad del reflejo

Ahora selecciona la máscara de capa creada en el paso 17. Con la herramienta Degradado, establece un degradado de blanco a negro y arrastra desde la parte inferior hasta donde termina la flecha en la imagen de abajo. Establece la opacidad de la capa en 80%.

Conclusión

Aquí está la composición final. Si quieres, puedes continuar creando un efecto de llama animada en Photoshop CS3 mediante la ventana de Animación.

One subscription.
Unlimited Downloads.
Get unlimited downloads