Curso Básico de Photoshop

1. Centro de Capacitación de CCPM
CEDEC
PHOTOSHOP CS4

2. Que es Photoshop
• Es la mejora aplicación para la manipulación
de imágenes digitales, desarrollado por
Adobe Systems.
• Photoshop se utiliza en forma de taller de
pintura y fotografía y trabaja sobre un
"lienzo“ destinado para la para la edición,
retoque fotográfico y pintura a base de
imágenes de mapa de bits o conocidos en
Photoshop como gráficos.

3. Versiones de Photoshop
2006 Adobe Photoshop CS3
2008 Adobe Photoshop CS4

4. Ingresar a Photoshop
• Para iniciar Photoshop realiza los siguientes
pasos:
1. Clic al botón Inicio / Todos los programas.
2. Seleccionar Adobe Photoshop CS4

5. Conociendo el ambiente de
trabajo de Photoshop…
Barra de menús
Paletas
Paneles
Pestañas de
paletas
agrupadas
Ventana del
documento
Caja de Herramientas
Configuración de Espacio
de Trabajo
Barra de Estado
Ficha del
documento
Barra de Opciones

6. Espacios de Trabajo
• Photoshop trabaja de manera predeterminada
el espacio de trabajo llamado Aspectos
Esenciales, el cual coloca los paneles de uso
más común. Es posible utilizar otros espacios
de trabajo prediseñados los cuales habilitarán
los paneles necesarios de acuerdo al trabajo a
realizar, como por ejemplo;
– Para dibujar – Espacio de Trabajo Pintar
– Para usar colores – Colores y Tonos
– Para aplicar efectos en 3D – 3D Avanzado
– Para trabajar textos – Tipografía
– Etc… Es posible guardar un
espacio de trabajo que
haya sido personalizado
por el usuario, para su uso
posteriormente.

7. Conociendo el ambiente de
trabajo de Photoshop…
• Paneles
– Permiten supervisar y asignar modificaciones y
efectos al trabajo.
– Para visualizar cualquier panel seleccionándola en
el menú Ventana.
– Las paletas tienen menús con opciones específicas
de la paleta. Las paletas se pueden agrupar,
acoplar o contraer en forma de íconos.
Paneles
contraídos en
forma de Iconos
Paneles
Expandidos
Botón Contraer
como Íconos
Botón Expandir
Paneles
Photoshop puede ocultar o
mostrar rápidamente los
paneles mediante la
combinación de teclas
<Shift> + <Tab>

8. Conociendo el ambiente de
trabajo de Photoshop
• Caja de herramientas
– La paleta Herramientas aparece en la parte izquierda
de la pantalla. Algunas herramientas de esta paleta
cuentan con opciones que aparecen en la barra de
opciones sensibles al contexto. Éstas incluyen las
herramientas que le permiten insertar texto,
seleccionar, pintar, dibujar, muestrear, editar, mover,
anotar y ver imágenes.
V
M
I
W
C
l
J
B
S
Y
E
G
O
P
T
A
U
N
H
Z
D X
Q
K
Cada herramienta tiene
asignada una letra, la cual al
pulsarla se podrá activar de
forma automática.

9. Introducir valores en paneles, cuadros
de diálogo y barra de opciones
• Para introducir valores en los cuadros
de dialogo, paneles y barra de
opciones, se hacen uso de ciertos
elementos y controles que a
continuación se mencionan:
a) Lista de Menú
b) Regulador de mano
c) Cuadro de texto
d) Dial
e) Regulador
f) Apertura de Panel Emergente
g) Menú del Panel Emergente
a) b) c)
d) e)
f) g)

10. Trabajar con Archivos
• La extensión que genera un documento creado con Photoshop es .PSD y .PDD,
Además Photoshop permite guardar un archivo con las siguientes extensiones:

11. Crear un Nuevo Documento…
• Para realizar este proceso, debemos hacer los siguientes pasos:
1. Menú Archivo / Nuevo.
2. En el cuadro de dialogo Nuevo, definir las características básicas,
como son el tamaño, la resolución y el color de fondo.

