Está en la página 1de 48

Curso de Diseo Adobe Photoshop CS

Profesor: Agustn Laitn 1 11 1



Abrir una Imagen

Normalmente, al instalar Photoshop, aparece una seccin en la instalacin que te permite asociar
diversos tipos de archivos a la aplicacin, esto es, que permitamos a Windows abrir determinados tipos
de archivos con Photoshop.
En principio, si no cambiaste nada durante la instalacin casi todos los formatos de imagen, o al menos
los ms comunes, se abrirn con Photoshop, por lo que hacer doble clic sobre un archivo de imagen
provocar el arranque del programa y la carga del archivo.
Si este no es tu caso, hay formas alternativas para abrir archivos desde Photoshop, que son tambin
las que utilizaremos con ms frecuencia.
Vamos a ver los pasos a seguir para abrir un archivo desde Photoshop.
Una vez abierto el programa, haz clic en Archivo en la barra de men.


Se desplegar una lista como esta:


Para abrir una imagen debers hacer clic en Abrir. y se abrir un cuadro de dilogo.


Llegados a este punto, lo que debers hacer es navegar por las carpetas hasta encontrar el archivo
deseado. Cuando lo tengas seleccionado, haz clic en Abrir y la imagen se abrir en una ventana dentro
del programa.
Puedes abrir simultneamente tantas imgenes como tu ordenador soporte, pero ten en cuenta que
cuantos ms recursos consumas, ms lento ir el programa.

Curso de Diseo Adobe Photoshop CS


Profesor: Agustn Laitn 2 22 2
Guardar una Imagen

Es importante diferenciar, primero, los dos estados de trabajo en los que se puede encontrar una
imagen:
Una imagen puede estar en proceso, y no estar todava acabada. O bien porque queremos grabar
en determinado momento para no perder los cambios realizados, o porque deseamos terminar la sesin
de trabajo y continuar ms adelante.
O una imagen puede encontrarse terminada y lista para publicar, imprimir o almacenar.
Por tanto, si la imagen puede encontrarse en dos estados de trabajos, guardaremos nuestros archivos
de formas diferentes.
En ambos casos el procedimiento inicial es el mismo, haremos clic en Archivo y luego en Guardar
Como.


Aparecer el siguiente cuadro de dilogo:


Seguidamente navegaremos por las carpetas hasta encontrar el lugar donde queremos guardar el
archivo.
Ahora es cuando debemos elegir una de las dos opciones.
Guardar Imgenes inacabadas o en proceso.
Si todava no hemos alcanzado el estado final de la imagen y queremos guardar el trabajo que hemos
hecho, nos gustara que la imagen permaneciese exactamente en el estado en el que se encuentra,
Curso de Diseo Adobe Photoshop CS


Profesor: Agustn Laitn 3 33 3
manteniendo las capas, transparencias y objetos tal y como estn para poder seguir trabajando sobre
ellos despus.
Entonces deberemos decirle al programa que el tipo de archivo que queremos crear al guardar la
imagen sea de tipo Photoshop (.PSD o .PDD). Este tipo de archivo ocupa mucho espacio, pero es
debido a que guarda gran cantidad de informacin sobre el estado en el que se encuentra nuestra
composicin.
As que haremos clic sobre la lista desplegable de Tipo y seleccionaremos Photoshop.

.PSD y .PDD no son archivos de imagen, son archivos de trabajo propios de Photoshop y por tanto
slo podr utilizarse con este programa.
Guardar imgenes terminadas para su posterior almacenamiento, publicacin o impresin.
En este caso, nuestra imagen ya ha alcanzado su estado final, hemos trabajado con la imagen y
queremos finalizar su proceso.
Pues bien, ahora lo que haremos ser guardar la imagen como un archivo de imagen para que pueda
ser utilizada ms tarde como mejor nos interese. Para ello haremos clic en la lista desplegable de Tipo y
seleccionaremos el formato de imagen digital que queremos darle a nuestra imagen.

JPG y GIF son los formatos ms comunes, siendo el primero de mayor calidad, pero ms pesado (esto
es, ocupa ms espacio), mientras que el formato GIF es de menor calidad, slo permite 256 colores
como mximo, pero muchsimo ms ligero, adems de permitir transparencias y animaciones.
Ten en cuenta que en el momento en el que guardes la composicin en cualquiera de estos formatos
de imagen, todos los objetos, capas y transparencias se acoplarn creando una imagen plana, y, por
tanto, no podrs volver a manipular la imagen desde el estado de trabajo en el que se encontraba antes
de grabar.
Si quieres evitar esto, guarda una versin de trabajo (en .PSD) de tus composiciones finalizadas para
poder hacer pequeos retoques o aadidos en cualquier momento.
Curso de Diseo Adobe Photoshop CS


Profesor: Agustn Laitn 4 44 4
Una vez escogido el tipo de archivo que queremos crear (de trabajo o de archivo), haremos clic en
Guardar.
Ahora veremos los pasos que debemos seguir para guardar un archivo segn el tipo escogido.
Si guardaste el archivo en formato PSD, no encontrars ningn otro problema.
El archivo se crear en el directorio escogido y con el nombre que le diste, y cuando quieras volver a l
slo tendrs que hacer doble clic sobre su icono o acceder a l mediante el men ArchivoAbrir.
Si guardaste el archivo en formato JPG, se te presentar el siguiente cuadro de dilogo:

Desde aqu podrs configurar diferentes opciones de la imagen al guardarla. Observa el apartado de
Calidad, puedes elegir entre calidad baja, media, alta y mxima. Si escoges una calidad alta el archivo
de salida tendr un tamao mayor, mientras que si reduces la calidad ganars en espacio en disco.
Otra opcin que se te presenta es escoger el tipo de formato JPG en el que quieres comprimir el
archivo, podrs escoger entre tres tipos diferentes. Observa que al pie de la ventana hay unas cifras en
Kilobytes (unidad de medida del espacio que ocupa en memoria un archivo), si cambias entre los tipos de
formato (o la calidad de salida) vers como el tamao final del archivo vara.
En principio, que cambies el tipo de formato no alterar demasiado el tamao del archivo final, pero
puedes asegurarte seleccionndolos y escogiendo el que ms se ajuste a tus expectativas.
En cualquier momento podrs ver como afecta la compresin a la imagen activando la casilla de
Previsualizar, cualquier cambio de tono o color se reflejar en la ventana de imagen, y podrs ver antes
de guardar el aspecto final de tu composicin.
Otro punto interesante es la opcin de Mate. Desde su lista desplegable podrs seleccionar el color en
el que quieres que se muestren las transparencias, si la imagen las tuviese, ya que el formato JPG no es
capaz de mostrar espacios trasparentes.
Pero veremos las transparencias ms adelante, de momento sigamos con el siguiente formato.
Si guardaste el archivo en formato GIF, el siguiente cuadro de dilogo se mostrar al hacer clic en
Guardar:
Curso de Diseo Adobe Photoshop CS


Profesor: Agustn Laitn 5 55 5

En este paso debers determinar como se va a guardar el archivo de imagen GIF.
Como ya dijimos anteriormente, el formato GIF slo es capaz de almacenar 256 colores como mximo,
por lo que en esta ventana tendremos que decidir que colores deber almacenar y que otros despreciar
(en el caso de que nuestra imagen tuviese ms de 256 colores).
En la primera lista desplegable, Paleta, seleccionaremos el conjunto de colores de salida queremos
que contenga la imagen. La opcin Local (Selectiva), es la predeterminada, e intenta ajustar la paleta de
colores final a los colores contenidos en la imagen, despreciando algunos medios tonos para conseguir
un nmero de colores final que se cia a las propiedades del formato.
Esta es la opcin ms recomendable casi siempre, a no ser que consideres despreciables otros
colores que Photoshop en principio descart.
En el caso de que quisieses crear una paleta personalizada, debers seleccionar Personalizar..., y
aadir y eliminar colores a travs de este cuadro de dilogo:

Otras de las opciones de Paleta son aquellas que harn que los colores de imagen se ajusten a una
paleta ya predeterminada (como la paleta del sistema Windows o Macintosh, o los colores de paleta
estndares de la web) para optimizar el resultado para un sistema determinado. Estas opciones son
adecuadas si la imagen de salida va a ser utilizada nicamente para el visionado en alguno de estos
sistemas exclusivamente.
En todo momento, independientemente de la paleta seleccionada, podrs modificar el nmero total de
colores de salida bajo la lista desplegable de Paleta.
Curso de Diseo Adobe Photoshop CS


