Entrega Nº : II 
Fecha : 6/10/97

Autor: Jordi Fosch 
Web: www.arrakis.es/~jfosch
E-Mail:
jfosch@arrakis.es
Tema: PhotoShop - 2ª Parte

Introducción

Buenas, pues ya estamos aquí, para darle “caña” a todo el tema del diseño gráfico. Si habéis leído la entrega anterior estaréis al corriente, esta vez seguimos con el Photoshop, sin parar hasta terminar de “desguazarlo”.

He intentado sacar el tiempo de debajo de las piedras, y he encontrado un poco, lo justo para poder pasarme más de 20 horas escribiendo y pensando lo que vosotros leéis en 10 minutos, intentando hacerlo de la mejor forma posible para que todos lo entendáis fácilmente sin grandes esfuerzos de “coco” pensando siempre en los que no entienden “ni papa” de informática ni diseño.

Este cursillo está enfocado, aunque no lo parezca, a los programadores que quieren dar un toquecillo artístico y gráfico a sus programas, ¿ cómo ?, pues simplemente reforzando las pantallas de presentación, de ayuda, de acerca de…, lo que se os ocurra y claro, eso sirve para todo que no sepa de programación pero no tenéis excusa, pues mi buen amigo Guille tiene en esta, su Web, un cursillo de programación que él mismo confecciona, ¡ no dejéis de hecharle un vistazo !.

Todo depende de vosotros pero si seguís atentamente estos cursillos prácticos, tenéis paciencia, sois emprendedores, consultáis libros y os espaviláis (casi ná) podréis llegar a hacer virguerías:

Programa Asistente del NIF v1.1 Programa MusiKat v1.0
Programa Agenda Personal v3.0 Programa Listín Internet v3.0

Si sigues atento a este cursillo aprenderás de todo un poco,  lo suficiente como para que tengas unas ideas de lo que significa todo esto del diseño y para que sirve en realidad, evidentemente no puedo abarcar el amplio abanico de posibilidades que brinda el fascinante mundo del diseño gráfico, esto sería largo y quizás llegaría a hacerse pesado, entonces la habría “pifiado”.

Manos a la obra… a ver, intentare ser lo más claro, breve y eficaz posible en cuanto al texto, por eso aplicaré el esquema que en la entrega cero hacía mención, un poco de teórica, un poco de práctica, ejemplos, pantallas y a poco a poco, sin prisas llegaremos a explicar el Photoshop.

Seguimos, sin más pretexto, a continuar con esta entrega.

 

Repaso

En la primera entrega expliqué un poquito las ventanas, o paletas, según Photoshop, de ajuste de herramientas, color ... También vimos el menú Window que hacía referencia a la visibilidad de ciertas fichas de cada ventana de ajuste de herramientas.

Empecemos

Las herramientas son necesarias para trabajar con el Photoshop si queremos editar una imagen o un gráfico.

Todas las herramientas que proporciona el Photoshop son prácticas y útiles por lo que es importante hacer un buen resumen y una buena explicación, pues de no ser así, el programa solamente serviría para abrir y aplicar algún filtro a la imagen. El Photoshop es potente por sus herramientas y por sus filtros pero especialmente, insisto, por sus herramientas de trabajo.

Para empezar, abriremos una imagen cualquiera de nuestro siempre apurado disco duro, para  “torturarla” (metafóricamente hablando, por supuesto) y aplicar sobre ella todos los ejemplos que haremos en esta entrega.

 

Abrir una imagen

File + Open, o, si lo preferís la combinación de teclas Control + O, para los comodones un doble clic en el área libre ("escritorio") del Photoshop.

Escoged ahora una unidad de disco, hasta encontrar una fotografía o imagen. Como podéis ver, el Photoshop 3 acepta, para abrir, unos 19 formatos gráficos.

File + Open ... el menú

Al abrir una imagen con el Photoshop, guarda una copia en la RAM (que es con la que trabajamos) y otra copia en disco duro, que es la original y no la toca hasta que le decimos expresamente que la actualice al salvarla.

 

La caja de herramientas (y sus herramientas)

La caja de herramientas del PhotoShop La caja de herramientas del Photoshop esta formada por 20 herramientas diferentes, una sección de color, otra de creación de máscaras, y para terminar una de visualizaciones o presentación de la imagen en nuestro monitor. 

Al trabajar con la caja de herramientas observaréis que :

El puntero del ratón

Al pinchar sobre cada herramienta y pasar el puntero del ratón sobre la imagen adopta la misma forma que el dibujo del icono representativo (si no se le especifica lo contrario).

La ventana de ajuste de herramientas

Al “pinchar” en cada herramienta, cambia automáticamente el contenido de la ventana de ajuste de herramientas, permitiendo un total control de sus acciones. Posteriormente se detallará el efecto de cada herramienta sobre dicha ventana. 

Después de estos detalles aquí tenéis la caja de herramientas y unas tablas explicando “por encima” cada herramienta que la compone. 

 

