XXXXXXXXXXXXXXXXXXXXXXXXXXX

2. Contenido
Clase 2
3. Nuevo
3.1. Abrir imágenes
4. Trabajo con capas.
4.1. Insertar una capa
4.2. Selección de varias capas y enlazar capas
4.3. Capa fondo
4.4. Duplicar capas
4.5. Cambiar el orden de apilamiento de las capas
4.6. Bloquear capas
4.7. Eliminar capas
4.8. Combinar capas
4
Página

3. Clase 2
3. Nuevo
Para empezar en Photoshop, lo primero que debemos hacer es crear un lienzo para
trabajar. Iremos al menú desplegable Archivo, buscaremos la opción Nuevo y haremos
clic encima de él. Al frente del comando Nuevo, encontramos el método abreviado del
teclado (Ctrl + N)
Imagen 1. Opcion Nuevo.
[ 1]
5
Página
Vemos que se abre una nueva ventana.

4. Imagen 2. Ventana Nuevo.
[ 2]
En esta ventana encontramos varias opciones para crear nuestro lienzo de trabajo.
 Nombre: En esta casilla escribiremos el nombre que le queremos dar a nuestro
proyecto. Por ejemplo le podemos colocar Mi proyecto.
 Predefinir: Nos permite seleccionar un tamaño para el lienzo. Podemos
seleccionar cualquiera de los tamaños predeterminados que hay.
Imagen 3. Selección tamaño para el lienzo.
6
Página
[ 3]

5.  Anchura y Altura: En estas casillas podemos escribir los tamaños y el tipo de
unidades que le queremos aplicar al lienzo. Es recomendable seleccionar
centímetros (cm).
Imagen 4. Anchura y altura.
[ 4]
 Resolución: Nos indica el nivel de detalle con el cual se presentará la imagen. Es
recomendable utilizar el tipo de unidad Pixeles/pulgada, ya que en el ámbito
profesional, este tipo de unidad es el más utilizado.
Imagen 5. Ejemplos de resolución de una imagen.
[ 5]
En las imágenes anteriores podemos ver la diferencia en la resolución de una imagen. La
imagen de la izquierda tiene una resolución correcta, mientras la imagen de la derecha
tiene una baja resolución (pixeladas).
 Modo de color: Son formas distintas para definir los colores, tanto en la pantalla
del computador, así como en una página impresa. El modo RGB es el más
utilizado, y comprende tres colores (rojo, azul y verde), con los que se pueden
crear hasta 16.7 millones de colores. Es recomendable seleccionar la opción Color
RGB y 8 bits.
7
 Contenido de fondo: Será el color que queramos de fondo para nuestro lienzo.
Página
Es recomendable seleccionar la opción Blanco.

6. Una vez que hayamos realizado los ajustes y valores deseados, haremos clic en el botón
OK , y ya estará listo nuestro lienzo o área de trabajo.
Imagen 6. Lienzo o área de trabajo.
[ 6]
3.1. Abrir imágenes.
Para abrir una imagen en Adobe Photoshop, haremos clic en el menú desplegable
Archivo, y luego clic en la opción Abrir.
Imagen 7. Opción Abrir.
8
Página

7. [ 7]
Al hacer clic en esta opción se abre un cuadro de diálogo en el cual buscaremos y
seleccionaremos la imagen que queremos abrir. Para abrirla, haremos clic en el botón
Abrir.
Imagen 8. Cuadro de diálogo Abrir.
[ 8]
Y ya veremos la imagen abierta en Photoshop.
9
Página

8. Imagen 9. Imagen abierta en Photoshop.
[ 9]
Cuando tenemos un nuevo lienzo y queremos pegar una imagen dentro de él, iremos al
menú Archivo y seleccionaremos la opción Colocar.
10
Página

9. Imagen 10. Opción Colocar.
[10]
Al hacer clic en esta opción, se abre un cuadro de búsqueda en el cual seleccionamos las
imagen que queremos colocar sobre el lienzo.
11
Página

10. Imagen 11. Selección de imagen que queremos colocar.
[11]
Para colocar la imagen hacemos clic en el botón Colocar. En ese momento la imagen
queda dentro del lienzo, como se ve en la siguiente imagen.
Imagen 12. Imagen colocada en el lienzo.
12
[12]
Página

11. Al colocar la imagen, aparecen unos puntos de ajuste de la misma. Con ello podemos
ajustarla en nuestro lienzo.
Imagen 13. Imagen ajustada en el lienzo.
[13]
4. Trabajo con capas.
Las capas son componentes independientes de la imagen, sobre las que podemos dibujar
o crear efectos, y que solo afectarán a dicha capa.
Las capas nos permiten trabajar con un elemento de una imagen sin modificar a los
otros. Las capas son como hojas de acetato apiladas una encima de otra. En una zona de
una capa donde no haya imágenes, se pueden ver las capas inferiores. Podemos cambiar
la composición de una imagen si cambiamos el orden y los atributos de las capas.
El panel de capas lo encontramos a la derecha del programa. Si no lo encontramos lo
podemos activar en el menú Ventana, o con la tecla F7.
Imagen 14. Activación del panel Capas.
13
[14]
Página
Al activarlo lo veremos en el área de ventanas.

12. Imagen 15. Panel Capas.
[15]
El panel Capas contiene todas las capas, conjuntos de capas y efectos de capa de una
imagen. Podemos llevar a cabo muchas tareas (crear, ocultar, mostrar, copiar y eliminar
capas) mediante los botones del panel Capas. Podemos acceder a otros comandos y
opciones, en el menú del panel Capas y en el menú Capas.
4.1. Insertar una capa
Para crear una nueva capa iremos al menú Capa y haremos clic sobre él.
Imagen 16. Crear una nueva capa.
[16]
14
Se abre una ventana en el cual le colocaremos nombre a la nueva capa, escogeremos un
Página
color de fondo y algún efecto.

13. Imagen 17. Creación de una nueva capa.
[17]
En el panel Capas, vemos la nueva capa insertada.
Imagen 18. Nueva capa insertada.
[18]
Una vez que tengamos las capas necesarias y queramos trabajar sobre ellas, bastará
hacer clic sobre el nombre de la que queramos modificar y la capa se sombreará.
15
Página

14. Imagen 19. Capa seleccionada.
[19]
Cuando seleccionamos una capa, los cambios que hagamos afectarán únicamente a la
capa. En el siguiente ejemplo veremos el uso de dos capas.
La primera nos muestra una imagen:
Imagen 20. Visualización de una capa.
16
[20]
Página
Enseguida crearemos una nueva capa

15. Imagen 21. Creación de una nueva capa.
[21]
Vemos que al lado derecho de cada capa hay un ícono , el cual nos indica la visibilidad
de la capas. Al hacer clic encima del ícono , la capa ya no será visible.
Imagen 22. Visualización de una capa.
[22]
17
Página

16. Imagen 23. Visualización de una capa.
[23]
En la capa dos podemos insertar otra imagen o aplicar cualquier efecto, sin que este
afecte a la imagen de la capa Fondo.
Imagen 24. Inserción de una imagen en la capa 1.
18
[24]
Página
En este momento podemos activar la visibilidad de la capa Fondo.

17. Imagen 25. Visualización de las dos capas.
[25]
Debemos tener en cuenta que una capa sin visibilidad no puede ser editada, por lo tanto
no podemos utilizar ninguna de las herramientas de edición sobre una capa que no se
encuentre visible.
Cuando tenemos varias capas, las podemos enlazar. Al enlazar dos o más capas o
conjuntos de capas, se pueden mover juntos sus contenidos. También podemos copiar,
pegar, alinear, combinar, aplicar transformaciones y crear grupos de recorte a partir de
capas enlazadas.
4.2. Selección de varias capas y enlazar capas
19
Página

18. Imagen 26. Ejemplo de varias capas.
[26]
Para enlazar capas, las seleccionaremos manteniendo presionada la tecla Shift y
hacemos clic encima de cada una de ellas.
Imagen 27. Selección de varias capas.
[27]
20
Una vez seleccionadas las capas haremos clic en el ícono , el cual las enlazará.
Página

19. Imagen 28. Capas enlazadas.
[28]
Ya que tenemos enlazadas las capas, podemos realizarle cambios que afectarán a las tres
capas. Por ejemplo las podemos alinear. Para ello seleccionaremos la herramienta
Mover, y seleccionaremos cualquier tipo de alineación.
Imagen 29. Tipos de alineación.
[29]
21
Página

