() translation by (you can also view the original English article)
Los fondos son un importante-si algunas veces menospreciado-elemento para muchos diseñadore web. Si estás creando un juego, novela visual, o sitio web, los fondos que eliges juegan un enorme papel en establecer el ánimo y la escena de tu trabajo.
Parte de las razones por las que los fondos no siempre obtienen el crédito que merecen es que, a pesar de su importancia, los fondos a veces son un trabajo lento y tedioso. Por fortuna, siempre hay una manera más rápida de terminar el trabajo.
En éste tutorial, te estaré mostrando cómo crear tres fondos drásticamente diferentes desde fotos usando recursos de Envato Elements. Éstos recursos son una combinación de Acciones de Photoshop y Pinceles de Photoshop, que cuando se combinan, te ahorran incontables horas que de otra manera utilizarías para crear éstos fondos desde cero. Así que ¡comencemos!
Lo Que Necesitarás
Aquí están los siguientes recursos que necesitarás para éste tutorial:
- Acción Charcoal (Carboncillo)
- Acción Artist (Artista)
- Acción Paint Splatter (Dispersión de Pintura)
- Pinceles Handcrafted Watercolor (Acuarela Artesanal)
- Torre Eiffel
- Retrato de Mujer
- Imagen de Tigre
1. Cómo Crear un Fondo Inspirado en Carboncillo
Paso 1
Primero está el fondo de carboncillo. Estaré usando ésta fabuloso Acción de Photoshop de Carboncillo para ayudar a lograr el resultado final. Comienza por abrir la referencia de la Torre Eiffel en Photoshop, asegurándote que selecciones el tamaño de 1920x999 pixeles.
Paso 2
Ahora configuremos la acción. Ve a Ventana > Acciones y carga tu acción de carboncillo en la paleta de Acciones.
Debido a que hay un conjunto de pinceles incluídos con ésta acción, necesitarás cargarlos también. Así que pulsa B en tu teclado para hacer aparecer la Herramienta Pincel. Selecciona Reemplazar Pinceles del menú desplegable luego selecciona el archivo .abr para reemplazar tus pinceles actuales con los nuevos de carboncillo.
Aquí esta un aspecto en los pinceles de carboncillo que deberías tener ahora en el Gestor de Ajustes Preestablecidos.
Paso 3
Muchas acciones de Photoshop vienen con un conjunto de instrucciones que necesitarás seguir exactamente para evitar cualquier errores del programa. Así que asegúrate de prestar atención al archivo adjunto "Readme" antes de iniciar.
Ahora crea una Nueva Capa y nómbrala "brush". Con la Herramienta Pincel (B) seleccionada, pinta de negro por toda la Torre Eiffel ya que es donde me gustaría aplicar el efecto de carboncillo. Es importante mantener la parte del pincel tan limpia como sea posible, de otra manera afectará cómo se reproduce ésta acción.
Cuando estés listo, selecciona Style 1 en la Acción Charcoal, luego pulsa el botón Reproducir en la paleta Acciones.
Paso 4
Aquí está el resultado inicial después de que reproduces la acción.
Ya que luce muy desordenado, modifiquemos algunas de las Capas de Ajuste encontradas dentro del nuevo Grupo creado por la acción.
Primero Oculta la Visibilidad del Grupo Sketch Lines 2 Group. Luego selecciona la tres capas de fotos y establece los Modos de Fusión de Su Capa en Luz Focal y su Opacidad en 100%. Continúa al seleccionar la capa Contraste y cambia la Opacidad a 100%. Ésto le permitirá a tu sujeto mostrarse más a través de las manchas.
Para añadir más textura al fondo, crea una Nueva Capa arriba de la segunda capa de foto. Selecciona la Herramienta Pincel (B) y usa uno de los pinceles de carboncillo del conjunto para pintar una larga mancha de gris en la capa. Haz click-derecho para ir a Opciones de Fusión y aplica una Superposición de Degradado con los siguientes parámetros:
Paso 5
Para un matiz de color, agrega una Nueva Capa de Ajuste para Consulta de Colores en la parte superior de tus capas. Ve a Capa > Nueva Capa de Ajuste > Consulta de Colores. Luego establece el Archivo 3DLUT en FoggyNight.
Aquí está el fondo de carboncillo final abajo. ¿Ves qué tan sencillo fue?
2. Cómo Crear un Fondo Inspirado en Acuarela
Paso 1
A continuación, crearemos un encantador fondo de acuarela desde una foto. Ésta vez, estaré usando ésta Acción de Photoshop Artista y ésta conjunto de Pinceles Handcrafted Watercolor (Acuarela Artesanal) para hacer el proceso mucho más fácil.
Abre tu foto en Photoshop. Aquí estaré usando éste Retrato de Mujer en 1920x1079 pixeles.
Paso 2
Ahora ve a Ventana > Acción y carga la acción del artista en la paleta Acciones.
Igual que antes, necesitaremos también cargar todos los pinceles adjuntos en ésta acción. Así que selecciona la Herramienta Pincel (B), haz click-derecho para aparecer tus pinceles, luego selecciona Reemplazar Pinceles de las opciones desplegables. Elige el archivo pincel de artista localizado en el mismo directorio de la acción.
Aquí está el nuevo conjunto que deberías tener.
Paso 3
Para ejecutar la acción, crea una Nueva Capa y nómbrala "brush." Selecciona la Herramienta Pincel (B) en Dureza 100%, y usa el pincel para Rellenar las áreas de negro donde quisieras que tuviera lugar el efecto. Aquí pinté a la mujer y las barras detrás de ella.
Con la capa del pincel todavía seleccionada, pulsa el botón Reproducir en la paleta Acciones para ejecutar la acción de tu artista. Aquí está el resultado inicial.
Paso 4
Aunque vamos por un efecto de acuarela, limpiemos el resultado un poco. Primero, Oculta la Visibilidad del Grupo Watercolor Edge Splatter Group. Luego ve a los Grupos Watercolor y Watercolor Texture y Oculta algunas de las capas para permitirle respirar al retrato. Siéntete con toda libertad para experimentar con ésto para el resultado que prefieras.
Paso 5
Para crear una mejor paleta de colores, agrega una Capa de Ajuste de Mapa de degradado. Ve a Capa > Nueva Capa de Ajuste > Mapa de Degradado. Crea un degradado que transicione de un color rojo profundo #491802 a blanco.
Paso 6
Finaliza éste fondo con un poco de más textura. Carga los Pinceles Hadcrafted Watercolor que mencionamos antes en la Herramienta Pincel (B).
Crea una Nueva Capa y usa la Herramienta Pincel (B) para pintar salpicaduras de acuarela blanca alrededor del lienzo. Utilicé pinceles 1,15 y 17 para el lado derecho, y pinceles 15, 26 y 72 para el lado izquierdo.
Aquí esta el fondo de acuarela final cuando terminas.
3. Cómo Crear un Fondo Inspirado en Dispersión de Pintura
Paso 1
Para éste último fondo, estaremos creando otro efecto de arte tradicional usando ésta Acción de Dispersión de Pintura.
Aquí estaré usando ésta Imagen de Tigre, descargada en 1920x1280 pixeles. Abre ésta foto en Photoshop.
Paso 2
Carga tu acción de dispersión de pintura. Ve a Ventana > Acciones y carga la acción del menú desplegable.
Igual que con las acciones previas, necesitarás cargar el conjunto de pinceles que viene junto con él. Así que selecciona la Herramienta Pincel (B), luego haz click-derecho para traer a la pantalla tus pinceles. Selecciona Reemplazar Pinceles de las opciones y reemplázalos con los pinceles de dispersión de pintura encontrados dentro del mismo directorio.
Paso 2
Ahora crea una Nueva Capa y nómbrala "mask." Selecciona la Herramienta Pincel (B) y usa un Pincel Circular Difuso con una Dureza de 0% para rellenar tu sujeto de negro.
Cuando estés listo, selecciona la máscara de capa luego pulsa el botón Reproducir en la paleta Acciones. Aquí está el resultado inicial después de que reproduces la acción.
Paso 3
Para ajustar éste fondo aún más, Oculta el Grupo para CC Opción 1, y Descubre el Grupo para CC Opción 2.
Ahora tenemos un esquema de color que se ajusta mejor a ésta foto. Desplázate hacia abajo hasta la parte inferior de la acción para encontrar las capas para los elementos del fondo. Descubre la Visibilidad de las capas de fondo de la salpiadura así como las capas del contorno de relleno para lograr un resultado más dinámico.
Finaliza con una Nueva Cada de Ajuste de Filtro de Fotografía. Establece el filtro en Filtro Frío (80) y eleva la Densidad a 91%. Cambia el Modo de Fusión de la Capa a Luz Suave y ¡ terminaste!
Aquí está el fondo de dispersión de pintura final.
Conclusión
Permite que las acciones de Photoshop hagan toda la reestructuración pesada de tus diseños. Estarás impresionado con la increíble diversidad en los efectos que puedes lograr, todo mientras ahorras incontables horas de trabajo.
Espero que hayas disfrutado éste tutorial, con toda confianza deja cualquier pregunta en los comentarios abajo. Y para más tutoriales sobre efectos de fotografía, consulta los siguientes enlaces:
