Aunque el contenido web puede adoptar muchas formas diferentes, desde texto a gráficos y video, está claro que la fotografía es una de las formas dominantes de la web.

De hecho, hoy en día puede ser difícil encontrar un sitio que no tenga algún tipo de fotografía. Esto no es sorprendente. La fotografía siempre ha sido como hoy capaz de evocar poderosas respuestas emocionales. Ahora es más rápido, más barato y más limpio que nunca.

Si bien no puedo decirle qué imágenes seleccionar, puedo indicarle las buenas pautas a seguir para elegir fotografías de stock efectivas . Las reglas anteriores también se pueden utilizar en lo que respecta a la fotografía que ha tomado usted mismo, pero no pretende ayudarlo a personalizar o tratar sus imágenes.

Ahí es donde entra este artículo.

Como la mayoría de ustedes probablemente saben, la mayoría de las fotos profesionales que aparecen en sitios web han sido sometidas a algún tipo de tratamiento o edición. La mayoría de las veces, esto se hace para que la foto coincida con el contenido y el tema del sitio, en lugar de la posibilidad de que la foto simplemente se haya chupado.

Cinco sabores

Hay muchos estilos para elegir, pero hoy te mostraré cinco de mis favoritos.

  • El look retro / vintage.
  • La mirada apagada
  • El look monocromático.
  • El look blanco y negro.
  • El look de alto contraste.

Le daré un resumen rápido de cada aspecto, compartiré algunos ejemplos, resaltaré algunos complementos de acción de Photoshop que pueden darle una ‘solución rápida’ y luego le mostraré cómo lograr estos aspectos manualmente en Photoshop.

Y recuerde, como en la mayoría de los aspectos de Photoshop, casi siempre hay más de una forma de lograr cualquiera de estos efectos.

El look retro / vintage

El primer estilo que cubriremos es el look retro / vintage. A lo largo de los años, a pesar del avance en tecnología y cultura moderna, este aspecto se ha vuelto cada vez más popular. Su popularidad no está del todo explicada, pero el uso del efecto puede dar buenos resultados.

Sin embargo, debe tenerse en cuenta que este aspecto no funciona con todas las fotos, por lo que realmente tiene que experimentar y ver qué fotos pueden beneficiarse de este tratamiento. La iluminación original y la configuración de la cámara pueden afectar su aspecto final, por lo que es importante ajustar las capas.

Aunque el estilo retro / vintage es extremadamente popular, a menudo se usa en sitios web relacionados con bodas, moda / maquillaje y «indie». El aspecto también se ha utilizado con sitios web de varios contenidos diferentes, incluyendo la naturaleza y las imágenes interiores, así que no deje que esto lo detenga.

Como se indicó antes de que la iluminación y la configuración de la cámara generarán un aspecto particular al aplicar su aspecto vintage. Los colores a menudo asociados con este aspecto son azul, rojo, púrpura, verde y amarillo. También puede aplicar un aspecto mudo al usar un estilo retro / vintage.

Tenga en cuenta que si está aplicando el estilo a las imágenes con colores oscuros o si tiene un modelo con un tono de piel más oscuro, deberá disminuir la cantidad de ajustes, ya que si no lo hace puede hacer que la piel de su modelo adquiera uno de los colores mencionados anteriormente. .

Lobagola – http://www.lobagola.com/

Lobagola

Lunet Eyewear – http://luneteyewear.com/

Lunet

Le Col de Claudine – http://www.lecoldeclaudine.com/fr

Claudina

Master Class: hacerlo a mano.

Paso 1: abra su imagen
Elija la imagen deseada a la que desea que se aplique su efecto. En estos tutoriales usaré fotos que tomé personalmente.

original

Paso 2: Color selectivo Haga clic en el botón Capa de ajuste en la parte inferior de la ventana de capa y elija Color selectivo.

Color selectivo

Vaya a la ventana recién abierta y seleccione los negros del menú desplegable y luego mueva el canal negro a -13.

descargar (1)

Ahora selecciona el color para mostrar Neutrales y mueve el canal negro a -16.

descargar (3)

Paso 3: Curvas

Agregue una nueva capa de ajuste de la misma manera que lo hizo en el paso 2, pero elija Curvas en su lugar. Cambie los canales rojo, verde y azul para reflejar la imagen de abajo.

