*Estructuraremos y desarrollaremos el estudio de este programa: Photoshop CS6

(en su versión 2018); en base a los siguientes apartados:

 Interfaz: analizaremos de forma introductoria los principales elementos herramientas
que nos ofrece en su interfaz, así como las distintas opciones de cada pestaña.
 Fotografía: estudiaremos a fondo cada una de las acciones posibles a la hora de
trabajar con fotografía, desde lo más básico como la creación de capas en ella
hasta acciones de retoque avanzadas como la alteración de la iluminación y
saturación en partes concretas de la fotografía, etc.
 Diseño Gráfico: aprenderemos todas las acciones y herramientas involucradas en el
diseño de imágenes (concept art) o formas (para añadir a una fotografía), desde
añadir texto a una imagen hasta iluminar, pintar, etc.; nuestro diseño).
(#) En todo momento ilustraremos cada explicación con la imagen que
correspondería al trasladarla al programa.

-Nada más ejecutar el programa, nos encontramos la siguiente vista:

(#) Podemos ver un tutorial interactivo centrado en la interfaz del programa en el siguiente
enlace: https://www.youtube.com/playlist?list=PLTMphl2kSKFGpyazQJi4HH_0j1eOuzDGh
-De la cual podemos identificar su contenido de la siguiente forma:

-Ahora que hemos establecido los diferentes elementos de su interfaz, pasaremos

a desglosar y describir cada uno de ellos:
 Menú: dentro del menú encontramos las siguientes pestañas:
 Archivo: al desplegar esta pestaña encontramos
diferentes opciones (con sus teclas de acceso rápido)
de las que destacamos: Nuevo…(crear nuevo
documento para diseño gráfico, etc.), Abrir… (cargar
imagen desde un directorio de nuestra pc), Guardar y
Guarda como… (grabar nuestro trabajo en un
directorio de nuestra pc y en el formato deseado),
Exportar (enviar nuestro documento a otros sitios
ajenos a nuestra pc (web…) y en diferentes formatos y
opciones que en Guardar como…), Importar (cargar un
documento desde sitios ajenos a nuestra pc (web…..),
Automatizar (realizar diferentes acciones de manera
automática sobre nuestro documento) o Imprimir…
(plasmar en papel la imagen obtenida).

 Edición: al desplegar esta pestaña encontramos

diferentes opciones (con sus teclas de acceso rápido)
de las que destacamos: Deshacer…(eliminar la última
acción realizada sobre nuestro documento), Copiar,
Pegar y Pegado especial (de algún elemento o parte de
nuestra imagen), Definir valor de pincel (establecer la
forma y grosor del pincel), Ajustes de color y de perfil
(configuración de los distintos parámetros del color y
perfil de este con el que trabajar sobre la imagen),
Barra de herramientas (también para acceder a las
opciones del panel herramientas) o Preferencias
(ajustar algunos parámetros de la interfaz (como el
color de la ventana…), exportar, importar, etc.).
  Imagen: al desplegar esta pestaña encontramos
diferentes opciones (con sus teclas de acceso rápido)
de las que destacamos: Modo (dar a la imagen distintos
tonos de color: escala de grises…), Tono, contraste y
color automático (establecer dichos parámetros
automáticamente según distintos rasgos del dibujo),
Tamaño de imagen y lienzo (definir las dimensiones
deseadas de nuestra imagen o lienza (diseño gráfico)
para su edición), Rotación de imagen (girar la imagen
a izquierda o derecha) o Análisis (ajustar valores
métricos… de la imagen).

 Capa: al desplegar esta pestaña encontramos diferentes

opciones (con sus teclas de acceso rápido) de las que
destacamos: Nueva (crear una nueva capa (subimagen)
de nuestra imagen), Máscara de capa (ocultar zonas de
una capa), Capas de video (crear capas de un video) o
Combinar, acoplar capas.

 Texto: al desplegar esta pestaña encontramos diferentes

opciones (con sus teclas de acceso rápido) de las que
destacamos: Opciones de idioma (definir el idioma del
texto junto con otros rasgos), Actualizar todas las capas
de texto (cambia todos los textos a la fuente
seleccionada actualmente) o Cargar, Guardar estilos
de texto predeterminados (desde/en un directorio
de nuestra pc).
  Selección: al desplegar esta pestaña encontramos
diferentes opciones (con sus teclas de acceso rápido)
de las que destacamos: Todo (la imagen al completo),
Todas las capas (de la imagen), Deseleccionar (una
selección), Seleccionar y aplicar máscara… o Cargar
selección (desde un directorio de nuestra pc).

 Filtro: al desplegar esta pestaña encontramos diferentes

opciones (con sus teclas de acceso rápido) de las que
destacamos: Galería de filtros (conjunto de filtros para
(texturizados…) aplicar a nuestra imagen), Ángulo
ancho adaptable (moldear nuestra imagen sobre el
ángulo y forma que definamos), Corrección de lente
(ajustar parámetros de visualización de la imagen)
o 3D, Pixelizar… (nuestra imagen).

 3D: al desplegar esta pestaña encontramos diferentes

opciones (con sus teclas de acceso rápido) las cuales nos
permitirán dar aspecto 3D a nuestra imagen (capas).

 Vista: al desplegar esta pestaña encontramos diferentes

opciones (con sus teclas de acceso rápido) de las cuales
destacamos las siguientes: Proporción de pixeles
(configurar valores en los pixeles de nuestra imagen),
Aumentar, Reducir, Encajar en pantalla, 100%, 200%,
Ajustar a (variar el zoom y vista de nuestra imagen),
Bloquear Guía, Guía Nueva… (configurar una guía
(línea que delimita una parte de nuestra imagen) en
nuestra imagen).
  Ventana: al desplegar esta pestaña encontramos
diferentes opciones (con sus teclas de acceso rápido)
las cuales (solo las que estén marcadas) podemos
visualizar y acceder en nuestra interfaz: Herramientas,
Bibliotecas, Capas, Color, etc.

 Ayuda: al desplegar esta pestaña encontramos diferentes

opciones (con sus teclas de acceso rápido) de ayuda
acerca de información sobre preguntas frecuentes del
uso del programa, licencia del mismo, etc.

 Panel de control: en esta parte de la interfaz nos aparecerá las opciones de la

herramienta que tengamos habilitada (activada). Un ejemplo puede ser el siguiente:

 Pestañas de Documentos: en esta parte de la interfaz se agrupan los distintos

documentos abiertos sobre los que estamos trabajando:

 Ventana del documento: en esta parte de la interfaz aparece la imagen

y resultado del trabajo que estamos realizando:
 Panel de herramientas: en esta parte de la interfaz se recoge las distintas
herramientas de edición para trabajar sobre nuestra imagen las cuales son:

Mover selección o capa

Realizar selección rectangular en nuestra imagen
Realizar selección a mano alzada en nuestra imagen
Realizar selección rápida identificando cada parte de la imagen
Recortar imagen o expandir sus bordes
Muestra el color de esa zona de la imagen
Eliminar marcas e imperfecciones de nuestra imagen
Pintar trazos de pincel personalizados sobre nuestra imagen
Utilizar como pincel una zona de la imagen (recoge esa parte)
Restaurar las partes modificadas de la imagen a su estado anterior
Elimina (hace transparente) zonas o partes de la imagen.
Crear degradado entre colores
Desenfocar áreas de una imagen
Aclarar áreas de una imagen
Trazar formas sobre nuestra imagen a partir de puntos de ancla (inicio y final)
Añadir texto (en horizontal) sobre nuestra imagen.
Seleccionar un trazado (forma) completo.
Dibujar rectángulos en nuestra imagen
Mover diferentes partes de nuestra imagen
Aumentar o reducir la vista (zoom) de nuestra imagen
Editar panel de herramientas
Colores de primer plano y fondo por defecto / Conmutarlos
Configurar color de primer plano
Editar en modo cámara rápida
Cambiar modo de pantalla

 Nivel de zoom y tamaño: en esta parte de la interfaz podemos ajustar el zoom de la

imagen que estamos cargando y ver el tamaño que va adquiriendo:

 Paneles variados: por último, en esta parte de la interfaz, encontramos 3 paneles

distintos desplegables los cuales describimos a continuación:
 Panel historial: recoge las distintas acciones realizadas sobre la imagen cargada:
 Panel color: recoge distintos ajustes y acciones que realizar sobre el color de
nuestra imagen así como de las distintas capas creadas:

 Panel formación: recoge pequeños tutoriales sobre algunas acciones destacadas

del programa, así como el acceso a las bibliotecas creadas:
-Bueno, pues una vez que nos hemos familiarizado con la interfaz de esta versión de
Photoshop identificando y describiendo los diferentes componentes que la forman,
pasaremos ahora a trabajar con las distintas herramientas y elementos más utilizadas para
el tratamiento de fotografía, así como las posibles acciones de edición básica y avanzada
sobre la misma. Dicho esto, tomaremos como ejemplo para ello la siguiente fotografía:

-Dicho esto, destacamos las siguientes acciones de edición fotográfica:

Modificar resolución de una imagen: para ampliar o reducir las dimensiones de
una imagen (alterando así su calidad), seguimos el siguiente procedimiento:
 Vamos a la ruta: Imagen/Tamaño de imagen…; donde nos
aparecerá el siguiente cuadro:
  En este, podemos modificar distintas opciones descritas a continuación:
Peso actual de la imagen Opciones adicionales
Resolución actual Adaptar a dimensiones
de la imagen (en el prestablecidas (A4, etc.)
formato definido Definir las longitudes de
(pixeles, etc.) ancho y alto de la imagen
Fijar la densidad de la en el formato establecido)
imagen (pixeles) en base Determinar la interpolación
a las longitudes (ancho de las longitudes de la imagen
y alto) definidas en la (es decir, si se modifica el
medida elegida (pix/pulg) ancho se cambia el alto
proporcionalmente, etc.)

 Veamos la diferencia para una resolución de 4096x2160 px (4K) al 100% (px/pulg):

(resolución original) (resolución 4K)

Configurar impresión de una imagen: impresión en papel de nuestra imagen final ya

editada ofrece una serie de parámetros los cuales se describen a continuación:
 Vamos a la ruta: Archivo/Imprimir…; donde nos aparecerá el siguiente cuadro:
 En este, encontramos distintas opciones acerca de la impresión de nuestro
trabajo las cuales describimos a continuación:

Impresora con la que llevar a cabo el impreso, nº de copias del

documento, ajustes de impresión (dependen del software de la
impresora) y Composición (impresión en vertical u horizontal)
Administración del color (la impresora o Photoshop), Perfil de
impresora (tipo dentro de la marca), tipo de impresión (normal,
etc.) e interpolación, ajuste de prueba, etc. (dichas opciones
varían dependiendo del tipo de impresión seleccionada).

En esta sección aparece algunas descripciones sobre la

impresión (documento, impresora, etc.).

Ajustar la posición de la imagen en el papel (centro, longitudes

desde la parte izquierda y superior), escala de impresión (variar
las dimensiones de la imagen para su la impresión) e imprimir
un área concreta de la imagen (medida en pulgadas, etc.)
En esta sección podremos insertar en los distintos marcos del
papel alguna descripción, comentarios, sobre la imagen, etc.
En esta sección podremos añadir fondos de colores a nuestra
impresión, imprimir la imagen en negativo (colores inversos).

Configuración de la visualización de la imagen: ajustar el modo en que se nos

muestra la imagen o imágenes (vistas de estas) sobre las que estamos trabajando,
para lo que se utiliza la herramienta de modo de pantalla (situada al final de la
barra de herramientas), y, en la cual, distinguimos 3 modos de visualización (que
podemos seleccionar al hacer clic derecho con el ratón sobre su icono):
 Modo original ( ): se nos muestra en pantalla la imagen junto al resto de
opciones de edición de la interfaz del programa (visualización al cargar la imagen):
 Modo ventana ( ): se nos muestra en pantalla la imagen como en el modo
original solo que sin las pestañas de las imágenes que tenemos abiertas y la barra
inferior donde se encuentra el zoom de la interfaz, etc. Así, también existe otro
modo ventana en el que visualizamos solo las pestañas de la imágenes abiertas
y el menú de la interfaz (Archivo Edición…) y el cual se activa pulsando la
tecla tabulador :
( )

 Modo pantalla completa ( ): se nos muestra en pantalla solo la imagen:

(#) Hay que apuntar que mediante las teclas + cambiamos de pestaña,
es decir de imagen.
Situar 2 o + imágenes en la interfaz de trabajo: para poder editar 2 imágenes
simultáneamente (sin cambiar de pestaña), seguimos el siguiente procedimiento:
 Vamos a la ruta: Ventana/Organizar; y en esta nos aparece un recuadro donde
nos dan diferentes opciones de visualización (en vertical, horizontal,…):
 De este modo, cuando trabajamos de esta forma se nos hace especialmente útil
el uso de las siguientes herramientas:
 Lupa ( ): esta nos permite acercarnos sobre una zona de la imagen o
alejarnos, además de otras opciones (que aparecen en el panel de control
de la interfaz al activar la herramienta) las cuales describimos a continuación:
Hacer zoom arrastrando Ajustar imagen al
Acercar Trabajar sobre 1 imagen el ratón sobre la imagen tamaño de su ventana

Alejar Trabajar sobre ambas Devolver la imagen Rellenar la ventana (sin

imágenes a la vez su escala original (1:1) márgenes) con la imagen

 Mano ( ): esta tiene a su vez 2 usos distintos: herramienta de mano para

desplazarse en la imagen y la herramienta para rotar la imagen:
(Mano desplazar) (Mano rotar)

Recorte de imágenes: para recortar una imagen y eliminar la parte sobrante de esta
que no aparecerá en el resultado final, utilizamos la herramienta ; la cual (además
de tener varios tipos (clic derecho) de recorte manual: recorte en perspectiva, etc.,
ofrece (en el panel control de la interfaz) las siguientes opciones:
Recortar en base a una Borrar proporción Fijar cuadrículas de Eliminar parte sobrante
proporción predefinida introducida recorte de la imagen tras aplicar el recorte Deshacer, cancelar, aplicar
Fijar cuadrículas de
recorte de la imagen

Recortar en base una Definir nuestra Opciones Rellenar parte sobrante según
proporción concreta horizontal en la imagen adicionales de recorte el contenido de la imagen

(#) La herramienta recorte también se puede utilizar sobre una

selección ( ), lazo ( ), etc.
Selección en una imagen: la selección de una parte de la imagen para su edición
(extracción, recorte, etc.), puede realizarse mediante las siguientes herramientas:
Selección poligonal ( ): selección de zonas poligonales: rectángulo, elipse, etc.
(los encontramos haciendo clic derecho en la herramienta) de la imagen (en su panel
de control podemos modificar parámetros como sumar ( ) o restar ( )
selección, estilo, etc.):

Lazo ( ): distinguimos 3 variantes:

 Lazo lineal: se selecciona una región de la imagen manualmente
(posibilidad de trazo irregular):

 Lazo poligonal: se selecciona una región de la imagen con forma

poligonal mediante líneas rectas:
 Lazo magnético: se selecciona una región de la imagen mediante una línea que
va dando forma mediante puntos (imanes) generados durante se crea la línea:

Selección rápida ( ): distinguimos 2 variantes:

 Selección rápida: la selección de la región de la imagen se realiza de forma
automática (prediciendo por donde vamos a guiar nuestra línea):

 Varita mágica: la selección de la región de la imagen se realiza

automáticamente (también con predicción) con un clic de ratón en base
a las zonas con el mismo o similar color (depende de la tolerancia
ajustada en su panel de control)

*Cabe mencionar
también, que una vez
extraída la selección/es de
la imagen, podemos
trabajar y perfeccionarla
con las distintas opciones
que aparecen en el menú
de la interfaz Selección.
Pintar con los colores de una imagen: para poder colorear (con la herramienta pincel)
en un lienzo en blanco o sobre una imagen con los colores de otra imagen, utilizamos
para ello la herramienta cuentagotas del siguiente modo:
 Una vez activada la herramienta, podemos guardar 2 colores:
Color frontal ( ) *Al utilizar el pincel para el coloreado, el color
con el que pintaremos será el seleccionado
como frontal, por lo que si en algún momento
queremos utilizar el color de fondo tan solo
debemos hacer clic en el botón de intercambio .
Color de fondo ( + )

 Por otra parte, también es de utilidad estudiar las opciones que nos
ofrece su panel de control:
Cantidad de pixeles tomados para Mostrar/ocultar aro
extraer el color promedio (5 x 5…) con el color a extraer

Capas de la imagen sobre

la que extraer el color

(#) Para ir viendo el color a extraer, hacemos a la vez que arrastramos en la imagen.
Copiar área de una imagen y pegarla en otra zona: para clonar una zona de la
imagen en otro lugar de esta u otra imagen o lienzo, utilizamos la herramienta tapón
de clonar del siguiente modo:
 Una vez activamos la herramienta (haciendo clic sobre ella), mantenemos pulsada la
tecla y hacemos en la zona de la imagen donde queremos empezar a copiar.
 Nos vamos al lugar donde queremos empezar a clonar hacemos y, sin soltar,
comenzamos a pintar (pegar) la zona del punto copiado:
*Es importante
configurar el panel
de control de esta
herramienta antes
de su uso: tipo de
pincel para el
clonado, efecto
de clonación
oscurecer, etc.)
Degradar y rellenar de color una imagen: si queremos degradar los
colores de una zona de la imagen, así como rellenar (pintar) de un color
aquellas regiones de la imagen con la misma o similar tonalidad de color;
utilizamos las herramientas de degradado y bote de pintura
respectivamente; las cuales, estudiamos a continuación:
 Degradado ( ): el tipo de degradación se aplica, una vez activada la herramienta,
haciendo y trazando una línea que delimita la longitud del degradado, el cual
se debe ajustar previamente en su panel de control:
Gamas de degradado (colores Estilo de degradado Invertir, tramar colores y
frontal y de fondo…) (normal, oscurecer…) transparencia de estos

Tipos de degradado (lineal, radial, Densidad del color

angular, reflejado y diamante)

 Bote de pintura ( ): aplicamos esta herramienta cuando queremos rellenar zonas

de la imagen (píxeles) que sean similares (mismo color) con un color, la cual como
con la herramienta anterior, debemos ajustar previamente su panel de control:
Suavizar bordes, rellenar
Color de relleno solo pixeles contiguos,
(color frontal…) Densidad del color aplicar a todas las capas

Estilo de relleno Grado de similitud con el

(normal, aclarar…) color seleccionado para
aplicar el relleno
 Crear y configurar capas en una imagen: esta es una de las acciones
básicas para la edición de imágenes y la cual se basa en crear distintos planos
(capas) de los elementos de una imagen. Estudiemos su panel de control:

Filtro de la capa Filtro para pixeles, ajustes, tipos,

Estilo de capa formas y objetos inteligentes
(normal, oscurecer…) Densidad de la capa
Bloquear pixeles de Densidad del relleno (color)
transparencia, pincel…)
Capas de la imagen

Activar/Desactivar Bloquear/Desbloquear
visualización de la capa superposición con otras capas

*Cuando creemos una máscara *En la imagen se visualizará

para una capa, deberemos primero las capas superiores
elegir como color frontal el (en este caso “Capa 1”). Para
opuesto al que aparece en la superponer las capas o
miniatura (normalmente el cambiar su orden tan solo
negro), con el fin de visualizar tenemos que hacer clic y
con claridad el resultado. arrastrarla a dicha a la
posición de dicha capa

Eliminar capa
Crear capa nueva
Enlazar capas Crear grupo nuevo
Añadir estilo de capa Añadir capa de relleno
Añadir máscara de capa
*Hasta aquí el estudio de edición básica de fotografía en Photoshop, lo que significa que
daremos paso al tratamiento y análisis de edición avanzada y durante el cual utilizaremos
diferentes imágenes cada una adecuada al tipo de edición en cuestión.
Organización de múltiples documentos: cuando estamos trabajando sobre varias
imágenes y queremos hacerlos simultáneamente, es decir, que aparezcan en la interfaz
a la vez (sin tener que ir cambiando de pestaña), realizamos el siguiente procedimiento:
 Vamos a la ruta: Ventana/Organizar/; y en el cuadro encontramos distintas
opciones de organización entre las que destacamos:
 Segmentar todo en vertical: agrupa todas las imágenes en vista vertical:

 Segmentar todo en horizontal: agrupa todas las imágenes en vista horizontal

(recomendable cuando trabajamos con texto):

(#) Podemos reagrupar las imágenes (pestañas por hoja)

arrastrándolas a la hoja que deseemos
 Vertical/Horizontal en 2 hojas: agrupa todas las imágenes en vista
horizontal/vertical en 2 hojas:

 3, 4… hojas: agrupa todas las imágenes en 3, 4… hojas en la zona de trabajo:

(#) Si solo queremos dividir la interfaz en tantas hojas como imágenes:

Ventana/Organizar/Segmentar. Así, cuando deseamos volver al estado inicial
(imágenes por pestañas: Ventana/Organizar/Consolidar todo en fichas. De
igual forma, si queremos que todas las imágenes o algunas de ellas tengan el
mismo zoom, vamos a la ruta: Ventana/Organizar/Coincidir zoom.
Eliminar elementos de una imagen: para corregir una imagen eliminando elementos
que no queremos que aparezcan en el resultado final de la edición, es de utilidad la
herramienta tapón de clonar , la cual, además de su otra función estudiada
anteriormente, suele usarse también para borrar zonas o elementos de la imagen
clonando zonas próximas a dicho elemento y pegándolas sobre este. Veamos un ejemplo:

*Como vemos, hemos eliminado un elemento de la imagen (pequeño paquete amarillo)

clonando una zona próxima o contigua a este (suelo de ladrillos) e ir pegándola
sobre este (mientras más fino definamos el trazo del pincel mayor precisión
tendremos para solo clonar el elemento).

Restaurar zonas de una imagen a un estado anterior de su edición: cuando lo que

queremos es restablecer zonas de la imagen a un momento anterior de la edición
de esta, utilizamos la herramienta pincel histórico de la siguiente forma
(nos basaremos en un ejemplo de edición):
 Cargamos la imagen y abrimos el panel de control de historia :

*En caso de que no nos

aparezca dicho icono, vamos a
la ruta: Ventana/Historia y ya
se nos abre el menú y su icono
(lo recuadrado en rojo)
mediante el cual,
arrastrándolo, podemos
anclarlo en la posición que
vemos en la imagen.
 Aplicaremos (por ejemplo) un filtro de blanco y negro sobre la imagen:

 Buscamos que el ramo de flores se vea en color (como en la imagen original),

por lo que, para ello:
 Marcamos en el panel de control de historia la acción anterior sobre la que
queremos aplicar el cambio: Blanco y negro (se nos rellenara la casilla).
 Activamos la herramienta de pincel histórico (ajustando en su panel de control
tamaño…) y comenzamos a pintar sobre el elemento a restaurar (ramo de flores).
Borrar fondo de una imagen: para extraer un elemento de la imagen eliminando su
fondo (visualizando la capa inferior), utilizamos la herramienta borrador de 2 formas:
 Desbloqueando la capa: cuando utilizamos el borrador sobre una capa bloqueada
( ), lo que hace es pintar la imagen con el color de fondo que tengamos
seleccionado ; por lo que para evitar esto y borrar el fondo, desbloqueamos la capa:

(#) Con esta forma borramos la capa para ver la capa inferior, por lo que no nos
sirve (tendríamos que utilizar un trazo muy fino y bastante precisión) para extraer
un elemento (en este caso la chica) de su fondo.
 Utilizando el borrador de fondos: con esta herramienta definimos el color de
fondo de la imagen (con el cuentagotas que nos aparece de mouse tras activar
la herramienta) y comenzamos a borrarlo en la zona que toca al elemento en
cuestión del siguiente modo:
o Hacemos zoom en la zona de la imagen donde el fondo bordea al elemento:

o En el panel de control de la herramienta, definimos una tolerancia baja (0-30%),

para borrar solo los colores más contrastados (como el del fondo y el elemento),
y establecemos un trazo de tamaño medio-alto (50 – 80 px) con el fin de borrar
más zona del fondo para cuando deshagamos el zoom podamos borrarlo sin
problema de eliminar parte del elemento:
(*) Hay que apuntar que para
borrar el fondo y no el elemento el
circulo que representa el tamaño del
trazo (en el mouse) debe contener
más color de fondo que el del
elemento, es decir:
Desenfocar, Enfocar y Difuminar zonas de una imagen: estudiemos
cada edición por separado:
 Desenfocar: para ello utilizaremos la herramienta de desenfoque del
siguiente modo:
 Una vez activamos la herramienta, hacemos zoom sobre la región de la
imagen a trabajar (para mejorar la precisión) y vamos al panel de control:
 Ajustamos el trazo del pincel (tamaño, etc.) en base a la zona o elemento
a desenfocar (dimensiones, etc.).
 Definimos la intensidad del desenfoque (normalmente del 50% en
adelante para ver el efecto de forma significante).
 Hacemos sobre la zona a desenfocar y, manteniéndolo, comenzamos a
pintar esta hasta conseguir el resultado deseado:
 Enfocar: esta acción, ejecutada con la herramienta de enfoque (aparece en el
menú de al hacer sobre esta ), no realiza la edición opuesta al desenfoque
que acabamos de ver (cuando el color se encuentra en su intensidad máxima,
empieza a emborronar este), no en todas las imágenes. Por ello, es recomendable
aplicar esta solo en imágenes con texturas. Veamos un ejemplo (los pasos a
seguir para su uso son los mismos que los explicados en el desenfoque):

 Difuminar: para ello, haremos de nuevo sobre la herramienta y

seleccionaremos la herramienta dedo . El procedimiento para su uso
es el mismo que los anteriores, por lo que pasaremos a ver un ejemplo:
Sobreexponer, subexponer y saturar una imagen: al igual que la edición
anterior, analizaremos cada efecto individualmente:
 Sobreexponer: este efecto se consigue mediante la herramienta y se utiliza para
aclarar ciertas zonas (rangos de color) de la imagen. Procedimiento para su uso:
 Una vez activamos la herramienta, hacemos zoom sobre la zona de la
imagen a trabajar (si es necesario) y vamos al panel de control:
 Ajustamos el trazo del pincel (tamaño, etc.) en base a la zona o elemento
a sobreexponer (dimensiones, etc.).
 Establecemos el rango de colores que queremos aclarar: sombras,
medios tonos o iluminación.
 Definimos el grado de exposición (normalmente del 50% en adelante
para ver el efecto de forma significante).
 Hacemos sobre la zona a sobreexponer y, manteniéndolo, comenzamos
a pintar esta hasta conseguir el resultado deseado:

(*) Como podemos notar, en este ejemplo hemos elegido como rango
de color iluminación (dar brillo a una zona).
 Subexponer: esta acción se consigue mediante la herramienta ( …)
y se utiliza para justo lo contrario de la anterior, es decir, para aclarar
ciertas zonas (rangos de color) de la imagen. Veamos un ejemplo con el rango
de medios tonos (se siguen los mismos pasos que el efecto anterior):
 Saturar: este efecto se consigue a través de la herramienta esponja y se
utilizar para saturar o desaturar los colores de distintas zonas de la imagen.
Los pasos para su uso son los mismos que los anteriores.
Veremos un ejemplo para ambos casos:
(Desaturación)

(Saturación)

Extraer con precisión en una imagen y desvanecer: cuando queremos extraer un

elemento o zona de una imagen con precisión (sin seleccionar parte del fondo) para
introducirlo en otra imagen, usamos la herramienta de máscara rápida .Veámoslo:
 Activamos las herramientas máscara rápida y pincel , y hacemos
zoom sobre el elemento o zona a extraer (si es necesario).
 Ajustamos el pincel en base a dicho elemento (tamaño, forma… adecuados para
la máxima precisión) y comenzamos a pintar este hasta rellenarlo del todo:

(*) En caso de salirnos del borde

del elemento durante su relleno,
seleccionamos el color de fondo
(en este caso el blanco) y
pasando el pincel a hacer de
borrador para con este eliminar
cualquier imperfección.
 Desactivamos la herramienta de máscara rápida y vemos como se nos queda
seleccionado (líneas discontinuas) el elemento en cuestión y el resto (fondo).
Bien, pues para deseleccionar el fondo presionaremos (antes de desactivar la
herramienta) + de y, si lo que queramos extraer es justamente todo
excepto el elemento, presionamos dichas teclas con la herramienta desactivada:
(Invertir selección)

 A continuación, activamos la herramienta de mover y, antes de arrastrar el

elemento a la pestaña de la imagen donde queremos introducirlo, aplicamos el
efecto que queramos darle (si lo deseamos) a este. Para ello, activamos la
herramienta de selección y hacemos sobre la selección para elegir el
efecto deseado (en este caso elegiremos desvanecer):

(*) Para poder realizar este paso

es necesario tener la capa de la
imagen donde se encuentra el
elemento desbloqueada:
-Por último, veremos otra muy útil aplicación de esta herramienta, la cual se trata
conseguir el efecto de dividir un elemento para ver como aparece su estructura u
otra forma de verlo. Comprendámoslo mejor con el siguiente ejemplo:
 En la pestaña de la imagen que es la estructura o forma de la imagen sobre la que
queremos aplicar el efecto, presionamos + sobre cualquier zona de
esta y la arrastramos a la pestaña de la imagen donde queremos aplicar el efecto
(el es para que se ajuste a las dimensiones de la imagen final)
añadiéndose de este modo como capa de dicha imagen:

 Como vemos, aunque la imagen queda ajustada a las dimensiones de la

capa final, no queda bien enfocada. Para ello, presionaremos +
para convertir la capa en una imagen ajustable desde sus esquinas.
Ajustada la imagen, damos para aplicar el cambio:

(*) Para poder realizar este paso es necesario tener seleccionada ( ) la capa
de la imagen (estructura) y recorrer esta hasta una de sus esquinas (con la
herramienta mover también activada).
 Activamos las herramientas de máscara rápida y degradado y,
haciendo sobre la imagen, trazamos una línea sobre la que se realizará el
degradado (recordad que la longitud de la línea determina el tamaño de la
transición entre ambos colores). En este caso la hemos trazado en diagonal
y por el centro (para tener poca transición):

 Desactivamos la herramienta de máscara rápida y vemos como se nos divide

la capa (con una línea discontinua) justamente desde la transición del degradado
hasta la parte inferior del degradado. Finalmente, tan solo tenemos que
presionar para ver el efecto buscado:
Edición de capas de una imagen: aunque ya analizamos el menú de capas de una
imagen anteriormente, en este caso, aprenderemos a conseguir distintos resultados
en la imagen trabajando con sus capas teniendo en cuenta lo siguiente:
 El orden de la lista en que se encuentran las capas es fundamental a la hora de
superponer unas sobre otras (, ,…) por tanto, deberemos arrastrar capas (deben
estar desbloqueadas) unas sobre otras para superponer aquellas que lo deseemos:


 







(*) Así, en este ejemplo el texto NECESITA TU APOYO superpondrá a todas

las capas y el fondo blanco () será la que se encuentre por debajo a todas:

(#) Como sabemos,

para mover una
capa activamos la
herramienta mover
y marcamos dicha
capa en el menú.
 La visión de una capa en la imagen la indica el icono , por lo que
si no queremos visualizar dicha capa, hacemos para desmarcarlo
(desaparece). Asimismo, para eliminar la visión de varias capas a la
vez, hacemos sobre un y arrastramos hacia  o  para ocultar
las capas que deseemos. De igual forma, si presionamos +
sobre el de una capa, se ocultará el resto de capas excepto esa
(y viceversa en caso de que esté oculta):
 Podemos añadir imágenes como capas de la imagen en cuestión para poner
como fondo, etc. (seguimos el mismo procedimiento del último paso del tipo
de edición anterior: “Extraer con precisión en una imagen y desvanecer”:

(*) Situamos la capa en

la posición de la lista
que se adecue a lo que
buscamos, en este caso
como fondo (ya que el
fondo de la imagen es
blanco y no se vería).

 El efecto de visualización en que se presenta una capa dentro de la

imagen ( , y ) es determinante para
el resultado final. Por ello, es recomendable aprender el acabado que
deja cada uno de los efectos que ahí nos aparece para saber cuál es el
más adecuado en cada caso (en este caso lo aplicaremos sobre la
capa de la imagen que hemos añadido (pared de piedra)):
 Las opciones de bloqueo de una capa varían dependiendo del
tipo de capa que se trate: imagen , texto , etc. (en la capa de texto,
hacemos doble sobre su icono para modificar dicho texto). Estudiemos
las opciones de bloquea de ambos tipos de capa (los más usuales):
(Imagen) Bloquear total (la capa no
Bloquear píxeles (solo permite ninguna acción)
se edita dicha capa) Bloquear pincel Bloquear mover (no se Bloquear guardar (no se
(no se puede usar capa puede mover la capa) acopla automáticamente en
el pincel sobre dicha) otras imágenes como capa)

(Texto)

 Las capas de una imagen se pueden agrupar por colores y posición en la lista de
capas, ya sea para facilitar su distinción por la zona en la que se encuentran de la
imagen o porque tengan una misma función o efecto dentro de esta. Para ello,
presionamos hacemos sobre aquellas capas que queramos agrupar para
así seleccionarlas. A continuación, hacemos sobre el de cualquiera de
ellas para que se nos abra un menú donde podremos elegir el color a asociar
a dicho grupo de capas:
 Construcción de una imagen por capas: en cuanto a la creación de una imagen
mediante la superposición, degradación […] de distintos elementos (capas),
estudiaremos el siguiente ejemplo:

1) Elegimos el elemento
(capa) base de la
imagen sobre el
cual añadiremos y
editaremos el resto
(considerar los
ajustes de bloqueo
adecuados al
objetivo).

2) Eliminamos o
editamos los
elementos o zonas de
dicha capa para
adaptarla a la
siguiente capa a
incorporar (en este
caso hemos
eliminado el cielo).

3) Creamos nuevas capas

( ) si es necesario
para aplicar a la base
(en este caso el cielo
que hemos eliminado
de la base ( para
crear un rectángulo
con degradado azul
( en y
“Superposición de
degradado).
 4) Aplicamos las nuevas
capa a la base para
ajustar la mezcla
(comprobamos que el
nuevo cielo queda
adecuadamente
(activamos de
ambas capas: nuevo
cielo y base sin cielo).

5) Seguimos añadiendo y
aplicando elementos
(capas) de la forma y
orden adecuado (en este
caso hemos activado el
del edificio y hemos
colocado su capa por
debajo de la capa base
para conseguir la
posición que se muestra
(recordad ajustar
brillo… de este para
que se ajuste al de la
capa base)).

6) Finalmente
seleccionamos
( + ) las capas
añadidas a la capa base
junto a esta y damos
en “Combinar capas”
para generar la capa
combinación de estas.
Formada ya una imagen
final podemos dar el
efecto deseado (en este
caso hemos aplicado un
filtro fotográfico
caliente (anaranjado)).
Objeto inteligente y rasterización de una capa: en este apartado resolveremos
un problema muy común como la rasterización, es decir, el “despixelado” que sufre
un elemento (capa) cuando modificamos sus dimensiones más de 1 vez (Photoshop
toma las ultimas dimensiones establecidas como las originales). La solución, convertir
dicho elemento en un objeto inteligente (Photoshop considera siempre las dimensiones
originales reales). Veamos un ejemplo:

*Partimos de esta imagen donde vamos a introducir el logotipo al cual vamos a

variar sus dimensiones significativamente (1º muy pequeñas y después muy grandes).

*Como vemos, al pasar de unas dimensiones

extremadamente pequeñas a extremadamente
grandes, el objeto (elemento) se rasteriza y pierde
la definición que debería tener. Para evitarlo,
daremos en la capa de dicho objeto (este debe
estar en sus dimensiones originales) y en el menú
damos en “convertir en objeto inteligente”:
*En este caso, al definir al elemento como objeto
inteligente, vemos como al reducir y aumentar
considerablemente su tamaño no se rasteriza, es
decir, mantiene su definición acorde con sus
dimensiones originales.

“Clipping mask”: se trata de una técnica muy utilizada basada en encapsular una
zona de una imagen en una forma establecida (cápsula). En el siguiente ejemplo
lo comprenderemos:

*Queremos introducir al fotógrafo en el círculo negro de la imagen de la derecha.

Para ello seguimos el siguiente procedimiento:
1) Cargamos ambas imágenes en Photoshop y “arrastramos” la imagen
del fotógrafo a la de la portada del curso:
2) A continuación, creamos una nueva capa para construir un elemento con
la forma y tamaño de la “capsula” donde introduciremos la imagen (en este
caso un circulo) y lo superponemos a dicha cápsula (para ajustar el tamaño
utilizar + como vimos anteriormente):

3) Por último y más importante, debemos colocar, en la lista de capas, el fondo

(en este caso fotógrafo) justo antes que la “cápsula” (círculo negro), y todo ello
ajustado sobre las demás capas (en este caso justo encima del rectángulo azul).
Finalmente, y para dar el efecto, presionamos y colocamos el puntero del
ratón en la línea que separa la capa del fondo (fotógrafo) con la de la cápsula
(circulo) y, cuando veamos que el puntero cambia de forma (flechita hacia ),
damos para efectuar el “Clipping mask”:

Ya para acabar la imagen,

presionamos + con la
capa de fondo marcada para
ajustarla a la “cápsula” de forma
que se visualice adecuadamente.
Filtros de imagen: en esta sección veremos algunos de los filtros más utilizados y
destacados (personalmente) para la edición de imagen y a los cuales accedemos
mediante la ruta: Filtro/Galería de filtros… Veámoslos aplicados a la siguiente imagen:

(Artístico/Color diluido)

(Artístico/Plastificado)
 (Bosquejar/Bajorrelieve)

(Bosquejar/Tiza y Carboncillo)

(Distorsionar/Cristal)
 (Distorsionar/Resplandor difuso)

(Estilizar/Bordes resplandecientes)

(Textura/Azulejo de mosaico)
 (Textura/Granulado)

(Trazos de pincel/Salpicaduras)

(Trazos de pincel/Trazos angulares)

*Hay que mencionar que es más útil y práctico cuando aplicamos un filtro a una
imagen convertirlo en filtro inteligente (Filtro/Convertir en filtro inteligente) para así
poder eliminar o restaurar dicho filtro (en el panel de capa) además de la
posibilidad de añadir distintos efectos a dicho filtro (pestaña de Filtro).
 Corregir una imagen: cuando tenemos una imagen con imperfecciones (manchas
en ropa, granos en una cara, etc.) utilizamos una herramienta muy útil como es el
pincel corrector (hay varios tipos dependiendo del tipo de corrección necesaria:
(si es un punto (puntual: se aplica con un solo ), una zona (pincel corrector: se
aplica dibujando con el pincel ( + arrastrar)), etc.). Veamos un ejemplo para
ambos tipos los cuales son los más utilizados:
(Original) (Pincel corrector puntual)

(Original) (Pincel corrector)

Desplazamiento de un elemento en la imagen: para cortar un elemento de la imagen y

pegarlo en otra zona de esta, utilizamos la herramienta de movimiento con detección de
contenido seleccionando al elemento (mientras menos fondo introduzcamos en la
selección mejor resultado) y arrastrándolo al lugar deseado y dando para aplicar:
Sustituir colores en una imagen: en el caso de que busquemos cambiar el color
de un elemento o zona de la imagen por otro, nos apoyamos en la herramienta de
sustitución de color ( en la herramienta pincel ), según la cual, esta edición
se consigue del siguiente modo:
 Activamos la herramienta .
 Configuramos su panel de control adecuadamente: tamaño del pincel (según la zona
a sustituir), tolerancia (dependiendo del contraste con colores contiguos), etc.
 Damos en la zona o elemento donde comenzar a pintar (sustituir) teniendo en
cuenta que la tonalidad del color donde empecemos Photoshop lo tomará como
referencia y puede que, si no consideramos esto, nos salgamos de dicho elemento
o zona (es decir, si comenzamos en la sombra de un color, si el color contiguo
(fuera del elemento) es oscuro, Photoshop también pintará (sustituirá) dicho color:
(Original) (Editado)

(*) Como vemos, hemos sustituido el vestido, el cielo y el mar por un color negro
a una tolerancia de 30 (generalmente más efectiva). Por otra parte, hay que mencionar
que cuando hacemos para comenzar a pintar, debemos mantenerlo presionado
mientras rellenamos (arrastramos el ratón) para sustituir el color en la tonalidad
elegida; ya que, si soltamos, cuando volvamos a tomará dicho color como referencia.
-Bueno, pues aprendido todo lo más importante sobre la edición de fotografía de
Photoshop CS6, pasamos por último al estudio sobre diseño gráfico en este. Sin
más que añadir, basaremos dicho aprendizaje en los siguientes apartados:

Creación de un nuevo lienzo trabajo: para abrir un nuevo documento de trabajo

de diseño nos vamos a la ruta: Archivo/Nuevo; en la cual nos aparecerá el siguiente
cuadro para configurar y personalizar nuestro documento:

(*) Nos aparece varios tipos de documentos preestablecidos (fotos, película y

video…) con sus correspondientes configuraciones. En caso de que estas no
coincidan con la que buscamos nos centramos en la parte  para ajustar
nuestro propio documento:

Nombre del documento Guardar nombre para estos ajustes

Ancho del documento () Tipo de medida
Alto del documento ( ) Orientación del lienzo

Resolución del diseño Medida de la resolución

Formato de color a utilizar Bits de información
Color del lienzo (fondo)

Perfil del formato de color

Ajuste de los píxeles
 (*) Una vez establecemos los parámetros deseados y damos en , nos aparecerá
nuestro lienzo, al cual, ajustaremos a la interfaz (panel de control de la herramienta
de zoom ) para facilitar su trabajo:

Dibujar en el lienzo: para pintar e ilustrar nuestro lienzo con los diseños a trabajar,
utilizaremos la herramienta de pincel , la cual, aunque ya hemos trabajado con ella
anteriormente, en este caso enfocaremos su uso al diseño gráfico; por lo que
necesitamos un estudio a fondo sobre sus variedades y configuraciones:
Pinceles velocidad Suavidad Tamaño
Estilos y diseños Intensidad de la pintura del trazo del trazo por presión
preestablecidos

Propiedades Efecto de la pintura Opacidad por Efectos Opciones

del pincel presión del lápiz aerógrafo de suavidad

Opciones adicionales
Crear pincel preestablecido
Pinceles preestablecidos

Ángulo y redondez Tamaño del trazo

del pincel Intensidad de la pintura
Funcionalidades Opciones adicionales
(borrador, dedo, …) Crear nuevo
ajuste de pincel

Tipos de trazos
 *En este cuadro podemos
configurar y añadir aún más
efectos avanzados a nuestro
pincel para lograr la mayor
precisión y similitud con el
resultado que buscamos.

Pintar formas en el lienzo: para dibujar y trazar formas definidas con las
que trabajaremos en nuestro diseño (logotipos, etc.), utilizaremos principalmente
dos herramientas: la pluma y la selección ; del siguiente modo:
 Activamos la herramienta pluma y pasamos a su panel de control.
 En este, distinguimos 2 modos: se genera automáticamente la forma
que estamos dibujando (con relleno) y solo para dibujar el contorno.
 Una vez hemos dibujado las formas a trabajar, activando la herramienta de
selección podemos moverlas (“Selección de trazado” ) y moldearlas
(“Selección directa” ):

*Cada forma que creemos

se guardará como una
capa nueva. Por otra
parte, hay que mencionar
que para dar curvatura a
las líneas arrastramos con
el mouse al dibujar.
-Comprenderemos mejor su uso a través de un ejemplo real:

(The Rolling Stones)

El primer paso para el dibujado de nuestro diseño (en este caso el logotipo de la
banda de los Rolling Stones) es identificar las distintas capas que lo componen
(en este caso distinguimos 1 capa por cada color (por ejemplo), es decir, 3 tipos:
(lengua y labios (todo lo de color rojo), brillos (todo lo de color blanco) y
sombras (todo lo de color negro)) y su orden (en este caso es importante,
ya que la posición de cada capa en la imagen depende de la anterior).
A continuación, comenzamos a dar forma a cada capa (en su correspondiente
orden si es necesario) con las herramientas mencionadas: y
apoyándonos (como capa base) en el diseño original hasta haber
terminado el nuestro (para ello, deberemos reducir la opacidad de cada
capa hasta terminarla (con el fin de visualizar la capa base y maximizar
la precisión en el dibujado). Describiremos el dibujado de cada capa:
 Capa Base ( ): activamos la herramienta en modo y
contorneamos el diseño (logotipo) ayudándonos (en las zonas curvas)
con + arrastrar hasta conseguir la curvatura buscada (damos en el
punto donde comience y termine la curva y es en este último donde a
la vez arrastramos para conseguir la curvatura adecuada). Así, para definir y
aplicar la curvatura dibujada presionamos + en el último punto de la
curva (donde hemos arrastrado) y repetimos el proceso en todo el contorno:

(*) En caso de crear un

punto de ancla erróneo
u otro fallo similar,
podemos eliminarlo
dando en y
seleccionando la
herramienta o alguna
otra existente. Por otra
parte, si alguna curvatura
o forma no nos queda
bien ajustada, siempre
podemos recurrir a la
herramienta ya vista
 Capas Brillos ( ): para estas capas seguiremos los mismos pasos
explicados en la capa anterior:

 Capas Sombras ( ): mismo procedimiento:

Finalmente, tras crear todas las capas necesarias, reordenamos todas ellas
adecuadamente (agrupándolas por colores, etc.), las rellenamos del color que
le pertenece a cada grupo con la herramienta bote de pintura (para ello antes
debemos rasterizar cada capa ( en la capa y seleccionar “Rasterizar capa”)) y
activamos su visualización (excepto la de la original) para ver el resultado obtenido:
(Original) (Dibujado)
 Escribir en el lienzo: para introducir en el lienzo un texto o escritura, nos
apoyaremos en la herramienta de texto y sus variantes ( en esta). Bien, pues
su aprendizaje analizaremos su panel de control y describiremos algunos ejemplos
de los efectos conseguidos más destacados de esta herramienta:
Textos Posición Texto
preestablecidos Fuente del texto Tamaño del texto del texto deformado Texto 3D

Cambiar orientación Estilo de la fuente Efecto del texto Color Cambiar carácter
del texto del texto por párrafo

(texto deformado y relleno)

(texto deformado y degradado)

(texto deformado, degradado y 3D)

*Como vemos, al
crear un texto se
guarda también
como capa, lo que
nos permite
aplicarle los
efectos y
configuraciones
estudiadas
anteriormente
(moverlo,
ocultarlo, etc.)
 Mezclar colores del lienzo: para combinar y fusionar diversos colores del lienzo
para conseguir el tono buscado, utilizamos la herramienta de pincel mezclador
( en la herramienta ), la cual analizaremos y pondremos en práctica a continuación:
 Una vez activamos la herramienta, nos centramos en su panel de control donde
ajustaremos los parámetros en base al resultado buscado y los cuales son:
Modo por
Pinceles Estilos y Cargar pincel al Acabado de la Cantidad de Densidad del Opciones de presión de
mezcladores mezcla color en el pincel color en el trazo suavizado lápiz
diseños terminar un trazo
preestablecidos

Propiedades Color Limpiar pincel al Cantidad de Velocidad para Modo Suavidad Aplicar a todas
terminar un trazo agua en el pincel mezclarse aerógrafo del trazo las capas
ç

(#) Las opciones del recuadro siempre deben estar marcadas (a excepción
de que se busque el efecto que produce su desactivación) para que cada vez que
iniciemos un trazo (mezcla) se cargue (rellene) el pincel del color elegido y
se limpie del obtenido con la mezcla anterior.
 Configurada la herramienta adecuadamente, finalmente damos + arrastrar
en la zona del lienzo donde queremos iniciar la mezcla de los colores (hay que
tener en cuenta que mientras más nos movamos por una zona más se mezclarán
los colores hasta fusionarse totalmente):

(*) Las ediciones más avanzadas de diseño gráfico en Photoshop se basarán en el

concept art y el diseño 3D, lo cual profundizaremos durante el estudio de los
primeros módulos de la titulación a la que se orienta esta guía sobre
Photoshop CS6 (“Técnico Superior en Animación 3D, Juegos y
Entornos interactivos”).