Tutorial: Como Colorear Una Imagen Blanco Y Negro

Desde YouTube puedes ver este tutorial que está explicando muy bien como colorear imagenes blancas. El autor utiliza las capas de ajustes en combinación con la máscara de la capa. Igual como lo hemos utilizado en muchos de los tutoriales anteriores. Pulse la imagen del video para verlo:

Para utilizar el método del tutorial se cree primero la máscara de la capa. Haz clic sobre la capa y pulsa el icono correspondiente abajo:


Luego se aplica la capa de ajustes:

Texto blanco sobre fondo blanco

Utilizamos este ejemplo de una foto de una casa del campo, donde el cielo aparece blanco:


Ahora el propietario quiere utilizar la imagen como fondo para un texto blanco. Normalmente un texto blanco sobre fondo casi blanco es imposible utilizar debido a la dificultad de leerlo luego, como veremos aquí:

Se ve con mucha dificultad y además es imposible ver la primera linea indicando la situación de la casa. No obstante, jugando con los estilos de capas y el efecto respandor podemos resolver este problema. Primero el resultado:


... y luego una toma de pantalla explicando el truco:

Lo más importante es cambiar el modo de fusión de estándar como también el color. El estándar es preparado para un efecto de resplandor detrás un objeto. Pero nosotros necesitamos que el efecto funcione inversamente. Por eso seleccionamos “multiplicar” en el modo de fusión en vez del estándar “pantalla”. Junto con este cambio también será necesario cambiar el color a negro (u otro color oscuro). Multiplicar un color blanco no va mostrar ningún efecto.

Lo de más cambios será al gusto del diseñador y puede variar dependiendo del tamaño de la foto como también el efecto querido.

Efectos de capas

Para prever cambios o correcciones es absolutamente necesario utilizar las capas, los efectos de capas y los ajustes de capas. Si no, es muy probable que tienes que volver a hacer el trabajo de nuevo cuando hay cambios. Ahórrate el tiempo y la posibilidad que cometer un error. Si no has tocado la imágen desde hace poco, tampoco sería posible recordar exactamente como hiciste los cambios.
Un ejemplo sincillo. Un cartel con un texto:


Jugando con los efectos de capas conseguí hacer el cartel mucho más llamativo:


Podemos discutir si el cartel es mucho más bonito, pero en caso de reproducción sería necesario utilizar los efectos de capas para recordar y facilitar cambios. Por ejemplo si luego cambiaremos en nombre de curso, si queremos cambiar los colores sobrepuesto, cambiar la sombra de las letras etc. Mira la paleta siguente:


Si te interesa los efectos en si mira los siguientes estilos de capas, y utilizalos como inspiración para tus propios proyectos:







Descargue el fichero Photoshop correspondiendo al ejercicio aquí, o búscalo en el lateral derecho bajo Archivos PSD.

Colorar texto negro / lineas negras

Utilizamos la técnica de capas para en este ejemplo colorar papel de música:



Primero tienes que elegir el color que quieres utilizar para reemplazar el negro. Crea una capa nueva con el atajo shift+Ctrl+N (PC) o shift+Command+N (mac) rellenalo con el color elegido utilizando el atajo Alt + Retroceso(PC) o Command + Retroceso (mac).



Luego tienes que cambiar el estado de la capa de color de NORMAL a COLOR. Cambiaremos también la función de la capa hasta Corte de Máscara. Mantiene la tecla Alt presionado (PC) o la tecla Command (mac) y haz luego clic entre las dos capas. También podemos obtener el efecto desde el menú:



Donde las lineas o texto sigue 100% negro tenemos un problema todavía. El problema se debe a que el negro no es un color y también que el color que hemos elegido también contiene negro. Solucionamos con una capa de ajustes de Niveles, que colocamos entre la capa de color y la capa original.



