Como usar Photoshop

Como usar Photoshop

Tutoriales y consejos sobre cómo usar Photoshop

Efecto HDR en Photoshop

Hoy vamos a ver un nuevo tutorial para Photoshop. Esta vez vamos a ver cómo podemos hacer aplicar a una imagen el efecto HDR usando Photoshop. Personalmente es uno de los efectos que más me gusta y los resultados son muy sorprendentes. Este efecto se puede conseguir con las cámaras profesionales sin usar Photoshop pero como no todos nos podemos permitir este tipo de cámaras, hoy veremos cómo lo podemos hacer con nuestro programa de diseño favorito.

Tutorial para crear un efecto HDR en Photoshop

Fans Sheffield Wednesday

Como siempre lo primero que tenemos que hacer es escoger una imagen para comenzar a aplicar los efectos. Mejor una imagen de gran calidad para que el efecto quede mucho mejor. Las siglas de HDR significan High Dinamic Range lo que en español es Alto Rango Dinámico. Para lograr este efecto con una cámara de fotos es necesario tener tres fotografías tomadas con exposiciones distintas, pero ya os he comentado que con Photoshop se puede conseguir con una sólo foto como la que he utilizado yo.

Una vez con la imagen abierta vamos a duplicar el fondo. Para ello podemos pulsar la combinación de teclas Ctrl + J. Seleccionamos la imagen que nos acaba de aparecer tras duplicarlas y nos vamos al menú superior. Pulsamos en Imagen y en el desplegable que nos aparece nos vamos hasta Ajustes. Nos volverá a aparecer otro menú, por fin seleccionamos Curvas. Ya hemos utilizado las Curvas en alguna ocasión, son para jugar con el tipo de brillo y contraste de nuestra imagen.

Con las curvas tenemos que conseguir que la imagen quede más clara y las partes oscuras también se vean afectadas. Os dejo una imagen de cómo deben de quedar para que el efecto se aplique tal como queremos:

curvas

 

Volvemos a duplicar la imagen principal de fondo. Para ello volvemos a pulsar Ctrl + J con la capa seleccionada que queremos duplicar (la primera). Ponemos esta capa que acabamos de duplicar arriba, encima de las otras dos para poder trabajar con ella y ver cómo se aplican los cambios. Ahora volvemos a aplicar las curvas, pero esta vez de una forma totalmente distinta, justo al contrario. Os vuelvo a pegar una captura para que veáis que valores tomo:

curvas2

 

Con esto que hemos hecho hemos conseguido las tres imágenes con tres exposiciones distintas, tal como se hace con una cámara fotográfica profesional que permita hacer imágenes en HDR. Ahora vamos a combinar estas imágenes para lograr el efecto en nuestra foto.

Seleccionamos la segunda capa, la capa donde aplicamos las curvas claras. Seleccionamos todo pulsando las teclas Ctrl + A y nos vamos hasta el menú superior, pulsamos en Edición y en Copiar. Ya tendremos la copia en nuestro porta papeles.

Sin pegar, de momento, la capa nos vamos hasta la tercera capa creada, la capa a la que hemos aplicado las curvas oscuras. Vamos a crear una máscara de capa. Para crear una máscara de capa seleccionamos la capa en cuestión y abajo de todas nuestras capas creadas hay una serie de iconos. Pulsamos en el tercero empezando por la izquierda. Hecho esto ya se habrá creado nuestra máscara de capa.

Ahora la queremos aislar. Esto se hace pulsando la tecla Alt y sin soltar esta tecla hacemos clic en la máscara de capa recién creada. Sabremos que hemos hecho bien este proceso si toda nuestra composición se pone de color blanco.

Ahora vamos a pegar la imagen que teníamos en el porta papeles que correspondía con la capa 2. Podemos pulsar en Ctrl + V para pegar o ir hasta Edición – > Pegar. Al pegarla nos aparecerá en blanco y negro, tal como os muestro a continuación. Si os sale así es que estamos haciendo bien las cosas.

mascara-de-capa