Icono Nombre de la herramienta i breve descripción
Herramienta de selección Herramienta de selección   
Selecciona zonas de una imagen de 4 formas distintas: rectangular, elíptica, horizontal y vertical; para aplicar sobre estas una acción determinada que solamente afectará al área creada.
Herramienta de selección a mano alzada Herramienta de selección a mano alzada  
Permite definir un área de selección a mano alzada. La diferencia entre la herramienta anterior es la de poder “dibujar” la zona libremente.
Herramienta de selección al azar Herramienta de selección al azar  
Al coger esta herramienta y pulsar sobre un área determinada de la imagen, selecciona toda la zona que cubre el color “pinchado” con la “varita”.
Herramienta de desplazamiento Herramienta de desplazamiento 
Sirve solamente para desplazar una imagen si haber hecho una selección previa.
Herramienta de 'scroll' Herramienta de “scroll” 
Prácticamente idéntica que la anterior excepto que no mueve la imagen sino su visualización; funcionando solamente si nuestra imagen ocupa más espacio que su propia ventana, momento en que aparecen las barras de “scroll” y podemos movernos por ella “pinchando” y arrastrando el ratón.
Herramienta de 'zoom' ó lupa Herramienta de “zoom” ó lupa 
Todos deducimos la función de esta herramienta, la de acercar y alejar la imagen para observar y trabajar con precisión sobre los detalles.
Herramienta de recorte Herramienta de recorte 
Recorta una zona que se define arrastrando con el ratón sobre la imagen, rechazando (cortando) la zona inversa, para quédanos con lo “recortado”.
Herramienta de escritura Herramienta de escritura 
Para poder escribir letras, palabras, frases, párrafos con el Photoshop necesitamos pinchar en esta herramienta, que además ofrece un pequeño abanico de opciones cómo: alineación del texto, tamaño, tipo de letra…
Cubo de pintura Cubo de pintura 
La zona sobre la que dejemos caer (“pinchar”) el cubo quedará bañada con el color seleccionado, respetando la zona del anterior.
Herramienta de degradados Herramienta de degradados 
Esta herramienta consigue crear efectos de color degradados, escogiendo uno de inicio y uno de fin; aunque existen otras posibilidades.
Herramienta de líneas Herramienta de líneas 
Dibuja líneas rectas. Para utilizarla se “pincha” en un punto de origen y se suelta el ratón en el punto final, trazando una línea recta, horizontal, vertical, diagonal ó transversal.
Cuentagotas Cuentagotas 
Este instrumento sirve para “robar” un color de la imagen (situando el puntero del ratón) y utilizarlo para otros fines.
Herramienta de borrado Herramienta de borrado  
Su única función es borrar partes de una imagen a mano alzada, pudiendo escoger, al igual que otras herramientas su tamaño y su potencia (opacidad).
Lápiz Lápiz 
Con el lápiz podemos dibujar a mano alzada todo aquello que nos apetezca. Extremadamente útil para pequeños detalles en que conviene apurar al máximo sobre los pixeles.
Aerógrafo Aerógrafo  
Esta herramienta es muy parecida al típico “spray” que aparece en otros programas de retoque fotográfico. Su parecido al aerógrafo original está bastante logrado, pues si no soltamos el ratón, esta herramienta sigue esparciendo las gotitas de pintura por la imagen.
Pincel Pincel  
Una “mezcla” del lápiz y el aerógrafo forma el efecto del pincel. Útil para pintar a mano alzada dejando un efecto suave característico de un buen programa.
Tampón Tampón 
Sirve para coger una zona de la imagen como base y sobre esta ir “tapando” otras zonas. Con esta herramienta se consiguen retocar partes perdidas de una imagen simulando al máximo su original.
Dedo Dedo  
Imaginémonos por un momento que la fotografía (por ejemplo) que tenemos abierta en el Photoshop fuese una cuadro recién pintado, y que la herramienta de dedo, fuese nuestro dedo, deducimos que si arrastramos nuestro dedo por la pintura “arrastraremos” los colores deformando así nuestra obra de arte, pues bien, su utilidad es la misma que en el ejemplo (sin mancharnos, claro).
Herramienta de desenfoque/enfoque Herramienta de desenfoque/desenfoque  
Su efecto es el mismo que el llamado “blur”, como si en nuestra imagen le pusiéramos un cristal con vaho que nos impidiese ver de forma clara, también me atrevería a decir, que el efecto es el mismo para una persona que lleva gafas y se las quita, evidentemente lo ve todo borroso.  
Este herramienta tiene una ventaja importante, pues este efecto se puede aplicar con detalle, en cambio si lo activamos mediante menú, tendremos que definir una zona (con las herramientas de selección) y aplicarlo con lo que la precisión y la comodidad se dividen por dos.
Totalmente al contrario que el enfoque, el desenfoque desenfoca lo “pinchado” con el ratón resaltando así, los colores. 
Herramienta de brillo/contraste/aclarado Herramienta de brillo/contraste/aclarado  
A veces necesitamos que nuestra fotografía, gráfico... tenga más brillo, menos, más contraste... de esta forma podemos corregirla hasta mejorarla sustancialmente.

 

Después de ver un poco para que sirve cada herramienta pasaré a mostrar unas cosillas que se pueden hacer con las ventanas (ajuste de herramientas, color..).

Coged una ventana cualquiera (por ejemplo la de ajuste de herramientas); ¿ verdad que tiene unas pestañas ?, pues pinchad con el ratón hasta arrastrarla a una zona libre del Photoshop.

La pestaña de la ventana se ha independizado de su ventana original.

Podemos coger cualquier pestaña y formar una ventana a nuestro gusto para trabajar cómodamente; pero cuidado, si queremos que todo vuelva a ser como antes hay que devolver cada una (pestaña) a su sitio de origen, simplemente, invirtiendo el proceso.

  Arrastrar...  

Soltar...
   
TRUCO: Podéis hacer desaparecer y aparecer de golpe la caja de herramientas y las ventanas restantes si pulsáis el tabulador (TAB), de esta forma, podréis trabajar más a gusto con las imágenes y proyectos que realicéis en el Photoshop.

Concretamente, esta ventana de ajuste (Brushes) tiene algunas opciones escondidas..., doble clic en la zona en que no hay ningún grosor definido (zona en gris):

Zona libre (gris)

Aparecerá una ventana para crear un grosor personalizado, si en cambio hacemos el doble clic encima de un grosor definido podemos modificarlo.

Ventana "New Brush"

Diameter
Diámetro (grosor).

Hardness
Opacidad de la pintura.

Spacing
Espaciado.

Angle
Angulo de rotación.

Roundness
Forma del pincel.

Una brocha curiosa

Además de estos detalles "escondidos" si pulsamos con el botón derecho encima aparece un menú flotante que contiene, normalmente, una mezcla de varios menús del Photoshop (cortar, pegar, copiar, mostrar paletas ...), se detallará su contenido en su día.

 

Las herramientas


Herramienta de selección