12. Crear un Nuevo
Documento…
• [Nombre]: Se define el nombre del
nuevo documento.
• [Predefinir]:Permite seleccionar de
una lista un tamaño predefinido. En
caso de haber copiado una imagen al
Portapapeles, las dimensiones y la
resolución de la imagen se definirán
de forma automática en base a las
dimensiones y datos de dicha
imagen. Además es posible guardar
nuestros propias configuraciones
para que posteriormente aparezcan
en el listado.
• [Tamaño]: Relacionado directamente
con el campo Predefinir, donde se
enlistan las medidas mas usuales
para un tipo de, papel, diseño web,
fotografía, dispositivos móviles,
película en DVD, etc.
• [Anchura], [Altura]: Anchura y altura
del documento, teniendo como base
de medida los pixeles.
• [Resolución]: Indica la cantidad de
información contenida en pixeles
dentro de una imagen.
• [Modo de color]: Modo de color a
trabajar: RGB, CMYK, Escala de Grises
y su correspondiente número de
bits.
• [Contenido de Fondo]: Especifica el
color de lienzo del documento:
Blanco, color de fondo o
transparente.

13. Colocación de Archivos
• El comando Colocar permite añadir al
documento fotografías o cualquier otro
archivo admitido en Photoshop como objetos
inteligentes. Los objetos inteligentes se
pueden cambiar de escala, colocar, sesgar,
rotar o deformar sin degradar la imagen.
1. Seleccionar la opción Archivo / Colocar,
2. Seleccionar el archivo a colocar y hacer clic en
Colocar.
• La acción anterior colocará la imagen dentro
de un cuadro delimitador en el centro de la
imagen actual, lo cual permitirá modificar su
posición, escala, rotación, inclinación,
deformación y transformación. Para aceptar
los cambios se deberá hacer clic en el botón

14. Modos de Pantalla
• Se puede usar las opciones de modo de pantalla para ver las imágenes en toda la
pantalla. Puede mostrar u ocultar la barra de menús, la barra de título y las barras
de desplazamiento. Las acciones para utilizar la opción Modo de Pantalla:
1. Menú Vista / Modo de Pantalla o mediante el botón
2. Elegir cualquiera de los siguientes modos de pantalla:
Modo de pantalla estándar Modo de pantalla entera con
barra de menús
Modo de pantalla entera

15. Buscando una imagen con
Adobe Bridge
• Adobe Bridge es una aplicación de
recurso que permite navegar por las
carpetas y organizar las imágenes
de forma más eficiente, así mismo
es posible añadir información a la
imagen (llamada metadatos) como
su autor, palabra clave, una breve
descripción, además de otro tipo de
datos técnicos y sobre derechos de
autor.
• Para realiza esta acción:
– Menú Archivo / Buscar en Bridge…
Ó
– Hacer clic en el botón

16. Navegar sobre una imagen
Paleta Navegador
• La paleta Navegador se utiliza para
cambiar con rapidez el área de
visualización, recorrer la imagen o
modificar el acercamiento o
alejamiento mediante una
visualización de la misma en tamaño
miniatura.
• El cuadro rojo llamado navegador
corresponde al área visible
actualmente en la ventana del
documento.
Herramienta Mano
• Esta herramienta mano se utiliza
directamente sobre el lienzo y de
igual forma se utiliza para ver otra
área de una imagen.

17. Aumentar o Reducir la
visualización de una imagen
Para observar con más de talles las partes de una imagen, existen varias alternativas para
controlar el acercamiento o alejamiento de las imágenes. A continuación se mencionan
algunas de estas:
• Herramienta Zoom
– Activar la herramienta Zoom
– Seleccionar la opción Aumentar o Reducir en la Barra de Opciones
– Hacer clics en la imagen para aplicar el Zoom seleccionado ó trazar
un recuadro que abarque el área a visualizar.
• Mouse
– Presionando la Tecla Alt + Scroll del Mouse
• Combinación de Teclas
– Para aumentar: <Ctrl > + <+>
– Para disminuir: <Ctrl > + <- >
• Asignar un Porcentaje de Zoom
– Escribir el nivel de zoom en la esquina inferior izquierda de la
ventana del documento o en el panel Navegador.
• Menú Vista
– Seleccionar las opciones del menú Vista
• Botones de la Barra de Opciones Zoom
Aumentar
Reducir

18. Reglas y Cuadrículas y Guías
Reglas
• Las reglas le ayudan a colocar imágenes o elementos de forma precisa. Cuando
están visibles, las reglas aparecen a lo largo de la parte superior y a la izquierda de
la ventana activa. Las marcas de la regla muestran la posición del puntero cuando
lo mueve.
• Para visualizar las reglas:
– Menú Vista / Reglas

19. Reglas, Cuadrículas y Guías
• Las reglas le ayudan a colocar imágenes o elementos de forma precisa. Cuando
están visibles, las reglas aparecen a lo largo de la parte superior y a la izquierda de
la ventana activa. Las marcas de la regla muestran la posición del puntero cuando
lo mueve.
• Para visualizar las reglas:
– Menú Vista / Reglas