Es hora de aplicar un desenfoque. En el menú superior seguimos los siguientes pasos: Filtro -> Desenfocar -> Desenfoque Gaussiano. Vamos a darle un valor de 20 píxeles de radio. En función de cada imagen será mejor uno u otro valor. Si al terminar no os queda del todo bien podéis cambiar estos valores ya que están pensados para una imagen de gran tamaño.

Llegamos ya a los últimos pasos. Ahora nos vamos hasta la segunda capa creada, la de las curvas claras. Aquí creamos una nueva capa de ajuste, tal como creamos una máscara de capa pero esta vez elegimos el cuarto icono empezando por la izquierda. Nos aparecerá un menú, pulsamos en Curvas y vamos ajustando hasta que veamos que se quede bien. Aquí fiaros en vuestra intuición y vuestro gusto para definir las curvas.

Repetimos este proceso en la capa de creada con curvas oscuras, la tercera. La capa que tiene el desenfoque gaussiano y la máscara de capa. También creamos una capa de ajusta de curvas. Y como en el caso anterior vamos dando valores en función de cómo queremos que quede la imagen.

Ahora si que estamos terminando. Pero antes tenemos que bajar la opacidad de las dos capas de ajuste que acabamos de crear al 50%. En el recuadro de capas tenemos la opción de poner porcentajes para bajar la opacidad. Guardamos y listo, ya tenemos nuestra imagen en HDR.

El antes y el después del efecto HDR en Photoshop

hdr-photoshop

 

Ya sólo queda ver el resultado y como veis ha merecido la pena todo el esfuerzo. El resultado es realmente interesante y nos permite dar mucha más fuerza a la imagen.

Comprimir imágenes en PNG

Hoy vamos a ver un tutorial más práctico que técnico pero que nos puede ser muy útil. Cuando realizamos ciertos trabajos necesitamos una gran calidad pero un peso de la imagen reducido. Por ejemplo, cuando tenemos que hacer una imagen para un sitio web, queremos que está imagen tenga la mayor calidad posible pero tenga un peso pequeño para que los tiempos de carga se reduzcan. Hoy conseguiremos comprimir imágenes en PNG para lograr que la calidad no se vea afectado y el peso de la imagen se reduzca.

Tutorial para comprimir imágenes en PNG

Una vez que tenemos una imagen en PNG realizada con Photoshop o simplemente la hemos cogido de internet y queremos comprimirla, nos vamos hasta esta dirección web: http://tinypng.org/. Arriba, donde dice «Drop your .png files here» pulsamos y podemos añadir hasta 20 imágenes a la vez para que se compriman.

imagen comprimida

En unos segundos se habrán comprimidos y el peso habrá bajado considerablemente. Como se ve en la imagen la calidad es la misma y se ha reducido su peso. Por tanto objetivo cumplido.

Imágenes en PNG

El formato PNG es el más utilizado para realizar sitios web. Es un formato que te permite crear imágenes con transparencias (otros formatos como jpg rellena las transperencias de blanco) y además ocupan poco peso. Con este tutorial hemos reducido aún más el peso de las imágenes en PNG. Si tienes que hacer una web y quieres calidad y tiempos de carga reducidos elige este formato. En Photoshop eliges la opción Guardara para web y seleccionas el formato PNG para poder guardar tus imágenes en este formato.

Hacer nubes con Photoshop

Para cualquier composición o imagen que queramos retocar, este tutorial para hacer nubes con Photoshop seguro que nos va a ser muy útil. En la entrada de hoy vamos a dar todas las técnicas y trucos para crear un cielo con nubes en Photoshop.

Tutorial para crear nubes con Photoshop

nubes-photoshop

Para comenzar este tutorial tenemos que crear un nuevo documento en blanco. Podemos elegir el tamaño que queramos para llevar a cabo esta guía. Definimos como color principal y secundario un azul algo más oscuro y otro más claro respectivamente. Para definirlos pulsamos en los cuadros de colores que hay al final de la barra de herramientas.

Aplicamos un degradado de arriba a abajo con estos dos colores que hemos definido previamente. El azul oscuro debe quedar en la parte superior y el azul claro en la parte inferior. Ahora creamos una nueva capa y la rellenamos de negro. Le aplicamos un filtro -> interpretar -> nubes. Lo aplicamos cuatro veces para que el efecto se vea más.