20. Imagen 30. Alineación de varias capas.
[30]
4.3. La capa fondo
Cuando creamos una imagen con fondo de cualquier color, esta capa se llamará Fondo.
Las imágenes solo pueden tener un fondo, sin embargo podemos convertir una capa de
fondo en una capa normal.
Imagen 31. Capa de fondo.
[31]
22
Para convertir un fondo en una capa normal, iremos al menú Capa, Nuevo, y
seleccionamos la opción Capa a partir de fondo.
Página

21. Imagen 32. Capa a partir de fondo.
[32]
Nos aparece un cuadro de diálogo en el cual escribiremos el nombre de la capa, el color y
el modo, para finalizar haremos clic en al botón Aceptar.
Imagen 33. Capa a partir de fondo.
[33]
Imagen 34. Nueva capa a partir de fondo.
23
[34]
Página

22. También podemos convertir una capa en fondo, para ello, haremos clic en el menú Capa,
clic en Nuevo y clic en Fondo a partir de capa.
Imagen 35. Fondo a partir de capa.
[35]
Los pixeles transparentes de la capa adoptan el color del fondo.
4.4. Duplicar capas
Podemos duplicar una capa para conservar una copia intacta de la original, así podemos
trabajar sobre la copia sin afectar a la otra. Se pueden duplicar una capa o conjunto de
capas en un mismo documento o en otro distinto. Par ello iremos al menú Capa y
seleccionaremos la opción Duplicar capa.
Imagen 36. Cuadro de diálogo duplicar capa.
[36]
Ya en la paleta Capas veremos que la capa original ha sido duplicada.
24
Página

23. Imagen 37. Capa duplicada.
[37]
4.5. Cambiar el orden de apilamiento de las capas
El orden en el que apilemos las capas nos determina si el contenido de una capa o de un
conjunto de capas aparecerá delante a detrás del resto de elementos de la imagen.
Para cambiar el orden de las capas arrastraremos la capa o el conjunto de capas hacia
arriba o hacia abajo, en la paleta Capas.
Imagen 38. Paleta capas.
[38]
25
Página

24. En la siguiente imagen vemos que tenemos varias capas y en cada una de ellas una
imagen. Por ejemplo vemos que detrás de la vaca hay una casa, la vaca es la capa 3 y la
casa es la capa 1.
Imagen 39. Varias capas.
[39]
En la siguiente imagen subimos la capa 1 hasta que quede ubicada por encima de la capa
3, y veremos que la casa queda por delante de la vaca.
26
Página

25. Imagen 40. Cambiar el orden de las capas.
[40]
4.6. Bloquear capas.
Imagen 41. Panel de bloqueo de capas.
[41]
Podemos bloquear las capas para proteger su contenido. Al bloquear una capa, aparece al
lado derecho de la misma un candado. El ícono es un candado, el cual aparecerá sólido
cuando la capa esté totalmente bloqueada , o hueco cuando la capa esté parcialmente
bloqueada .
27
Para bloquear una o más capas las seleccionamos y hacemos clic en el ícono que
aparece en la paleta Capas.
Página

26. Para bloquear parcialmente una capa, nos ubicaremos en el ícono indicado de acuerdo con
el tipo de bloqueo que queramos aplicar.
Tipo de bloqueo Función
Limita la edición a los fragmentos opacos de la capa. Esta opción
equivale a la opción Preservar transparencia de las versiones
anteriores de Photoshop.
Impide que se modifiquen los pixeles de la capa con las
herramientas de pintura
Impide que se muevan los pixeles de la capa
En la siguiente imagen vemos capas con su indicador de bloqueo.
Imagen 42. Bloqueo de capas.
[42]
4.7. Eliminar capas
Para eliminar una o varias capas, las seleccionaremos y haremos clic en el ícono de la
papelera , donde se abrirá una ventana de confirmación.
Imagen 43. Confirmación de eliminación de una capa.
28
Página

27. [43]
También podemos hacer clic derecho encima de la capa que queremos eliminar, y hacer
clic en la opción Eliminar.
Imagen 44. Eliminar capa.
[44]
4.8. Combinar capas
Una vez que tengamos establecido el contenido de las capas, las podemos combinar para
tener la imagen compuesta. Para combinar varias capas las seleccionaremos, y en el menú
Capa, seleccionaremos la opción Acoplar imagen. Lo anterior nos dejará una sola capa,
que podemos guardar en cualquier formato.
Imagen 45. Opción Acoplar imagen.
29
[45]
Página