descargar (5)

Paso 4: Relleno degradado

Cree una capa de relleno de degradado y cambie los colores para que reflejen # ec2a61 y # 440332. Manteniendo un gradiente lineal desea tener un ángulo de -127.87 grados.

descargar (4)

Cambie el modo de capa a Pantalla y suelte la opacidad al 24%.

niña2

Paso 5: Relleno
degradado 2 Ahora agregue una segunda capa de relleno degradado, pero esta vez haga que sus colores se reflejen # 0065e1 y # 1ab044. Ten tu gradiente lineal en ángulo a 39.29 grados.

descargar (7)

Cambie el modo de capa a Aligerar y suelte la opacidad al 15%.

Paso 6: Color selectivo 2
Para finalizar nuestro aspecto vintage, crearemos una capa de color más selectiva. Esta vez vamos a cambiar los amarillos, verdes y azules.

Amarillos

Amarillos

Verduras

Verduras

Blues

Blues

Aquí está la mirada final:

Final

La Mirada Silenciosa

El aspecto silenciado es otro aspecto que se puede aplicar fácilmente en Photoshop. La idea es simplemente silenciar los colores en lugar de hacerlos resaltar. Esto puede dar a su imagen un sentimiento ligeramente irreal, tal vez como un sueño o un recuerdo.

Tenga en cuenta que silenciar sus colores no significa que elimine los colores de su foto por completo. Ese sería el acto de convertir su imagen en una imagen en blanco y negro o sepia.

Si bien el efecto silenciado se puede agregar a otros efectos fotográficos estilizados, particularmente aquellos que son retro / vintage o blanco y negro, se pueden aplicar por sí mismos sin ningún otro efecto incluido. También conocido como un aspecto desvanecido, descolorido o desaturado, el aspecto silenciado es perfecto cuando se desea agregar una imagen, pero no como el foco central de su sitio web. También es ideal si su sitio web utiliza colores fríos o en colores pastel.

A diferencia del aspecto retro / vintage, no tiene que preocuparse tanto por la configuración original y la iluminación de su foto como con el ajuste que utiliza. Básicamente, mientras lavas los colores, no quieres eliminarlos completamente y no quieres que la imagen final se vea demasiado gris.

Los sitios web que suelen utilizar este aspecto son los sitios relacionados con la moda, el diseño y los personales. Como todos los otros estilos, este aspecto se puede aplicar a cualquier categoría de sitio que desee, como sitios deportivos y culturales. Es realmente sólo hasta sus preferencias personales.

Kaban Hosoi : http://kabanhosoi.com/

Kaban Hosoi

Ian Coyle : http://process.iancoyle.com/

En coyle

Manual : http://www.manual.is/

Manual

Master Class: hacerlo a mano.

Paso 1: abra su imagen
Elija la imagen deseada a la que desea que se aplique su efecto. Estaré usando mi propia imagen aquí.

Original

Paso 2: Curvas
Agregue una nueva capa de ajuste haciendo clic en el icono en blanco y negro en la parte inferior de la ventana de su capa y elija curvas.

Curvas

En el canal RGB, cambie las curvas para reflejar la imagen de abajo.

descargar (14)

Paso 3: Brillo y contraste
Crea una nueva capa de ajuste, pero esta vez con el brillo y el contraste. Escale el control deslizante de contraste a la izquierda para que sea -50.

descargar (15)

Paso 4: Curvas 2
Cree otra capa de ajuste de curvas y cambie los canales Rojo y Azul solo para reflejar la imagen de abajo.

descargar (16)

Paso 5: Relleno de color
Termine agregando una capa de relleno de color de ajuste. Cambie el color de relleno a # 0a1939 y luego configure el modo de capa en Pantalla al 60%.

Aquí está la imagen final:

descargar (17)

La mirada monocromática

Aunque quizás no sea tan popular como los otros estilos incluidos en este artículo, el aspecto monocromático ha encontrado cierta popularidad en los últimos años. El aspecto no solo se ha aplicado a la fotografía incluida, sino a los sitios web en general. Este aspecto no debe confundirse con el logro de una imagen en blanco y negro. Con la aplicación de un aspecto monocromático, simplemente está cambiando su imagen a una que usa uno, un color singular de diferentes tonos (debido a la iluminación) en lugar de múltiples colores.