En Niveles ajustamos la barra negra hasta disaparece el negro dominante. Si no habiamos elegido este azul que contiene negro, puede ser que no era necesario hacer este capa de niveles. Si nosotros por ejemplo habiamos elegido un color rojo como en la bandera española no será necesario incluir la capa de niveles.



Y el resultado:

Combinaciones de capas

... o Layer Combs como se llama en la versión inglésa de Photoshop.

Se puede guardar diferentes combinaciones de las capas en tu fichero si quiere mostrar soluciones diferentes de un trabajo en Photoshop. Este puede servir para mostrarlos comodamente a amigos, o como en este caso, a un cliente.

Las 3 siguentes imagenes son todos parte del mismo fichero de Photoshop:




En la siguiente toma de pantalla se muestra como se puede combinar las diferentes capas en un Layer Comb:


Si mostrarás las diferentes combinaciones en la pantalla a través de Photoshop, no es necesario seguir adelante con este tutorial, pero si el cliente esta lejos podría ser mejor imprimir las soluciones y enviarselas.
Pero para evitar todo tipo de retraso en el proceso mejor es mostrarselas en el web. Para eso puedes utilizar uno de los scripts que viene con Photoshop. Elige File>Scripts>Layer Comps to WPG (versión inglesa).


Aparece el menu siguiente donde se elige estilo de galería web y destino de la carpeta:

Si no te acuerdas del nombre del estilo de la galería web lo puedes encontrar en el menu File>Automate>Web Photo Gallery.

Cuando Photoshop ha generado la página web solo es necesario publicarlo en la red y enviar un mensaje a tu cliente.

• Estimado cliente. Pulse aquí para ver mis sugerencias. Devuelveme por favor .....
  

Composición, máscaras y efectos de la capa

Aquí abajo veras la composición que queremos crear:



utilizando solamente estos dos siguientes imagenes del perro alemán y su dueño:



Primero hacemos la composión de las imagenes arreglando en el modo de que las ojos de del animal y el hombre se encuentran. Para eso utilizamos máscaras capas y el herramiento clonar (atajo S). Colocamos las dos imagenes en su propio capa y quitamos el fondo blanco de cada capa. Veremos que es necesario que es necesario luego ajustar la visibilidad (en las máscaras) y clonar donde las imagenes donde se encuentran:





Primero vamos a ajustar los colores debido a que la intensidad de la compoción es muy bajo. Crearemos una nueva capa de ajuste de niveles:Fijate en como hacerlo.


Si luego quieres se puede comprobar el Efecto de Niveles pulsando el atajo Ctrl + L:


Nos fijamos en la paleta Capas y como he hecho las capas:
Luego tenemos que añadir espacio al rededor de la compoción para permitir el efecto Sombra Exterior.
Compoción original:



Segundo paso:



Con el último paso conseguimos el espacio que queremos al alredor del objeto listo para crear el efecto Sombra Exterior:


Crearmos una capa nueva para hacer todos efectos en esta capa. Seleccionamos las dos imagenes para crear una selección perfecto ajustado al los objetos

Con este última capa finalizamos el trabajo. Añadimos el efecto Sombra Exterior:

El efecto respandor interior. Cuando se ajuste este efecto debes tener en cuento los cambios de estándar que yo he hecho:

para luego obtener este efecto:



Para hacer la composión más llamativa añadimos el efectos sobreposición:

Añadimos como último efecto un borde interior:

Recuerde que el borde debe estar en el interior y quizas en otro modo del normal, por ejemplo en el modo de oscureser o quizas en 75 por ciento.

Al final veremos el resultado de nuestros esfuerzos:

Envíame tus trabajos y imagenes

Si quieres atención especial a un asunto o problema con el tratamiento de un imágen en Photoshop envía la imágen a photoshop@graphos.dk. Próximamente pondré un enfoque al imágen y el problema aquí en el blog.

Modos de fusión

Hace un rato tenia la suerte de observar un cameleón cuando hice un paseo en la naturaleza con mi cámara digital y le hice una serie de fotos.