28. Otra alternativa es la opción Combinar visibles, que como su nombre lo dice, nos
combinará las capas que están visibles (las que tienes un ojito a la izquierda ).
Imagen 46. Opción Combinar visibles.
[46]
30
Página

29. Referencias
1
Imagen tomada del programa Adobe Photoshop CS3.
2
Imagen tomada del programa Adobe Photoshop CS3.
3
Imagen tomada del programa Adobe Photoshop CS3.
4
Imagen tomada del programa Adobe Photoshop CS3.
5
Imagen propia.
6
Imagen tomada del programa Adobe Photoshop CS3.
7
Imagen tomada del programa Adobe Photoshop CS3.
8
Imagen tomada del programa Adobe Photoshop CS3.
9
Imagen tomada del programa Adobe Photoshop CS3.
10
Imagen tomada del programa Adobe Photoshop CS3.
11
Imagen tomada del programa Adobe Photoshop CS3.
12
Imagen tomada del programa Adobe Photoshop CS3.
13
Imagen tomada del programa Adobe Photoshop CS3.
14
Imagen tomada del programa Adobe Photoshop CS3.
15
Imagen tomada del programa Adobe Photoshop CS3.
16
Imagen tomada del programa Adobe Photoshop CS3.
17
Imagen tomada del programa Adobe Photoshop CS3.
18
Imagen tomada del programa Adobe Photoshop CS3.
19
Imagen tomada del programa Adobe Photoshop CS3.
20
Imagen tomada del programa Adobe Photoshop CS3.
21
Imagen tomada del programa Adobe Photoshop CS3.
22
Imagen tomada del programa Adobe Photoshop CS3.
23
Imagen tomada del programa Adobe Photoshop CS3.
24
Imagen tomada del programa Adobe Photoshop CS3.
25
Imagen tomada del programa Adobe Photoshop CS3.
26
Imagen tomada del programa Adobe Photoshop CS3.
27
Imagen tomada del programa Adobe Photoshop CS3.
28
Imagen tomada del programa Adobe Photoshop CS3.
29
Imagen tomada del programa Adobe Photoshop CS3.
30
Imagen tomada del programa Adobe Photoshop CS3.
31
Imagen tomada del programa Adobe Photoshop CS3.
32
Imagen tomada del programa Adobe Photoshop CS3.
33
Imagen tomada del programa Adobe Photoshop CS3.
34
Imagen tomada del programa Adobe Photoshop CS3.
35
Imagen tomada del programa Adobe Photoshop CS3.
36
Imagen tomada del programa Adobe Photoshop CS3.
37
Imagen tomada del programa Adobe Photoshop CS3.
38
Imagen tomada del programa Adobe Photoshop CS3.
39
Imagen tomada del programa Adobe Photoshop CS3.
40
Imagen tomada del programa Adobe Photoshop CS3.
41
Imagen tomada del programa Adobe Photoshop CS3.
42
Imagen tomada del programa Adobe Photoshop CS3.
31
43
Imagen tomada del programa Adobe Photoshop CS3.
44
Imagen tomada del programa Adobe Photoshop CS3.
Página
45
Imagen tomada del programa Adobe Photoshop CS3.
46
Imagen tomada del programa Adobe Photoshop CS3.

30. Programa Masificación de TIC
Empresa de Telecomunicaciones de Bogotá ETB S.A. ESP
www.portalesinteractivos.etb.com.co
2010
Líder Programa Masificación de TIC
Diego Puerta Franco
Autores
Andrés Arévalo Espejo
Mauricio Cuevas Olaya
Omar Medina Lara
Jhon Bernal Gómez
Revisión de contenidos
Gonzalo Monroy Pirazan
Revisión de estilo
Andrea Sandoval Rojas
Diseño y diagramación
Luis Fernando Parra Corredor
32
Página

31. Este documento ha sido realizado para el uso de los operadores de los Portales
Interactivos de la Empresa de Telecomunicaciones de Bogotá ETB S.A. ESP. Su
uso está sujeto a las políticas de operación de los Portales Interactivos.
2011
33
Página