Profesor: Agustn Laitn 6 66 6
Tambin es posible forzar la paleta final a un determinado conjunto de colores (ya sean web, primarios,
blanco y negro o una paleta creada por el usuario) esto causar que los colores de la imagen se adapten
a la paleta final convirtiendo cada color de la imagen a el color ms afn que existiese en la paleta final.
En todos los casos si la casilla de Previsualizacin permanece activada, podrs ver en la ventana de
imagen el resultado final antes de guardarla definitivamente y crear el archivo de salida.
Si la casilla de Transparencia se activa, las trasparencias que contenga la imagen permanecern
trasparentes, mostrndose el fondo de la pgina donde coloques la imagen. Este es un recurso muy
utilizado en la web para crear efectos como este:
Si decidieses no mantener las transparencias puedes seleccionar el color que debern mostrar stas
en la imagen final desde la lista desplegable Mate, igual que en el caso anterior.
Una vez seleccionadas todas las opciones de color pulsars OK, Photoshop te preguntar si deseas
que la imagen se guarde entrelazada.

Como GIF es un formato diseado para el intercambio de imgenes por la red, el efecto entrelazado
facilita este proceso reservando el espacio de la imagen en la pgina para luego descargar la imagen
lnea a lnea, puedes observar este efecto en muchas webs, pues es un recurso muy utilizado para
imgenes que ocupan bastante espacio y tards un poco en cargar.
Para imgenes pequeas es recomendable no utilizar el entrelazado y as ahorrarnos un poco en el
tamao final del archivo.
Una vez aceptadas todas las opciones, el archivo se habr guardado en la carpeta que escogiste, y
estar listo para imprimir, publicar o almacenar hasta un uso posterior.

Abrir un Nuevo Documento de Trabajo

Hasta ahora hemos visto como abrir una imagen para tratarla en Photoshop, y a guardarla en
cualquiera de los estados en los que se encuentre en cualquier momento. Pero ahora aprenderemos
algo ms esencial, esto es, crear un documento en blanco desde el que crearemos una imagen a
partir de cero, bien sea aadiendo recortes o imgenes completas desde otros archivos o
introduciendo objetos propios como texto o formas.
Para ello, y una vez inicializado el programa, haremos clic en ArchivoNuevo para que aparezca
el cuadro de dilogo de Nuevo Documento de Photoshop.


Desde esta ventana vamos a configurar el documento que vamos a crear, definiendo sus
caractersticas bsicas, como son el tamao, la resolucin y el color de fondo.

Curso de Diseo Adobe Photoshop CS


Profesor: Agustn Laitn 7 77 7

En principio, si conocemos el tamao final que queremos que tenga la imagen, podemos definir su
tamao introduciendo la altura y anchura deseadas directamente. Observa que puedes cambiar las
unidades con las que se mide el lienzo (el rea de la imagen) y medirlas en centmetros, til para
imgenes fotogrficas, o en pxeles, ms recomendado para imgenes destinadas a la publicacin en
Internet.
Un pxel es la unidad ms pequea en la que se puede descomponer una imagen digital, a cada
pxel le corresponde un color, y as, pxel a pxel se va formando la imagen total.
Imagina una imagen formada por millones de cuadraditos diminutos. A simple vista la imagen con
un zoom real (al 100%) parece normal, pero si aumentamos el zoom podemos ver la imagen cada
vez ms "cuadriculada". Esto es debido a que al acercarnos cada vez ms vamos viendo los pxeles
de ms cerca.
Si aumentamos el zoom al mximo veremos que la imagen est formada por cuadrados de
colores, que en conjunto forman la imagen. Estos cuadrados son los pxeles.



Hay que tener en cuenta que un pxel no tiene un tamao real (en centmetros). Depende de la
resolucin de pantalla con la que se muestre. Si tu resolucin de pantalla es de 800x600 significa que
tu pantalla (sea del tamao que sea) mostrara 800 pxeles en su anchura y 600 en su altura.
Podemos configurar la pantalla para que muestre muchos ms pxeles en el mismo espacio
seleccionando una resolucin de 1024x768 pxeles. El tamao en centmetros ser el mismo, pero se
mostrarn ms pxeles en un mismo espacio.
Es debido a esto que una imagen parezca ms grande en resoluciones ms bajas, porque un pxel
a 800x600 mide ms (en centmetros) que lo que medira si nuestra configuracin fuese ms alta.
Curso de Diseo Adobe Photoshop CS


Profesor: Agustn Laitn 8 88 8
Por esto es que una imagen medida en pxeles es ms apropiada para la publicacin en web.
Queremos saber el espacio real que ocupar en pantalla, y no el espacio que tendra si la
imprimisemos.
Tambin es posible que quieras que tu imagen tenga un tamao estndar ya definido, como podra
ser el tamao de hoja A4 o carta. Si este es tu caso, puedes hacer clic en la lista desplegable de
Predefinir y hacer clic sobre el elemento que se ajuste a tus medidas. Photoshop, automticamente
asignar el tamao al lienzo de la imagen con las medidas que tiene guardadas para cada tipo de
documento.
Es necesario comprender tambin el concepto de resolucin, la siguiente caracterstica que
trabajaremos.
La resolucin de una imagen dice mucho sobre su calidad, nos permite conocer la cantidad de
pxeles que podemos encontrar en ella. La resolucin se define como el nmero de pxeles por
pulgada (ppp o ppi; 1 pulgada equivale a 2.54 centmetros), y por tanto, si las dimensiones son
pequeas y la resolucin alta, tendremos una imagen de buena calidad. Las imgenes de mayor
resolucin pueden reproducir ms detalle y transiciones de color ms suaves debido a la densidad de
pxeles.
Observa dos imgenes con las mismas dimensiones pero con diferentes resoluciones:


Obviamente si la resolucin de una imagen es mayor, su peso (el tamao de su archivo) ser
mayor, pues es necesario almacenar ms informacin al haber un mayor nmero de pxeles.
Ahora que conocemos mejor el concepto de resolucin podemos escoger una resolucin para
nuestra nueva imagen. Por defecto, Photoshop asigna al nuevo documento una resolucin de 72ppp,
el estndar para imgenes en Internet, pero si lo que pretendes es imprimir la imagen con
posterioridad, es aconsejable que utilices una resolucin entre 240 y 300ppp.
Otra de las opciones que tenemos que cambiaremos ser la del Modo de color. De esto slo
diremos que si trabajamos con una imagen destinada a ser visualizada utilizaremos el modo RGB
(rojo, verde y azul, el sistema que utilizan los monitores), sin embargo si lo que queremos hacer con
nuestra imagen es imprimirla deberemos seleccionar el modo CMYK (cian, magenta, amarillo y
negro, el sistema en el que las impresoras "dibujan" las imgenes).
Una vez seleccionadas todas las caractersticas de nuestro documento elegiremos el color del
fondo de la imagen. Si seleccionamos algn modo que no sea transparente, la capa de fondo ser
inamovible y no se podrn realizar algunas de las caractersticas avanzadas de Photoshop. Es
Curso de Diseo Adobe Photoshop CS


Profesor: Agustn Laitn 9 99 9
recomendable seleccionar un fondo transparente, as surgirn muchas menos complicaciones al
trabajar con las capas (como veremos ms adelante).
El fondo transparente, en Photoshop, se muestra con un entramado de recuadros blancos y grises.

Puedes guardar el perfil del documento que estas creando haciendo clic en Guardar valor, as
podrs definir el mismo tipo de documento seleccionndolo directamente desde la lista desplegable
Predefinir.
Una vez configurado el documento pulsa OK, y una ventana en blanco se abrir en el espacio de
trabajo.

El rea de Trabajo

Una vez abierto el programa observaremos diferentes barras y paneles distribuidos en el entorno
de trabajo. Abramos una imagen de prueba para que todas las opciones se encuentren disponibles.
Recuerda que podemos abrir nuestros archivos a travs del men ArchivoAbrir.
Una vez abierta la imagen, todas las barras y paneles se encuentran activos y el rea de trabajo
toma esta forma:



Curso de Diseo Adobe Photoshop CS


Profesor: Agustn Laitn 10 10 10 10
La Barra de Men

La barra en el extremo superior es la Barra de Men, esta barra aparece en la mayora de
programas por lo que ya debes estar acostumbrado a ella. Desde aqu podrs acceder a diferentes
opciones de men, como por ejemplo abrir un archivo, guardarlo y luego cerrarlo. Tambin podrs
acceder a opciones mucho ms complejas que iremos viendo a lo largo del curso.



El Panel de Herramientas

El panel alargado es el Panel de Herramientas, ah puedes ver en forma de
iconos todas las herramientas disponibles en Photoshop. Observa con atencin
que algunas de ellas tienen un pequeo tringulo en su esquina inferior derecha
. Este es el indicador de grupo de herramientas. Si posicionas el cursor sobre
alguno de estos iconos y pulsas el botn derecho del ratn se desplegar la lista
de herramientas pertenecientes al grupo.
Si desplegamos el men del icono pincel se desplegar la lista de herramientas
de dibujo.

Como ves, dentro del grupo de herramientas de dibujo podemos encontrar el
Pincel y el Lpiz. La letra que aparece a la derecha del nombre de la herramienta
nos informa del mtodo abreviado de teclado para acceder a la herramienta activa
de este grupo. La herramienta activa se encuentra siempre marcada por un
cuadrado negro.
En el panel de herramientas podemos encontrar tambin los selectores de
color , en Photoshop trabajaremos siempre con dos colores activos, que
pueden ser totalmente configurados por el usuario. El color situado al frente ser
el color Frontal, la mayora de las herramientas lo tomarn como color de trabajo.
El que se encuentra detras es el color de Fondo, podemos establecer este color
como el color del fondo del documento, de esta forma podemos utilizar
herramientas que pinten con el color de fondo y as imitar de alguna forma el
borrado de pxeles.
El recuadro que se encuentra al frente muestra el color que estamos utilizando,
en cualquier momento podemos hacer clic sobre el icono de doble flecha e
intercambiaremos los colores de los recuadros entre s, haciendo que el color que
se encontraba en el recuadro del fondo pase al frente y, por lo tanto, nuestras
herramientas usarn ese color como predeterminado.
Observa que en cualquier momento puedes hacer clic sobre el icono para
restablecer los colores activos a negro y blanco (los iniciales de Photoshop).

Curso de Diseo Adobe Photoshop CS


Profesor: Agustn Laitn 11 11 11 11
Para seleccionar un color haz clic sobre uno de los recuadros y se abrir el cuadro de dilogo
Selector de color. Una vez aqu podrs elegir un color de entre toda la paleta que Photoshop te
ofrece.


Una vez seleccionado el color puede que te aparezcan unos iconos como estos:


El icono advierte al usuario que el color seleccionado se halla fuera de la paleta de impresin,
y es posible que cuando quieras imprimir la imagen, este color no se corresponda exactamente con
el que escogiste y se muestre con un tono diferente.
Lo mismo ocurre con el icono de incompatibilidad web , si creas una imagen que contenga un
color no compatible con los estndares web es muy probable que se muestre de diferentes formas
segn el navegador y el sistema operativo utilizado.
Durante el curso iremos viendo una por una las herramientas de este panel, aunque debido a la
extensin que eso supondra dejaremos algunas de lado por tratarse de herramientas avanzadas o
de escasa utilidad para el usuario novel.
Aun as, mostraremos un listado de las herramientas que pasaremos por alto y una breve
explicacin de su funcionalidad:


Este grupo de herramientas se utiliza para crear
sectores.
Los sectores se utilizan para dividir una imagen en
reas funcionales (sectores) que pueden tener
propiedades diferentes. Estas imgenes irn
destinadas a la publicacin web.
Curso de Diseo Adobe Photoshop CS


Profesor: Agustn Laitn 12 12 12 12

Este grupo de herramientas se utiliza para crear
trazados.
Los trazados se utilizan para crear formas vectoriales
(lineas y curvas definidas matemticamente). Estas
formas son independientes a la resolucin y pueden
redimensionarse sin problemas.

La primera opcin, la herramienta Cuentagotas,
toma muestras de color de cualquier parte del lienzo y
la hace activa en los selectores de color.
La herramienta Muestra de color toma hasta como
mximo 4 muestras de color del lienzo para mostrar sus
propiedades en la paleta de Informacin (junto al
Navegador).
La ltima, la herramienta Medicin, mide la
distancia entre dos puntos dados mostrndose el
resultado, tambin, en la paleta Informacin.
Los iconos al pie del panel nos permiten alternar entre distintas vistas del rea de
trabajo, unas ms despejadas que otras. El ltimo botn importa la imagen a ImageReady,
un programa que se instala con Photoshop y que se dedica exclusivamente a la edicin y posterior
publicacin de imagenes en internet.

La Barra de Opciones de Herramientas

En la parte superior de la ventana y bajo la barra de men encontramos la barra de Opciones de
Herramientas, el contenido de esta barra cambiar segn la herramienta que tengamos
seleccionada. A medida que avancemos y aprendamos nuevas herramientas iremos viendo como
utilizar esta barra y sus opciones.


De momento diremos que desde aqu podemos cambiar aspectos de la herramienta como su
tamao, su opacidad, etc. Cada vez que hagas un cambio en la herramienta, ste se mantendr para
que cuando vuelvas a seleccionarla su estado sea el mismo que era cuando la utilizaste por ltima
vez. Si en algn momento quieres restaurar la herramienta a su estado original, debers hacer clic
con el botn derecho del ratn sobre la imagen de la herramienta en la barra de opciones de
herramienta y seleccionar Restaurar Herramienta.
Curso de Diseo Adobe Photoshop CS


Profesor: Agustn Laitn 13 13 13 13

La opcin Restaurar Todas volvera todas las herramientas a su estado original.

La Barra de Estado

Una barra que nos ser de mucha utilidad es la Barra de Estado, al pie del espacio de trabajo. En
ella encontrars ayuda sobre la herramientas seleccionada y las funcionalidades adicionales que
puedes conseguir mediante la combinacin del teclado y el ratn.
Por ejemplo, si seleccionamos la herramienta Pincel podremos leer esto en la barra de
estado:


Si mantenemos pulsada la tecla Shift vers como el mensaje de la barra de estado
cambia para mostrar lo siguiente:


En combinacin con la herramienta pincel, la tecla Shift acta de forma que podemos pintar lneas
rectas con un simple clic.
Iremos viendo las diferentes opciones a medida que vayamos aprendiendo ms sobre las
herramientas.
Ahora centrmonos en la primera parte de la barra de estado. Como podrs observar, a la
izquierda del todo encontraremos un porcentaje, este nmero es el zoom aplicado a la imagen
abierta.

Por defecto Photoshop intenta ajustar la imagen al tamao del rea de trabajo, si sta es muy
pequea o la imagen es demasiado grande, Photoshop reducir el zoom para poder mostrar la
imagen completa en pantalla.
Recuerda que el zoom no afecta al tamao de la imagen, sino a la vista. Aunque reduzcamos o
ampliemos el zoom para ver con mayor claridad la imagen, las dimensiones de sta siguen siendo
las mismas.
Entonces, ya que el porcentaje que se muestra en la barra de estado indica el nivel de zoom que
estamos aplicando, podemos hacer clic sobre este porcentaje y modificarlo, introduciendo un nmero
diferente y pulsando la tecla Enter . Vers como cambia el zoom de la imagen.

La Ventana Navegador

Curso de Diseo Adobe Photoshop CS


Profesor: Agustn Laitn 14 14 14 14
Tambin es posible, y ms cmodo, utilizar la ventana de Navegador. En principio, la encontrars
a la derecha del rea de trabajo, muestra una miniatura de la imagen con la que estamos trabajando.


Si no se encontrase visible puedes activarla desde el men VentanaNavegador en la barra de
men.

El navegador, como ya hemos dicho, muestra una miniatura de la imagen activa. Permite modificar
la vista de la imagen acercndola y alejndola mediante este control: .
Observa que si se mueve el control hacia la derecha el zoom aumenta, haciendo que la imagen se
vea ms grande (o desde ms cerca). Si, por el contrario, desplazamos el marcador hacia la
izquierda, veremos la imagen cada vez ms pequea (o desde ms lejos), porque el zoom
disminuye.
Fjate que en la miniatura aparece un recuadro con el borde rojo , este recuadro te
ayudar a navegar por la imagen cuando el zoom sea demasiado grande y veas slo una parte de la
imagen. Haciendo clic sobre la miniatura puedes desplazar el recuadro y mostrar en la ventana el
rea contenida por ste.
Otra forma de desplazar la vista de la imagen sera usando la herramienta Mano, en el Panel de
Herramientas:

Esta herramienta te permite desplazar la vista de la imagen. Los pasos a seguir para utilizarla son
los siguientes:
1. Haz clic en la herramienta Mover para activarla.
Curso de Diseo Adobe Photoshop CS


Profesor: Agustn Laitn 15 15 15 15
2. Desplaza el puntero hasta la imagen y haz clic sobre ella. Vers que la forma del
puntero cambia.
3. Sin soltar el botn del ratn, arrastra la vista de la imagen hasta llegar al punto
deseado.

La Ventana Color

Otra ventana interesante es la de Color, generalmente bajo la ventana de Navegador. Puedes
acceder a ella a travs del men VentanaColor, o pulsando la tecla F6.

Desde aqu puedes seleccionar colores de una forma ms rpida que desde el cuadro de dilogo
de seleccin de color. Desplazando los controles a izquierda y derecha debers encontrar la
proporcin exacta de rojo, azul y verde para formar el color que estas buscando.


Si escogieses colores no compatibles, se mostraran los mismos iconos que vimos en el selector de
color.
Como ves, esta ventana consta de tres pestaas, la primera, Color, ya sabemos para que sirve, las
otras dos son muy sencillas.
La pestaa Muestras ofrece diferentes colores guardados en el sistema, y desde los botones y
puedes agregar y eliminar muestras para crear una paleta personalizada y cambiar de colores
ms rpidamente.