Antes de empezar debería responder a esta pregunta: ¿ Para qué sirve una zona seleccionada ?

Una zona previamente seleccionada sirve, principalmente, para trabajar en ella, aplicando cambios en los colores, efectos y otras opciones que brinda el Photoshop ignorando el resto (lo no seleccionado).

Veamos primero, cómo seleccionar parte de una fotografía.
Después de “pinchar” en el icono correspondiente dirigimos el ratón hacia el punto de origen y lo arrastramos hasta formar (por defecto) el rectángulo, englobando en él la zona en que queramos trabajar.

Imagen con una zona seleccionada  

Veamos las opciones que nos ofrece la ventana de ajuste.  

Opciones - SHAPE

Shape

Rectangular
Define una zona de selección rectangular (por defecto).

Elliptical
Define una zona de selección elíptica.

Single Row
Define una zona de selección horizontal (fila).

Single Column
Define una zona de selección vertical (columna).

TRUCO: Si al trazar con cualquiera de las opciones una selección queremos que nos quede igual en todos sus lados, es decir, que el polígono sea regular (todos los lados iguales) simplemente pulsaremos la tecla SHIFT mientras arrastramos el ratón.

Style

Normal
Selección libre.

Constained Aspect Radio
Mismo efecto que si pulsamos SHIFT mientras creamos la zona, simplemente fija el tamaño del polígono. Los valores se pueden cambiar desde las cajas de texto en Width y Height.

Fixed Size
Define una zona de selección fija, modificable, por supuesto, desde las cajas Width y Height.

Opciones - STYLE

Feather

Yo lo llamo opción de calado. Este efecto es realmente impresionante si se utiliza bien, pues permite crear unos degradados de color curiosos.

  Feather

Si hemos seleccionado ya una parte de nuestra imagen y queremos cambiar el polígono por otro (por ejemplo) o decidimos meterle un calado, NO funcionara, se necesita, aplicar los cambios convenientes y volver a crear la selección.

  Ejemplo del FEATHER

En esta pantalla he “pillado” una zona rectangular con un calado de 20 pixeles, i el efecto es curioso, es como si se “comiera” un pedazo de la imagen y respetase unos bordes degradados, ojo, en el ejemplo he decidido eliminar la zona pulsando SUPR para “cargarme” lo seleccionado, dando paso al calado y al color de segundo plano (el blanco).


Herramienta de selección a mano alzada

Parecida a la anterior solo que en vez de definir la selección exacta, tenemos la posibilidad (para los casos que así lo requieran) de dibujar la zona a nuestro "aire", además, las opciones de polígono (Shape) desaparecen, evidentemente. Ciclista seleccionado a mano alzada

Esta herramienta conserva la opción de FEATHER, o "calado":

  Ciclista en Feather  

En esta última pantalla, podéis ver como he abierto una foto de un ciclista, y me he dirigido a la herramienta de selección a mano alzada para ponerle un “calado” de 10 pixeles.

En la caja de color rápido tengo definido como color de segundo plano el blanco por lo el “calado” pilla este color para presentarse.

Acto seguido me he dedicado a englobar la zona que me interesaba.

Podéis combinar la herramienta de ampliación, el zoom ó lupa, para ampliar en todo momento la zona sin perder la selección.

Una vez definida la zona la he cortado para meterla en el portapapeles (CONTROL + C) y he creado una imagen nueva para pegarla (este proceso se detallará en su día).

Antes de pegar la imagen he pintado el fondo de negro para que resalte la fotografía.

Una vez pegada la imagen (CONTROL + V) se puede observar perfectamente su efecto.


Herramienta de selección al azar

Esta herramienta se utiliza para seleccionar zonas fijas o bloques de un mismo color, observad el ejemplo atentamente pues es la única forma de comprender su uso:

Ejemplo - TOLERANCE He cogido la herramienta y he “pinchado” en la zona inferior izquierda de la fotografía del rayo, la “varita” ha aceptado la tolerancia de 32 colores (se define por ventana) y se ha “comido” hasta llegar a estos, seleccionado todo el bloque de (en este caso) oscuros y “derivados”.

Si en vez de seleccionar la zona inferior izquierda hubiésemos seleccionado la superior derecha, observad…

Feather en el rayo

…y si “pinchamos” en el cuerpo del rayo…

  Feather en el cuerpo del rayo  

Ha quedado bastante claro ¿ no ?, ahora veamos en su ventana, la única opción interesante, la de la tolerancia de colores.

Tolerance

Mediante esta opción podemos definir el número de variaciones de color que queremos que nos “pille” al “pinchar” en la imagen; si el número es bajo, se limitará a seleccionar de la zona “pinchada” el número definido, si el número es alto, rodeará mayor área, pues “traga” más colores.

TRUCO: Podemos "capturar" varias zonas a la vez si pulsamos la tecla SHIFT.

Herramienta de desplazamiento

Sirve, simplemente para desplazar una imagen por su ventana.

Si desplazamos la imagen fuera de los bordes de su ventana, quedará cortada y en el los lugares “desocupados” nos mostrará, de la caja de color rápido, el color de segundo plano.

Dejen paso al color de segundo plano...
   
ATENCIÓN: Cuando trabajemos con capas, y apliquemos esta herramienta, su efecto no será el mismo, la única diferencia será que no nos mostrará el color de segundo plano sino que lo ignorará, como si fuese transparente.

Herramienta de “scroll”

Útil si tenemos una fotografía grande y no cabe en pantalla, automáticamente aparecerán las barras de desplazamiento típicas y si utilizamos además, esta herramienta podremos movernos más libremente; su funcionamiento es muy sencillo: se “pincha” y se arrastra por la imagen, haciendo “scroll” automáticamente. Haciendo "scroll" en la foto

Veamos ahora sus dos únicas opciones interesantes de la ventana de ajuste de herramientas:  

Hace un “zoom” o ampliación hasta que cubra parte de la pantalla.
Permite representar la imagen en su tamaño original.

Herramienta de “zoom” o lupa

