Sei sulla pagina 1di 33

Guia de Photoshop CS5 Nivel I / para Uneweb

Photoshop CS5 Nivel I.

Introduccin
Photoshop est orientado a tratar y manipular imgenes, ya sea creada por otros
programas, o digitalizadas por un escner o cmara fotogrfica. Entonces, una vez
introducida la imagen en el programa podras retocarla, transformarla y editarla con una
gran variedad de opciones.
Vector:
Es un dibujo realizado con diversas herramientas, en un programa de diseo grfico el
cual no se distorsiona independientemente de la medida en que se imprima.
Pixel:
Es la menor unidad homognea en color que forma parte de una imagen digital, ya sea
esta una fotografa, un fotograma de vdeo o un grfico.
Formatos:
Una imagen digital no es ms que un archivo que contiene la informacin de la imagen
trasformada y almacenada en forma de unos y ceros. Por ello desde que existen los
medios grficos digitales se ha buscado una forma de convertir una imagen ptica a
digital con la menor prdida de informacin posible (colores, tonalidades, entre
otros.).La compresin de imgenes requera necesariamente desechar la informacin
menos relevante, y de aqu empezaron a surgir diferentes mtodos de compresin de
archivos. Luego comenz la revolucin web, y se hizo necesario crear formatos ms
agresivos, que contuviesen menos informacin para que el archivo final pesase cada
vez menos.
Tipos de formatos ms comerciales:
El formato Jpg:
Es el tipo formato ms utilizado, indicado para fotografas e imgenes en tono continuo
en Internet por su capacidad de conseguir imgenes suficientemente reales y con un
gran nmero de colores. Soporta los modos de color CMYK, RGB y la escala de
grises tiene una compresin bastante alta. Por ello est especialmente indicado
para fotografas con muchos colores.
El formato TIFF:
De mayor calidad que el formato JPEG, pero con compresiones mucho menores.
Este formato es utilizado sobre todo en la impresin de imgenes digitales, debido a
que crea archivos de gran calidad. El nico inconveniente de este formato es el
tamao de los archivos que crea, por lo que no suele utilizarse para publicar
imgenes ni almacenamiento.
El formato GIF:
Uno de los formatos ms utilizados en Internet, crea grficos e imgenes de color
indexado en la web. Aunque una de sus carencias es la de admitir muy pocos colores
(256 como mximo), se ha expandido mayormente por su capacidad de compresin al
ser capaz de crear archivos de unos pocos kilobytes. Tambin puede preservar las
transparencias de la imagen por ello es utilizado para animaciones
frecuentemente.
Elaborado por Siamasundarini Acua

Pgina 1

Guia de Photoshop CS5 Nivel I / para Uneweb


El formato PNG:
Formato creado como alternativa a GIF. Viendo que este ltimo careca de un modo
de color, PNG nace con la pretensin de ser el nuevo formato de Imagen de
intercambio en Internet. Admite compresin con menos prdidas de informacin,
produce transparencias de fondo sin bordes irregulares y soporta los modos RGB,
escala de grises y color indexado sin canales alfa. Este formato est siendo utilizado
cada vez ms para sustituir a GIF en grficos para web, y cada vez ms en imgenes
con mayor calidad que antes eran comprimidas con JPEG.

La interfaz.
Ubicacin de los elementos:

Personalizacin de la interfaz:
Puedes hacer que la disposicin de los paneles y barras vuelvan al estado
predeterminado haciendo clic en la opcin m e n Ventana Espacio de trabajo
Aspectos esenciales (Por defecto):
Otra de las opciones que se te presentan es seleccionar un espacio de trabajo
predefinido, podrs seleccionar entre 3D avanzado, Anlisis, Automatizacin, Color y
tono, Pintura, entre otros. Todos estos tipos de espacio mostrarn unas ventanas u otras.
(Normalmente todas tienen las mismas), y destacarn las opciones de men ms
utilizadas para las diferentes tareas. Estos modos son muy tiles para trabajar con ms
Comodidad pues visualmente te ser ms rpido acceder a una opcin de esta forma.
Elaborado por Siamasundarini Acua
Pgina 2

Guia de Photoshop CS5 Nivel I / para Uneweb

Para Reorganizar, acoplar o flotar ventanas de documentos:


Si abre ms de un archivo, aparecen ventanas Documento en forma de fichas.
Si desea cambiar el orden de las fichas de ventanas Documento, arrastre la ficha
correspondiente a otra ubicacin dentro del grupo.
Si desea desacoplar (flotar o separar) una ventana Documento de un grupo de ventanas,
arrastre la ficha correspondiente fuera del grupo.

Nota: en Photoshop puede tambin elegir Ventana > Organizar > Hacer flotante la ventana
para hacer flotante una nica ventana de documento, o Ventana > Organizar > Hacer
flotante todo en ventanas para hacer flotantes todas las ventanas de documentos a la vez.