Curso de Diseo Adobe Photoshop CS


Profesor: Agustn Laitn 16 16 16 16
La pestaa Estilos contiene diferentes estilos de relleno o texturas que podrs utilizar en tus
composiciones, ms adelante veremos cmo utilizarlos y cmo crear nuestros propios estilos.



La Ventana Historia

Otra ventana que utilizaremos ser la ventana de Historia, accesible desde el men
VentanaHistoria.

Esta ventana consta de dos pestaas. La primera, Historia, muestra por orden cronolgico las
acciones realizadas sobre una imagen, donde las posiciones al pie de la lista son ms reciente que
las situadas al principio.
El control de desplazamiento indica la ltima accin visible realizada. Puedes deshacer un
nmero indefinido de acciones desplazando el control o haciendo clic sobre la ltima accin que
quieras que permanezca activa.
En Photoshop el comando EdicinDeshacer (Ctrl+Z) acta de forma diferente que en otros
programas. Mediante este comando nicamente puedes deshacer la ltima accin realizada. Si lo
que quieres es deshacer varios cambios debers utilizar la orden EdicinPaso Atrs
(Ctrl+Alt+Z) y ejecutar el comando hasta haber deshecho las acciones deseadas.

Observa que el comando Paso Atrs acta de la misma forma que si deshicisemos acciones
desde la ventana de Historia, por lo que a veces es recomendable usar la ventana para tener una
vista de las acciones realizadas ms completa.
El comando EdicinPaso Adelante acta de forma contraria a Paso Atrs, rehaciendo una a
una las acciones guardadas en el historial.
Curso de Diseo Adobe Photoshop CS


Profesor: Agustn Laitn 17 17 17 17

En la ventana Historia podemos encontrar tres botones. El botn eliminar borrar del historial
todas las acciones comprendidas entre la accin seleccionada y la ltima realizada, dejando la
imagen y el historial en la forma en la que se encontraban justo antes de la accin seleccionada.
El botn Crear instantnea nueva es muy til, pues guarda una instantnea del estado de la
imagen en un punto determinado, permitiendo volver a ella en cualquier momento, incluso habiendo
realizado diferentes acciones despus.
Tambin encontramos el botn Crear un documento nuevo desde el estado actual , que
genera un nuevo archivo con el estado en el que se encuentre la imagen, as podrs seguir
manipulndola manteniendo una copia de la imagen intacta en segundo plano.
En esta misma ventana encontramos tambin la pestaa Acciones, que ofrece la posibilidad de
lanzar un conjunto de acciones mecanizadas predefinidas con anterioridad. En principio, el conjunto
de acciones disponibles son las predeterminadas por Photoshop, aunque existe la posibilidad de
crear acciones propias mediante el botn de Grabar Accin de la ventana.


Las Herramientas de Pintura y Edicin
Una vez que ya conocemos el entorno de Photoshop, vamos a aprender como utilizarlo. Para ello
veremos las principales herramientas del programa. Empezaremos con las herramientas de pintura.
En el panel de herramientas podemos encontrar el icono Pincel, si hacemos clic derecho sobre
l, se desplegar una lista mostrando el grupo formado por la herramienta Pincel y la herramienta
Lpiz, ambas con caractersticas parecidas, pero con algunas diferencias.


Estas dos herramientas te permiten pintar con el color frontal actual, aunque por defecto la
herramienta Pincel crea trazos mucho ms suaves mientras que los bordes del lpiz con ms
irregulares.
Vamos a ver las caractersticas propias de cada una de ellas.



Curso de Diseo Adobe Photoshop CS


Profesor: Agustn Laitn 18 18 18 18
La Herramienta Pincel
Una de las diferencias respecto al Lpiz es la posibilidad de convertir esta herramienta en
aergrafo, para ello slo tenemos que pulsar el botn en la barra de Opciones de
Herramientas. Este botn tiene dos estados, pulsado (el aergrafo est activado) e inactivo
(el pincel actuar normalmente).
Esta opcin es til cuando queremos que la herramienta pinte conforme a la presin ejercida por
el pincel. As si mantenemos el botn del ratn pulsado durante un tiempo se ir aadiendo ms
pintura a la imagen, mientras que si el aergrafo se encuentra desactivado, por mucho que
mantengamos la presin, la cantidad de pintura en un punto ser siempre la misma.
Adems de esta posibilidad, existe otra opcin nica del Pincel: el Flujo .
El flujo establece la rapidez con la que la herramienta Pincel aplica la pintura, por lo que cuanto
menor sea el porcentaje que aplicamos, ms suave ser el resultado.
Podemos encontrar el calibrador de flujo en la barra de Opciones.

La Herramienta Lpiz

Como ya hemos dicho, el Lpiz, al pertenecer al mismo grupo, comparte casi todas sus opciones
con el Pincel, slo veremos la nica opcin propia de esta herramienta: el Borrado automtico
.
Esta opcin, como prcticamente todas, tambin se encuentra en
la barra de Opciones de Herramientas, y se comporta del siguiente
modo:
Si el primer pxel en el que hiciste clic es del color frontal, el
lpiz pintar con el color de fondo borrando el color frontal.
Si el primer pxel en el que hiciste clic es de otro color, el
lpiz usa el color frontal para pintar.

Veamos un ejemplo de como funcionara esta opcin:

Curso de Diseo Adobe Photoshop CS


Profesor: Agustn Laitn 19 19 19 19




Opciones del Pincel y el Lpiz

Ahora que hemos visto las caractersticas propias de cada una de estas herramientas, vamos a ver
las opciones que tienen en comn.
La Opacidad es una opcin que encontraras a menudo mientras trabajas con Photoshop. Se trata
de un porcentaje (igual que el Flujo), y de ella depende la transparencia del trazo dibujado. Al 100%,
la pintura es completamente opaca, mientras que al mnimo (el 1%) es imperceptible.


Una de las caractersticas ms complejas de Photoshop es el Modo de Fusin. Dependiendo del
modo en el que se utilice la herramienta pintar de una forma u otra. Veremos ahora los modos ms
importantes.
Curso de Diseo Adobe Photoshop CS


Profesor: Agustn Laitn 20 20 20 20
Normal, el modo por defecto, el pincel actuar como
esperas, pintando con el color frontal por donde crees el trazo.
Detrs, el pincel pinta con el color frontal nicamente en
las partes que sean transparentes. Si intentas pintar en un rea
ya coloreada el pincel no pintara nada.
Borrar, elimina el color por donde crees el trazo dejando
esa zona transparente. Este modo acta de forma similar a la
herramienta Borrador, que veremos ms adelante.
Oscurecer, el color resultante del trazo es evaluado por
Photoshop, slo pintar si ste es ms oscuro que el color
existente en la imagen.
Aclarar, acta de forma contraria, el trazo se muestra
nicamente si el color resultante es ms claro que el existente
en la imagen.
El resto de los modos exigen un conocimiento de conceptos ms
avanzados como son los canales RGB. Aunque si quieres aprender
ms sobre las opciones de fusin consulta la ayuda de Photoshop y
realiza una bsqueda por "Seleccionar modo de fusin".


El Concepto de Pincel

Podemos hablar del concepto pincel como la forma de pintar que tienen las herramientas de
pintura. No hemos de confundir el concepto de Pincel (o punta de pincel) con la herramienta Pincel.
Las herramientas Pincel y Lpiz permiten la personalizacin de la forma en la que pintamos,
pudiendo crear un trazo ms grueso, con menos dureza u otros aspectos que veremos a
continuacin.
Existen dos formas de acceder a las propiedades del pincel, y en ambas debes tener seleccionada
la herramienta Pincel o Lpiz. Entonces, haremos clic sobre el desplegable en la barra de Opciones
de Herramientas .
Curso de Diseo Adobe Photoshop CS


Profesor: Agustn Laitn 21 21 21 21
Otra forma de acceder a esta ventana es hacer clic derecho
sobre la imagen cuando una de estas herramientas se encuentre
seleccionada.
Desde la primera opcin, Dimetro maestro, podremos
escoger el tamao del pincel, para ello hemos de desplazar el
control hacia derecha o izquierda hasta alcanzar el tamao
deseado, o introducir su tamao en pxeles directamente sobre la
caja de texto.
Tambin es posible configurar la Dureza del pincel, e igual que
la anterior, seleccionaremos mediante el control de
desplazamiento una dureza entre los valores 0% y 100%, siendo
el primero el pincel ms blando y el segundo el ms duro.

Cuanta ms dureza tenga un pincel, menos suaves sers sus trazos.
Desde esta ventana es posible escoger, tambin, entre una variedad enorme de pinceles
preestablecidos, slo debers escoger el que ms se ajuste a tus necesidades y hacer clic sobre l para
seleccionarlo. Para algunas puntas de pincel estn deshabilitadas algunas de las opciones de edicin,
siendo posible, por ejemplo, poder cambiar su tamao pero no su dureza.
Aunque en principio slo se muestren estos pinceles, hemos de saber que existen bastantes ms
que podemos cargar si hacemos clic en este icono .
Se desplegar la siguiente lista:

Como puedes observar, existen muchas variedades entre las que elegir. Para cargar, por ejemplo,
los pinceles de efectos especiales haz clic sobre ellos. El sistema se asegurar de que quieras
hacerlo, porque para cargar unos pinceles es preciso descargar primero los anteriores.


Haz clic en OK y la lista de pinceles cambiar para mostrar los nuevos.
Si en algn momento quieres cargar los pinceles por defecto, haz clic sobre Restaurar pinceles y
estos sustituirn a las muestras que tengas cargadas.
Puedes elegir la forma en la que las puntas de los pinceles son mostradas, para ello escoge una
de las siguientes vistas y la lista de pinceles se actualizar mostrndose como escogiste.
Curso de Diseo Adobe Photoshop CS


Profesor: Agustn Laitn 22 22 22 22


Si en algn momento quieres guardar una determinada configuracin de pincel para acceder a ella
ms rpidamente, pulsa el botn Nuevo y se abrir un cuadro de dilogo donde debers introducir
el nombre con el que deseas guardar el pincel.
Existe un modo mucho ms completo para personalizar tus pinceles, haz clic en la pestaa de
paleta de Pinceles, en la parte derecha de la barra de Opciones de Herramientas,


o en el icono de propiedades de herramienta en la misma barra.
Se mostrar una ventana como esta:


Desde aqu puedes tener acceso a todos los pinceles preestablecidos y modificarlos, o crear tus
propias puntas de pincel.





Curso de Diseo Adobe Photoshop CS


Profesor: Agustn Laitn 23 23 23 23

Combinaciones de Teclado

De las combinaciones de teclado con estas herramientas comentaremos solamente el uso de la
tecla Shift . Siempre que pulses esta tecla, aparecer el siguiente mensaje en la barra de
estado:

Este modo te permitir crear lneas rectas. O bien horizontales y verticales haciendo clic con el
ratn en el principio del trazo, pulsando la tecla Shift y mantenindola presionada hasta pulsar el
lugar de fin de trazo. O simplemente para crear trazos rectilneos. Para ello, mantn la tecla Shift
presionada y haz clic en diferentes puntos del lienzo, observars como se crean trazos rectos desde
el primer punto donde hiciste clic al siguiente.
Las Herramientas de Pintura y Edicin
Ahora hablaremos de otro grupo de herramientas que tambin nos permiten aadir pintura sobre el
lienzo: los Tampones.
Si hacemos clic derecho sobre su icono veremos las dos herramientas dentro de este grupo:


El Tampn de Motivo

Veremos primero esta herramienta debido a su gran parecido con las del grupo anterior.
El Tampn de Motivo te permite pintar del mismo modo que las anteriores, por lo que muchas de
sus opciones son iguales. La diferencia se encuentra en que esta herramienta no utiliza pintura
sino un patrn o Motivo.
Como puedes observar en la barra de Opciones, la configuracin de esta herramienta no se
diferencia mucho de la del Pincel.


De hecho, las nicas opciones diferentes son las 3 ltimas:


Haremos clic en el desplegable de Motivo para ver las opciones disponibles.

Curso de Diseo Adobe Photoshop CS


Profesor: Agustn Laitn 24 24 24 24
Si observamos esta ventana veremos que es muy similar a la paleta de pinceles que vimos
anteriormente, Haciendo clic en el botn veremos que es posible cargar diferentes motivos
agrupados por categoras.

Otra opcin disponible es la de Alineado , con esta opcin activada te asegurars de
que el motivo se muestre uniforme aunque haya sido creado con diferentes trazados. Este recurso es
muy til para evitar la superposicin de trazos, creando un motivo final homogneo.
Finalmente, tambin es posible aadirle al tampn un ligero efecto Impresionista marcando su
correspondiente casilla . De este modo, el resultado del tampn ser ms suave y difuso.

El Tampn de Clonar

El Tampn de Clonar es una herramienta muy til en el retoque fotogrfico, esta herramienta
hace una copia exacta de una zona de la imagen y te permite trasladarla a otra zona del lienzo.
Su uso es relativamente sencillo, por lo que veremos su explicacin mediante el siguiente ejercicio:
1. Seleccionamos la herramienta Tampn de Clonar en el panel de herramientas.

2. Mantendremos pulsada la tecla Alt para seleccionar la zona de la imagen que queremos
copiar haciendo clic sobre ella.

Curso de Diseo Adobe Photoshop CS


Profesor: Agustn Laitn 25 25 25 25
3. Una vez seleccionada la zona a clonar, el tampn est listo para copiar. Lleva el puntero del
ratn al punto que quieres modificar y pulsa el botn izquierdo del ratn creando tantos trazos como sea
necesario.

Observa como los trazos crean una copia exacta de la zona que escogiste en principio.
Durante todo el proceso vers que el puntero del ratn se desdobla, mostrando una aspa en el lugar
de donde se extrae la informacin y la punta del pincel en la zona donde realizars la copia de la
imagen.
Observa que tanto el Tampn de Motivo como el de Clonar te permiten la seleccin de diferentes
puntas de pincel para adecuar la salida del trazo.
Las combinaciones de teclado y las opciones de herramienta para ambas herramientas son
similares a las vistas para el Pincel o el Lpiz.


Las Herramientas de Pintura y Edicin
Deberamos incluir en esta seccin las herramientas de Degradado y Bote de pintura.


Pues actan, tambin, aadiendo pintura, aunque en cantidades ms grandes, sobre el lienzo.

La Herramienta Degradado

Con esta herramienta sers capaz de crear degradados sobre el lienzo.
Su uso es muy sencillo:
1. Selecciona la herramienta Degradado en el Panel de Herramientas.
2. Selecciona el color de Fondo y Frontal que prefieras en el panel de herramientas.
Estos dos colores sern los que formarn parte de la transicin del degradado.
3. Haz clic donde quieres que comience el degradado.
Curso de Diseo Adobe Photoshop CS


Profesor: Agustn Laitn 26 26 26 26
4. Arrastra el ratn hasta el lugar donde quieras que termine y suelta el botn del ratn.
Recuerda que si mantienes pulsada la tecla Shift podrs hacer degradados en lnea
recta o en 45.
Las opciones de esta herramienta son relativamente sencillas:


El modo normal del degradado es que empiece con el color frontal para acabar con el color de
fondo. Si activamos la casilla Invertir cambiaremos este orden provocando que el degradado se
muestre en sentido contrario.
La opcin Tramado, marcada por defecto, realiza transiciones ms suaves. Si desactivsemos la
casilla podramos ver como la gama de colores en el degradado cambia ms bruscamente.
Desde el men de modos podremos seleccionar el tipo de degradado que
queremos aplicar. Por defecto encontraremos marcado el Degradado linear (que
de hecho es el que ms utilizaremos).

Desde el desplegable en la barra de opciones de herramientas podemos acceder a diferentes tipos
de degradados prediseados.


Haciendo clic en el icono podremos seleccionar diferentes grupos de degradados para darle
mayor vistosidad a nuestros degradados.


Curso de Diseo Adobe Photoshop CS


Profesor: Agustn Laitn 27 27 27 27
Para aquellos degradados que contengan transparencias ser necesario que la opcin
Transparencia se encuentre activada. En caso contrario, el degradado se mostrar
opaco en toda su transicin.

La Herramienta Bote de Pintura

La herramienta Bote de pintura te permite pintar de un color toda un rea del lienzo.
Esta herramienta evala el punto donde haces clic y pinta todos los pxeles contiguos del mismo
color con el color Frontal.
Ajustando la Tolerancia podrs ajustar la gama de colores sobre la que acte. Con
una tolerancia alta la herramienta colorear tambin zonas de color similares al que determinaste con
el clic. Una tolerancia baja slo pintar los pxeles del color escogido.
Si desactivamos la opcin Contiguo , el Bote de pintura colorear todos los pxeles
que contengan ese color en cualquier lugar del lienzo.
Esta herramienta te permite pintar con un motivo en vez de con el color Frontal. Para ello haz
clic sobre el desplegable Rellenar y selecciona Motivo. Ahora ya podrs seleccionar el motivo con el
que quieras rellenar el rea a pintar.



Las Herramientas de Borrado

Del mismo modo que existen herramientas que nos sirven para aadir pintura al lienzo, ya sea en
forma de color plano, de un motivo preestablecido o incluso de una copia de una zona de la imagen,
existen herramientas que nos permiten eliminarlo. Estas herramientas pertenecen al grupo de los
Borradores.





Curso de Diseo Adobe Photoshop CS


Profesor: Agustn Laitn 28 28 28 28
La Herramienta Borrador

