Recorriendo la web en busca de consejos para compartir con ustedes o algunos tips sobre cómo retratar parejas en lugares públicos, me encontré con algo absolutamente diferente que llamó mi atención y que decidí traerles al blog.
Se trata de un tutorial de Photoshop creado por Robby Montes, un artista digital que vive y trabaja en Filipinas y cuyo trabajo está basado en las composiciones del reconocidísimo Luis Royo.
Según Robby, este es un tutorial para principiantes del PS, aunque sinceramente no me atrevería a clasificarlo así; más bien digamos que es de un nivel medio de dificultad, pero con mucha ayuda de su parte ya que hasta incluye los vectores que él mismo ha creado y utiliza en esta composición.
Veamos pues, paso a paso como crear tu propia tarjeta de San Valentín con una foto de tu novia o novio. Aclaramos que la que él usa en el tutorial es una imagen que adquirió en Shutterstock, pero sin dudas una imagen de tu pareja será mucho más impactante a la hora de ofrecérsela junto a tu obsequio por el Día de los enamorados.
Tutorial paso a paso:
Paso 1- Escoge o toma una foto de tu enamorad@, si la tomarás para la ocasión busca una composición como la que te mostramos en el ejemplo para que combine con el resto de los elementos que se irán agregando. Algo con movimiento o incluso una pose rockera estará muy bien.
Paso 2- Abrir la imagen en Photoshop, duplicar la capa para comenzar a trabajar en el duplicado y extraer el fondo con la herramienta de extracción. Utilizar el pincel en un tamaño de 40px.
Paso 3- A continuación necesitamos un nuevo archivo, esto lo hacemos a través de: Archivo =>Nuevo. Para el tamaño elegimos los siguientes parámetros: 2550 anchura - 3300 altura - 300 resolución. Haz click en Aceptar.
Este nuevo archivo lo vamos a rellenar con la herramienta degradado y el color # 7b223e.
Paso 4- Una vez que tenemos el color de fondo lo que haremos es suavizar el centro con un pincel suave, en este caso se utilizaron los parámetros 1900 px para el diámetro y 0% para la dureza.
Paso 5- Una vez suavizado el centro de la escena comenzaremos a diseñar con el uso de vectores, en este caso se utilizó uno que Robby creó con la ayuda de Illustrator y que pueden descargar de aquí. Una vez que lo hayas descargado, ábrelo e inclúyelo en tu diseño; luego reduce la opasidad a un 45% aproximadamente.
Paso 6- Luego de este primer vectorial, pondremos otro pero esta vez sin disminuir la opacidad. En este caso se utilizó un diseño 3D render que puedes descargar de aquí. Para que este diseño quede bien con nuestra composición deberás cambiarle el tono y la saturación tal como está hecho en la imagen de muestra:
Paso 7- Una vez hecho todo lo anterior, ahora sí colocamos a nuestr@ modelo y vamos a proceder a modificar su vestimenta. En este caso el vestido, si se trata de tu novio tu escogerás cómo realizar este paso tomando en cuenta la integración de su vestimenta dentro de la composición. Para esta modificación se utilizó la herramienta Máscara rápida y el pincel necesario para modificarlo íntegramente.
Una vez realizado el paso anterior sal de la herramienta Máscara rápida y ve a: Selección==>Invertir.
A continuación deberás modificar el tono y la saturación, accede al panel usando los atajos de teclado Ctrl + U, y escoge los parámetros necesarios para que el color de la vestimenta se integre a la composición general. En el caso de ejemplo se usaron: -26 para el tono, -15 para la saturación y 16 para la iluminación.
Paso 8- El siguiente paso es añadir un nuevo diseño vectorial, este también fue creado con Illustrator y es mucho más sencillo que los anteriores ya que se realiza con simples círculos y degradados para dar forma a una especie de altavoces. Si aún no te atreves a realizarlos puedes descargarlos de aquí. Estos se colocarán por detrás de los diseños 3D render.
Paso 9- A continuación nos posicionamos sobre la capa en la que colocamos nuestro primer diseño vectorial y le agregamos otro vector, este será prácticamente el motivo principal ya que se trata de un enorme corazón que puedes descargar desde aquí. Para una mejor inclusión en la composición se realizaron varios ajustes: a través de la Opción de Mezcla se ajustó el brillo exterior cambiando la opacidad a un 70% y luego se usó la Superposición de degradado, en tonos amarillo, rosa y morado, en Modo Inverso y con una Opacidad del 50%.
A continuación le modificaremos el tono y saturación utilizando el atajo de teclado Ctrl + U y llevando el tono a -111.
Luego agregaremos otro corazón que hará las veces de “aura” del anterior, este diseño puedes descargarlo también de aquí.
Luego cambia a Modo Fusión de color y crea una máscara para quemar las zonas no deseadas.
Paso 10- Una vez terminado con los corazones agregaremos otro diseño 3D render que le dará un toque envolvente, para eso descarga el archivo de aquí. Para lograr este efecto debemos “esconder” la imagen para pintar las zonas necesarias tal como muestra la imagen:
Luego cambiaremos el color una vez más para integrarla a la composición utilizando nuevamente Ctrl + U, en este caso se llevó el tono a -27.
Paso 11- A continuación añadiremos pequeños altavoces sobre el diseño 3D render tal como hicimos con el fondo anterior, y seleccionaremos la Opción de Mezcla en una Capa de Estilo y modificaremos la Superposición de degradado ajustando la opacidad al 80%.
Paso 12- Llegó el momento de agregar algunos efectos, para esto usaremos un pincel personalizado que puedes encontrar aquí y con el que atravezaremos la imagen creando una especie de distorsión. Para esto seleccionaremos la capa donde pusimos el pincel y mantendremos presionada la tecla Ctrl en tanto que clickeamos sobre la miniatura de la capa, esto se hace para utilizar el pincel escogido.
Con la capa del pincel personalizado seleccionada vamos a la capa de la modelo y presionamos Ctrl + J y aparecerá una nueva capa por encima de la anterior. Ahora puedes anular la selección de la capa del pincel con el comando Ctrl + D y seleccionar la capa que recién hemos creado, en la que cambiaremos el tamaño utilizando el comando Ctrl + T con lo que se mostrará la capa antes seleccionada.
Ahora solo deberás repetir la operación en todas las áreas en las que desees colocar esta distorsión
Paso 13- Lo último que haremos será colocar algunas luces utilizando el Filtro ==> Destellos. Pero antes necesitamos crear una nueva capa en la parte superior que será rellenada con color negro utilizando la herramienta Cubo. Y cambiando el modo de la capa a Pantalla.
Ahora ve a Filtro==>Destellos y escoge la opción Película principal. Luego repite el proceso para colocar los destellos en todos los lugares que desees.
Paso 14- Después de terminar esto también puedes agregar más diseños como se puede ver en el ejemplo, verás que en él se han puesto algunos pequeños corazones que podrás descargar de aquí y se han añadido más destellos sobre la modelo y algunos detalles de texturas en el fondo y sobre el piso. Aunque a decir verdad creo que con lo que tenemos hasta aquí ya se ha logrado un excelente resultado.
Imagen Final:
Como verás el resultado es impactante.
Un par de consejos:
- No te asustes por la cantidad de pasos, si los sigues uno a uno no es tan difícil, sobre todo si tomas en cuenta que tienes practicamente todo prediseñado.
- Cuando agregues tu propio texto no seas cursi, pon algo que salga de tu corazón y que realmente sea para la persona que amas. Deja la frasecita hecha para las tarjetas que venden en las tiendas.
Espero que lo logres y que deslumbres a tu enamorad@ con este diseño. ¡Suerte!






































algunos links no van puedes volverlos a subir ? los necesito . gracias
Muy bueno el tutorial así como la página pero lamentablemente no puedo descargar los vectoriales :S
Juan y Cristian,
Ya están todos los links corregidos, el único que no estaba en condiciones era el de los altavoces, el resto los llevará a una página con la imagen del vector la cuál tienen que guardar en su ordenador con el simple uso del botón derecho del ratón y la opción: “guardar como…”
Salvo el pincel que se descarga automáticamente al darle click al enlace.
Espero que ahora puedan realizarlo.
Saludos y gracias por visitarnos.
justo lo iba a intentar, pero los links de las imagenes estan malos, los podrias volver a subir?
se que no estamos en san valentín pero igual lo necesito jaja
muy buena tu pagina, un saludo