Amplía y disminuye la visualización de una imagen cargada en el Photoshop para, por ejemplo, poder trabajar mejor con los detalles.

Distintas formas de ampliar y disminuir la vista de una imagen

 Con el botón izquierdo del ratón se amplía, con el izquierdo y el ALT pulsado se disminuye la vista.
 Podemos utilizar esta herramienta de forma rápida sin tener que “viajar” a la caja de herramientas pulsando CONTROL + BARRA ESPACIADORA y sin soltar las teclas “pinchar”, pero si queremos disminuir podemos emplear ALT + BARRA ESPACIADORA.
 CONTROL + signo “+” para ampliar, CONTROL + signo “-“ para disminuir la vista.

Herramienta de recorte 

La única utilidad de esta herramienta es la de recortar una zona seleccionada para rechazar su exterior, es decir, la zona que no queda seleccionada.

Tras definir la zona de recorte y pinchar con el ratón la ventana podríamos decir que se auto-ajusta para adaptar el tamaño del recorte; por cierto, no hagáis caso a la imagen de ejemplo pues es un montaje, no aparece una segunda ventana sino que la original se adapta al tamaño del recorte.

 Si damos con un doble clic sobre la herramienta de “zoom” la imagen se presentará en su tamaño original (escala 1:1).
La ventana de ajuste de esta herramienta no muestra gran cosa, excepto de la posibilidad de definir un recorte exacto que se activa pinchando en el botón de selección Fixed Target Size. Definir el recorte

Si queremos definir una área de recorte perfecta, podemos introducir las medidas en las cajas de texto, "Width" para el ancho y "Height" para el alto, teniendo en cuenta la posibilidad de entrar, escoger un tipo de resolución y una unidad de medida.

El botón Front Image sirve para trabajar con un ancho y un alto proporcional a la imagen en cuestión.


Herramienta de escritura

Un programa de este "calibre" debe tener una herramienta que nos permita introducir texto correctamente. El Photoshop no tiene nada que envidiar a los procesadores de texto, claro que no tiene punto de comparación pero si tiene unas opciones realmente interesantes que seguidamente pasaré a detallar y que ningún otro programa ha sabido imitar tan bien.

Tras escoger la herramienta y pinchar en una zona de la imagen (zona donde aparecerá el texto) nos mostrará esta ventana

Ventana de escritura de texto
   
  1. En esta caja combinada encontraremos todas las fuentes TTF que residen en nuestro ordenador, debemos escoger una para poder escribir.

  2. En esta caja de texto entraremos el tamaño que queramos que tenga la fuente escogida (4 mínimo, 240 máximo).

  3. Podemos escoger una unidad de medida, en puntos o el pixeles.

  4. Espacio que dejará entre Intro e Intro (ente párrafo y párrafo para que nos entendamos).

  5. Espacio que dejará entre letra y letra (podemos introducir valores negativos).

  6. El estilo del texto puede ser:

     

    Bold - Negrita.

     

    Italic - Cursiva.

     

    Under line - Subrayado.

     

    Out line - Linia exterior, aunque yo prefiero llamarlo filete.

     

    Strike out - Tachado.

     

    Anti-Aliased - Observad este gráfico:

    Esta opción siempre ha de estar activada a no ser que nos guste el pixelado que se produce al escribir un texto y ampliarlo.

    Esta interesante opción hace que el Photoshop acepte la fuente como escalable, y simule un texto "vectorial"; por el contrario si no utilizamos esta opción al escribir una fuente y escalarla manualmente, aparece el típico pixelado, aunque un poco difuminado, característico del Photoshop.

  7. Caja donde debemos introducir el texto.

  8. Este cuadro nos presenta dos opciones:

     

    Font - Si desactivamos esta casilla, la fuente no se nos presenta con el tipo escogido de la lista, sino que lo cambia por una fuente por defecto.

     

    Size - Tiene el mismo efecto que la anterior pero afecta solamente al tamaño.

    Desmarcar en alguna de estas dos últimas casillas y pulsar en Aceptar, los cambios no afectan al texto final pues estas solamente sirven por si tenemos mucho texto que escribir, por ejemplo, de esta forma no nos tendremos que molestar en buscar una fuente y reducir el tamaño.

  9. El cuadro Alignment nos ofrece una completa gama de alineación de texto, veámoslo:

     

    Texto alineado a la izquierda.

     

    Texto centrado.

     

    Texto alineado a la derecha.

     

    Texto vertical alineado a la derecha.

     

    Texto vertical centrado.

     

    Texto vertical alineado a la izquierda.

Recordad que podéis escoger el color de la fuente mediante la caja de selección de color rápido que hay exactamente debajo de la de herramientas.

En la próxima entrega estudiaremos la caja de selección de color rápido más detalladamente.

¡ Texto listo !

Una vez entrado el texto y pulsado en OK, el texto escrito se transportará a la imagen pero observad que esta protegido con una selección, esto sirve para aplicar efectos, por ejemplo un efecto de degradado, pero esto lo veremos dentro de poco, cuando expliquemos dicha utilidad.

Además, con la selección del texto podemos aplicar todo tipo de filtros del programa, tenedlo en cuenta para su día.

Aquí tenéis un ejemplo de degradados aprovechando la selección del texto:

Algunos ejemplos de degradados


Cubo de pintura

Todos insinuamos la utilidad de esta herramienta. Sirve para "rellenar" espacios con colores planos, es decir, (por ejemplo) no podemos aplicar degradados, al menos que no utilicemos la herramienta pertinente.

Esta herramienta juega con la ventana de color, pues, es la que nos ofrece los colores.

Veamos este ejemplo que seguiremos paso a paso para ver cómo pintar figuras y evitar los errores más frecuentes:

  1. En este caso he dibujado tranquilamente en un papel una caricatura, la he escaneado y la he llevado al Photoshop.
    Resulta que al escanear esta caricatura le he dicho al escáner que me la leyera en blanco y negro, pues solamente existen este par de colores (recordad que el blanco y el negro también son colores).
    Tras tenerla lista en el Photoshop le he cambiado el modo de color a RGB para poder trabajar con todos los colores.