Añadir un aspecto monocromático definitivamente hace que su sitio web se destaque, ya que el aspecto es poco convencional. No solo eso, sino que hace que la combinación y la elección de sus elementos sea mucho más fácil ya que solo necesita elementos de un color en particular.

Este estilo es quizás uno de los looks más fáciles y rápidos de lograr, además del blanco y negro. Si bien puede usar cualquier color para crear el aspecto monocromático, los colores que se usan normalmente son el rojo, el azul y el púrpura. Los tonos más oscuros de estos colores a menudo se aplican en lugar de colores pastel, pero la adición de un aspecto mudo se ha usado en conjunto para aquellos que no quieren un aspecto tan atrevido.

No hay mucho de qué preocuparse al aplicar un aspecto monocromático, pero debe saber qué tan oscuro o claro desea que aparezca el color. Incluso si no sabe, siempre puede experimentar, pero tenga cuidado, ya que un color demasiado oscuro puede hacer que su foto sea difícil de discernir. A menudo puede encontrar este estilo utilizado en sitios web que son agencias, arte / ilustración y negocios relacionados. Naturalmente, también puede ver estos aplicados a los sitios que venden ropa.

Debajo : http://underbelly.is

Bajo vientre

Línea eléctrica principal : http://www.electricmainline.co.uk/

Línea eléctrica principal

Publicis Modem : http://www.publicis-modem.fr/

Publicis

Master Class: hacerlo a mano.

Paso 1: abra su imagen
Elija la imagen con la que desea trabajar para agregar un efecto monocromático. Usaré mi foto de girasol para esto.

Original - Girasoles

Paso 2: Blanco y negro
Lo primero que debes hacer es convertir tu imagen a blanco y negro en tu menú de ajustes. Una vez que lo tengas en blanco y negro, necesitarás modificar los números como tal.

descargar (22)

Paso 3: Mapa de
degradado Ahora agregue un mapa de degradado a su imagen accediendo al menú de ajustes. Asegúrese de que los colores sean # e10019 y # 6f0303 y marque la casilla inversa. No te olvides de cambiar el modo de capa a Multiplicar.

descargar (19)

Paso 4: Niveles
Para iluminar nuestra imagen, ahora agregaremos un ajuste de niveles y cambiaremos los números para reflejar la imagen de abajo.

descargar (20)

Paso 5: Relleno
degradado Ahora redirigiremos la luz de nuestra imagen agregando un relleno degradado. Cambia tus colores a #ffffff y # 373737. Asegúrese de que el ángulo lineal sea de -90 grados y la escala de gradiente sea del 117%. Cuando haya ingresado sus números, puede cambiar el modo de capa a Superposición con una opacidad del 48%.

descargar (21)

Paso 6: Relleno de color
Termine su imagen creando una capa de ajuste de relleno de color y rellénela con #ffffff. Cambia el modo de capa a Tono y baja la opacidad al 9%.

Aquí está la imagen final:

Final

El look blanco y negro

El estilo en blanco y negro, el más popular de los estilos, ha existido y se ha utilizado durante mucho tiempo, ya que se utilizó antes de que se inventara la aplicación del color tanto en la película como en la fotografía. Como las miradas más populares, no debería sorprender que esta apariencia tenga varias «apariencias secundarias» y se haya utilizado en todas partes. La aplicación de la apariencia no es difícil en absoluto, ya que es simplemente el acto de eliminar todo y cualquier color de tu foto.

Las fotos en blanco y negro pueden ser de alto contraste, sobreexpuestas, silenciadas e incluso envejecidas, según lo que estés buscando. Ajustar la configuración de ajuste es la forma más fácil de obtener estos aspectos secundarios.

Si encuentra que los otros estilos simplemente no funcionan para su foto o le hace justicia, entonces, por lo general, convertirlo a blanco y negro será la solución. La cámara y los ajustes de iluminación determinarán definitivamente el aspecto de su foto cuando aplique un filtro en blanco y negro, pero no permita que eso lo desanime. La manipulación de ajustes como el brillo y el contraste o incluso los niveles pueden ayudarlo a lograr una apariencia personalizada con la que puede estar contento.