Con esa foto vamos a crear un efecto con el degradado exagerando la habilidad de este reptil de cambiarse de color.
Utilizamos la máscara rápida pulsando el atajo Q y luego el pincel (atajo B) para pintar el cameleón con el color de la máscara rápida.

Asegúrate que utilizas los colores blanco / negro para pintar en la máscara rápida. Mira un artículo anterior para más información Truco: Máscara y los colores por defecto

Luego volvemos al modo de edición estándar pulsando otra vez el atajo Q para ver la selección que hemos pintado. Debido a cómo esta tus preferencias de la máscara rápida de tu versión de Photoshop puede ser que tu ahora ves una selección del fondo y no del cameleón. Si tu ahora ves el fondo debe invertir la selección pulsando el atajo Ctrl + Mayús + I o elije la función desde el menú selección.

Luego creamos una capa nueva utilizando el atajo Mayús + Ctrl + N o pulsando la hoja al pie de la paleta Capas.

Recordamos que todavía tenemos la selección del cameleón y pulsamos entonces la máscaja al pie de la paleta Capas.

Ya hemos preparado la capa nueva para el degradado con que rellenamos ahora el cameleón. Selecciona la herramienta con el atajo G o pulsandola en la paleta de herramientas.

El la barra de opciones seleccionamos entonces el degradado que preferido y arrastramos el ratón de un lado del cameleón al otro. Luego veremos que el degradado cubre todo el reptil, y por eso cambiaremos el modo de fusión. En la paleta de color cambiaremos el modo de fusión de Normal al Color.

Si queremos dar la imágen un último retoque podemos bajar un poco la opacidad de la nueva capa para no hacer los cambios de colores tan llamativos ... y listo:

Truco: Máscara y los colores por defecto

Trabajando con máscaras no utilizamos colores pero principalmente blanco (100% iluminado) y hasta negro (0% iluminado). Para utilizar los dos extremos negro/blanco el atajo D es muy útil,
y para invertirlos podemos utilizar el atajo X.
En ese modo trabajamos mucho más rápido, y con menos molestias siempre volviendo a la paleta de herramientas.

Composición y Máscaras

Volvemos a las imagenes antes utilizado para simular el delfín en el fuente. Queremos acabar tendiendo este resultado:

Para eso primero tenemos que preparar la fuente. Hacemos un trazado. Pulse el atajo Ctrl+P para trazar la fuente y luego haz una selección de este.

Entonces búscate la imágen del delfín y copia todo. Pulse el atajo Ctrl + A para seleccionar todo y luego el atajo Ctrl + C para copiarlo. Volvemos al imágen con la fuente (donde todavía el trazado de la funte está seleccionado) y luego el atajo Mayús + Crtl + V para pegar dentro. El resultado podemos ver abajo.
Se ve que necesitamos hacer el delfin visible. El delfin esta allí, pero escondido bajo la máscara.
Pulse con el botón derecho encima la máscara y selecciona la primera opción: Deshabilitar máscara de capa. En este modo hacemos facilmente el trazado del delfín. Luego hacemos una selección del trazado.

Entonces selecciona el pincel con el atajo B, elije el color blanco y pulse la máscara para pintar nuestra selección en blanco.

Atajos de teclado de Photoshop CS2

Actualización. Descarguelo aquí o desde la sección "Archivos PDF" en el literal derecho. Incluido la traducción a inglés para ellos que tienen la versión inglésa.

Atajos de teclado

Tú puedes trabajar más efectivo con Photoshop: Si utilizas los atajos, en vez de utilizar el ratón para seleccionar herramientas o menús, el uso de Photoshop sería mucho más rápido y efectivo. ¡Y tú puedes concentrarte de ser creativo!

Si dejas el ratón a reposar un rato sobre la herramienta sale la información sobre el atajo. También en las menús sale los atajos en el lado derecho junto con la aplicación. Intenta recordar los atajos que más utilizas y saldrás beneficiado.

Si quieres una lista de atajos más utilizados, descarga la lista en PDF.