20. ¿Qué es una Capa?
• Las capas son los elementos fundamentales que integran muchos flujos de
trabajo de creación de imágenes. No obstante, las capas ayudan a mejorar
la eficiencia y resultan esenciales para la mayoría de tareas de edición no
destructiva de imágenes.
• Las capas de Photoshop semejan hojas apiladas de acetato. Puede ver las
capas que se encuentran debajo a través 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.

21. Capa de fondo
• Cada una de las imágenes que son creadas en PhotoShop solamente
pueden tener una capa de Fondo. En esta capa no tendrá la posibilidad de
cambiar el orden, aplicar opacidad y modo de fusión.
• Si desea cambiar las propiedades de la capa de fondo, será necesario
convertirla en una capa normal.
– Seleccionar el menú Capa / Nueva / Capa a partir de fondo
– Dar doble clic sobre la capa de Fondo
• Si desea crear un fondo a partir de una capa, realiza el siguiente proceso:
– Selecciona el menú Capa / Nueva / Fondo a partir de capa

22. Paleta de Capas
• La paleta Capas contiene todas las capas, todos los grupos de capas y todos los
efectos de capa de una imagen. Puede utilizar la paleta Capas para mostrar y
ocultar capas, crear capas nuevas y trabajar con grupos de capas.
Menú capas
Grupo de capas
Capas
Expandir/Contraer efectos
Efecto
Miniatura de capa
Para visualizar el panel de
Capas, debe seleccionar el
Menú Ventana / Capas o
presionar F7.

23. Crear una nueva capa
• Es posible crear una nueva capa con la finalidad de colocar nuevos objetos y
aplicarles diferentes efectos. Existen diferentes formas de crear una nueva capa.
– Dando clic sobre el botón de Crear una nueva capa ubicado en la parte inferior de la
paleta de Capas. La aplicación asignará el nombre de Capa con un número consecutivo.
En caso de querer cambiar el nombre de la capa, debe dar clic derecho sobre la capa y
seleccionar la opción Propiedades de capa, también podrá cambiar el color del
identificador de la capa.

24. Crear una nueva capa
• Es posible crear una nueva capa con la finalidad de colocar nuevos objetos y
aplicarles diferentes efectos. Existen diferentes formas de crear una nueva capa.
– Seleccionar el menú Capa / Nueva / Capa o presionando Ctrl+Shift+N , mostrará el
siguiente cuadro de dialogo.
• Color.- Establece un color a las capas con la finalidad de poderlas identificar de una forma más
rápida y sencilla.
• Modo.- Determina cómo los pixeles de la capa se van a fusionar con los pixeles subyacentes de
la capa.
• Opacidad.- Modifica el porcentaje de opacidad del contenido de la capa.

25. Opacidad en 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
dejarán ver las capas inferiores.
• Desde la ventana de Capas puedes modificar la opacidad de la capa activa. El valor
0% significaría que la capa sería totalmente transparente y dejaría ver
completamente el contenido de las capas inferiores.
Muestra u oculta el
contenido de la capa

26. Selección de capas
• Al dar un clic sobre una capa, se podrá utilizar solamente el contenido de esta. Es
posible seleccionar varias capas con la finalidad de poderlas mover al mismo tiempo o
eliminar. Para seleccionar más de una capa, es necesario seguir cualquiera de los
siguientes pasos.
– Para seleccionar capas continuas, se debe presionar la tecla de Shift e ir dando clic en cada
una de las capas que desea seleccionar. También es posible seleccionar la primer capa y
presionar Shift y un clic sobre la última capa a seleccionar.
– Para seleccionar capas no continuas, debe utilizar la tecla de Ctrl y dar clic. Si desea quitar la
selección de una capa, debe presionar Ctrl y clic sobre la capa que desea seleccionar.
– Si desea seleccionar todas las capas puede presionar la combinación de teclas Ctrl+Alt+A, es
importante mencionar que la capa llamada Fondo no quedará seleccionada por que se
encuentra bloqueada por Default.
– A través del menú Selección podrá utilizar opciones para seleccionar capas, tales como: Todas
las capas, Deseleccionar capas y Capas similares. La última opción permite seleccionar capas
de acuerdo a su contenido, por ejemplo es posible seleccionar todas las capas que contienen
únicamente texto.

