Unidad 1.

Introduccin a Photoshop CS (I)

Qu es Photoshop?

Photoshop, creado por Adobe Systems, es una de las herramientas software

para el tratamiento de imagen ms potente hoy en da.

Debemos tener bien claro desde el principio que Photoshop no est pensado
para dibujar, para eso es recomendable que utilices Illustrator de Adobe o
Freehand de Macromedia. Photoshop est principalmente orientado a tratar
y manipular imgenes, o bien creadas por otros programas, o digitalizadas
por un escner o mquina fotogrfica. Entonces, una vez introducida la
imagen en el programa podras retocarla, transformarla y editarla con un
sinfn de posibilidades.

De hecho, esta es una de las caractersticas ms interesantes de Photoshop,

pues Adobe ha sabido hacer un programa intuitivo y muy completo que
hace que se desmarque de la competencia y sea el software ms utilizado
por diseadores e ilustradores.

Iniciando Photoshop

Para arrancar Photoshop, una vez instalado haz doble clic sobre su icono en
el escritorio Icono Photoshop CS. En el caso de que no tuvieses un acceso
directo, puedes acceder al programa a travs del men InicioTodos los
programasAdobe Photoshop CS.

Una vez lanzada la aplicacin, Photoshop comenzar a cargar sus plug-ins,

fuentes, pinceles, herramientas y mens. Este proceso puede tardar un
poco, sobre todo en ordenadores ms lentos y con poca memoria RAM
(memoria que se utiliza para ejecutar aplicaciones y guardar documentos
mientras se trabaja con ellos). Pero una vez cargado, el programa estar
listo para empezar a trabajar.

Ahora aprenderemos unas cuantas funciones y conceptos bsicos para

poder seguir el resto del curso.

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.

Una de las caractersticas que aportan las nuevas versiones de Photoshop es el Explorador
de Archivos. Puedes verlo haciendo clic en ArchivoExplorar o desde este icono bajo la

barra de men .
El Explorador de Archivos te permite navegar por tus carpetas y organizar tus imgenes de
forma ms eficiente, pudiendo aadir informacin sobre la imagen (llamada metadatos) como
su autor, una breve descripcin o incluso darle un ttulo, adems de otro tipo de datos tcnicos
y sobre derechos de autor.

La mayora de los metadatos no pueden ser modificados pero podremos cambiar informacin
sobre la imagen en los campos que aparezcan sealados con el icono Modificar .

Bastar con hacer clic sobre el icono y el campo se convertir en una caja de texto donde
podrs escribir lo que quieras:
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, 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.

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:

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.

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:

Magnus es, domine, et laudabilis Magnus es, domine, et laudabilis

valde: magna virtus tua, et sapientiae
tuae non est numerus. et laudare te vult
homo, aliqua portio creaturae tuae, et
homo circumferens mortalitem suam,
circumferens testimonium peccati sui
et testimonium, quia superbis resistis:
et tamen laudare te vult homo, aliqua
portio creaturae tuae.
valde: magna virtus tua, et sapientiae
tuae non est numerus. et laudare te vult
homo, aliqua portio creaturae tuae, et
homo circumferens mortalitem suam,
circumferens testimonium peccati sui
et testimonium, quia superbis resistis:
et tamen laudare te vult homo, aliqua
portio creaturae tuae.

GIF sin transparencia GIF con transparencia

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.
 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.

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 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.