El Borrador permite quitar la pintura de una zona determinada del lienzo y sustituirla por el
color de Fondo.
Si nos fijamos, en la barra de opciones encontramos prcticamente todas las opciones ya
conocidas. Esto es porque podemos utilizar el borrador como si de un pincel se tratase, configurando
su dureza, opacidad o flujo hasta adaptarse a nuestras necesidades.


Es por esta razn por lo que puedes seleccionar el modo de borrado. Despliega la lista
desplegable de Modo en la barra de opciones de herramientas.


Puedes escoger entre que la punta del borrador acte como un pincel, un lpiz o simplemente que
adopte la forma de un cuadrado, eliminando completamente el contenido del rea del cuadrado.
Destacaremos la opcin Borrar a historia:

Esta opcin resulta de gran ayuda, pues su funcin es la de restaurar al estado original de la
imagen las zonas afectadas por el trazo del borrador.
Este efecto se puede conseguir de modo idntico utilizando la herramienta Pincel de historia
, la cual acta tambin de este modo.
Otra forma de activar el borrador a historia es mantener la tecla Alt pulsada mientras se
utiliza el Borrador. Esto causar el mismo efecto que si la casilla de Borrar a historia se hallase
activada.

Las Herramientas de Borrado
Ahora que conocemos los conceptos bsicos sobre cmo aadir o eliminar pintura al lienzo, vamos
a tratar temas ms avanzados como son las Capas.
Una capa es como una lmina de acetato transparente y el programa te permite trabajar con
cuantas capas necesites. Imagina, pues, un conjunto de lminas de acetato; la que se encuentre en
la parte superior tapar a las otras, pero slo en las zonas en las que tenga pintura, el resto
permanecer transparente.
Hasta ahora todo nuestro trabajo se realizaba en un mismo nivel, en una sola capa. Veremos
como trabajar con diferentes niveles de capas y como sacar partido de ello.
Antes que nada le echaremos un vistazo a la ventana de Capas.
Curso de Diseo Adobe Photoshop CS


Profesor: Agustn Laitn 29 29 29 29
La Ventana Capas

Si la ventana Capas no se encontrase activa en el rea de trabajo podemos hacerla aparecer
desde el men VentanaCapas o pulsando la tecla F7.


Observemos la ventana. En principio parece muy sencilla, pero es uno de los recursos ms tiles
con los que vamos a contar.


Antes de seguir debemos resaltar el hecho de que todas las acciones que realicemos con iconos y
mens desplegables o contextuales tienen su homlogo en la barra de Men.

Crear Nuevas Capas

Para aadir nuevas capas (hojas de acetato) a nuestra composicin haz clic en el icono de Nueva
capa , vers como el programa aade una capa transparente sobre todas las que ya estaban
creadas.
Por defecto, Photoshop, nombra a las capas automticamente. Si quieres darle un nombre para
reconocerla ms fcilmente slo tienes que hacer doble clic sobre el nombre de la capa y escribir el
nuevo nombre en su lugar.

Curso de Diseo Adobe Photoshop CS


Profesor: Agustn Laitn 30 30 30 30

Tambin puedes hacer clic derecho y
seleccionar la opcin Propiedades de Capa,
donde te aparecer un cuadro de dilogo en el que
podrs cambiar el nombre y asignarle un color a la
capa para destacarla sobre las dems.




Modificar Capas

Una vez tengas las capas necesarias, querrs trabajar sobre ellas. Este paso es muy sencillo,
basta hacer clic sobre el nombre de la que quieras modificar y un icono de pintura aparecer junto a
la miniatura de la capa.

Este smbolo indica cul es la capa activa y, por tanto, la que se ver afectada por las
acciones que realicemos sobre el lienzo.

Superposicin de Capas

Asimilando el concepto de capa como el de una lmina de acetato, vers muy fcilmente el
posicionamiento de las capas.
Las capas superiores tapan a las inferiores siempre y cuando la superior tenga pintura. En el caso
contrario, si la capa superior tiene zonas transparentes, stas dejarn ver las capas inferiores.
Observa el siguiente ejemplo y la diferente posicin de las capas:

Curso de Diseo Adobe Photoshop CS


Profesor: Agustn Laitn 31 31 31 31
Adems, Photoshop te permite graduar la transparencia de las capas.
Desde la ventana de Capas puedes modificar la opacidad de la capa activa. El valor 0%
significara que la capa sera totalmente transparente y dejara ver completamente el contenido de las
capas inferiores.

En el ejemplo que estamos utilizando, si definiesemos la opacidad de la capa rbol a un 50%,
dejara ver los pjaros que vuelan en la capa Cielo:


La Visibilidad de las Capas

A veces, para trabajar mejor nos gustara no ver el resto de las capas y trabajar nicamente con la
activa, sin imgenes alrededor o superpuestas que nos molesten.
El icono a la izquierda de la capa nos indica si esta est visible o no.

Curso de Diseo Adobe Photoshop CS


Profesor: Agustn Laitn 32 32 32 32
Ocultar la capa es tan sencillo como hacer clic en el icono de visibilidad y la capa,
automticamente, se har invisible.
Observa el siguiente ejemplo:

Ten en cuenta que una capa sin visibilidad no puede ser editada, por lo tanto no podrs utilizar
ninguna de las herramientas de edicin sobre una capa que no se encuentre visible.

Diferencias entre Fondo y Capa

En la ventana de capas podemos encontrar dos tipo de elementos, las Capas y el Fondo.

El fondo nicamente aparece si escogiste un color de fondo al crear el nuevo documento de
trabajo (.PSD) en vez de dejarlo transparente.
El elemento fondo permanece siempre en ltimo nivel y no puede ser transparente.
Puedes editarlo a nivel de pintura tanto como quieras, pero no podrs aprovechar las
caractersticas que te ofrecen las capas.
Curso de Diseo Adobe Photoshop CS


Profesor: Agustn Laitn 33 33 33 33
Tambin ocurre que al cargar un archivo de imagen (del tipo .JPG, .GIF, etc.) la imagen se
muestra como fondo. Esto es debido a que al no tratarse de un archivo de trabajo de Photoshop, el
sistema lo reconoce como una imagen plana y lo define a un solo nivel como fondo.
Para transformar el fondo en una capa y poder trabajar con l en consecuencia, haz doble clic
sobre su nombre o escoge Propiedades de Capa en el men contextual:


Una vez aceptes las opciones, el fondo se habilitar como capa y podrs trabajar con ella como si
de una ms se tratase.

Las Selecciones

Cada vez sabemos ms sobre como utilizar y sacarle provecho a Photoshop, ahora veremos un
conjunto de herramientas que te permitirn hacer selecciones de imgenes para poder aprovechar
parte de ellas y despreciar el resto.


A estas herramientas las llamaremos herramientas de Seleccin:





Curso de Diseo Adobe Photoshop CS


Profesor: Agustn Laitn 34 34 34 34
Pero, an as, las diferenciaremos en 3 grupos diferentes:
Herramientas de seleccin de Marco,

Herramientas de seleccin de Lazo,

y la herramienta Varita mgica .

Trabajando con Selecciones. Cortar, Copiar y Pegar.

La funcin de estas herramientas es trabajar en el rea comprendida por los lmites de la
seleccin. As, una vez seleccionada un rea podremos realizar diferentes tareas sobre ella.
La seleccin se limita nicamente a la zona del lienzo abarcada en la capa activa. Es decir, se
selecciona una seccin de lienzo de una de las capas.
Cualquier accin realizada sobre el lienzo, afectar nicamente a la capa activa y en concreto a la
zona de sta limitada por la seleccin:



Otra de las funciones que podrs realizar con las selecciones es el cortado, el copiado y el
pegado.
Una vez seleccionada un rea en la imagen, veamos las opciones que se nos ofrecen en el men
Edicin:

Curso de Diseo Adobe Photoshop CS


Profesor: Agustn Laitn 35 35 35 35


El comando Cortar borra el contenido de la seleccin de la capa activa y guarda una copia
exacta en el portapapeles para su uso posterior.
El comando Copiar guarda una copia de la seleccin de la capa activa en el portapapeles.
El comando Copiar combinado guarda una copia de la seleccin en el portapapeles pero no
nicamente de la capa activa, sino de todas las capas visibles (no ocultas) en la imagen.
El comando Borrar elimina la pintura de la capa activa en la zona comprendida por la
seleccin.
Estas eran los comandos activos con el portapapeles vaco. Veamos que opciones se activarn si
tuvisemos alguna imagen en la seleccin.


El comando Pegar crea una nueva capa con el contenido del portapapeles. Si
estuvisemos trabajando sobre una imagen con color indexado, el contenido del
portapapeles se aadir al fondo (el modo color indexado no admite capas).
El comando Pegar dentro pega el contenido del portapapeles y crea una mscara de
capa con la forma de la seleccin actual. Observa que esta opcin no est activada si no
existe una seleccin echa sobre el documento. Las mscaras de capa son un concepto que
abordaremos ms tarde en el curso.