27. Agrupar y Desagrupar capas
• La ventaja de poder agrupar capas radica en aplicarle modos de fusión en un sólo paso
a todas las capas que se encuentran dentro del grupo, también es posible modificar el
modo de fusión de manera individual para cada capa.
• Los grupos también son utilizados para administrar de una mejor manera cada uno de
los elementos que forman la imagen final.
• Para crear grupos de capas será necesario realizar alguno de los siguientes pasos:
– Menú Capa / Nueva / Grupo
• Con el proceso anterior se creará un grupo vacio, aun cuando previamente se hayan seleccionado
varias capas. Es posible arrastrar las capas al nuevo grupo o crear directamente una nueva capa al
momento de tener seleccionado el grupo correspondiente.

28. Agrupar y Desagrupar capas
• Para crear grupos de capas será necesario realizar alguno de los siguientes pasos:
– Seleccione una o varias capas (adyacente o discontinuas) y posteriormente active el
Menú Capa / Nueva / Grupo a partir de capas..
• El proceso anterior nos permitirá que las capas previamente seleccionadas
se agreguen al nuevo grupo.

29. Agrupar y Desagrupar capas
• Para desagrupar el contenido del grupo de capas, realice lo siguientes pasos:
– Puede arrastrar una o varias capas fuera del grupo en el que actualmente se encuentran
agrupadas.
– También puedes seleccionar del menú Capa / Eliminar / Grupo…
– Otra forma es dando clic derecho sobre el grupo de capas y del menú contextual
seleccionar la opción Desagrupar capas.
Puedes utilizar la
combinación de teclas Ctrl
+ G. y para desagrupar
Mayus+Ctrl+G.

30. Enlace y Desenlace de Capas
• Puede enlazar un mínimo de dos capas o grupos. A diferencia de lo que sucede al
seleccionar varias capas al mismo tiempo, las capas enlazadas continúan estando
asociadas hasta que se desenlazan. Puede mover el contenido de las capas
enlazadas o aplicarles transformaciones.
1. Seleccione las capas o grupos en la paleta Capas.
2. Haga clic en el icono de enlace situado en la parte inferior de la paleta Capas.
• Para desenlazar capas, realice la siguiente acción:
1. Seleccione una capa enlazada y haga clic en el icono de enlace .

31. Visualización de
manejadores
• Los manejadores muestran el límite del contenido de las capas y se utilizan para
mover, alinear el contenido más fácilmente y redimensionarlos o rotarlos.
• Para mostrar los controles será necesario activar la herramienta de Mover y en la
barra de propiedades activar la casilla de verificación Mostrar controles Trans.

32. Bloqueo de Capas
• Puede bloquear capas total o parcialmente para proteger su contenido. Por
ejemplo, puede bloquear completamente una capa cuando termine de trabajar
con ella. Puede que desee bloquear una capa parcialmente si posee la
transparencia y los estilos adecuados, pero aún debe decidir dónde colocarla. Al
bloquear una capa, aparece el icono de un candado a la derecha del nombre de la
capa.
1. Bloquear pixeles transparentes
2. Bloquear pixeles de la imagen
3. Bloquear posición
4. Bloquear todo

33. Creación de una cobertura
• Las opciones de cobertura le permiten especificar qué capas “atravesar” para
mostrar el contenido de otras capas. Si desea mostrar el fondo, coloque la capa
que creará la cobertura sobre las capas que se van a atravesar y asegúrese de que
la capa inferior de la imagen sea una capa de fondo.
1. Agregue una nueva capa, haciendo clic en el botón Añadir máscara de capa.
2. Dibuje un objeto vectorial que servirá para observar lo que se encuentra detrás.
3. Seleccione el menú Capa / Estilo de capa / Opciones de fusión
4. Cambie la opción de Cobertura y deje la que considere mejor para el efecto.

34. Efectos y Estilos de Capa
• Photoshop proporciona numerosos efectos como sombras, resplandores o biseles
que permiten cambiar la apariencia del contenido de una capa. Los efectos de
capa están enlazados con el contenido de la capa. Al mover o editar el contenido
de la capa, se aplican los mismos efectos al contenido modificado. Por ejemplo, si
aplica una sombra paralela a una capa de texto y añade más texto, se añade
sombra de forma automática al texto nuevo.

35. Efectos y Estilos de Capa
• Los estilos preestablecidos se pueden aplicar con la paleta Estilos. Los estilos de
capa que proporciona Photoshop se agrupan en bibliotecas según su función. Por
ejemplo, una biblioteca contiene estilos para crear botones Web y otros estilos
para añadir efectos al texto. Para obtener acceso a estos estilos, debe cargar la
biblioteca adecuada.
• Para visualizar los estilos selecciona el menú Ventana opción estilos y visualizará la
paleta estilos.
• Si deseas cargar otros estilos, será necesario que utilices el menú de la paleta de
Estilos y hagas uso de la opción Cargar estilos.