Imagen original Imagen final
Caricatura original Caricatura coloreada
  1. Pinchamos en la herramienta de relleno, o lo que es lo mismo, en la herramienta del cubo de pintura.
  2. Traslademos el ratón hacia la ventana de color. El Photoshop llama paleta a este tipo de ventanas.
  3. Pinchemos en el color rosa-anaranjado, para pintar la cara:

Selección de colores

  1. Traslademos el cursor hacia una zona de la cara y pinchemos allí. Lo mismo con la zona inferior, la zona de debajo del pincel. Ya tenemos la cara pintada.
  2. Busca un color marrón y pinta el pelo.
  3. Si te has fijado verás que hay una zona que la pintura no ha alcanzado:

Zona que no alcanzada por la pintura

  1. Para remediar este tipo de imperfecciones tenemos que hacer un zoom con la lupa en la zona indicada para trabajar con más detalle:

Trabajemos con más detalle

Seguimos, y pinchamos sobre la zona que no ha quedado cubierta.

  1. Ahora pintaremos todo el pincel:

Pincel coloreado

  1. Hasta ahora hemos aprendido a pintar zonas cerradas y detalles, pero ¿ que pasará con la camiseta ?, ¿ os lo imagináis ?, adelante...

La pintura se ha esparcido por todo el fondo

¡ La pintura se ha esparcido por resto del dibujo !. ¿ porqué ?, muy fácil... la zona de la camiseta estaba formada por líneas sin cerrar, por eso al derramar la pintura se ha "comido" el fondo.

Basta con cerrar estas lineas y volver a intentarlo; para deshacer esta "metedura de pata" pulsa la combinación de teclas CONTROL + Z, o si lo prefieres puedes viajar hasta el menú y: EDIT + UNDO.

Este EDICION + DESHACER solo funciona una vez, así que cuidado.

Ahora dibujaremos el resto de camiseta que hace falta para cerrar las líneas.

  1. Pulsa en la herramienta de lápiz, aunque todavía no la hemos explicado veremos un poco una de sus utilidades.

  2. Escoge el color negro de la paleta de colores para dibujar a mano el resto de camiseta.

  3. Haz un zoom en la zona que nos interesa:

Zoom...

  1. Intenta pinchar y arrastrar el ratón hasta terminar de dibujar lo que falta, el aspecto que debe tener la caricatura debe ser este (aproximadamente):

¡ Listo !

¿ Que tal ahora ?.

  1. Ya podemos pinchar otra vez en el cubo de pintura, escoger el color para la camiseta e intentarlo de nuevo:

Camiseta lista

  1. Pues ya tenemos prácticamente coloreada la caricatura, ¿ nos olvidamos de algo ?, del fondo, podemos pintar el fondo de color que más rabia nos de:

Resultado final

Con la excusa de seguir este ejemplo paso a paso, ya he dicho que hemos visto cómo colorear zonas de una imagen, hacer zoom para los detalles, y dibujar una línea para cerrar las zonas abiertas.

Si quieres ver la imagen original para bajártela, es decir la misma que yo he escaneado para seguir mejor el ejemplo puedes pinchar aquí (JPG de 10K.).

Recordad que podéis pintar todo tipo de imágenes no solo caricaturas en blanco y negro, he puesto este ejemplo porqué resulta más fácil ver el efecto.

Seguimos ahora con algunas opciones interesantes de la ventana de ajustes.

Destacamos algunos detalles, otros por su pobre contenido o escasa funcionalidad no se comentan (este es un manual práctico NO PROFESIONAL).

Opacity
Opacidad de la pintura.

Tolerance
Flujo de la pintura.

Opacity

Con una opacidad media conseguimos que el color aplicado tenga una transparencia débil por el contrario si subimos la opacidad al máximo, obtenemos un color opaco.

Opacidad al 50% Opacidad al 100%

Tolerance

La tolerancia afecta al "esparcimiento" de la pintura por la zona a la que hacemos clic.
En vez de utilizar el cubo de pintura, también podéis utilizar la herramienta de selección al azar (la varita) que casualmente también tiene esta propiedad.

Tolerancia en 10 Tolerancia en 20

Si empiezas a dudar con eso de la tolerancia, mete un número inferior a 50, por ejemplo el 30.


Herramienta de degradados

Sin duda alguna, tener esta herramienta es interesante para reforzar nuestras creaciones, por ejemplo, podemos rellenar una zona con degradado de varios colores para que quede más atractiva.

Tenéis que tener en cuenta que aplicar esta herramienta sin tener nada seleccionado implica un degradado total, es decir, se come toda la foto, en cambio, si tenemos una selección activa se "come" todo su interior.

Como ya bien sabéis, podéis crear zonas de selección con las 3 primeras herramientas de la caja: Herramienta de selección, Herramienta de selección a mano alzada y Herramienta de selección al azar, pero nos olvidamos de otra forma... la del texto, recordad que si pinchamos en la herramienta de escritura y escribimos algo, tras aceptarlo pasa al Photoshop seleccionado.

Las zonas de selección son muy importantes si no queremos que un efecto, filtro o cualquier operación afecte a toda la imagen.

Seguimos describiendo la herramienta... nos encontramos que su caja de ajuste ha cambiado:

Destacamos algunos detalles, otros por su pobre contenido o escasa funcionalidad no se comentan (este es un manual práctico NO PROFESIONAL).

Opacy
Tiene prácticamente el mismo efecto que el de la
herramienta anterior.

Style
Tipo de degradado.

Midpoint
Mueve el punto de fusión

Type
Degradado tipo lineal o radial

Ventana de ajuste

Hay opciones que se repiten en cada herramienta, en estos casos no se describirá nada, sino que podéis buscar en la imagen y encontrar un enlace.

Style

Podemos simular varios tipos de degradado, si pinchamos en la caja desplegable aparece un pequeño menú:

Opciones del STYLE

Foreground to Background

Esta opción permanece marcada por defecto, pues es el típico degradado de dos colores, ahora tendríamos que tener presente el par de colores de la caja de herramientas; uno de inicio y otro de fin.

Seleccionamos lo que nos interesa

Veamos el ejemplo...

En este caso he abierto una fotografía y con la herramienta de selección al azar he seleccionado el fondo; con la SHIFT pulsada he añadido otras zonas que no "pillaba" por si sola (mango).

Resultado final

El aspecto que podría tener la imagen terminada sería el de la imagen de la izquierda.

Para conseguir el degradado he buscado en la ventana de colores dos todos diferentes de marrón, uno de inicio y otro de fin, acto seguido he pinchado en la herramienta de degradado y he arrastrado el ratón por la parte superior hacia la inferior.

Foreground to Transparent

Al igual que el efecto anterior este simula prácticamente lo mismo, pero en vez de un color de fin, solo acepta y se "traga" el de inicio, ¿ que hace con el color final ? simplemente lo ignora, consiguiendo un interesante efecto transparente.

Aquí tenéis un ejemplo en que lo he aplicado un par de veces, uno para definir el superior y otra vez para la parte inferior de la fotografía:

Un par de degradados

Transparent to Foreground

Idéntico que Foreground to Transparent, pero invertido, es decir, si en el ejemplo de arriba pintaba de rojo a transparente, ahora sería de transparente a rojo.

Clockwise Spectrum

Este curioso efecto, presenta como un arco iris entre los dos colores, el de inicio y el de fin, que exactamente corresponden a los del espectro luminoso, intermedios entre los dos colores.

Colores del espectro intermedios

Counterclockwise Spectrum

El efecto es prácticamente idéntico que el Clockwise Spectrum con la única variante que los colores serán inversos a los del espectro luminoso.

Colores del espectro inversos

Midpoint

Traducido literalmente significa "punto medio", y exactamente es lo mismo, mueve el punto de fusión entre los dos colores a una posición concreta, en porcentaje.

En estos ejemplos se puede observar el punto medio movido:

Midpoint al 20% Aquí tenemos el punto medio al 20%, se puede ver que cunde más el negro que el verde.
Midpoint al 30% En un porcentaje mayor, al 30% el verde cunde un poco más de negro.
Midpoint al 40% Al 40% el verde llega a cubrir como una 3ª parte del rectángulo.
Midpoint al 50% En un porcentaje medio, al 50% se consigue un degradado uniforme entre el verde y el negro.

Type

Hasta ahora hemos visto diferentes tipos de degradados pero todo Liniales, existe un segundo tipo, el radial.

Linear
Este es el tipo de degradado por efecto, sin importar su dirección, ya sea transversal, horizontal, vertical... siempre será radial.

Radial
Podéis ver el efecto radial en el ejemplo de la derecha.

Yo utilizo este tipo de degradado para simular efectos de brillo y 3D en algunos objetos:

Proceso de creación de un degradado

Herramienta de líneas

Muchas veces necesitaremos hacer lineas en nuestros gráficos, fotografías... y además, seguramente que muchos de vosotros utilizáis las lineas para dibujar en sus extremos una flecha, ya sea para señalar algo, hacer un pequeño organigrama... esta herramienta automatiza y facilita estos propósitos, veamos que tiene de interesante...

Ejemplo utilizando las rectas con flecha Aquí un ejemplo utilizando diferentes tipos de rectas, casualmente todas con una flecha en uno de sus extremos.

Desguacemos ahora la ventana de ajustes:

Opacity
Significa lo mismo que en
otras herramientas, la opacidad de las lineas.

Line Width
Aquí podemos definir el ancho de las líneas, si decidimos encabezar las lineas con una flecha, esta estará en proporción (máximo 1.000 pixeles).

Arrowheads
Aquí decidimos si queremos meter una flecha, al empezar (Start) o al terminar (End) la linea.

Si pinchamos en Shape, podremos editar la flecha a nuestro gusto.

Maticemos...

Line Width

Diferentes grosores Con esta herramienta podemos dibujar lineas a todas direcciones, pero si deseamos crear una línea recta, tendremos que pulsar la tecla SHIFT mientras la definimos.

En este ejemplo de la izquierda podemos observar 10 tamaños, o grosores, de linea diferentes.

Tras pinchar en la herramienta, tendremos que cercionarnos que empleará el color que tengamos en primer plano en la caja de herramientas.

¿ Quien ha dicho que no se pueden crear diseños atractivos utilizando esta herramienta ?, aquí tenéis un gráfico hecho utilizando solamente 3 herramientas: La herramienta se selección al azar para meterle los degradados, la de degradados, y el cubo de pintura. No smoking please !


Arrowheads

Si decidimos encabezar nuestras lineas con una flecha, podemos seleccionar una o las dos casillas de verificación:

Tras seleccionar la opción ya podemos escoger el color y arrastrar el ratón para definir la flecha.

Flechas


Tras pulsar en este botón se nos presenta una nueva ventana en la que podemos editar nuestra flecha, definiendo: su alto, su ancho y su concavidad (observad las puntas de las flechas en los ejemplos siguientes):

Ventana de ajuste Ancho Alto Tipos
Ventana de ajuste Width Lenght Concativity


Los valores mínimos y máximos:

Para Width de 10 a 1.000.
Para Lenght de 10 a 5.000.
Para Contativity de -50 a 50.


Cuentagotas

Cuantas veces hemos deseado "robar" un color a una fotografía, gráfico o pantalla... no hay problema, el cuentagotas sirve para situarnos encima de dicho color, pincharlo y transportarlo a la caja de color rápido de la caja de herramientas.

La ventana de ajuste no nos ofrece mucho, y lo poco que ofrece no es muy interesante pero veamos para que sirve, aunque reconozco que es un poco complicado:

Opciones...

Point Sample