Las Herramientas de Seleccin de Marco

Las herramientas de este grupo realizan selecciones basadas en dos formas principales: el
rectngulo y la elipse.
Para todo el grupo la barra de opciones es la misma:


Curso de Diseo Adobe Photoshop CS


Profesor: Agustn Laitn 36 36 36 36

Las herramientas Fila nica y Columna nica no admiten
configuracin de la herramienta al estar destinadas slo a la seleccin de una fila o columna de un
pxel de altura o anchura (respectivamente) del tamao de la imagen.
Veamos pues como afectan estas opciones a las herramientas de Marco rectangular y elptico:
El modo en el que seleccionaremos depender del Estilo de seleccin.


Por defecto se encuentra en Normal, donde la herramienta se comporta del modo esperado: el clic
del ratn define la esquina superior izquierda y arrastrando creamos la seleccin hasta determinar la
esquina inferior derecha cuando soltemos el botn.
El estilo Proporciones fijas establece una proporcin entre el ancho y el alto de la imagen:
.
Si definisemos la relacin 2 a 1, le estaramos obligando a que el ancho de la seleccin fuese el
doble que su altura cualquiera que sea su tamao.
El icono conmuta los valores entre ambas cajas de texto.
Por ltimo, con la opcin Tamao fijo, puedes definir una seleccin con una altura y anchura
determinadas.

El Calado acta sobre la seleccin desenfocando los bordes de sta. Puede
tomar un valor entre 0 y 250 pxeles. Este nmero indicar el nivel de calado, que har referencia al
tamao de la transicin que se realizar tomando como centro el borde de la seleccin.


Curso de Diseo Adobe Photoshop CS


Profesor: Agustn Laitn 37 37 37 37
El Suavizado es una opcin muy til cuando estamos recortando imgenes con
bordes muy marcados. Esta opcin realiza una transicin de color del borde de la seleccin hacia el
color de Fondo, resultando menos quebrado el borde de la seleccin de la imagen. El suavizado slo
est disponible en la herramienta Marco elptico.
Las combinaciones de teclado para las herramientas Marco rectangular y elptico son las
siguientes:
La tecla Shift restringe las proporciones de la seleccin a 1:1, creando siempre
selecciones con la misma altura que anchura.
La tecla Alt permite crear la seleccin desde el centro, tomndose como
referencia el primer punto donde se hace clic con el ratn.

Las Herramientas de Seleccin de Lazo

Hablaremos de las herramientas de este grupo individualmente debido a las diferencias en sus
opciones.

Empezaremos con la herramienta Lazo , que permite realizar una seleccin a mano alzada;
donde el clic del ratn define el inicio de la seleccin y la dibujaremos con el trazo del ratn, y se
cerrar creando una lnea recta desde el inicio del trazo al lugar donde se solt el botn del ratn.
La funcin de la herramienta Lazo poligonal es muy parecida a la anterior. Se trata de crear
una seleccin poligonal definiendo los vrtices de sta.
Su funcionamiento es muy sencillo:
1. Selecciona la herramienta Lazo poligonal.
2. Haz clic sobre el inicio del trazo que configurar el
permetro de la seleccin.
3. Ves marcando las vrtices haciendo clic en cada uno
de sus puntos.
4. Para terminar el trazo posiciona el puntero cerca del
inicio del trazo hasta que adopte esta forma . Haciendo
clic en este punto el trazo se cerrar y vers la seleccin.

Es posible cerrar el trazo desde cualquier punto pulsando la tecla Ctrl y haciendo clic en
cualquier lugar del lienzo.
Curso de Diseo Adobe Photoshop CS


Profesor: Agustn Laitn 38 38 38 38
La tecla Shift crear trazos horizontales, verticales o de 45 grados.
La tecla Alt permite alternar entre la herramienta Lazo y Lazo poligonal si se pulsa
durante la creacin del trazo de permetro.
Las opciones de estas herramientas son las vistas en el Marco rectangular y elptico: el Calado y
el Suavizado.
La herramienta Lazo magntico es algo ms completa. Acta ajustndose a los bordes de las
reas definidas de la imagen evaluando los cambios de color.
Por esto, su uso es aconsejado cuando el rea a seleccionar contrasta con su fondo.
Para utilizar esta herramienta sigamos los siguientes pasos:
1. Selecciona la herramienta Lazo magntico .
2. Haz clic en el primer punto del trazo del permetro
de la seleccin.
3. Gua el trazo inteligente con el puntero del ratn.
4. Puedes definir un punto de anclaje para que el
trazo pase por ese punto haciendo clic sobre l.
Para eliminar puntos de anclaje pulsa la tecla
Suprimir tantas veces como sea necesario.
5. Una vez terminado el trazo, posiciona el puntero
sobre su inicio hasta mostrar esta forma . Haz
clic y la seleccin se cerrar.

Es posible cerrar el trazo en cualquier momento haciendo doble clic o pulsando la tecla Ctrl
al tiempo que se hace clic con el ratn.
En esta herramienta la tecla Alt te permitir el uso de las herramientas Lazo y Lazo
poligonal regresando de nuevo al Lazo magntico cuando dejes de pulsarla.

La Herramienta Varita Mgica

La herramienta Varita mgica no se basa en la forma, como las anteriores, sino que su
mtodo de seleccin es por el color.
Su uso es muy sencillo, basta con hacer clic en el color que se quiera seleccionar y el
comportamiento de la variar segn la configuracin de sus opciones.

Curso de Diseo Adobe Photoshop CS


Profesor: Agustn Laitn 39 39 39 39
El nivel de Tolerancia indicar la extensin de la gama de colores que aceptar la Varita. Si
introdujiste un 0, el nico color seleccionado ser aquel en el que hiciste clic. Con valores ms altos
Photoshop ser ms permisible y aceptar colores similares.
La casilla Contiguo obliga a que la seleccin se ajuste a colores similares en contacto
con el pxel inicial. Si no est marcada se seleccionarn todos los pxeles en la capa con el mismo
color de muestra.
Para hacer selecciones de color en todas las capas marque la siguiente casilla:
. Esto har que se evale la pintura existente en cada una de las capas y si el
color coincide aadir esa zona a la seleccin.
Existe otro mtodo para hacer selecciones por color ms visual e intuitivo. Haz clic en
SeleccinGama de colores y se mostrar el siguiente cuadro de dilogo:


Mediante el selector de color escogeremos el color en la imagen que queremos seleccionar.
Podemos variar la tolerancia con el control de desplazamiento y aadir o eliminar reas a
la seleccin mediante los iconos .

Redimensionar la Imagen

A pesar de no tratarse de una herramienta de seleccin, la herramienta Recortar coincide en
rasgos generales con estas herramientas. Sirve para recortar parte del documento para desecharlo.
Su funcionamiento es el siguiente:
Curso de Diseo Adobe Photoshop CS


Profesor: Agustn Laitn 40 40 40 40
1. Selecciona la herramienta Recortar en
el panel de herramientas.
2. Selecciona el rea de la imagen que quieras
que permanezca.
3. Puedes modificar el alto y el ancho de la
seleccin sirvindote de las guas de
tamao . Tambin puedes
desplazarla haciendo clic sobre ella y
arrastrndola a la posicin correcta.
4. Cuando tengas el rea deseada encuadrada
en el rectngulo haz doble clic sobre ella o
pulsa el icono en la barra de opciones.

Una vez aceptado el recorte, la parte sobrante se desprecia y la imagen toma el tamao de la
seleccin del recorte.
Existe otro modo de realizar recortes con selecciones muy sencillo. Una vez tengas la seleccin
que quieras transformar en recorte slo tienes que hacer clic en ImagenRecortar y la imagen se
recortar tomando las dimensiones del rea seleccionada.
Si la seleccin no fuese rectangular se tomaran los bordes como lmites para el recorte.
Otro modo de editar el tamao del lienzo de la imagen es usando el comando ImagenTamao
de lienzo.

Desde aqu puedes modificar la altura y anchura del lienzo y escoger dnde anclar la imagen
existente, para que en caso de recorte se mantenga en el centro o en alguna de las esquinas.
Si el tamao final es mayor al original, podrs elegir el color del sobrante desde el men que se
encuentra al pie:

Curso de Diseo Adobe Photoshop CS


Profesor: Agustn Laitn 41 41 41 41

Tambin existe la opcin de redimensionar la imagen sin recortarla. Simplemente cambiando su altura
y/o anchura y dejando que Photoshop se encargue de calcular la redimensin. Para ello haz clic en el
comando ImagenTamao de imagen y modifica las dimensiones en pxeles del documento:


Trabajando con Capas
Ahora empezaremos a ver ms profundamente las caractersticas que nos ofrece Photoshop. Ya
hemos aprendido qu son las capas, a modificarlas, aadirles pintura y retocarlas, a seleccionar
partes de una imagen y recortarlas para aadirlas a nuestra composicin.
Bien, ahora veremos formas de editar las capas de formas ms avanzadas: las transformaciones
y las mscaras.