Ajustes de imagen:
Dimensiones
Como Ajustar el Tamao de imagen en Photoshop:
Abrimos cualquier imagen que tengamos (Archivo->Abrir / Ctrl+O / arrastrando el cono
de un archivo de imagen a la ventana de Photoshop).
Ahora vamos a Imagen->Tamao de imagen

En el recuadro Dimensiones en pxeles, el ancho y el alto son las medidas actuales de


la imagen. Se pueden modificar escribiendo directamente el valor en pxeles o en
porcentaje.
En Tamao del documento aparecen las medidas segn el soporte de salida. Que
podemos elegir el tamao en funcin del modo que usaremos la imagen; podemos
Elaborado por Siamasundarini Acua

Pgina 3

Guia de Photoshop CS5 Nivel I / para Uneweb


elegir independientemente de los pxeles que la conformen, mida x milmetros,
centmetros, picas de ancho por alto y otros.
Ajustar el Tamao del lienzo en Photoshop.
Lienzo:
Es el marco o fondo de una imagen. Sera algo as como la hoja de papel donde se
imprime la imagen. Podemos recortar esa hoja, la imagen seguir siendo la misma pero
se recortarn sus bordes. Si pegramos esa hoja con la imagen impresa sobre una
Cartulina ms grande, sobrara borde en la imagen.
Esto pasa cuando agrandamos o achicamos el lienzo. Vamos a Imagen->Tamao
del lienzo

Aqu podemos ver que el tamao podemos determinarlo en pxeles, porcentaje, etc.
Si tildamos la casilla Relativo no se mantendr relacin de aspecto.
El ancla:
Es el punto sobre el cual se situar la imagen respecto del cambio. Color de la
extensin indica qu relleno tendr el rea sobrante.

Elaborado por Siamasundarini Acua

Pgina 4

Guia de Photoshop CS5 Nivel I / para Uneweb


Filtros de ajuste:

Panel Ajustes:
Para ubicarlo ir a men Ventana > Ajustes y al pulsar cualquiera de ellas, el panel
cambia para mostrar sus opciones. Y todos los cambios que apliquemos desde aqu
sern no destructivos, pudiendo cambiar sus ajustes con slo un par de clics.

Elaborado por Siamasundarini Acua

Pgina 5

Guia de Photoshop CS5 Nivel I / para Uneweb

Las Herramientas Bsicas del programa y su nomenclatura:

Elaborado por Siamasundarini Acua

Pgina 6

Guia de Photoshop CS5 Nivel I / para Uneweb

Descripcin Herramientas del programa.

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 herramienta Regla:
Mide la distancia entre dos puntos dados mostrndose el resultado, tambin, en la
paleta Informacin.
La herramienta Nota:
Nos permite crear una nota, como un post-it, en el rea de trabajo.
La herramienta Recuento:
Permite colocar sobre el lienzo marcas que te ayudarn a contar elementos en el
rea de trabajo. Esta herramienta aadir literales con un nmero que se ir
incrementando automticamente.

Selectores de color
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 detrs 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.
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.

Elaborado por Siamasundarini Acua

Pgina 7

Guia de Photoshop CS5 Nivel I / para Uneweb

Al seleccionar un 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.
La herramienta Pincel
podremos leer esto en la ventana de Informacin:

Si mantenemos pulsada la tecla Shift

vers como el mensaje de la barra de

estado cambia para mostrar lo siguiente:

Elaborado por Siamasundarini Acua

Pgina 8

Guia de Photoshop CS5 Nivel I / para Uneweb


En combinacin con la herramienta Pincel, la tecla Shift acta de forma que
podemos pintar lneas rectas con un simple clic.

El Lpiz y el Pincel:
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 son ms
irregulares.
Utilizaremos la herramienta Sustitucin de color para sustituir colores de una
imagen por otros.
Lpiz:
Es la posibilidad de convertir esta herramienta en
tenemos que pulsar el botn

aergrafo, para ello slo

en la barra de Opciones de Herramientas. Este

botn tiene dos estados, pulsado


pincel actuar normalmente).

(el aergrafo est activado) e inactivo