Definitivamente, capturará este aspecto utilizado en los sitios web de varias categorías, ya que eliminar el color de su foto hace que sea mucho más fácil de incluir, sin importar si es una agencia, una arquitectura o un sitio web artístico. Tenga en cuenta que aunque esto es cierto, debe prestar atención a la luz o la oscuridad a la que hace su imagen final.

Folklore Surf http://www.flklrsurf.com/#hello

Folklore Surf

Concepta http://www.concepta.at/

Concepta

Agencia de Comunicación Lille http://www.laconfection.fr/

Agencia

Master Class: hacerlo a mano.

Paso 1: abra su imagen Elija la foto que desee con la que quiera trabajar, preferiblemente no una imagen en blanco y negro para esta. Usaré una foto que tomé personalmente.

Original

Paso 2: Mapa de degradado Lo primero que debe hacer es configurar su primer plano #ffffff y su primer plano como # 000000.

descargar (23)

A continuación, abra el menú de la capa de ajuste del mapa de degradado y cambie la ubicación de #ffffff a 12% y # 000000 a 85%.

descargar (26)

Marque la casilla inversa.

descargar (27)

Paso 3: Curvas Termine de personalizar su imagen en blanco y negro agregando un ajuste de curvas. Cambia el canal RGB para reflejar la imagen de abajo.

descargar (28)

Aquí está la imagen final:

Final

El look de alto contraste (con color)

El último y último aspecto que cubriremos aquí es el aspecto de alto contraste. Este es el aspecto que desea si desea que su imagen sea audaz y llamativa. Al aplicar un aspecto de alto contraste de manera efectiva, su imagen tendrá un aspecto «cinematográfico» y hará que sus fotos se vean como si las hubiera tomado un profesional, incluso si no lo fueran. El objetivo principal de la apariencia es hacer que sus colores se destaquen tanto como el tema de la imagen en particular.

Los looks de alto contraste son excelentes para sitios web altamente estilizados y temáticos, en lugar de diseños minimalistas. Sin embargo, esto no significa que no se pueda utilizar con diseños que adopten enfoques más simplistas.

Tenga en cuenta que al usar este estilo, puede encontrar el problema de producir una sobreexposición o una apariencia saturada que muchas veces no complementa su imagen. Para combatir este problema, debe concentrarse más en el ajuste de sus niveles y curvas en lugar del brillo y el contraste.

Además, si bien puede agregar otros estilos como el efecto retro / vintage, este estilo funciona mejor por sí mismo.

Al igual que con las imágenes en blanco y negro, es probable que este estilo se agregue a las fotos en sitios web de múltiples categorías. Los sitios web que tienen más probabilidades de presentar el aspecto son hospitalidad, promoción y comida / bebida, ya que los colores llamativos tienden a funcionar para este tipo de categorías.

La Rosa – http://pixelgrade.com/demos/rosa/

La rosa

Miami HEAT Throwback Black – http://throwbackblack.com/

Calor

Gafas Andy Wolf – http://www.andy-wolf.at/whiteheat/#/

Ropa de lobo

Master Class: hacerlo a mano.

Paso 1: abra su imagen
Elija la foto que desee con la que quiera trabajar, preferiblemente no una imagen en blanco y negro para esta. Usaré una foto que tomé personalmente.

contraste1

Paso 2: Curvas
Una vez que tengas tu foto abierta, ve a la capa de ajuste de curvas y cambia la curva en el canal RGB como tal.

contraste2

Paso 3: Color selectivo A continuación,
cree una capa de ajuste de color selectivo y elija Negros en el menú desplegable. Cambie los controles deslizantes para que coincida con la imagen de abajo.

descargar (31)

Paso 4: Tono / Saturación
Agregue una capa de ajuste de tono / saturación y cambie la saturación a +14.

descargar (32)

Paso 5: Niveles

descargar (33)

Aquí está la imagen final:

Final

Aunque tengo una afinidad y se sabe que uso 4 de los 5 estilos aquí (lo que no es lo mío), te recomiendo que experimentes con los cinco estilos.

Tenga en cuenta que mis imágenes finales son mis preferencias personales y pueden no ser atractivas para todos. Intente agregar sus propias modificaciones y ajustes, ya que pueden beneficiar a sus fotos y darles un aspecto único. Recuerde que no es necesario mantener sus capas de ajuste al 100% de opacidad. A veces, al reducir la opacidad de ajuste elegida, obtendrá un aspecto mejor y más adecuado al final.