La Transformacin

Transformar una capa te va a permitir modificarla de muchas formas, podrs hacerla ms
pequea, voltearla, rotarla, darle perspectiva, etc.
Para ello veremos el submen EdicinTransformar:


Como puedes observar tienes diferentes modos de transformacin, si haces clic en alguna de ellas
un marco de transformacin aparecer sobre el rea con pintura de la capa. Esto significa que has
entrado en el modo de transformacin.

Curso de Diseo Adobe Photoshop CS


Profesor: Agustn Laitn 42 42 42 42

A continuacin explicaremos cuales son sus opciones:
Escala te permite redimensionar la capa reduciendo o aumentando su altura y anchura.
Recuerda que, manteniendo pulsada la tecla Shift las proporciones se mantendrn
y la imagen no se deformar.
Rotar gira la capa respecto al punto de referencia representado como . Puedes
desplazarlo donde quieras haciendo clic sobre l y arrastrndolo a una nueva posicin o
escoger un punto predefinido desde la barra de opciones .
Los comandos Sesgar, Distorsionar y Perspectiva actan dndole el aspecto de
sesgo, distorsin y perspectiva a la capa.
Todos estos comandos funcionan del mismo modo:
1. Selecciona el comando en el submen.
2. Acerca el puntero del ratn a una de las guas
. Veras que la forma del puntero
cambia.
3. Haz clic y arrastra el ratn aplicando la
transformacin.
4. Cuando ests satisfecho suelta el botn del
ratn.
5. Puedes repetir estos pasos tantas veces como
quieras. Cuando hayas acabado haz doble clic
sobre la imagen o pulsa el botn en la barra
de opciones.

Curso de Diseo Adobe Photoshop CS


Profesor: Agustn Laitn 43 43 43 43

Puedes cambiar de modo de transformacin haciendo
clic derecho sobre la capa para que aparezca el
men contextual de transformacin.
Este mtodo te permite realizar diferentes efectos
antes de aplicar la transformacin a la imagen.

La Transformacin libre te permite entrar en modo de transformacin total, donde se pueden
aplicar todos los efectos al mismo tiempo o bien reconociendo la forma que adopta el puntero del
ratn en las diferentes opciones o mediante combinacin de teclas:

Escala



sin
combinacin

Sesgar



+

Rotar



sin
combinacin


Distorsionar



/


Perspectiva

/

+ +
Los comandos Rotar 180, 90 AC y 90 ACD realizan un giro de la capa de manera ms precisa.
(AC gira hacia la derecha; ACD gira hacia la izquierda).
Puedes conseguir la imagen reflejada de la capa con los comandos Voltear horizontal y Voltear
vertical.

Las Mscaras de Capa

Las mscaras son una solucin muy buena a muchos de los retoques que querremos realizar.
Una mscara, en principio, no es ms que un delimitador que colocaremos sobre una capa. Este
delimitador determinar el nivel de opacidad de la capa sobre la que acta.
Las mscaras slo permiten colores pertenecientes a la gama de escala de grises. El color negro
en una mscara indica que la capa sobre la que acta en esa zona ser totalmente transparente. Al
contrario, una zona blanca en una mscara indicar que la capa afectada mantendr su opacidad al
100% en esa zona.
De ah que los diferentes niveles de grises equivalgan a diferentes niveles de opacidad.



Veamos un ejemplo:
Curso de Diseo Adobe Photoshop CS


Profesor: Agustn Laitn 44 44 44 44


Partiendo de dos capas diferentes (Fig. 1) las solapamos (Fig. 2). Aplicamos la mscara con la
herramienta Degradado (Fig. 3) para obtener el resultado de la Fig. 4.

Crear Mscaras de Capa

Ya sabemos para qu sirven y cmo actan las mscaras. Aprendamos, ahora, a crear nuestras
mscaras personalizadas.
Crear una mscara es muy sencillo, slo hay que seguir unos pocos pasos:
1. Selecciona en la ventana Capas la capa sobre la que quieres que
acte la mscara.
2. Pulsa el botn Aadir mscara vectorial en la misma ventana.

La imagen arriba muestra el resultado de seguir estos pasos en la ventana Capas.
Curso de Diseo Adobe Photoshop CS


Profesor: Agustn Laitn 45 45 45 45
Expliquemos el significado de todos los nuevos smbolos:
Aparece una nueva miniatura a la derecha de la miniatura de la capa. sta es la miniatura de la
nueva mscara . En principio la mscara se muestra en blanco, por lo que la capa sobre
la que acta no se ve afectada en su opacidad por ningn cambio.
El recuadro que rodea a la miniatura de la mscara indica sobre dnde estamos aplicando la
pintura. Observa que haciendo clic en una de las miniaturas cambiamos su estado,
activndolas y permitiendo el uso de pintura sobre ella.
o
El icono de mscara activa indica lo mismo que el anterior. Se muestra en contraposicin al
icono de capa activa que se ver cuando sea la capa la que est en modo de edicin.
Por ltimo, el icono de enlazado bloquea la capa y la mscara unindolas. Si movemos una,
la otra se mover con ella. Si las desenlazamos haciendo clic sobre el icono , podremos
moverlas independientemente.

A veces es aconsejable el uso de pinceles por su suavizado, esto nos permite crear transiciones de
opacidad ms fcilmente en los bordes.
Para ayudarnos a crear la capa podemos activa su visibilidad desde la pestaa de Canales, al
lado de la pestaa Capas, o desde el men VentanaCanales.

Aqu, adems de los tres canales de color, encontraremos los canales Alfa y las mscaras de
seleccin y de capa.
Activando el icono de visibilidad podemos ver nuestra mscara de capa sobre el lienzo.

Est predefinido que las mscaras se muestren de color rojo y con una opacidad del 50%, pero
podramos cambiar estas propiedades haciendo doble clic sobre su miniatura.
Curso de Diseo Adobe Photoshop CS


Profesor: Agustn Laitn 46 46 46 46

Tambin podemos hacer clic derecho en su miniatura para ver sus opciones:


Las cuatro primeras sirven para crear diversas selecciones a partir de la forma de la mscara.
Nosotros haremos hincapi sobre las 3 ltimas:
Descartar mscara de capa elimina la mscara de capa restaurando la capa a su estado
original.
Aplicar mscara de capa fusiona la capa y la mscara dando como resultado una sola capa
con los efectos obtenidos.
Tambin es posible deshabilitar la mscara de capa para no eliminarla, pero manteniendo sus
efectos inactivos.


El Texto

El grupo de herramientas de Texto, como imaginars, sirve para introducir texto en nuestras
composiciones. Aunque podemos encontrar diferentes formas de hacerlo:


Primero vemos que es posible escribir texto en 2 direcciones diferentes, una de izquierda a
derecha y la otra de arriba abajo.
Si nos fijamos an ms tambin veremos que las dos ltimas herramientas, Mscara de texto
horizontal y Mscara de texto vertical , no dibujan texto, sino que crean una seleccin con
la forma del texto que hayas escrito.
Veremos ahora las dos primeras herramientas, Texto horizontal y Texto vertical , que
comparten todas sus caractersticas.
Curso de Diseo Adobe Photoshop CS


Profesor: Agustn Laitn 47 47 47 47

Como ves la herramienta texto te permite elegir la fuente, tamao, alineacin y color.
El icono te permite cambiar en el momento de escritura entre modo horizontal o vertical.
El desplegable indicar la forma en la que los bordes del texto se fusionan con el
fondo. La opcin Ninguno dejar los bordes completamente rectos, mientras que el
resto realizan suavizados y transiciones para mejorar el acople del texto a la imagen.

Otra de las opciones a destacar sera Crear texto deformado que muestra un cuadro de
dialogo con diferentes tipos de deformado modificables:


Desde el icono podemos acceder a ms opciones, aunque stas son ms tiles para grandes
cantidades de texto.

Una vez hayamos configurado todas las opciones del texto, y tras haberlo escrito, deberemos
hacer clic en el icono para aceptar el texto. (Cambiar de herramienta causara el mismo efecto).
Observa que ha aparecido una capa de textos en la ventana Capas:
Curso de Diseo Adobe Photoshop CS


Profesor: Agustn Laitn 48 48 48 48


Este tipo de capas no aceptan ms pintura, as que el fondo y otras imgenes debern ir
distribuidas en capas diferentes.
Existe la posibilidad de convertir una capa de texto en capa normal, para ello haz clic derecho
sobre la capa y selecciona Rasterizar capa.


Mientras la capa de texto no se rasterice podr ser susceptible de cambios. Para ello selecciona la
herramienta Texto y activa la capa de texto que quieres modificar. Los cambios que realices en la
barra de opciones se vern reflejados en la capa.