Opción seleccionada por defecto; es la explicada anteriormente, es decir, al pasar el ratón por encima de una zona de la fotografía "pilla" el color y lo lleva a la caja de color rápido (situada en la caja de herramientas).

3 by 3 Average

En vez de "pillar" el color exacto, recoge una variante, imaginemos que tenemos un gráfico todo rojo, en medio hay una linea negra. Si decidimos capturar el negro de la línea, seguramente nos llevaremos un rojo oscuro, fucsia quizás, pero no un negro puro.

Buscando el color...

5 by 5 Average

Prácticamente su finalidad es la misma que la anterior pero en vez de "pillar" un rojo oscuro, fucsia, nos llevaremos un rojo más rojo, el objetivo es jugar con un abanico de diferentes tonos.

Yo, la verdad que es que no le veo una utilidad práctica, por consiguiente no merece la pena seguir explicando con otros ejemplos.


Herramienta de borrado

Evidentemente, esta herramienta borra partes de una imagen dejando paso, en su lugar, es decir, en la zona borrada el color de segundo plano (el de la caja de herramientas).

Además, el sentido de esta herramienta cambia radicalmente al utilizarse con capas, al trabajar con capas es cuando borra de verdad, matizaremos estos aspectos en su momento.

Centrémonos ahora con la herramienta, si decidimos eliminar una zona concreta de una foto, imagen, gráfico... podemos utilizar esta, que en más de una ocasión nos sacará de apuros, veamos:

Foto original Tenemos esta fotografía y deseamos eliminar los platos y las cadenas de la izquierda que lo sujeta, una de las formas de poder hacerlo sería con esta, la herramienta de borrado.

Una vez terminada la operación el resultado sería, más o menos la imagen de la derecha.

Foto después del borrado

Veamos ahora su ventana de ajustes:

La ventana de ajustes

Caja desplegable (ComboBox)

Muestra una serie de brochas disponibles que podemos utilizar para borrar:

Opciones

Paintbrush
La brocha por defecto, la típica.

Airbrush
Brocha tipo spray.

Pencil
Brocha tipo lápiz, en comparación con las anteriores esta ofrece un trazo más sólido.

Block
Brocha en bloque.

Ejemplo de brochas diferentes

Fade

Sirve para crear un efecto de transparencia, es decir, el recorrido de borrado viene definido por una zona de borrado total y otra transparente, la mezcla de estas dos forma el efecto Ejemplos - FADE

Erase Image

¿ Quieres borrar toda la imagen de golpe ? pues no hace falta comentar nada más...

 

Fade

Sirve para crear un efecto de transparencia, es decir, el recorrido de borrado viene definido por una

 

Wet Edges

Si no nos gusta el "poder" de borrado tenemos dos opciones, bajar la opacidad hasta conseguir un borrado tenue o activar esta casilla, que no hace otra cosa que difuminar y reducir el borrado.

A borrar... En esta imagen se puede observar el efecto que tiene el Wet Edges en la foto.

Erase to Saved

¿ Y si resulta que hemos borrado una zona que no queríamos borrar ?, pues no pasará nada si en la imagen no han sido guardados los cambios. Solamente podemos borrar una zona borrada si trabajamos con una imagen guardada, de lo contrario, al activar la opción Erase to Saved y al tratar de borrar, nos aparecerá una caja de diálogo informándonos.

   
He aquí la misma imagen que en el ejemplo anterior con la opción Erase to Saved activada y en uso.

El círculo rojo muestra una comparación.

Recordad que también podéis definir la brocha de la herramienta de borrado con la pestaña Brushes de la ventana de ajustes.

Diferentes grosores

Borrando lo borrado

Lápiz

Con la herramienta de lápiz podemos dibujar zonas al detalle, que por alguna causa necesiten un trato especial.

El lápiz es una herramienta precisa, pues el tamaño mínimo de su grosor es 1 pixel.

La ventana de ajustes no aporta grandes novedades, quizás algunas no muy interesantes y poco prácticas de las ya comunes.

Ventana de ajuste Destacar que la pestaña Brushes contiene un tipo de brochas diferentes, pues el lápiz no pretende difuminar, solamente trabajar con un trazo sólido. Unos grosores diferentes

Yo utilizo el lápiz para retocar zonas críticas que requieren una intervención y un trabajo detallado, por ejemplo:

¡ Por ahí se escapará la pintura ! Trazos cerrados

Aerógrafo

Muchos son los programas de retoque fotográfico que han intentado imitar la calidad de las herramientas del Photoshop, para mi opinión no lo han conseguido; la herramienta que más ha sido "imitada" ha sido el aerógrafo, la calidad que ofrece es impresionante al igual que los resultados.

Su utilización abre un amplio abanico de posibilidades en que la imaginación juega un papel importante. La ventana de ajuste de herramientas no ofrece mucho de nuevo:

Ventana de ajuste

Pressure

Se podría traducir como presión con que sale la pintura.

Recordad que en la pestaña Brushes tenéis algunas brochas, cada una diferente para poder trabajar con comodidad y utilizarlas para cuando se crea conveniente.

Yo utilizo el aerógrafo para crear efectos luminosos concretos, brillos, difuminados... observad los ejemplos:

Ejemplo 1 Ejemplo 2 Ejemplo 3

Pincel

Esta herramienta es similar al Aerógrafo pero con unas brochas más "sólidas".

Ejemplo de un sol dibujado con el pincel Veamos la caja de ajuste de herramientas:

Ventana de ajuste

No merece la pena comentar más, pues la mayoría de opciones están ya detalladas y son idénticas, por las restantes, hacer un comentario respecto al Fade.

El efecto Wed Edges, es parecido al de las anteriores herramientas pero no simula un borrado como en la herramienta de borrado, sino que presenta una pintura más tenue y fina.

Foto original Después de coloreada...

Tampón

Alguna vez hemos intentado "apañar" una fotografía que necesitaba algún retoque, por ejemplo, y sobre todo si la fotografía es vieja, algunos pedazos de esta faltan, no hay más remedio que inventarlos... sí, la realidad es cruda, no hay otra forma fiable de "reparar" la fotografía.