Ajuste de colores II

Volvemos al ejemplo de Antonio utilizado anteriormente. He recibido las imagenes originales para la composición:



Empezamos con la corrección de las imagenes de delfines. Sería oportuno si las imagenes fueron más iguales. Primero elegimos la imágen de referencia: La mejor imágen, con los mejores contrastes y colores. Comparandolos se ve que cd_03.jpg (la última de las tres imágenes subidas) tiene las mejores condiciones.

Entonces lo primero es igualar las otras dos: Selecciona una de las otras y elige Imágen-Ajustes-Igualar Colores.


Entra en el menú y juega un poco con los ajustes recordando que es necesario seleccionar la fuente correcta (viene marcado en rojo en la toma de pantalla del menú).

Luego también puede ser necesario finalizar los ajustes con Niveles (Imágen-Ajustes-Niveles)
y/o Brillo/ Contraste (Imágen-Ajustes-Brillo/Contraste).
La imágen del perro detrás del fuente es más o menos bien ajustado desde el principio. Solo vamos a trabajar un poco con la sombra para ver más detalles en ella. Lo hacemos con Variaciones (Imágen-Ajustes-Variaciones). El la toma de pantalla del menú viene marcado los ajustes utilizados.
Antes de seguir con las composición recortamos los fondos de las imagenes de delfines. (No me interesa mucho de los fondos y además me voy a ahorrar mucho memoria de Photoshop). Pulse el atajo M para utilizar la herramienta y enmarca el objeto. Utiliza el atajo Ctrl+Mayúscula+Alt + C para recortar. (Recuerde que hay muchos modos de trabajar. El atajo mostrado sirve cuando ya tiene una seleccion que sirve para recortar. Otras veces es mejor simplemente utilizar el atajo C para la herramienta Recortar .

Al final tenemos las 4 imagenes listos para la composición:

Photoshop versión inglesa con tutorial en castellano

Que hacer si los menús de Photoshop son ingleses o si intenta seguir un tutorial en inglés con el Photoshop español: Descarga el PDF aquí.

Ajuste de colores

Antonio me ha enviado una composición de varias imágenes. Hay unos pocos problemas de perspectiva especialmente con las ventanas en el fuente, pero esas no es el asunto de este artículo.

Si te fija hay diferencias en la intensidad de la imágen del fondo y los delfines insertados encima. Para mejorar la impresión de realidad en la situación de la imágen compuesta es necesario igualar la intensidad.
Para hacer los cambios, primero haz una selección de los detalles que quiere cambiar. Entonces selecciona Tono/Saturación (Hue Saturation) pulsando el botón . Haz los ajustes deseados en tono, saturación y iluminación y pulse OK. El resultado puedes ver abajo:

Máscara Rápida

Utiliza la herramienta Máscara Rápida (Quick Mask) para seleccionar pixeles.

Para activar el modo Máscara Rápida hay que pulsar el botón en la parte inferior de la Barra de herramientas o utilizar la tecla de atajo Q.

Pintar las áreas que deben ser restauradas con el color negro utilizando un pincel o un lápiz de punta dura (en este modo las áreas seleccionadas de una imagen se destacan en rojo semitransparente).

Después cambie de nuevo por el modo Estandar (Standard mode) apretando el botón en la parte inferior de la Barra de herramientas (o pulse el atajo Q otra vez) e invierte la selección usando el comando Inverse en el punto del menú Select. Es indispensable invertir la selección porque en el modo de edición Máscara Rápida son las áreas no seleccionadas que caen en la selección. Es posible pintar las áreas que deben quedarse, pero en la mayor parte de los casos necesitaría más tiempo para eso.

Bienvenido al Curso de Photoshop

Utiliza el blog para hacer preguntas sobre el programa. Entre las preguntas que llegan cada semana seleccionaré unas para solucionar en próximo día del curso.

Voy a empezar con algunos ejemplos para aminaros.

Hasta pronto

Hans