(el

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.

La herramientas de Degradado y Bote de


pintura.
Con esta herramienta sers capaz de crear degradados sobre el
lienzo. Su uso es muy sencillo:
Selecciona la
Herramientas.

herramienta

Degradado

en

el

Panel

de

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.
Haz clic donde
degradado.

quieres

que

comience

el

Arrastra el ratn hasta el lugar donde quieras que termine y suelta el botn del
Elaborado por Siamasundarini Acua

Pgina 9

Guia de Photoshop CS5 Nivel I / para Uneweb

ratn. Recuerda que si mantienes pulsada la tecla Shift


degradados en lnea recta o en 45.

podrs hacer

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
lineal.
Desde el desplegable en la barra de opciones de herramientas podemos acceder
a diferentes tipos de degradados prediseados.
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
igual al escogido.
Si desactivamos la opcin Contiguo
, el Bote de pintura colorear todos los
pxeles que contengan ese color en cualquier lugar del lienzo.
El Borrador
permite quitar la pintura de una zona determinada del lienzo
y sustituirla por el color de Fondo.

Elaborado por Siamasundarini Acua

Pgina 10

Guia de Photoshop CS5 Nivel I / para Uneweb


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.

Trabajo con selecciones.


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:

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.
Elaborado por Siamasundarini Acua

Pgina 11

Guia de Photoshop CS5 Nivel I / para Uneweb

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.
Estos eran los comandos activos con el portapapeles vaco. Veamos que opciones
se activarn si tuvisemos alguna imagen guardada en el portapapeles:

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 hecha sobre el documento

Trabajo con pxeles.


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:

Las herramientas Fila nica

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.
Marco
elptico:

rectangular

El modo en el que seleccionaremos depender del Estilo de


seleccin.

Elaborado por Siamasundarini Acua

Pgina 12

Guia de Photoshop CS5 Nivel I / para Uneweb

Por defecto se encuentra en Normal, donde la herramienta se comporta del modo


esperado: el clic del ratn define la primera esquiva y arrastrando creamos la
seleccin hasta determinar la esquina opuesta cuando soltemos el botn.
El estilo Proporciones fijas
establece

una

proporcin

entre

el

ancho

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

conmuta los valores entre ambas cajas de

Por ltimo, con la opcin Tamao fijo, puedes definir una seleccin con una altura y
anchura determinadas.
El Desvanecimiento
acta sobre la seleccin desenfocando los bordes de sta. Puede tomar un valor
entre 0 y 250 pxeles. Este nmero indicar el nivel de desvanecimiento, que har
referencia al tamao de la transicin que se realizar tomando como centro el
borde de la seleccin.
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.

Elaborado por Siamasundarini Acua

Pgina 13

Guia de Photoshop CS5 Nivel I / para Uneweb

La Superposicin de Selecciones
Estos controles nos ayudarn a administrar las reas de seleccin para crear
selecciones ms complejas.
Expliquemos antes de nada el significado de estos iconos.
Con el icono de Seleccin nueva

activado

Se crea una seleccin nica sobre la capa, eliminado cualquier seleccin anterior.
Con el icono de Aadir a la seleccin

activado

Se aade la seleccin que crees a la existente, creando una seleccin final que ser
resultado de la suma de las dos.
El icono Restar de la seleccin
Te permite restar de la seleccin actual el rea que escojas. La seleccin resultante
ser la resta de las dos selecciones.
Con Intersecar con la seleccin
Te ser posible crear una seleccin final resultante de la interseccin de la seleccin
existente y la que aadas.
Veamos unos ejemplos:

Partiendo de la seleccin en la imagen A, podemos aadirle la seleccin en rojo de


la imagen B con el icono

activado. A esta seleccin le restaremos la zona roja

de la imagen C activando el icono

, y finalmente intersecaremos la ltima zona

(de la imagen D) con la seleccin resultante usando la opcin

Los comandos Aadir a la seleccin y Restar a la seleccin se activan


automticamente al mantener pulsadas las teclas Shift
(para aadir) y Alt
(para restar) mientras tengas activada una herramienta de seleccin.

Elaborado por Siamasundarini Acua

Pgina 14

Guia de Photoshop CS5 Nivel I / para Uneweb


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 herramienta Lazo poligonal
es parecida a la anterior. Se trata de crear una seleccin poligonal definiendo los
vrtices de sta. Su funcionamiento es muy sencillo:
Selecciona la herramienta Lazo poligonal.
Haz clic sobre el inicio del trazo que configurar el permetro de la seleccin. Ve
marcando los vrtices haciendo clic en cada uno de sus puntos. 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

haciendo clic en cualquier lugar del lienzo. La tecla Shift


horizontales, verticales o de 45 grados.

crear trazos

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
Desvanecimiento
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 ello, su uso es aconsejado cuando el rea
a seleccionar contrasta con su fondo.
Para utilizar esta herramienta sigamos los siguientes
pasos:
Selecciona la herramienta Lazo magntico

Haz clic en el primer punto del trazo del permetro de la seleccin. Gua el trazo
inteligente con el puntero del ratn. 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. 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
Elaborado por Siamasundarini Acua

Pgina 15

Guia de Photoshop CS5 Nivel I / para Uneweb

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

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 permisivo 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 marcamos 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
Seleccin Gama de colores y se mostrar un 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


aadir o eliminar reas a la seleccin mediante los iconos

Trabajo con vectores y trazados


Cmo crear trazados que sera el equivalente a crear dibujos con una
herramienta bastante simple:

La Pluma: te permiten crear formas a partir de trazados rectos o


Elaborado por Siamasundarini Acua

Pgina 16

Guia de Photoshop CS5 Nivel I / para Uneweb


curvos.
Para ello selecciona la herramienta Pluma en el panel de Herramientas, selecciona la

opcin Capas de forma en la barra de opciones de herramienta.


Y haz clic en el lienzo donde quieras que comience la lnea, luego vuelve a hacer clic

donde quieras que se encuentre el otro extremo:


De este modo crears una lnea recta, puedes volver a hacer clic en otro lugar para
continuar con el trazado.
Una forma se compone de varios trazados que coinciden en los vrtices, por lo que
debers crear tantas lneas como necesites para completar tu forma.
Si al crear un extremo mantienes el botn del ratn pulsado podrs curvar el trazado
del siguiente modo:

Cuando termines la forma, creando un ltimo trazado que


conecte con el primer extremo, se rellenar con el color frontal seleccionado: Cada
uno de los extremos de un trazado (en la imagen puedes verlos marcados con
pequeos cuadrados oscuros) se llaman puntos de ancla.

Las capas.
Descripcin y uso.
Las capas se asemejan a hojas apiladas de acetato. Puede ver las capas que se
encuentran debajo a travs de las reas transparentes de una capa. Si mueve una capa a
fin de colocar el contenido en ella, es como si deslizara una hoja de acetato dentro de una
pila. Adems, si lo desea, tiene la posibilidad de cambiar la opacidad de alguna capa de
manera que su contenido sea parcialmente transparente.
Las reas transparentes de una capa dejan ver las capas situadas por debajo; estas
sirven para realizar diversas tareas, entre otras, componer varias imgenes, aadir texto a
una imagen o aadir formas de grficos vectoriales. La aplicacin de un estilo de capa
facilita la adicin de efectos especiales como sombras paralelas o algn tipo de
resplandor.

Organizacin de las capas


Elaborado por Siamasundarini Acua

Pgina 17

Guia de Photoshop CS5 Nivel I / para Uneweb

Cada imagen nueva tiene una sola capa. El nmero de capas, conjuntos de capas y
efectos de capa adicionales que puede aadir a la imagen est limitado slo por la
memoria de su equipo.
Las operaciones con las capas se llevan a cabo en el panel Capas. Los grupos de capas
le ayudan a organizar y gestionar las capas. Puede utilizar grupos para organizar las
capas de manera lgica y despejar el panel Capas. Puede anidar grupos en otros grupos.
Tambin puede utilizar grupos para aplicar atributos y mscaras a varias capas a la vez.

Descripcin general del panel Capas


El panel Capas contiene todas las capas, todos los grupos de capas y todos los efectos
de capa de una imagen. Puede utilizar el panel Capas para mostrar y ocultar capas,
crear capas nuevas y trabajar con grupos de capas. Puede acceder a comandos y
opciones adicionales en el men del panel de las Capas.

Panel Capas de Photoshop


A.Men del panel Capas/ B.Grupo de capas
C.Capa / D.Expandir/Contraer efectos de capa
E.Efecto de capa /F.Miniatura de la capa
Visualizacin del panel Capas Elija Menu Ventana > Capas.
Elaborado por Siamasundarini Acua

Pgina 18

Guia de Photoshop CS5 Nivel I / para Uneweb

Seleccin de un comando en el men del panel Capas


Haga clic en el tringulo de la esquina superior derecha del panel.
Cambio del tamao de las miniaturas de capas
Seleccione Opciones de panel en el men del panel Capas y seleccione un tamao de
miniatura.
Cambio del contenido de las miniaturas
En el men del panel Capas, seleccione Opciones de panel y elija Todo el documento
para visualizar el contenido del documento completo. Seleccione Lmites de capa para
que la miniatura quede restringida a los pxeles del objeto de la capa.
Cambio de las preferencias de transparencia
1.En Windows, elija Edicin > Preferencias > Transparencia y gama; en Mac OS, elija
Photoshop > Preferencias > Transparencia y gama.
2.Elija un tamao y color para el tablero de ajedrez que representa la transparencia o
seleccione Ninguna en Tamao de cuadrcula para ocultar el tablero de ajedrez.
3.Haga clic en OK.

Transformaciones.
Transformar y deformar imgenes
El tratamiento o edicin de imgenes digitales manifiesta una tendencia clara
al acercamiento entre el sistema vectorial (objetos) y el "raster" (pxeles). Una
muestra evidente son los comandos de transformacin: Escalar, Rotar,
Estirar, Sesgar, Distorsionar, Perspectiva, Deformar
Se basan en clculos geomtricos, por lo que tampoco tendremos dudas en calificarlos
de dimensionales, ya que tratan de situar cada pxel original en otra posicin concreta.
Para esto, unas veces es necesario recurrir a la interpolacin y otras, no.

Estirar y escalar
Elaborado por Siamasundarini Acua

Pgina 19

Guia de Photoshop CS5 Nivel I / para Uneweb


En Transformacin libre, o bien a un comando de transformacin regulable,
aparecen rodeando la capa o seleccin los tpicos nodos del trabajo con objetos
en imagen vectorial: son unos cuadrados minsculos en las esquinas, y muchas veces
tambin en el punto medio de cada lado.
Si arrastramos un nodo lateral, variamos la dimensin horizontal o la vertical del objeto,
aumentndola o reducindola. A esto se lo denomina comnmente Estirar. Si
arrastramos un nodo de esquina, variamos a un tiempo las dos dimensiones.

Hacerlo sin perder la proporcin es Escalar. Para bloquear es preciso mantener


pulsada la tecla Maysculas. En caso contrario, podemos variar anchura y altura en
diferente proporcin con el mismo movimiento.
Un caso muy tpico en el que escalamos una capa es cuando acabamos de traer de
una imagen diferente una figura, y resulta ser ms grande de lo esperado.

Al ajustar el tamao, se pulsa la tecla Maysculas para no deformar la


figura

Rotar

Elaborado por Siamasundarini Acua

Pgina 20

Guia de Photoshop CS5 Nivel I / para Uneweb

Si pulsamos dentro del rectngulo de nodos y arrastramos, estamos moviendo el objeto


a otra posicin. Si lo hacemos desde un punto exterior, hacemos que rote.
El centro de giro aparece en el centro del rectngulo de nodos, pero podemos llevarlo
a otro punto, no ya de la imagen, sino fuera de ella y de su ventana. Los lmites son
los bordes de la pantalla. Pulsando la tecla Maysculas se limita la rotacin a mltiplos
de 15 grados.
Sesgar y Perspectiva

Sesgar
Acta sobre un nodo lateral, moviendo un lado del rectngulo, sin salirse de la recta
que lo contiene. El efecto da una inclinacin al rectngulo, transformndolo en
romboide, cuadriltero de lados contrarios paralelos. Se pueden crear as perspectivas.

Elaborado por Siamasundarini Acua

Pgina 21

Guia de Photoshop CS5 Nivel I / para Uneweb

Perspectiva,
Convierte el rectngulo en trapecio. Al mover un nodo de esquina, otro nodo se mueve
simtricamente, segn empujemos horizontal o verticalmente. Sirve para hacer efectos
de perspectiva cnica central. Es rpido y predecible, aunque un poco limitado.

Seleccin transformada
Perspectiva.
Distorsionar
Deformar

con

Rotar,

Sesgar

Distorsionar permite mover libremente cada vrtice del rectngulo, resultando


en trapezoides con los que se logra cualquier perspectiva, incluso la cnica de dos y
de tres puntos de fuga. Es una herramienta imprescindible para poder adaptar una
foto frontal a un rectngulo deformado por la perspectiva.
Deformar es el comando ms avanzado y complejo del grupo, ya que trata los lados
del rectngulo como curvas Bzier. Maneja los cuatro nodos de esquina libremente,
y dos tiradores asociados a cada uno que definen la direccin y amplitud de
curvatura de los lados.
No slo se puede hacer cualquier cosa de las que hacen los anteriores, sino
tambin imitar filtros de deformacin como esferizar, encoger, molinete, ondas,
o incluso superficies cilndricas y cnicas.

Elaborado por Siamasundarini Acua

Pgina 22

Guia de Photoshop CS5 Nivel I / para Uneweb

Forma ondulada creada con Deformar.


Transformacin mltiple
Transformacin libre en el men Edicin, con el atajo Control+T, aparece el
rectngulo de nodos. Mientras no pulsemos Intro, el programa no ejecutar la
transformacin, as que podemos hacer varios movimientos o bien pasar de un
comando a otro con simplemente pulsar el botn derecho y cambiando la orden.
Incluso se puede deshacer un movimiento con Control+Z.
Mientras estamos en plena operacin, podemos echar mano tambin de la
barra
Opciones para establecer numricamente las coordenadas de la posicin, el tamao
en

Los filtros.
son operaciones que se aplican a los pxeles de una imagen digital para
mejorarla, resaltar cierta informacin o conseguir un efecto especial. Algunos son
complejos, y es lgico que el usuario de a pie se limite a probarlos y a utilizarlos
en
Funcin del efecto observado. Muchos filtros bsicos, sin embargo, se basan en una
lgica simple, y adentrndonos en ella es mucho ms fcil encontrar la solucin ms
efectiva y apropiada a cada necesidad.
Men -filtro Es recomendable que vayas probando uno a uno todos los filtros para que
te familiarices con su funcionamiento.

Elaborado por Siamasundarini Acua

Pgina 23

Guia de Photoshop CS5 Nivel I / para Uneweb

Otra posibilidad interesante es la Galera de Filtros, haz clic en Filtro Galera de


Filtros para ver su ventana de trabajo:

Bordes aadidos:

Nos introduce lneas de corte en los cambios bruscos de color, creando un efecto de
siluetado. Nos dar un aspecto mucho ms duro de la imagen con contornos ms gruesos
y toscos. Dispone de tres opciones para ajustarlo:
1. Grosor del borde, que nos definir la anchura de las lneas que enmarcar la imagen.
2. Intensidad del borde, que nos determinar la dureza de las lneas.
3. Posterizacin, que equilibrar los colores limitrofes con las lneas.
Color diluido:

Elaborado por Siamasundarini Acua

Pgina 24

Guia de Photoshop CS5 Nivel I / para Uneweb

Nos agua los colores de la imagen, dando un aspecto de acuarela al conjunto. Al igual
que en el anterior, tambin dispone de tres herramientas para ajustarlo:
1. Detalle del pincel, Cuanto ms alto sea el nmero menos nos distorsionar los bordes
de la imagen.
2. Intensidad de la sombra, determina lo oscuras que sern las sombras.
3. Textura, el pincel de este filtro provoca una ligera textura rugosa, imitando el grueso
papel de una acuarela. A mayor textura ms patente.

Cuarteado:
Este es uno de los filtros ms interesantes este se encarga de separar y seccionar los
colores, creando bloques planos de color con resultados muy interesantes. Dispone de
tres herramientas:
1. Nmero de niveles, es el nivel de tolerancia a la hora de separar los colores, cuando
mayor sea el nmero, ms matices de color respetar en pantalla. Determina la cantidad
de colores puros que habr. Va desde 2 hasta 10.
2. Simplicidad del borde, A menor nmero, mayor ajuste de las capas de color al original.
Si aumentamos esta cifra los bloques sern ms simples y menos matizados.

Elaborado por Siamasundarini Acua

Pgina 25

Guia de Photoshop CS5 Nivel I / para Uneweb


3. Fidelidad al borde, Nos da el ajuste que va a tener el resultado final a los contornos de
las figuras que en la imagen aparecen.

Esptula:
Crea los efectos que proporcionara si la imagen hubiese sido hecha con la tcnica
artstica de la esptula. Puede crear efectos muy interesantes con ciertos matices planos
que nos recordarn a una vidriera, tambin dispone de tres herramientas:
1. Tamao del trazo, nos da el calibre de la terica esptula que hemos utilizado. Cuanto
mayor sea el tamao, menor ser el detalle de la imagen.
2. Detalle del trazo, Busca la fidelidad a los bordes del trazo.
3. Suavizado, sirve para controlar cun borroso ser el efecto final del filtro.

Esponja:
En este caso, la emulacin que produce este filtro es la tcnica de la esponja, mediante la
cual se usa una esponja blanda para dar capas de pintura, sus herramientas son las
siguientes:
1. Tamao del pincel, ajusta el tamao de la esponja.
2. Definicin, controla el ajuste final con respecto a la imagen original. A mayor definicin,
ms detalles a respetar.
3. Suavizar, se encarga de dar un resultado ms borroso o ms enfocado.

Elaborado por Siamasundarini Acua

Pgina 26

Guia de Photoshop CS5 Nivel I / para Uneweb

Fresco:
Representa las pinceladas duras y marcadas de los trabajos sobre pared, tambin
conocidos como frescos, tiene tres herramientas:
1. Tamao del pincel, determina el grosor del pincel.
2. Detalle del pincel, nos regula la fidelidad de los bordes originales de los objetos de la
imagen.
3. Textura, marca la rugosidad del terico fondo que sufren las pinturas sobre la pared.
Cuanto ms fuerte lo apliquemos, mayor ser su intensidad y la violencia del trazo.

Lpiz de color:
Este filtro emula los lpices de color de toda la vida, sus herramientas son:
1. Anchura del lpiz, determina el grosor de la herramienta.
2. Presin del trazo, cuanto ms alto sea el valor mayor ser la intensidad del color y los
surcos que se crearn por el efecto terico del lpiz sern ms visibles.

Elaborado por Siamasundarini Acua

Pgina 27

Guia de Photoshop CS5 Nivel I / para Uneweb


3. Brillo del papel, Al trabajar con lpices el brillo del papel que usamos de base es muy
importante. Con esta herramienta controlaremos ese brillo, dando al acabado un resultado
ms luminoso o ms oscuro.
Manchas:
El efecto es parecido a "Color diluido", con la excepcin de que aqu da la sensacin de
que usamos un pincel sucio o diluido en tonos ocres u oscuros. Este filtro nos da unos
efectos muy curiosos, sus herramientas son:
1. Longitud del trazo, mide lo largas que son las pinceladas. Cuanto mayor sea el
indicador, mayor ser su longitud y crear un efecto ms intenso.
2. rea resaltada, aumenta la zona donde se aplica el efecto. Si optamos por una
numeracin alta, las zonas claras quedarn ms resaltadas con relacin a las sombras.
3. Intensidad, es el efecto contrario. Aumenta la presencia de las sombras. Si tambin
optamos por una numeracin alta, la sensacin de claroscuro puede ser realmente
interesante.
Pelcula granulada:
El efecto es similar al filtro "Ruido", este nos crea un granulado basndose en los colores
de la imagen, sus herramientas son:
1. Granulado, es la cantidad de granulado que se genera en la imagen.
2. rea resaltada, intensifica las zonas claras de la imagen.
3. Intensidad, nos da la frecuencia de granulado generado sobre la imagen.
Pinceladas:
Junto a "Cuarteado" probablemente se trate del mejor filtro de este apartado, sus
herramientas son:
1. Tamao del pincel, determina el grosor del pincel.
2. Enfoque, si aplicamos el medidor a un nmero alto las pinceladas sern ms speras y
bruscas, si por el contrario optamos por una numeracin ms baja tendremos efectos ms
suaves y clidos.
3. Tipo de pincel, nos ofrece varios tipos de pinceles que determinaran en gran medida el
acabado. Es recomendable irlos pre visualizando uno a uno para poder elegir el que mejor
le convenga a la imagen.
Disponemos de los siguientes pinceles (Sencillo, rugosidad clara, rugosidad oscura,
enfocado, borroso y destello).

Elaborado por Siamasundarini Acua

Pgina 28

Guia de Photoshop CS5 Nivel I / para Uneweb

Pintar debajo:
Este filtro juega con un posible lienzo sobre el que estara la imagen impresa y sobre el
que podemos hacer algunos retoques de color para que se transparenten en el efecto
final. Sus herramientas son:
1. Tamao del pincel, determina el grosor de la herramienta.
2. Cobertura de textura, Determina qu cantidad de rea es afectada por la textura del
lienzo. Existe un submen donde podemos determinar cul ser la textura de ese soporte,
Lienzo, Ladrillo, Arpillera o Arenisca.
3. Escalado, El tamao de la textura con relacin a la imagen.
4. Relieve, determina la intensidad de la textura. Al igual que en el tipo de textura, aqu
nos encontramos con un submen donde podremos decidir desde que ngulo incide la luz
sobre la textura, consiguiendo diferentes efectos.
Como ltima opcin se puede marcar la casilla invertir, para que nos ponga el efecto de la
textura invertida.
Plastificado:
Da la sensacin de que una capa de plstico envuelve las figuras representadas, sus
herramientas son:
1. Intensidad, la dureza con que el plstico se adhiere a las figuras.
2. Detalle, Cunto se ajustan las irregularidades del plstico a los contornos de las figuras
representadas en la imagen.
3. Suavizar, si optamos por una numeracin baja las arrugas del plstico quedarn ms
disimuladas
Resplandor de nen:
Imita la fluorescencia que producira un tubo de nen sobre los objetos. Dispone de tres
herramientas:
1. Tamao del resplandor, indica la cantidad de luz y la superficie afectada.
2. Brillo de resplandor, la intensidad con la que la luz incide sobre los objetos.
3.

Color

de

resplandor,

seleccionamos

el

color

de

la

luz

de

nen.

Trazos de pastel:
Crea un efecto similar al que se producira al haber ejecutado la imagen con colores tipo
pastel. Es muy similar al filtro pinceladas, sus herramientas son:
Elaborado por Siamasundarini Acua

Pgina 29

Guia de Photoshop CS5 Nivel I / para Uneweb


1. Longitud del trazo, determina lo largas que seran las pinceladas. Contra mayores sean,
ms impreciso ser el resultado con respecto a la imagen.
2. Detalle del trazo, la capacidad de resaltar detalles de la imagen original.
3. Textura, men donde podemos determinar cul ser la textura de ese soporte, Lienzo,
Ladrillo, Arpillera, Lneas o Arenisca.
4. Escalado, El tamao de la textura con relacin a la imagen.
5. Relieve, la intensidad de la textura. Al igual que en el tipo de textura, aqu nos
encontramos con un submen donde podremos decidir desde que ngulo incide la luz
sobre la textura, consiguiendo diferentes efectos.

Mtodos para exportar elementos o imgenes en formato html para la


creacin de plantillas
Al disear una web, la primera prioridad es reducir el tiempo de descarga de archivos al
mnimo. Para determinar un tamao aceptable de una pgina web, los profesionales
centran su atencin en los ltimos miembros privilegiados de su pblico objetivo, usuarios
con mdems lentos (14.4 kbps). Ellos recibirn una pgina a casi 1K por segundo. Por
esto, la mayora de los diseadores trabajan muy duro para mantener las pginas por
debajo de los 40K (es decir 40K para todo el texto, grficos y cdigos HTML de formato!).
Lo que hace posible lo anterior es la compresin de imgenes. La tecnologa de
compresin permite que las imgenes sean comprimidas de manera considerable antes
de su transmisin, y que se restauren de nuevo dentro del navegador del usuario.
Por esto es interesante conocer algo sobre los diferentes formatos grficos para web
Generalmente los archivos grficos ocupan mucho espacio, una imagen fotogrfica de
resolucin media suele ocupar entre 0,2 y 1 MB. por esto la mayora de los formatos
grficos utilizan mtodos de compresin para ahorrar espacio. Sobre la resolucin est
todo dicho: basta con 72 dpi. El tamao de la imagen depender, evidentemente, de su
tamao y del grado de detalle que queramos mostrar. Debemos tener en cuenta que para
una imagen de gran tamao (por ejemplo, toda la pantalla), el tamao puede ser muy
grande y se hace imprescindible adoptar estrategias de optimizacin.
Divisin de una imagen
Es tan sencilla como dibujar un rectngulo. Los programas de edicin de imagen
especializados en web como Fireworks o Photoshop, disponen de una herramienta para
dividir imgenes. La podemos encontrar como herramienta Slice, o herramienta Divisin.
Los objetos que se crean se denominan 'objetos de divisin'. Las lneas rojas en unos, o
azules en otros, que sobresalen de los objetos de divisin son las guas de la divisin,
determinan el punto en que el programa dividir la imagen en archivos independientes
durante la exportacin. Esta herramienta tambin es usada cuando necesitamos optimizar
cada rea de la imagen de forma independiente, esto es: con distinto formato, efecto de
rollover, link, etc.

Elaborado por Siamasundarini Acua

Pgina 30

Guia de Photoshop CS5 Nivel I / para Uneweb


La opcin Utilizar objetos de divisin exporta divisiones definidas en los objetos de
divisin.
Divisiones/ Fotograma actual exporta divisiones definidas por los objetos de divisin,
pero slo imgenes a partir del fotograma actual.
La opcin Dividir siguiendo las guas exporta divisiones definidas por las guas existentes.
5 En el cuadro de dilogo Exportar, elegimos un destino y las opciones HTML, por
ltimo, hacemos clic en Guardar (Windows) o Exportar (Macintosh).
Cada divisin se exporta con los ajustes de optimizacin individuales definidos para cada
divisin del panel Optimizar.
Para exportar objetos con divisiones en Photoshop:
1 Seleccionamos las divisiones de los objetos que necesitamos
2 Archivo > Salvar para web
3 Aparecer el cuadro con las distintas opciones de optimizacin, para toda la imagen o
para cada divisin por separado.
4 Seleccionamos OK, y por ltimo hacemos clic en guardar.
Cada divisin se exporta con los ajustes de optimizacin individuales definidos para cada
divisin del panel Optimizar

Exportar imgenes:
La opcin ms utilizada en exportacin de imgenes es la de "Guardar como" en el
men Archivo.
Si se quiere guardar una imagen con formato diferente a Photoshop basta con elegir en
Elaborado por Siamasundarini Acua

Pgina 31

Guia de Photoshop CS5 Nivel I / para Uneweb


el cuadro de dilogo el formato deseado y aceptar. Con esta opcin se pueden guardar
imgenes de forma que despus puedan verse desde otras aplicaciones. En algunos
cambios de formato, Photoshop nos preguntar algn dato para realizar la conversin,
como por ejemplo la resolucin deseada, la calidad del jpg o las opciones
del tiff.

Otra forma de exportar es mediante el comando "Exportar" que se encuentra en el


men Archivo, donde se oferta, por ejemplo, con salida a Adobe Illustrator.
Transformacin con objetos inteligentes
Los objetos inteligentes facilitan las operaciones de cambio de escala, rotacin y
deformacin de manera no destructiva.
Filtrado con filtros inteligentes
Los filtros que se aplican a objetos inteligentes se convierten en filtros inteligentes que
posibilitan el uso de efectos de filtro no destructivos.
Objetos inteligentes
Los objetos inteligentes se pueden crear con varios mtodos: con el comando Abrir como
objeto inteligente, mediante la colocacin de un archivo, al pegar datos de Illustrator o tras
la conversin de al menos una capa de Photoshop en objetos inteligentes.
Los objetos inteligentes facilitan todo lo que sigue:

Elaborado por Siamasundarini Acua

Pgina 32

Guia de Photoshop CS5 Nivel I / para Uneweb


Realizar transformaciones no destructivas. As, puede cambiar la escala de una capa,
rotarla, sesgarla, distorsionarla, cambiar la perspectiva o deformarla sin perder la calidad
ni los datos de imagen originales porque las transformaciones no afectan a los datos
originales.
Trabajar con datos vectoriales (por ejemplo, ilustraciones vectoriales de Illustrator) que,
de otro modo, se tendran que rasterizar en Photoshop.
Aplicar filtros no destructivos. Los filtros aplicados a los objetos inteligentes se pueden
editar siempre que se quiera.
Editar un objeto inteligente y actualizar de forma automtica todas las apariciones
enlazadas.
Aplicar una mscara de capa que contenga, o no, un enlace a la capa de objeto
inteligente.
Probar los distintos diseos con imgenes de marcador de posicin con baja resolucin,
que ms tarde sustituir por las versiones finales.
Importacin de imgenes escaneadas
Para importar imgenes escaneadas, abra los archivos TIFF guardados con el programa
de escaneado independiente, o bien, use una interfaz TWAIN o WIA directamente en
Photoshop. En cualquier caso, asegrese de instalar el software necesario para su
escner. Para ver las instrucciones de instalacin, consulte la documentacin
proporcionada por el fabricante del escner.

Elaborado por Siamasundarini Acua

Pgina 33

Potrebbero piacerti anche