Tenemos, diría yo, un par de opciones, dos caminos a seguir si queremos reparar una imagen : el chapucero (a pelo) y el especial.

El chapucero no sería otra cosa que seleccionar partes de una imagen con la herramienta de selección, copiar el "pedazo" al Portapapeles y entretenerse uno en "recomponer" lo que falta, también se podría intentar pintando pixel a pixel... (para chinos ;-) ).

Lo más normal sería escoger la herramienta Tampón del Photoshop, que no es otra que una especie de "algodón" que se "empapa" de "pedazos" que nosotros le indicamos de imagen (fotografía, gráfico ...) y luego los "escupe" en las partes que nosotros le decimos. Suena un poco abstracto, ¡ lo sé !.

Pero... ¿ cómo empapar el algodón ?

Primero de todo tenéis que abrir la imagen que queréis retocar.
Pinchad sobre la herramienta de "clonación" (Tampón).
Buscad la ventana de ajuste, abrid la caja Option, y comprobad que la opción Clone (aligned) está seleccionada.

Tan sencillo como pulsar la tecla ALT y pinchar con el ratón sobre la zona de origen, es decir, la zona que "chupará" la pintura.

Tras haber definido la zona de origen, (y soltado la ALT) ahora ya se puede ir esparciendo por la zona correspondiente (pinchando y arrastrando el ratón).

Hay que tener en cuenta que el grosor se puede modificar en la pestaña Brushes.

Opciones Foto original

Foto antes de la "limpieza"

Foto después de la limpieza

Foto después de la "limpieza"

.... veamos alguna opción:

From Saved

Tiene un gran parecido al Erase to Saved de la herramienta de borrado.

Recuperando el original

Impressionist

Aplica un efecto tipo pintura impresionista (la verdad, no muy útil y poco estético).

Efecto pintura impresionista

Dedo

¿ Habéis leído el ejemplo en la tabla ?.

Podemos utilizar esta herramienta para difuminar "manualmente" pedazos de una imagen, pero ahora echemos un vistazo a la ventana de ajuste:

Ventana de ajuste

Hay poco que comentar, en la entrega siguiente comentaremos cada caja combinada de cada herramienta, es decir, la ComboBox que al desplegarse ofrece algunas opciones (de la ventana de ajustes), por ahora ignorémoslas.

Finger Painting

Al arrastrar el ratón utilizando esta herramienta sobre una zona (por ejemplo) amarilla, evidentemente, y si hacemos caso al ejemplo aparecerá una estela de tonos amarillos, bien, pues si activamos esta opción en vez de empezar con el amarillo de la imagen, empezará con el color de primer plano que tengamos definido en la caja de color rápido de la caja de herramientas.

Imagen original Finger Painting desactivado Finger Painting activado
Imagen original Finger Painting desactivado Finger Painting activado

Herramienta de enfoque/desenfoque

Si queremos que nuestro trabajo con el Photoshop sea profesional, a parte de otros conceptos tenemos que dominar la corrección de color lo mejor posible. Eso quiere decir que si queremos ajustar los colores, tonos, calidad de una fotografía, gráfico o lo que sea, tenemos que saber por donde andamos y tener un buen concepto.

En lo referente a esta herramienta, podemos hallar zonas en una fotografía que deseemos resaltar, o todo el contrario, difuminar.

Podemos cambiar de una forma a otra mediante el menú Tool de la venta de ajuste:

Un par de opciones

Blur (Desenfoque)

Para desenfocar con precisión podemos utilizar la pestaña Brushes y escoger alguna brocha.

 

Sharpen (Enfoque - resaltar colores)

Para enfocar con precisión podemos utilizar la pestaña Brushes y escoger alguna brocha.

Veamos un ejemplo:

Fotografía original Blur (ojo y la nariz) Sharpen (orejas, nariz y ojo)
Fotografía original Blur (ojo y la nariz) Sharpen (orejas, nariz y ojo)

Herramienta de brillo/contraste/aclarado

Digo lo mismo que en la introducción de la herramienta anterior.

Esta herramienta nos ofrece precisión en la obtención de brillo, contraste y aclarado de colores, pero maticemos un poco...

3 opciones en la ventana de ajuste

Dodge ("brillo")

Decimos que a una fotografía, gráfico... le falta brillo cuando las figuras tienen un tono "mate", opaco, y les falta resplandor; entonces podemos aplicar sobre aquellas partes que consideremos oportunas esta herramienta.

Burn ("contraste")

Decimos que a una foto, gráfico... le falta contraste cuando las figuras tienen los colores poco definidos, tenues y se confunden con facilidad con el resto; entonces podemos aplicar sobre aquellas partes que consideremos oportunas esta herramienta.

Sponge ("aclarado de colores")

Posiblemente, una fotografía, gráfico... tenga los colores muy definidos, lo que se dice vulgarmente "colores chillones", para aumentarlos todavía más utilizamos el Sponge que actúa como una esponja, empapando los tonos oscuros.

Veamos un ejemplo:

Fotografía original
  Fotografía original
   
Dodge Burn Sponge
Dodge Burn Sponge

 

Despedida y cierre

Bueno, pues por hoy ya está bien, otro día más... no prometo nada pero quizás para finales de Octubre la 3ª entrega.

En la próxima entrega veremos la parte inferior de la caja de herramientas, las ComboBox de cada herramienta (en su ventana de ajustes) y los menús de Ayuda del Photoshop, con esto ya tendremos una porción de programa “desguazado” y creo que ya estaremos capacitados para hacer algunas birguerías... ;^)

Si tenéis alguna duda sobre todo esto que estoy explicando, no dudéis en mandarme un e-mail, será para mí un placer poder ayudar a todo aquél quien lo necesite.

 

¡ Ánimo a todos y hasta muy pronto !

Jordi Fosch

HOME PAGE http://www.arrakis.es/%7ejfosch
E-MAIL jfosch@arrakis.es


ir al índice