Ahora vamos a seleccionar el color más claro y con esta selección aplicamos tolerancia de 200. Así se seleccionará todo este color. Seleccionamos inverso, borramos y ponemos la capa en modo trama. Duplicamos y ya tendremos nuestras nubes creadas con Photoshop.

Añadir una imagen a las nubes

Para terminar podemos poner un render en estas nubes y parecerá que el render está volando entre el cielo. También podemos recortarnos a nosotros y pegarnos en las nubes. Seguro que no tienes una foto igual.

Sable láser de Star Wars con Photoshop

Seguro que este tutorial va a ser muy útil para los múltiples fans de Star Wars. Hoy veremos cómo crear un sable láser con Photoshop. El mismo sable que se utilizaba en la Guerra de las Galaxias para conseguir triunfar en las batallas contra los enemigos.

Creación de un sable láser con Photoshop

starts-wars

Yo he cogido una imagen cualquiera de internet para realizar este truco. Vosotros podéis haceros una para que seguir este tutorial. Intentar siempre tener un palo en las manos para que sea más fácil seguir y realizar este tutorial.

Una vez abierta la imagen tenemos que seleccionar el palo. Con la herramienta del lazo poligonal que podemos encontrar en la barra de herramientas de Photoshop se selecciona bastante bien, además la selección no tiene porque ser perfecta. Creamos una nueva capa y pintamos de blanco la selección.

Duplicamos la capa dos veces y comenzamos a aplicar efectos a las capas. A la primera empezando por abajo le vamos a aplicar un desenfoque gausiano de 10. A la segunda un desenfoque gausiano también pero esta vez con un valor de 25. Y por último a la tercera capa el mismo desenfoque pero con un valor de 50.

Combinamos las tres capas del sable y vamos a aplicarle un estilo de resplandor exterior (capa -> estilo de capa -> resplandor exterior). Aplicamos aquí unos valores de 75% de opacidad y el color que queramos, en mi caso he elegido el verde.

Terminando nuestro sable láser con Photoshop

Ya sólo nos queda duplicar la capa del láser para hacerlo más grande y añadir algún efecto más, ¿adivinas cuál es el efecto que le he dado a la imagen? Fíjate en su cara 🙂

Efecto congelado con Photoshop

Con Photoshop puedes hacer lo que quieras con las imágenes. Entre ellas congelar una foto para que parezca que ha pasado un temporal de frío y nieve. ¿Cómo? Te lo explicamos en el tutorial de hoy destinado a aquellos que tienen un nivel intermedio en Photoshop.

Crear un efecto congelado con Photoshop

efecto-congelar-photoshop

El primer paso es seleccionar la imagen que queramos congelar. Yo he elegido una foto de un jardín donde se verá muy bien este efecto. Tu puedes coger una foto de internet o utilizar una de tus fotos para sorprender a alguien con este efecto.

Duplicamos esta capa donde esta la imagen y vamos hasta el menú superior a Imagen, Rotar lienzo y 90 AC. Vamos ahora a darle un efecto de estalactitas, esto se hace desde Filtro -> Estilizar y Viento. Marcamos el viento desde la derecha. Si la imagen es muy grande podemos aplicar el efecto dos veces.

Vamos a poner la imagen de nuevo en su lugar, para ello rotamos el lienzo pero esta vez, lógicamente, hacia la derecha. Con el efecto de las estalactitas hecho ya sólo nos queda cambiar el color de la imagen y que tome esos colores grises y azules propios de una estampa invernal.

Para lograr este efecto pulsamos en Cntrol Alt + U y ponemos estos valores con la función colorear activada.

  • Tono: 212
  • Saturación: 30
  • Luminosidad: 12

Para finalizar vamos al filtro de plastificado y ponemos estos valores:

  • Intensidad: 5
  • Detalle: 15
  • Suavizado: 5

Adaptar los resultados

Como veis el resultado ha quedado bastante bien pero vosotros podéis ir modificando los valores para darle un tono distinto. Depende de cada imagen quedará mejor una saturación mayor, menor luminosidad, etc.