7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Effects

Crear un anuncio de bebidas energéticas

Scroll to top
Read Time: 6 mins

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

Presentar un producto en un anuncio es una tarea común para cualquier diseñador. En este tutorial, veremos una solución de diseño flexible que puedes utilizar para crear uno para una bebida energética. Se basa en una combinación del Modo de Mezcla Diferencial y el Filtro de Desenfoque Radial para conseguir colores, contraste e iluminación únicos.

Vista previa de la imagen final

Antes de empezar, echemos un vistazo a la imagen que vamos a crear. Haz clic en la captura de pantalla de abajo para ver la imagen en tamaño completo. Como siempre, el archivo de Photoshop en capas está disponible a través de nuestra membresía Psdtuts+ Plus.

Final ClickFinal ClickFinal Click

Paso 1

Lo primero que debes hacer es planificar una paleta de colores. Pero para poder elegir los colores, es necesario entender cómo funciona el modo de fusión por diferencias. Mira la información de color en cada canal y resta el color de mezcla del color base, o el color base del color de mezcla. Esto depende de cuál tiene el valor de brillo más alto.

La diferencia sólo funciona cuando se transforma de oscuro a claro, y no de claro a oscuro. Sin embargo, si aplicas cualquier tipo de desenfoque a una capa de diferencia, obtendrás degradados suaves e iluminación dinámica. Dado que el resultado final tiene que ser oscuro, elige colores brillantes que, en combinación con un desenfoque radial, crearán degradados de claro a oscuro.

Así que empieza abriendo un nuevo documento de Photoshop de 1600px por 1280px. Rellena la capa de fondo con este color: (#b1c900).

Paso 2

Abre el menú de formas personalizadas y selecciona la forma de rayo, como se muestra a continuación. Puedes encontrarlo en la carpeta de símbolos. Luego dibuja el primero justo en el centro que es lo suficientemente grande como para extenderse fuera del lienzo. Utiliza este color: (#bddc01).

En cuanto creas el primero, lo duplicas. A continuación, gira la copia para que deje sólo una línea fina de fondo. Luego cámbialo a este color: (#d3eb45). Debes alinearlos para que coincidan con la imagen de abajo.

Paso 3

En este punto, comienza a pintar con un pincel de círculo regular en diferentes tamaños. Establece la Opacidad del Pincel al 60%, cambia el color a (#7a263e), y haz clic individualmente mientras cambias el tamaño de cada punto. Al crear manualmente cada punto, tienes más control sobre el diseño. Una vez que hayas creado el primer conjunto, añade unas cuantas manchas en una capa separada con este nuevo color: (#93133d).

Paso 4

A continuación, haz una nueva capa y añade manchas más pequeñas con este color (#cdde67). De nuevo, en una capa separada, pinta manchas aún más pequeñas con un color ligeramente más saturado: (#d9f14a).

Paso 5

Ahora es el momento de añadir algo de contraste utilizando una versión saturada del color que utilizaste para las primeras manchas: (#93133d)

Paso 6

Para rematar el efecto, crea algunas manchas pequeñas que sigan el trazado original y otras que ocupen el espacio sin utilizar del lienzo. Asegúrate de difuminarlos gradualmente a medida que se acerquen al borde del lienzo. No quieres que te distraigan más tarde. Como toque final, añade un nuevo color que luego se transformará en un rosa vivo: (#7b2dc1).

Paso 7

Como ya hemos señalado, el efecto de desenfoque radial desempeña un papel crucial en el conjunto de la imagen. Selecciona todas las capas de formas, manchas y fondo y pulsa Ctrl+Mayús+E para fusionarlas. Una vez que se hayan fusionado todas, duplica la capa. Nombra esta nueva capa como "Desenfoque radial". A continuación, ve a Filtro > Desenfoque > Desenfoque radial e inserta los valores que se muestran a continuación.

Paso 8

Ahora deberías tener dos capas: la capa de fondo que has fusionado recientemente y su versión duplicada a la que has llamado "desenfoque radial". Selecciona la capa "desenfoque radial" y cambia el modo de fusión a Difusión. Ahora deberías obtener una imagen oscura con colores verdes y azules brillantes. No es el tono que queremos, así que fusiona ambas capas. Luego ve a Imagen > Ajustes > Tono/Saturación, o simplemente presiona Ctrl+U. Entonces cambia el Tono a 73.

Paso 9

En este paso añadirás algo de profundidad a la imagen que guiará la atención del espectador hacia el centro del diseño. Entra en el Modo de Máscara Rápida (Q), y utiliza la Herramienta Cubo con el color establecido en negro para rellenar todo el lienzo. A continuación, selecciona la herramienta Borrador, y añade un poco de dispersión a la configuración predeterminada.

Ahora arrastra por el lienzo mientras te centras en el centro. Tan pronto como hayas terminado con esto, sal del modo de máscara rápida (Q) de nuevo, e invierte la selección pulsando Ctrl+Mayús+I. A continuación, haz clic con el botón derecho del ratón en el lienzo mientras la herramienta Marco está seleccionada. A continuación, elige la opción Capa mediante copia. En cuanto tengas la selección en una nueva capa, ve a Filtro > Desenfoque > Desenfoque gaussiano, y difumínala 4 píxeles.

Paso 10

En este punto es el momento de añadir la lata. Así que descarga esta imagen de stock.xchng. Luego recórtala con la herramienta Pluma. No te preocupes por la parte inferior, ya que sólo necesitarás la parte superior. Una vez hecho esto, colócalo en el centro y gíralo en un ángulo de 45 grados. Luego cambia el tono en 180. Utiliza la herramienta Subexponer para oscurecer la mitad inferior izquierda de la lata.

Paso 11

Ahora tienes que ocultar una parte de la lata para difuminarla en el resto de la foto. Una simple máscara de capa debería ser suficiente. Así que entra de nuevo en el modo de máscara rápida. A continuación, rellena todo el lienzo con negro. Borra la parte que quieres dejar fuera con un pincel suave. Después, sal del modo de máscara rápida. A continuación, ve a Capa > Máscara de capa > Ocultar selección. Es posible que también quieras enfocarlo en este punto. Para ello, ve a Filtro > Enfocar > Enfocar.

Paso 12

Ahora, si observas la foto con detenimiento, te darás cuenta de que es demasiado suave. En lugar de añadir ruido o grunge, imitaremos la textura de la lata utilizando uno de los tutoriales de Fabio: Creación de una superficie metálica cepillada en Photoshop. Así que, en primer lugar, rellena el área del lienzo con blanco. A continuación, ve a Filtro > Pixelado > Punteado. Selecciona Puntos medios y aplica el filtro. A continuación, establece el modo de fusión de la capa en Subexposición de color.

Paso 13

En el último paso es añadir el título en el lado izquierdo del lienzo. He utilizado una fuente llamada Incised901 NdIt BT, que es el nombre abreviado de Incised 901 Nord Italic. Después de escribirlo, haz doble clic en la capa y utiliza el estilo de capa descrito en la foto de abajo.

Resultado final

¡Y ya está! ¡Un anuncio de bebidas energéticas listo para salir!

Conclusión

La particularidad de esta técnica es que se puede adaptar fácilmente a una variedad de necesidades diferentes. A continuación se muestra un ejemplo de cómo se puede cambiar el resultado simplemente modificando los colores y las formas. Todo depende de tu creatividad. Espero que este tutorial te haya resultado útil y que puedas utilizarlo en tus diseños.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.