CESAR ANTE TORRES

PH OTOSHOP

1
 CESAR ANTE TORRES

UNIDAD 1. INTRODUCCIÓN A PHOTOSHOP CS6 (I)

1.1. ¿QUÉ ES PHOTOSHOP?

Photoshop, creado por Adobe Systems, es una de las herramientas software para el tratamiento de
imagen más potente y poular de hoy en día.

Los logotipos de Photoshop son propiedad de Adobe, así como las marcas registradas Photoshop y
Adobe, aulaClic no tiene ninguna relación con Adobe.

Debemos tener bien claro desde el principio que Photoshop no está pensado para dibujar, para eso
es recomendable que utilices Illustrator, también de Adobe. Photoshop está principalmente orientado a
tratar y manipular imágenes, o bien creadas por otros programas, o digitalizadas por un escáner o
máquina fotográfica. Entonces, una vez introducida la imagen en el programa
podrás retocarla, transformarla yeditarla con un sinfín de posibilidades.

De hecho, esta es una de las características más interesantes de Photoshop, pues Adobe ha sabido
crear un programa intuitivo y muy completo que hace que se desmarque de la competencia y sea el
software más utilizado por diseñadores e ilustradores.

Photoshop es un software comercial, y se ha de comprar una licencia para poder usarlo

indefinidamente. No obstante, Adobe permite descargar y probar el programa totalmente gratis, pero
por un periodo de 30 días.

1.2. NOVEDADES EN PHOTOSHOP CS6

Nuevas funciones:

Movimiento con detección de contenido. Es una de las novedades estrella de CS6, con esta
función podemos seleccionar un objeto y moverlo a otro lugar con la particularidad que Photoshop se
encarga de rellenar el hueco que queda según el entorno. Funciona muy bien con fondos homogéneos.
La veremos en la unidad 12.

2
 CESAR ANTE TORRES

Motor Mercury Graphics Engine. Ahora los procesos que requieren muchos cálculos son más
rápidos gracias a este nuevo motor de cálculo de gráficos. Esto se nota en que el trabajo con
determinadas herramientas, como el filtro Licuar que resulta más fluido.

Unidad 1. Introducción a Photoshop CS6 (II)

Filtros de capas. Permite filtrar las capas por determinadas características (nombre, tipo,
color, ...), esto permite buscar mucho más fácilmente dentro de los proyectos con muchas
capas. Lo veremos en la unidad 5.

Filtro pintura oleo. Este nuevo filtro obtiene buenos resultados como se aprecia en la
imagen del barco.

Guardar en segundo plano automáticamente. Si activamos esta opción Photoshop hará

copias de seguridad cada cierto tiempo de forma que si hay algún problema o corte de luz
podamos recuperar lo último que habíamos hecho. Esta opción se puede configurar
desde Edición → Preferencias → Administración de archivos. Por ejemplo, podemos
elegir el intervalo de tiempo en el desplegabe Guardar información de recuperación
automáticamente cada: 5 min, 10 min, 15 min. 30 min. o 1 hora.

Nuevos filtros de desenfoque. Hay tres nuevos filtros:

3
 CESAR ANTE TORRES

1.) Desenfoque de campo. Photoshop produce un desenfoque global de la imagen.

2.) Desenfoque de iris. Permite desenfocar en zonas circulares u ovaladas de la imagen.

3.) Cambio de inclinación (Tilt-Shift). Está pensado para simular el efecto que se produce
con objetivos descentrables (Tilt-Shift) que crean un efecto maqueta en la imagen, como se ve
en la siguiente imagen

Los tres filtros cuentan con unos manejadores gráficos muy intuitivos.

3D. El tratamiento de los gráficos en 3D se ha mejorado de forma sustancial, se pueden

añadir texturas personalizadas, deformar las mallas, colocar varios tipos de iluminación,etc.
Toda la unidad 18 está dedicada a este tema.

Vídeo. La edición de vídeo ha mejorado enormemente en esta versión CS6. La interfaz se

ha modificado, se puede recortar el vídeo, añadir transiciones, cambiar el audio, aplicar
efectos y exportar el vídeo a múltiples formatos. Dedicaremos al vídeo la unidad 19 completa.

Capas vectoriales. Se han añadido capas vectoriales que permiten editar objetos vectoriales
de forma más eficiente. Por ejemplo, se pueden editar líneas de rayas y puntos para adaptarlas
a nuestras necesidades, asi como la opciónAjustar al pixel para renderizar de forma perfecta.

Funciones mejoradas:

Parche según el contenido. Se ha mejorado esta herramienta introduciendo un nuevo modo

llamado Según el contenido que tiene en cuenta el entorno de forma más eficiente para crear el
parche.

Recortar. Ahora podemos hacer recortes no destructivos desmarcando la casilla Eliminar píxeles
recortados, de esta forma podemos volver a recortar la imagen recuperando zonas que habíamos
recortado. También se han añadido algunas opciones como un nuevo desplegable para mantener
diversas proporciones, nuevas guías para orientarnos en el recorte, y ahora podemos enderezar la
imagen respecto a una línea que trazaremos en la imagen, por ejemplo siguiendo el horizonte. La
herramienta Recortar la veremos en la unidad 6.

4
 CESAR ANTE TORRES

Trabajo con capas. Ahora se pueden realizar varias funciones sobre un conjunto de capas a la vez,
por ejemplo, cambiarles la etiqueta de color, duplicarlas, bloquearlas, cambiarles el modo de fusión, ...

Camera Raw 7. Se ha aumentado el rendimiento del procesado y se han introducido mejoras como
mantener los detalles en las sombras al cambiar la iluminación.

Adobe Mini Brigde. Se ha rediseñado para que aparezca como una tira de imágenes en la parte
inferior de la pantalla.

En Photoshop CS6 se ha cambiado el color de fondo de la interfaz a un tono más oscuro, casi
negro. Como el que puedes ver en esta imagen del menú.

Si, como a nosotros, te gustaba más el color gris de la anterior versión puedes cambiarlo
desde Edición → Preferencias → Interfaz y en el selector de Tema de color elegir un gris claro. Es
el que vamos a utilizar en este curso.

1.3. INICIANDO PHOTOSHOP

Para arrancar Photoshop, una vez instalado haz doble clic sobre su icono en el escritorio. En el caso
de que no tuvieses un acceso directo, puedes acceder al programa a través del menú Inicio → Todos
los programas → Adobe Photoshop CS6. O escribiendo Photoshop en la caja de búsqueda.

Una vez lanzada la aplicación, Photoshop comenzará a cargar sus plug-ins, fuentes, pinceles,
herramientas y menús. Este proceso puede tardar un poco, sobre todo en ordenadores más lentos y
con poca memoria RAM (memoria que se utiliza para ejecutar aplicaciones y guardar documentos
mientras se trabaja con ellos). Pero una vez cargado, el programa estará listo para empezar a trabajar.

5
 CESAR ANTE TORRES

Ahora aprenderemos unas cuantas funciones y conceptos básicos para poder seguir el resto del
curso.

1.4. ABRIR UNA IMAGEN

Para comenzar a editar una imagen, lo primero que tendremos que hacer será abrirla con Photoshop.

Vamos a ver los pasos a seguir para abrir un archivo desde Photoshop:

Una vez arrancado el programa, haz clic en Archivo en la barra de menú.

Se desplegará una lista como esta:

Para abrir una imagen deberás hacer clic en Abrir. y se abrirá un cuadro de diálogo.

6
 CESAR ANTE TORRES

Llegados a este punto, lo que deberás hacer es navegar por las carpetas hasta encontrar el archivo
deseado. Cuando lo tengas seleccionado, haz clic en Abrir y la imagen se abrirá en una ventana dentro
del programa.

También existe una forma más rápida, que es arrastrar la imagen desde una ventana del
Explorador de Windows directamente al área de trabajo de Photoshop.

O incluso desde el Explorador de Windows, encontramos la opción Abrir con → Adobe Photoshop
CS6 en el menú contextual de la imagen.

Puedes abrir simultáneamente tantas imágenes como tu ordenador soporte, pero ten en cuenta
que cuantos más recursos consumas más lento irá el programa.

Una de las características que se añadió en las versiones CS Photoshop es Adobe Bridge. Puedes
abrirlo haciendo clic en Archivo → Buscar en Bridge.

7
 CESAR ANTE TORRES

Adobe Bridge te permite navegar por tus carpetas y organizar tus imágenes de forma más eficiente,
pudiendo añadir información sobre la imagen (llamada metadatos) como su autor, una breve descripción
o incluso darle un título, además de otro tipo de datos técnicos y sobre derechos de autor.

Además, te permite acceder directamente a muchas de las opciones de Photoshop, por ejemplo
desde el menú contextual de la imagen.

Si quieres saber más sobre Adobe Bridge visita el tema avanzado de Exploración de
archivos .

Unidad 1. Avanzado: Adobe Bridge (I)

Adobe Bridge es la evolución del antiguo Explorador de archivos con el que contaba Photoshop CS.

En esta versión se incluyó para mejorar la navegación, organización y gestión de nuestros archivos
de imagen, y entre aplicaciones de Adobe.

8
 CESAR ANTE TORRES

Su principal característica es su facilidad de uso y su capacidad para organizar y clasificar la

imágenes.

Veamos de qué partes está compuesto.

Ventana Principal
En ella encontraremos los archivos que tenemos guardados en nuestro disco duro:

Podemos asignarles etiquetas de color, agruparlas para organizar mejor las fotografías
pertenecientes a un mismo tema o incluso marcarlas con estrellas para reconocer tus favoritas.

Para ello simplemente selecciona las imagenes que quieras marcar (si son más de una utiliza la
tecla CTRL para crear selecciones múltiples), haz clic en el menú Etiqueta y selecciona la opción que
prefieras:

9
 CESAR ANTE TORRES

Del mismo modo, para agrupar varias imágenes en una pila, selecciónalas utilizando la tecla CTRL y
despliega el menú Pilas.

Haz clic sobre la opción Agrupar como pila y el conjunto de imágenes se mostrará de la siguiente
forma:

En la parte superior encontramos 3 imágenes agrupadas en una pila contraida. El grupo de abajo se
trata de una pila expandida de 4 imágenes. Para ver el contenido de una pila sólo tendrás que hacer
clic sobre el número de imágenes que aparece en ella.

10
 CESAR ANTE TORRES

Desde esta ventana también puedes decidir el modo en el que verás las miniaturas de los archivos.

Puedes agrandarlas o hacerlas más pequeñas utilizando el control en forma de barra de

deslizamiento que se encuentra al pie:

Los botones de la derecha establecerán el modo en el que se ven los archivos.

El primero muestra las imágenes como un conjunto de miniaturas tal y como veíamos en la
imagen anterior.

El segundo botón muestra la ventana como una tira de imágenes, visualizando en grande la
imagen seleccionada en la tira.

El tercer botón crea un listado de las imágenes que muestra su miniatura y a su derecha
los detalles del archivo.

Los modos de clasificación que hemos visto antes nos permitirán filtrar la visualización de archivos.

Utiliza la pestaña Filtro que se encuentra en la parte inferior derecha de la ventana y selecciona los
elementos que quieras que se muestren. Por ejemplo, sólo los archivos JPEG.

Verás que de esta forma, trabajar con tus archivos es mucho más rápido y sencillo.

11
 CESAR ANTE TORRES

Otra posibilidad para abrir arcivos es Mini Bridge, que nos permite explorar archivos desde un panel
situado en la parte inferior de la pantalla.

Resulta especialmente útil si queremos mantener abierta una vista con las miniaturas de los archivos.

Para abrir Mini Bridge, puedes usar su pestaña desde la parte inferior izquierda de la pantalla de
Photoshop, o desde en Archivo → Buscar en Mini Bridge.

Al abrir una imagen directamente, nos encontraremos con que no podemos editarla, ya que la capa
que hace de fondo está bloqueada. Si abres la ventana Capa, verás algo así:

Aunque esto lo veremos más adelante, de momento diremos que para poder editar este fondo, hay
que convertirlo a una capa. Para ello, basta con hacer doble clic sobre Fondo en el panel. Aparecerá
un cuadro de diálogo con opciones. Aceptamos las opciones por defecto. Ahora, ya puedes editar la
imagen y desaparecerá el icono del candado.

1.5. GUARDAR UNA IMAGEN

Es importante diferenciar, primero, los dos estados de trabajo en los que se puede encontrar una
imagen:

 Una imagen puede estar en proceso, y no estar todavía acabada. Bien porque queremos grabar
en determinado momento para no perder los cambios realizados, o porque deseamos terminar la
sesión de trabajo y continuar más adelante.
 O una imagen puede encontrarse terminada y lista para publicar, imprimir o almacenar.

Por tanto, si la imagen puede encontrarse en dos estados de trabajos, guardaremos nuestros
archivos de formas diferentes.

En ambos casos el procedimiento inicial es el mismo, haremos clic en Archivo y luego en Guardar
Como.

12
 CESAR ANTE TORRES

Aparecerá el siguiente cuadro de diálogo:

Seguidamente navegaremos por las carpetas hasta encontrar el lugar donde queremos guardar el
archivo.

Ahora es cuando debemos elegir una de las dos opciones:

a) Guardar Imágenes inacabadas o en proceso.

Si todavía no hemos alcanzado el estado final de la imagen y queremos guardar

el trabajo que hemos hecho, nos gustaría que la imagen permaneciese
exactamente en el estado en el que se encuentra, manteniendo las capas,
transparencias y objetos tal y como están para poder seguir trabajando con ellos
después.

Entonces deberemos decirle al programa que el tipo de archivo que queremos

crear al guardar la imagen sea de tipo Photoshop (.PSD o .PDD). Este tipo de

13
 CESAR ANTE TORRES

archivo ocupa mucho espacio, pero es debido a que guarda gran cantidad de
información sobre el estado en el que se encuentra nuestra composición.

Así que haremos clic sobre la lista desplegable de Formato y

seleccionaremos Photoshop.

.PSD y .PDD no son archivos de imagen, son archivos de trabajo propios de

Photoshop y por tanto sólo podrá utilizarse con este programa.

b) Guardar imágenes terminadas para su posterior almacenamiento, publicación o

impresión.

En este caso, nuestra imagen ya ha alcanzado su estado final, hemos trabajado

con la imagen y queremos finalizar su proceso.

Pues bien, ahora lo que haremos será guardar la imagen como un archivo de
imagen para que pueda ser utilizada más tarde como mejor nos interese. Para ello
haremos clic en la lista desplegable de Formato y seleccionaremos el formato de
imagen digital que queremos darle a nuestra imagen.

14
 CESAR ANTE TORRES

JPG, GIF y PNG son los formatos más comunes. El primero, está pensado para
imágenes con muchos colores, como fotografías, para las cuales se obtiene mejor
calidad en menor tamaño que otros formatos. El segundo, GIF, esta ideado para
gráficos, imágenes con pocos colores (un máximo de 256) y áreas de color
uniforme. Por lo general, un archivo GIF es muy ligero, ya demás permite
transparencias y animaciones. PNG tiene varias versiones: PNG 8 puede usarse
como los GIF, y PNG 24 está especialmente diseñado para gráficos con
degradados y transparencias de distinta intensidad.. Eligiendo el formato
adecuado, obtendremos la mejor relación calidad - tamaño.

Si no conoces los diferentes formatos visita el tema básico de formatos.

Unidad 1. Básico: Formatos de imagen

Una imagen digital no es más que un archivo que contiene la información de la imagen
trasformada y almacenada en forma de unos y ceros.

Por esto que desde que existen los medios gráficos digitales se ha buscado una forma de
convertir una imagen óptica a digital con la menor pérdida de información posible (colores,
tonalidades, etc.).

Obviamente, no es difícil de conseguir, retener todos esos datos es relativamente sencillo, pero
de esta forma se crearían archivos de imagen enormes. Era necesario comprimir la información de
una forma eficiente.

La compresión de imágenes requería necesariamente desechar la información menos relevante,

y de aquí empezaron a surgir diferentes métodos de compresión de archivos. Luego comenzó la
revolución web, y se hizo necesario crear formatos más agresivos, que contuviesen menos
información para que el archivo final pesase cada vez menos.

Y todo ello intentando mantener un resultado coherente y lo suficientemente bueno como para
poder ser útil a la hora de compartir, imprimir y almacenar archivos de imagen.

Ahora veremos los formatos de imagen más comunes existentes en estos momentos.

El formato JPEG
Es uno de los formatos más utilizados hoy en día, indicado sobre todo para fotografías en
Internet por su capacidad de conseguir imágenes suficientemente reales y con un gran número de
colores.

Este formato soporta los modos de color CMYK, RGB y la escala de grises sin canales alfa,
llegando a convertirse en uno de los formatos más populares por su versatilidad y una compresión
bastante alta.

Las dispositivos móviles y mayoría de cámaras generan las fotografías en este formato. Por
tanto es el que más utilizaremos en Photoshop.

Si vamos a editar una imagen varias veces, hemos de tener cuidado con este formato. Pues
cada vez que la cambiemos y guardemos, iremos perdiendo un poco de calidad.

15
 CESAR ANTE TORRES

El formato TIFF
De mayor calidad que el formato JPEG, pero con compresiones mucho menores.

Este formato es utilizado sobre todo en la impresión de imágenes digitales, debido a que crea
archivos de gran calidad. El único inconveniente de este formato es el tamaño de los archivos que
crea, por lo que no suele utilizarse para publicar imágenes ni almacenamiento.

A pesar de ello, TIFF es uno de los formatos más flexibles y prácticamente admitido por todas
las aplicaciones de pintura, edición de imágenes y diseño.

Soporta casi todos los modos de color: RGB, CMYK, Lab, Indexado y escala de grises, todos
ellos con canales alfa, y mapa de bits sin canales alfa.

El formato TIFF no puede crear archivos de tamaño mayor a 4 GB.

El formato BMP
Este formato tiene su origen en la plataforma Windows y DOS, aunque ahora se ha expandido
y es característico por su usabilidad y el soporte en la mayoría de software de imagen que podamos
encontrar hoy en día.

Admite RGB, color indexado, escala de grises y mapa de bits sin canales alfa.

Muy utilizado por las aplicaciones basadas en Windows, podemos encontrarlo en infinidad de
imágenes, aunque su uso mayoritario es en el desarrollo de juegos y aplicaciones DirectX.

Se trata de un formato sin compresión ni perdida, por lo que las imágenes son de mucha calidad,
pero de gran tamaño. Debido a ello, este formato no es soportado en las páginas web.

El formato GIF
Uno de los formatos más utilizados en Internet, crea gráficos e imágenes de color
indexado en la web. Aunque una de sus carencias es la de admitir muy pocos colores (256 como
máximo), se ha expandido mayormente por su capacidad de compresión al ser capaz de crear
archivos de unos pocos kilobytes.

El formato GIF puede preservar las transparencias de la imagen aunque no soporte la inclusión
de canales alfa.

Muy utilizado también en animaciones, al ser posible almacenar más de una imagen por fichero,
creando pequeñas películas formadas por secuencias de imágenes que se repiten en el tiempo.

El formato GIF es óptimo para imágenes con pocos colores y áreas extensas de colores
uniformes. Si cada píxel es de un color, como en una fotografía, el archivo GIF puede pesar más
que la misma imagen en JPG.

El formato PNG
Formato creado como alternativa a GIF. Viendo que este último carecía de un aspecto tan
importante como es el modo de color, PNG nace con la pretensión de ser el nuevo formato de
imagen de intercambio en Internet.

16
 CESAR ANTE TORRES

PNG admite compresión con menos pérdidas de información, produce transparencias de fondo
sin bordes irregulares y distintos niveles de intensidad, y soporta los modos RGB, escala de grises
y color indexado sin canales alfa.

Este formato está siendo utilizado cada vez más para sustituir a GIF en gráficos para web, y
cada vez más en imágenes con mayor calidad que antes eran comprimidas con JPEG.

El formato PSD
Es el formato de trabajo usado por Photoshop. Normalmente al trabajar en Photoshop
abrimos una imagen en formato .JPG (u otro formato) creada con una cámara y comenzamos a
modificarla, si en ese momento queremos guardar la imagen para continuar modificándola otro día
deberemos guardarla en .PSD. Cuando hayamos acabado de modificarla podremos obtener una
copia en formato .JPG (u otro formato).

En resumen:

Para guardar fotografías, utilizaremos JPG.

Pata guardar gráficos simples, PNG o GIF.

Si necesitamos que tenga áreas uniformes transaprantes, PNG o GIF. Si la transparencia tendrá
distinta intensidad, PNG.

Para guardar un archivo Photoshop se usa PSD.

Ten en cuenta que en el momento en el que guardes la composición en

cualquiera de estos formatos de imagen, todos los objetos, capas y transparencias
se acoplarán creando una imagen plana, y, por tanto, no podrás volver a manipular
la imagen desde el estado de trabajo en el que se encontraba antes de grabar.

Si quieres evitar esto, guarda una versión de trabajo (en .PSD) de tus
composiciones finalizadas para poder hacer pequeños retoques o añadidos en
cualquier momento.

Una vez escogido el tipo de archivo que queremos crear (de trabajo o de archivo), haremos clic
en Guardar.

Ahora veremos los pasos que debemos seguir para guardar un archivo según el tipo escogido.

a) Si guardaste el archivo en formato PSD, no encontrarás ningún otro problema.

El archivo se creará en el directorio escogido y con el nombre que le diste, y

cuando quieras volver a él sólo tendrás que hacer doble clic sobre su icono o
acceder a él mediante el menú Archivo → Abrir.

b) Si guardaste el archivo en formato JPG, se te presentará el siguiente cuadro de diálogo:

17
 CESAR ANTE TORRES

Desde aquí podrás configurar diferentes opciones de la imagen al guardarla.

Observa el apartado de Calidad, puedes elegir entre calidad
baja, media, alta y máxima. Si escoges una calidad alta el archivo de salida
tendrá un tamaño mayor, mientras que si reduces la calidad ganarás en espacio
en disco.

Otra opción que se te presenta es escoger el tipo de formato JPG en el que

quieres comprimir el archivo, podrás escoger entre tres tipos diferentes. Observa
que al pie de la ventana hay unas cifras en Kilobytes (unidad de medida del espacio
que ocupa en memoria un archivo), si cambias entre los tipos de formato (o la
calidad de salida) verás como el tamaño final del archivo varía.

En principio, que cambies el tipo de formato no alterará demasiado el tamaño

del archivo final, pero puedes asegurarte seleccionándolos y escogiendo el que
más se ajuste a tus expectativas.

En cualquier momento podrás ver cómo afecta la compresión a la imagen

activando la casilla de Previsualizar, cualquier cambio de tono o color se reflejará
en la ventana de imagen, y podrás ver antes de guardar el aspecto final de tu
composición.

Otro punto interesante es la opción de Mate. Desde su lista desplegable podrás

seleccionar el color en el que quieres que se muestren las transparencias, si la
imagen las tuviese, ya que el formato JPG no es capaz de mostrar espacios
trasparentes.

Pero veremos las transparencias más adelante, de momento sigamos con el

siguiente formato.

c) Si guardaste el archivo en formato GIF, el siguiente cuadro de diálogo se mostrará al

hacer clic en Guardar:

18
 CESAR ANTE TORRES

En este paso deberás determinar cómo se va a guardar el archivo de imagen

GIF.

Como ya dijimos anteriormente, el formato GIF sólo es capaz de almacenar

256 colores como máximo, por lo que en esta ventana tendremos que decidir
que colores deberá almacenar y que otros despreciar (en el caso de que nuestra
imagen tuviese más de 256 colores).

En la primera lista desplegable, Paleta, seleccionaremos el conjunto de

colores de salida queremos que contenga la imagen. La opción Local
(Selectiva), es la predeterminada, e intenta ajustar la paleta de colores final a
los colores contenidos en la imagen, despreciando algunos medios tonos para
conseguir un número de colores final que se ciña a las propiedades del formato.

Esta es la opción más recomendable casi siempre, a no ser que consideres

despreciables otros colores que Photoshop en principio descartó.

En el caso de que quisieses crear una paleta personalizada, deberás

seleccionar A medida..., y añadir y eliminar colores a través de este cuadro de
diálogo:

19
 CESAR ANTE TORRES

Otras de las opciones de Paleta son aquellas que harán que los colores de
imagen se ajusten a una paleta ya predeterminada (como la paleta del sistema
Windows o Macintosh, o los colores de paleta estándares de la web) para
optimizar el resultado para un sistema determinado. Estas opciones son
adecuadas si la imagen de salida va a ser utilizada únicamente para el
visionado en alguno de estos sistemas exclusivamente.

En todo momento, independientemente de la paleta seleccionada, podrás

modificar el número total de colores de salida bajo la lista desplegable de
Paleta.

También es posible forzar la paleta final a un determinado conjunto de

colores (ya sean web, primarios, blanco y negro o una paleta creada por el
usuario) esto causará que los colores de la imagen se adapten a la paleta final
convirtiendo cada color de la imagen a el color más afín que existiese en la
paleta final.

En todos los casos si la casilla de Previsualización permanece activada,

podrás ver en la ventana de imagen el resultado final antes de guardarla
definitivamente y crear el archivo de salida.

Si la casilla de Transparencia se activa, las trasparencias que contenga la

imagen permanecerán trasparentes, mostrándose el fondo de la página donde
coloques la imagen. Este es un recurso muy utilizado en la web para crear
efectos como éste:

20
 CESAR ANTE TORRES

Sed venenatis Vestibulum non eu egestas venenatis sit Phasellus sit eu. Orci velit turpis Aliquam urna wisi wisi orci id pretium
mus. Wisi sit tempor at justo nulla Nam pretium vitae Nullam nulla. Adipiscing natoque feugiat Nulla id nunc sed Phasellus
orci nisl Curabitur. Lorem mauris lacinia rutrum vitae sed Vivamus habitasse Aliquam In convallis. Tortor turpis mi a morbi
sed nibh nibh metus cursus quis. Vitae leo urna faucibus Sed convallis massa et dui at ligula. Adipiscing cursus tristique et ac
accumsan Vestibulum ac Aenean et Aenean. Tincidunt diam venenatis accumsan eu et pretium pellentesque lacus laoreet
sodales. Suscipit nibh consectetuer hendrerit sed Lorem dis porttitor egestas aliquet condimentum. Ac tellus Pellentesque
iaculis ut tristique elit semper Phasellus condimentum sem. Et tellus tincidunt quam nec turpis at rutrum Nam eget lacus. Dui
arcu metus adipiscing sociis et et justo Nulla ut adipiscing. Sed pede eget tortor eleifend dui Nulla accumsan eu eu nunc.
Curabitur In pretium nulla pede auctor ante ut et pretium id. Quis pellentesque malesuada Cum turpis vitae risus at tempus
hendrerit feugiat. Tincidunt ridiculus justo ultrices iaculis Curabitur semper iaculis egestas et nec. Condimentum Maecenas
velit rutrum fames gravida porta dolor sem Nullam Lorem. Ut odio nec at enim Vestibulum risus velit risus orci consequat.
Laoreet vel tempus et morbi Aenean interdum Vestibulum ante a suscipit. Mus pede nibh quis sed Nunc nunc ultrices wisi
malesuada dui. Tempus laoreet sit In volutpat mattis et Cum elit sollicitudin Nam. Tempus et congue Aenean neque lacus enim
eget Lorem odio cursus. Quisque Curabitur turpis In cursus Quisque mauris facilisi feugiat nascetur mauris. Interdum Curabitur
lacus pellentesque mi cursus eleifend sit nibh volutpat ac. Facilisi Pellentesque sem Vivamus tincidunt pellentesque tellus velit
sed condimentum accumsan. Aliquam nunc orci tincidunt vestibulum vel at scelerisque leo nibh Curabitur. Interdum tortor
orci velit at interdum mauris eget velit semper a. Tellus Aenean ullamcorper Sed habitasse arcu ac Vestibulum nibh eget Nunc.
Rhoncus nascetur nulla eu ipsum Curabitur vitae hendrerit Curabitur laoreet quis. Laoreet odio Nam cursus nulla dolor nulla
lorem in sagittis lacus. Adipiscing justo tempus in Quisque nec magna tincidunt ornare hendrerit sociis. Sed tincidunt
condimentum Vivamus hendrerit urna interdum augue Nulla urna Vestibulum. Vestibulum tristique penatibus id convallis
nulla id congue nulla Vestibulum tincidunt. Semper Curabitur vestibulum facilisi Vivamus condimentum leo lacus interdum
felis nunc. Elit pretium libero cursus tempor tortor porttitor et Vivamus volutpat interdum. Nullam venenatis fermentum
tincidunt tellus vel Sed Cras mauris ligula sem. Curabitur semper ut ornare enim sem laoreet laoreet justo Aenean adipiscing.
Et et suscipit aliquam nibh porta orci sollicitudin hendrerit interdum nibh. Consequat pharetra tempor ligula velit consequat
montes elit nibh ut ut. Ligula nec tincidunt ipsum hendrerit eget lorem auctor Aenean Vestibulum sit. Velit elit libero urna id
eget Aliquam ante ipsum Vestibulum et. Donec in magnis justo id justo ut nibh vel sollicitudin Cum. At laoreet at urna et Sed
Nam cursus tristique fringilla natoque. Cursus turpis malesuada Proin sagittis dui elit laoreet metus metus tempus. A Nulla Sed
sapien condimentum lacus urna orci id pretium gravida. Mauris nulla feugiat risus dui vitae interdum et adipiscing vel sagittis.
Nulla neque gravida congue turpis ac venenatis wisi tincidunt id mollis. Dolor elit adipiscing enim est Aenean lacinia Donec
mattis dictum arcu.

La primera esfera es un GIF sin transparencia, la segunda un GIF con un

color transparente, y la tercera, un PNG con varios niveles de transparencia. El
borde punteado, indica el borde real de la imagen.

Si decidieses no mantener las transparencias puedes seleccionar el color que

deberán mostrar éstas en la imagen final desde la lista desplegable Mate, igual
que en el caso anterior.

Una vez seleccionadas todas las opciones de color pulsarás OK, Photoshop
te preguntará si deseas que la imagen se guarde entrelazada.

21
 CESAR ANTE TORRES

Como GIF es un formato diseñado para el intercambio de imágenes por la

red, el efecto entrelazado facilita este proceso reservando el espacio de la
imagen en la página para luego descargar la imagen línea a línea, puedes
observar este efecto en muchas webs, pues es un recurso muy utilizado para
imágenes que ocupan bastante espacio y tardás un poco en cargar.

Para imágenes pequeñas es recomendable no utilizar el entrelazado y así

ahorrarnos un poco en el tamaño final del archivo.

Una vez aceptadas todas las opciones, el archivo se habrá guardado en la carpeta que
escogiste, y estará listo para imprimir, publicar o almacenar hasta un uso posterior.

Aprende un modo avanzado para guardar imágenes orientadas al uso en web con
el Ejercicio paso a paso Guardar para Web.

Unidad 1. Ejercicio: Guardar para Web

Objetivo.
Ajustar las opciones de formato para conseguir un archivo ligero y con calidad dirigido a
la posterior publicación web.

Ejercicio paso a paso.

Una vez tengas tu imagen acabada.

1. Haz clic en el menú Archivo.

22
 CESAR ANTE TORRES

2. Haz clic en Guardar para Web .... Se abrirá el cuadro de diálogo de Guardar para Web.
Observa que en primera instancia se muestra la imagen con los ajustes optimizados para un
tamaño de archivo pequeño con una calidad aceptable.

3. Haz clic en la pestaña 2 copias. Se mostrará a la izquierda la imagen original y a la derecha

la previsualización de la imagen comprimida. Al pie de la imagen podrás ver sus
características de compresión:

23
 CESAR ANTE TORRES

Si no puedes ver la imagen completa puedes ajustar el zoom desde el desplegable en la esquina
inferior izquierda de la ventana.

4. Modifica las opciones para lograr una mayor compresión, o para alcanzar mayor calidad.
Puedes usar los ajustes predefinidos de Photoshop.

Observa como el tamaño del archivo cambia según escojas un ajuste u otro.

Para los formatos de archivo GIF y PNG puedes decidir los colores que se almacenarán
sirviéndote de la paleta y los botones de configuración. Pulsa para añadir nuevos colores.
Pulsa para eliminar existentes.

24
 CESAR ANTE TORRES

5. Haz clic en la pestaña 4 copias para trabajar con diferentes modelos de ajuste a un mismo
tiempo.
Podrás crear 3 tipos diferentes de formatos para comparar entre ellos.

6. Cuando tengas un modelo optimizado y quieras guardarlo, haz clic sobre él para
seleccionarlo.
7. Pulsa el botón Guardar y se abrirá el cuado de diálogo de Guardar optimizado como...
8. Dale un nombre al archivo y pulsa Guardar.

9. c) Si guardaste el archivo en formato GIF, el siguiente cuadro de diálogo se mostrará al

hacer clic en Guardar:

25
 CESAR ANTE TORRES

10.
11. En este paso deberás determinar cómo se va a guardar el archivo de imagen
GIF.
12. Como ya dijimos anteriormente, el formato GIF sólo es capaz de almacenar
256 colores como máximo, por lo que en esta ventana tendremos que decidir
que colores deberá almacenar y que otros despreciar (en el caso de que
nuestra imagen tuviese más de 256 colores).
13. En la primera lista desplegable, Paleta, seleccionaremos el conjunto de
colores de salida queremos que contenga la imagen. La opción Local
(Selectiva), es la predeterminada, e intenta ajustar la paleta de colores final
a los colores contenidos en la imagen, despreciando algunos medios tonos
para conseguir un número de colores final que se ciña a las propiedades del
formato.
14. Esta es la opción más recomendable casi siempre, a no ser que consideres
despreciables otros colores que Photoshop en principio descartó.
15. En el caso de que quisieses crear una paleta personalizada, deberás
seleccionar A medida..., y añadir y eliminar colores a través de este cuadro
de diálogo:

16.
17. Otras de las opciones de Paleta son aquellas que harán que los colores de
imagen se ajusten a una paleta ya predeterminada (como la paleta del
sistema Windows o Macintosh, o los colores de paleta estándares de la web)
para optimizar el resultado para un sistema determinado. Estas opciones son

26
 CESAR ANTE TORRES

adecuadas si la imagen de salida va a ser utilizada únicamente para el

visionado en alguno de estos sistemas exclusivamente.
18. En todo momento, independientemente de la paleta seleccionada, podrás
modificar el número total de colores de salida bajo la lista desplegable de
Paleta.
19. También es posible forzar la paleta final a un determinado conjunto de colores
(ya sean web, primarios, blanco y negro o una paleta creada por el usuario)
esto causará que los colores de la imagen se adapten a la paleta final
convirtiendo cada color de la imagen a el color más afín que existiese en la
paleta final.
20. En todos los casos si la casilla de Previsualización permanece activada,
podrás ver en la ventana de imagen el resultado final antes de guardarla
definitivamente y crear el archivo de salida.
21. Si la casilla de Transparencia se activa, las trasparencias que contenga la
imagen permanecerán trasparentes, mostrándose el fondo de la página
donde coloques la imagen. Este es un recurso muy utilizado en la web para
crear efectos como éste:

22.
23. Sed venenatis Vestibulum non eu egestas venenatis sit Phasellus sit eu. Orci velit turpis Aliquam urna wisi
wisi orci id pretium mus. Wisi sit tempor at justo nulla Nam pretium vitae Nullam nulla. Adipiscing natoque
feugiat Nulla id nunc sed Phasellus orci nisl Curabitur. Lorem mauris lacinia rutrum vitae sed Vivamus
habitasse Aliquam In convallis. Tortor turpis mi a morbi sed nibh nibh metus cursus quis. Vitae leo urna
faucibus Sed convallis massa et dui at ligula. Adipiscing cursus tristique et ac accumsan Vestibulum ac
Aenean et Aenean. Tincidunt diam venenatis accumsan eu et pretium pellentesque lacus laoreet sodales.
Suscipit nibh consectetuer hendrerit sed Lorem dis porttitor egestas aliquet condimentum. Ac tellus
Pellentesque iaculis ut tristique elit semper Phasellus condimentum sem. Et tellus tincidunt quam nec turpis
at rutrum Nam eget lacus. Dui arcu metus adipiscing sociis et et justo Nulla ut adipiscing. Sed pede eget
tortor eleifend dui Nulla accumsan eu eu nunc. Curabitur In pretium nulla pede auctor ante ut et pretium id.
Quis pellentesque malesuada Cum turpis vitae risus at tempus hendrerit feugiat. Tincidunt ridiculus justo
ultrices iaculis Curabitur semper iaculis egestas et nec. Condimentum Maecenas velit rutrum fames gravida
porta dolor sem Nullam Lorem. Ut odio nec at enim Vestibulum risus velit risus orci consequat. Laoreet vel
tempus et morbi Aenean interdum Vestibulum ante a suscipit. Mus pede nibh quis sed Nunc nunc ultrices
wisi malesuada dui. Tempus laoreet sit In volutpat mattis et Cum elit sollicitudin Nam. Tempus et congue
Aenean neque lacus enim eget Lorem odio cursus. Quisque Curabitur turpis In cursus Quisque mauris facilisi
feugiat nascetur mauris. Interdum Curabitur lacus pellentesque mi cursus eleifend sit nibh volutpat ac. Facilisi
Pellentesque sem Vivamus tincidunt pellentesque tellus velit sed condimentum accumsan. Aliquam nunc orci
tincidunt vestibulum vel at scelerisque leo nibh Curabitur. Interdum tortor orci velit at interdum mauris eget
velit semper a. Tellus Aenean ullamcorper Sed habitasse arcu ac Vestibulum nibh eget Nunc. Rhoncus
nascetur nulla eu ipsum Curabitur vitae hendrerit Curabitur laoreet quis. Laoreet odio Nam cursus nulla dolor
nulla lorem in sagittis lacus. Adipiscing justo tempus in Quisque nec magna tincidunt ornare hendrerit sociis.
Sed tincidunt condimentum Vivamus hendrerit urna interdum augue Nulla urna Vestibulum. Vestibulum
tristique penatibus id convallis nulla id congue nulla Vestibulum tincidunt. Semper Curabitur vestibulum facilisi
Vivamus condimentum leo lacus interdum felis nunc. Elit pretium libero cursus tempor tortor porttitor et
Vivamus volutpat interdum. Nullam venenatis fermentum tincidunt tellus vel Sed Cras mauris ligula sem.
Curabitur semper ut ornare enim sem laoreet laoreet justo Aenean adipiscing. Et et suscipit aliquam nibh
porta orci sollicitudin hendrerit interdum nibh. Consequat pharetra tempor ligula velit consequat montes elit
nibh ut ut. Ligula nec tincidunt ipsum hendrerit eget lorem auctor Aenean Vestibulum sit. Velit elit libero urna
id eget Aliquam ante ipsum Vestibulum et. Donec in magnis justo id justo ut nibh vel sollicitudin Cum. At
laoreet at urna et Sed Nam cursus tristique fringilla natoque. Cursus turpis malesuada Proin sagittis dui elit
laoreet metus metus tempus. A Nulla Sed sapien condimentum lacus urna orci id pretium gravida. Mauris

27
 CESAR ANTE TORRES

nulla feugiat risus dui vitae interdum et adipiscing vel sagittis. Nulla neque gravida congue turpis ac venenatis
wisi tincidunt id mollis. Dolor elit adipiscing enim est Aenean lacinia Donec mattis dictum arcu.
24. La primera esfera es un GIF sin transparencia, la segunda un GIF con un color
transparente, y la tercera, un PNG con varios niveles de transparencia. El
borde punteado, indica el borde real de la imagen.
25. Si decidieses no mantener las transparencias puedes seleccionar el color que
deberán mostrar éstas en la imagen final desde la lista desplegable Mate,
igual que en el caso anterior.
26. Una vez seleccionadas todas las opciones de color pulsarás OK, Photoshop
te preguntará si deseas que la imagen se guarde entrelazada.

27.
28. Como GIF es un formato diseñado para el intercambio de imágenes por la
red, el efecto entrelazado facilita este proceso reservando el espacio de la
imagen en la página para luego descargar la imagen línea a línea, puedes
observar este efecto en muchas webs, pues es un recurso muy utilizado para
imágenes que ocupan bastante espacio y tardás un poco en cargar.
29. Para imágenes pequeñas es recomendable no utilizar el entrelazado y así
ahorrarnos un poco en el tamaño final del archivo.
30. Una vez aceptadas todas las opciones, el archivo se habrá guardado en la carpeta que
escogiste, y estará listo para imprimir, publicar o almacenar hasta un uso posterior.
31. Aprende un modo avanzado para guardar imágenes orientadas al uso en web con
el Ejercicio paso a paso Guardar para Web.

Unidad 1. Ejercicio: Guardar para Web

Objetivo.
Ajustar las opciones de formato para conseguir un archivo ligero y con calidad dirigido a
la posterior publicación web.

Ejercicio paso a paso.

Una vez tengas tu imagen acabada.

1. Haz clic en el menú Archivo.

28
 CESAR ANTE TORRES

2. Haz clic en Guardar para Web .... Se abrirá el cuadro de diálogo de Guardar para Web.
Observa que en primera instancia se muestra la imagen con los ajustes optimizados para un
tamaño de archivo pequeño con una calidad aceptable.

3. Haz clic en la pestaña 2 copias. Se mostrará a la izquierda la imagen original y a la derecha

la previsualización de la imagen comprimida. Al pie de la imagen podrás ver sus
características de compresión:

29
 CESAR ANTE TORRES

Si no puedes ver la imagen completa puedes ajustar el zoom desde el desplegable en la esquina
inferior izquierda de la ventana.

4. Modifica las opciones para lograr una mayor compresión, o para alcanzar mayor calidad.
Puedes usar los ajustes predefinidos de Photoshop.

Observa como el tamaño del archivo cambia según escojas un ajuste u otro.

Para los formatos de archivo GIF y PNG puedes decidir los colores que se almacenarán
sirviéndote de la paleta y los botones de configuración. Pulsa para añadir nuevos colores.
Pulsa para eliminar existentes.

30
 CESAR ANTE TORRES

5. Haz clic en la pestaña 4 copias para trabajar con diferentes modelos de ajuste a un mismo
tiempo.
Podrás crear 3 tipos diferentes de formatos para comparar entre ellos.

6. Cuando tengas un modelo optimizado y quieras guardarlo, haz clic sobre él para
seleccionarlo.
7. Pulsa el botón Guardar y se abrirá el cuado de diálogo de Guardar optimizado como...
8. Dale un nombre al archivo y pulsa Guardar.

Unidad 1. Introducción a Photoshop CS6 (XII)

Es necesario comprender también el concepto de resolución, la siguiente característica que
trabajaremos.

31
 CESAR ANTE TORRES

La resolución de una imagen dice mucho sobre su calidad, nos permite conocer la cantidad de
píxeles que podemos encontrar en ella. La resolución se define como el número de píxeles por
pulgada (ppp o ppi; 1 pulgada equivale a 2.54 centímetros), y por tanto, si las dimensiones son
pequeñas y la resolución alta, tendremos una imagen de buena calidad. Las imágenes de mayor
resolución pueden reproducir más detalle y transiciones de color más suaves debido a la densidad
de píxeles.

Observa dos imágenes con las mismas dimensiones pero con diferentes resoluciones:

Obviamente si la resolución de una imagen es mayor, su peso (el tamaño de su archivo) será
mayor, pues es necesario almacenar más información al haber un mayor número de píxeles.

Ahora que conocemos mejor el concepto de resolución podemos escoger una resolución para
nuestra nueva imagen. Por defecto, Photoshop asigna al nuevo documento una resolución de
72ppp, el estándar para imágenes en Internet, ya que es la máxima que se aprecia a través de una
pantalla. Pero si lo que pretendes es imprimir la imagen con posterioridad, es aconsejable que
utilices una resolución entre 240 y 300ppp.

32
 CESAR ANTE TORRES

Otra de las opciones que tenemos será la del Modo de color. De esto sólo diremos que si
trabajamos con una imagen destinada a ser visualizada en pantalla utilizaremos el
modo RGB (rojo, verde y azul, el sistema que utilizan los monitores), sin embargo si lo que
queremos hacer con nuestra imagen es imprimirla deberemos seleccionar el modo CMYK (cian,
magenta, amarillo y negro, el sistema en el que las impresoras "dibujan" las imágenes). Esto no
quiere decir que no podamos pasar de un modo a otro, o que no podamos imprimir una imagen si
elegimos el modo RGB.

Si tienes curiosidad por saber qué son exactamente estos modos, puedes consultar el siguiente
avanzado .

Unidad 1. Avanzado: Colores: RGB y CMYK

A través de los ojos, los seres humanos somos capaces de distinguir distintas amplitudes de
onda en la luz que nos llega, lo que forma los colores. Dependiendo de la intensidad de las distintas
amplitudes, obtenemos una amplia variedad de colores. El color blanco resulta de la mezcla del
resto de colores a su máxima intensidad, y la ausencia de color la percibimos como negro.

A la hora de intentar reproducir los colores partimos de tres colores primarios, los cuales,
mezclados a distintas intensidades, proporcionan toda la paleta de colores que conocemos. Pero
esto no se realiza igual si pretendemos crear una fuente de luz con un color determinado, como el
monitor de ordenador, o un objeto que refleje la luz y se vea de uno u otro color, como la tinta
impresa.

Colores aditivos.

Los dispositivos, como monitores, televisores, teléfonos móviles, pantallas en cámaras digitales,
etc. tienen una fuente de luz propia. Pensemos en cada uno de los píxeles de la pantalla de un
monitor. Cada píxel está dividido en tres subpíxeles con los colores aditivos
primarios: rojo, verde y azul.

Para obtener el resto de colores, basta con mezclar un haz de color de uno de estos colores, y
un haz de cada uno de los otros colores primarios, a distintas intensidades. Por eso se
denomina colores aditivos: la suma de ellos produce el color final.

Para poder definir cada uno de los colores resultantes, se usa principalmente el modelo de
color RGB (del ingles red, green, blue; rojo, verde, azul). Este modelo da indica la proporción de
cada color que aparece en la mezcla, partiendo de 0 cuando no aparece.

Normalmente, se utiliza un byte para definir cada uno de los colores primarios, lo que nos da
más de 16 millones de combinaciones. Así podemos representar un color con un valor que indique

33
 CESAR ANTE TORRES

la intensidad de cada primario, en forma porcentual (97%, 94%, 89%) con valores entre 0% y
100%, decimal (247, 240, 226) con valores entre 0 y 255, como se utiliza principalmente en
Illustrator, o en formato hexadecimal (#F7F0E2, cada letra corresponde al un número a partir de 9:
A=10, B=11... F=15) con valores entre 00 y FF, como se utiliza en la normalmete web. Esto nos
permite definir los principales colores como vemos en esta tabla:

Rojo R:255, G:0, B:0 Magenta R:255, G:0, B:255

Verde R:0, G:255, B:255 Amarillo R:255, G:255, B:0

Azul R:0, G:0, B:255 Cyan R:0, G:255, B:255

El blanco puro se obtiene al mezclar todos los colores con intensidad máxima (R:255, G:255,
B:255 o #FFFFFF), y el negro puro es la ausencia de todos ellos (R:0, G:0, B:0 o #000000). Cuando
los tres colores tienen la misma intensidad (colores neutros), obtenemos grises, y si variamos la
intensidad de la mezcla, pero manteniendo la proporcionalidad entre los tres colores, obtenemos
distintos tonos de un color.

#FFFFFF #DFDFDF #9F9F9F #5F5F5F #2F2F2F #000000

Pero no todos los colores se representan igual en todos los dispositivos. Cada dispositivo trabaja
en un espacio de color, una variante del RGB. Es decir, aunque en todos los dispositivos se define
el amarillo con las mismas intensidades, el mismo amarillo no se verá igual en todos ellos. Al
abanico de colores que se pueden representar en un espacio de color se le llama gama.

Colores sustractivos.

Cuando queremos dar color a un objeto sin luz propia, usamos tintas o pinturas. Se trata de
sustancias diseñadas para que absorban todos los colores excepto el que queramos ver, que es
reflejado y llega a nuestros ojos. Es decir, un objeto es rojo porque absorbe toda la luz que le llega,
excepto la roja, que es reflejada hacia nosotros.

Normalmente partimos de un fondo blanco que refleja todos los colores. Al pintar de un color,
vamos eliminando o sustrayendo el reflejo del resto de colores, dejando sólo el que queremos que

34
 CESAR ANTE TORRES

se vea. Por lo que a este sistema se le denomina mezcla sustractiva de colores. En este caso,
para conseguir el negro deberíamos de quitar todos los reflejos.

Los colores primarios sustractivos son el cyan, magenta y amarillo. Si recuerdas los colores
primarios de RGB, verás que estos son los opuestos. Por ejemplo, el cyan es el opuesto del rojo,
ya que se obtiene de mezclar el verde y azul al máximo, y el rojo a 0, por lo que al aplicarlo, es el
único color que absorbe.

Para representar los colores sustractivos, se utiliza el modelo CMYK, cyan, magenta, yellow y
key (el negro, color clave). Aunque el negro se puede obtener combinando el resto, se ha añadido
para obtener un mejor resultado en impresoras, un negro más puro, y ahorrar tinta. Con este
sistema, representamos cada color como cuatro cifras porcentuales, comprendidas entre 0% y
100%.

En el sistema CMYK, los colores más claros y cercanos al blanco tienen valores más bajos, y
requieren de menos tinta.

Diferencias entre CMYK y RGB

Cuanto en Illustrator queramos crear un gráfico que se verá en dispositivos, utilizaremos el modo
RGB, y cuando el documento vaya a ser impreso utilizaremos el modo CMYK. El motivo principal
es que la conversión entre estos modos de color no dan como resultado exactamente los mismos
colores. Incluso hay colores de un sistema que no pueden ser representado en el otro. Por ejemplo,
el azul puro (R:0, G:0, B:255) es imposible de reproducir en CMYK. Esto es debido a que CMYK y
RGB tienen espacios de color distintos, que no abarcan la misma parte de los colores visibles.

Arriba podemos ver que aunque son muy parecidos, los colores de la fotografía de la izquierda
(RGB) no son exactamente iguales que los de la derecha (CMYK). Observa la parte superior del
fondo. De todas formas, seguimos viendo los dos en el monitor. Lo ideal sería compararlo con una
fotografía impresa.

Una vez seleccionadas todas las características de nuestro documento elegiremos el color del
fondo de la imagen. Si seleccionamos algún modo que no sea transparente, la capa de fondo será
inamovible y no se podrán realizar algunas de las características avanzadas de Photoshop. Es
recomendable seleccionar un fondo transparente, así surgirán muchas menos complicaciones al
trabajar con las capas (como veremos más adelante).

El fondo transparente, en Photoshop, se muestra con un entramado de recuadros blancos y

grises.

35
 CESAR ANTE TORRES

Puedes guardar el perfil del documento que estas creando haciendo clic en Guardar valor, así
podrás definir el mismo tipo de documento seleccionándolo directamente desde la lista
desplegable Predefinir.

Una vez configurado el documento pulsa OK, y una ventana en blanco se abrirá en el espacio
de trabajo.

Podéis poner a prueba vuestros conocimientos realizando:

Ejercicios unidad 1: Introducción a Photoshop CS6

Ejercicio 1: Crear Imágenes con Fondo Transparente

1. Abre el archivo fondotransparente.psd de la carpeta ejercicios e intenta guardarlo para

publicarlo luego en una página web.
2. Si estás siguiendo el curso gratis desde Internet debes hacerte Usuario Registrado (también de
forma gratuita) para descargarte los archivos para este curso.
3. Deberás eliminar el fondo rojo y convertirlo en transparente.

Si no tienes muy clara la solución, en este vídeotutorial encontrarás ayuda

UNIDAD 2. EL ENTORNO DE PHOTOSHOP CS6 (I)

2.1. EL ÁREA DE TRABAJO

Una vez abierto el programa observaremos diferentes barras y paneles distribuidos en el entorno de
trabajo. Abramos una imagen de prueba para que todas las opciones se encuentren disponibles.
Recuerda que podemos abrir nuestros archivos a través del menúArchivo → Abrir.

Una vez abierta la imagen, todas las barras y paneles se encuentran activos y el área de trabajo toma
esta forma:

36
 CESAR ANTE TORRES

Puedes hacer que la disposición de los paneles y barras vuelvan al estado predeterminado haciendo
clic en la opción Ventana → Espacio de trabajo:

O directamente desde la barra superior:

37
 CESAR ANTE TORRES

Otra de las opciones que se te presentan es seleccionar un espacio de trabajo predefinido, podrás
seleccionar entre 3D avanzado, Análisis, Automatización, Color y tono, Pintura, etc...

Todos estos tipos de espacio mostrarán unas ventanas u otras (normalmente todas tienen las
mismas), y destacarán las opciones de menú más utilizadas para las diferentes tareas. Estos modos
son muy útiles para trabajar con más comodidad pues visualmente te será más rápido acceder a una
opción de esta forma.

2.2. LA BARRA DE MENÚ

La barra en el extremo superior es la Barra de Menú, esta barra aparece en la mayoría de programas
por lo que ya debes estar acostumbrado a ella. Desde aquí podrás acceder a diferentes opciones de
menú, como por ejemplo abrir un archivo, guardarlo y luego cerrarlo. También podrás acceder a
opciones mucho más complejas que iremos viendo a lo largo del curso.

2.3. EL PANEL DE HERRAMIENTAS

El panel alargado que vemos en la imagen de la derecha es el Panel de Herramientas, ahí puedes
ver en forma de iconos todas las herramientas disponibles en Photoshop.

38
 CESAR ANTE TORRES

Este panel tiene dos formas diferentes de presentarse, una es la que puedes ver en la imagen. La
otra (predefinida por Photoshop CS4) es exactamente igual pero con todas las herramientas dispuestas
en vertical. Para cambiar de visualización sólo tendrás que hacer clic en el botón que aparece en la
esquina superior izquierda .

Observa con atención que algunas de ellas tienen un pequeño triángulo en su esquina inferior

derecha . Éste es el indicador de grupo de herramientas. Si posicionas el cursor sobre alguno de

estos iconos y mantienes pulsado un instante el botón del ratón (o pulsas el botón derecho), se
desplegará la lista de herramientas pertenecientes al grupo.

Por ejemplo, si desplegamos el menú del icono pincel se desplegará la lista de herramientas de
dibujo.

Como ves, dentro del grupo de herramientas de dibujo podemos encontrar el Pincel, el Lápiz y
la Herramienta Sustitución de color. La letra que aparece a la derecha del nombre de la herramienta
nos informa del método abreviado de teclado para acceder a la herramienta activa de este grupo. La
herramienta activa se encuentra siempre marcada por un cuadrado negro a la izquierda del icono.

En el panel de herramientas podemos encontrar también los selectores de color , en

Photoshop trabajaremos siempre con dos colores activos, que pueden ser totalmente configurados por
el usuario. El color situado al frente será el color Frontal, la mayoría de las herramientas lo tomarán
como color de trabajo. El que se encuentra detrás 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 píxeles.

39
 CESAR ANTE TORRES

El recuadro que se encuentra al frente muestra el color que estamos utilizando, en cualquier momento
podemos hacer clic sobre el icono de doble flecha e intercambiaremos los colores de los recuadros
entre sí, haciendo que el color que se encontraba en el recuadro del fondo pase al frente y, por lo tanto,
nuestras herramientas usarán ese color como predeterminado.

Observa que en cualquier momento puedes hacer clic sobre el icono para restablecer los
colores activos a negro y blanco (los iniciales de Photoshop).

Para seleccionar un color haz clic sobre uno de los recuadros y se abrirá el cuadro de
diálogo Selector de color. Una vez aquí podrás elegir un color de entre toda la paleta que Photoshop
te ofrece.

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 impresión,
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 estándares web es muy probable que se muestre de diferentes formas
según el navegador y el sistema operativo utilizado.

40
 CESAR ANTE TORRES

Durante el curso iremos viendo una por una las herramientas de este panel, aunque debido a la
extensión que eso supondría dejaremos algunas de lado por tratarse de herramientas avanzadas o de
escasa utilidad para el usuario novel.

Aun así, mostraremos un listado de las herramientas que pasaremos por alto y una breve explicación
de su funcionalidad:

Este grupo de herramientas se utiliza para crear trazados.

Los trazados se utilizan para crear formas vectoriales (líneas y curvas definidas matemáticamente).
Estas formas son independientes a la resolución y pueden redimensionarse sin problemas.

La primera opción, la herramienta Cuentagotas, toma muestras de color de cualquier parte del
lienzo

La herramienta Muestra de color toma hasta como máximo 4 muestras de color del lienzo para
mostrar sus propiedades en la paleta de Información (junto al Navegador).

La herramienta Regla, mide la distancia entre dos puntos dados mostrándose el resultado, también,
en la paleta Información.

La herramienta Nota, nos permite crear una nota, como un post-it, en el Área de trabajo.

Finalmente, la herramienta Recuento permite colocar sobre el lienzo marcas que te ayudarán a
contar elementos en el área de trabajo. Esta herramienta añadirá literales con un número que se irá
incrementando automáticamente.

2.4. La barra de opciones de herramientas

En la parte superior de la ventana y bajo la barra de menú encontramos la barra de Opciones de
Herramientas, el contenido de esta barra cambiará según la herramienta que tengamos seleccionada.
A medida que avancemos y aprendamos nuevas herramientas iremos viendo cómo utilizar esta barra y
sus opciones.

41
 CESAR ANTE TORRES

De momento diremos que desde aquí podemos cambiar aspectos de la herramienta como su tamaño,
su opacidad, etc. Cada vez que hagas un cambio en la herramienta, éste se mantendrá para que cuando
vuelvas a seleccionarla su estado sea el mismo que era cuando la utilizaste por última vez. Si en algún
momento quieres restaurar la herramienta a su estado original, deberás hacer clic con el botón derecho
del ratón sobre la imagen de la herramienta en la barra de opciones de herramienta y
seleccionar Restaurar Herramienta.

La opción Restaurar Todas volvería todas las herramientas a su estado original.

2.5. La barra de estado

La barra que se encuentra al pie del espacio de trabajo se llama Barra de Estado.

Como podrás observar, a la izquierda del todo encontraremos un porcentaje, este número es
el zoom aplicado a la imagen abierta.

Por defecto Photoshop intenta ajustar la imagen al tamaño del área de trabajo, si ésta es muy
pequeña o la imagen es demasiado grande, Photoshop reducirá el zoom para poder mostrar la imagen
completa en pantalla.

Recuerda que el zoom no afecta al tamaño de la imagen, sino a la vista. Aunque reduzcamos o
ampliemos el zoom para ver con mayor claridad la imagen, las dimensiones de ésta siguen siendo las
mismas.

Entonces, ya que el porcentaje que se muestra en la barra de estado indica el nivel de zoom que
estamos aplicando, podemos hacer clic sobre este porcentaje y modificarlo, introduciendo un número

diferente y pulsando la tecla Enter . Verás como cambia el zoom de la imagen.

La información que se muestra a continuación se refiere al documento sobre el que estamos

trabajando.

Haciendo clic en la flecha negra podemos seleccionar qué información mostrar:

42
 CESAR ANTE TORRES

Selecciona una de estas opciones para visualizarlas mientras trabajas en el documento.

Haciendo clic sobre ella, podemos obtener información rápida sobre la imagen:

2.6. LA VENTANA NAVEGADOR

También es posible, y más cómodo, utilizar la ventana de Navegador. En principio, la encontrarás

minimizada a la derecha del área de trabajo, haz clic sobre Navegador y se mostrará una miniatura de
la imagen con la que estamos trabajando.

43
 CESAR ANTE TORRES

Si no se encontrase visible puedes activarla desde el menú Ventana → Navegador en la barra de

menú.

El navegador, como ya hemos dicho, muestra una miniatura de la imagen activa. Permite modificar
la vista de la imagen acercándola y alejándola mediante este control: .

Observa que si se mueve el control hacia la derecha el zoom aumenta, haciendo que la imagen se
vea más grande (o desde más cerca). Si, por el contrario, desplazamos el marcador hacia la izquierda,
veremos la imagen cada vez más pequeña (o desde más lejos), porque el zoom disminuye.

Fíjate que en la miniatura aparece un recuadro con el borde rojo , este recuadro te
ayudará a navegar por la imagen cuando el zoom sea demasiado grande y veas sólo una parte de la
imagen. Haciendo clic sobre la miniatura puedes desplazar el recuadro y mostrar en la ventana el área
contenida por éste.

Otra forma de desplazar la vista de la imagen sería usando la herramienta Mano , en

el Panel de Herramientas:

Esta herramienta te permite desplazar la vista de la imagen. Los pasos a seguir para utilizarla son
los siguientes:

1. Haz clic en la herramienta Mover para activarla.

2. Desplaza el puntero hasta la imagen y haz clic sobre ella. Verás que la forma del puntero cambia.
3. Sin soltar el botón del ratón, arrastra la vista de la imagen hasta llegar al punto deseado.

Si quieres aprender otras forma de desplazar la ventana mientras estás trabajando, echa un vistazo
a este avanzado .

44
 CESAR ANTE TORRES

Unidad 2. Avanzado: Métodos alternativos para desplazar la vista de la

imagen

La herramienta mano
Existe otra forma para poder desplazarte por la vista de la imagen, sin usar el Navegador, cuando
estés trabajando con una imagen y su zoom o el tamaño de la ventana sea demasiado pequeño como
para que se pueda mostrar toda la imagen

Pulsa la tecla Espacio y verás que el puntero del ratón cambia de forma, mostrando una mano:

La función del ratón cambiará cualquiera que sea la herramienta que estés utilizando. Y a partir de
ahora podrás hacer clic con el ratón y, manteniéndolo, arrastrar la vista de la imagen hacia la dirección
que desees.

45
 CESAR ANTE TORRES

Cuando hayas encontrado la zona que querías ver suelta el botón del ratón y la vista se mantendrá
en el lugar escogido, deja de pulsar la tecla Espacio y sigue utilizando la herramienta que tenias
seleccionada.

Usando los cursores y la ruleta

Una forma rápida de desplazarnos, sobre todo si estamos trabajando con mucho zoom es utilizando
la ruleta (o ruedecilla) del ratón:

Desplazamiento horizontal:

Girando la ruedecilla hacia delante, nos desplazamos hacia arriba de la imagen. Con el movimiento
opuesto, nos desplazamos hacia abajo.

Desplazamiento vertical.

En este caso, giramos la ruedecilla, pero mientras mantenemos pulsada la tecla Ctrl. Al girarla
hacia delante, nos desplazamos hacia la izquierda de la imagen. Y con el giro hacia atrás, nos
desplazamos hacia la derecha.

2.7. LA VENTANA INFORMACIÓN

Otra ventana que nos será de mucha ayuda es la de Información.

Puedes acceder a ella haciendo clic en el panel de la derecha sobre su nombre (junto a la
de Navegador), desde el menú Ventana → Información o pulsando la tecla F8.

En ella encontrarás información el color sobre el que está situado el puntero en RGB y CMYK,
además de las coordenadas de su posición.

La ayuda más útil que nos proporcionará será aquella relativa a la herramienta seleccionada y las
funcionalidades adicionales que puedes conseguir mediante la combinación del teclado y el ratón.

Por ejemplo, si seleccionamos la herramienta Pincel podremos leer esto en la ventana

de Información:

46
 CESAR ANTE TORRES

Si mantenemos pulsada la tecla Shift verás como el mensaje de la barra de estado

cambia para mostrar lo siguiente:

En combinación con la herramienta Pincel, la tecla Shift actúa de forma que podemos pintar líneas
rectas con un simple clic.

Iremos viendo las diferentes opciones a medida que vayamos aprendiendo más sobre las
herramientas.

2.8. LA VENTANA COLOR

Otra ventana interesante es la de Color, generalmente bajo el grupo de Navegador. Puedes acceder
a ella a través del menú Ventana → Color, o pulsando la tecla F6.

Desde aquí puedes seleccionar colores de una forma más rápida que desde el cuadro de diálogo de
selección de color. Desplazando los controles a izquierda y derecha deberás encontrar la proporción
exacta de rojo, azul y verde para formar el color que estas buscando.

Si escogieses colores no compatibles, se mostrarían los mismos iconos que vimos en el selector de
color.

Existen otras formas de ver este panel, dependiendo la forma en que queramos representar el color.
Por ejemplo, con controles CMYK:

47
 CESAR ANTE TORRES

Como ves, esta ventana consta de tres pestañas, la primera, Color, ya sabemos para qué sirve, las
otras dos son muy sencillas.

La pestaña Muestras ofrece diferentes colores guardados en el sistema, y desde los

botones y puedes agregar y eliminar muestras para crear una paleta personalizada y cambiar de
colores rápidamente.

La pestaña Estilos contiene diferentes estilos de relleno o texturas que podrás utilizar en tus
composiciones. Más adelante veremos cómo utilizarlos y cómo crear nuestros propios estilos.

Recuerda: En algún momento, puedes encontrar estas ventanas agrupadas de forma diferente, ya
que el espacio de trabajo es muy personalizable.

2.9. La ventana Historia

Otra ventana que utilizaremos será la ventana de Historia, accesible desde el
menú Ventana → Historia.

48
 CESAR ANTE TORRES

Esta ventana consta de dos pestañas. La primera, Historia, muestra por orden cronológico las
acciones realizadas sobre una imagen, donde las posiciones al pie de la lista son más recientes que
las situadas al principio.

El control de desplazamiento indica la última acción visible realizada. Puedes deshacer un número
indefinido de acciones desplazando el control o haciendo clic sobre la última acción que quieras que
permanezca activa.

En Photoshop el comando Edición → Deshacer (Ctrl+Z) actúa de forma diferente que en otros
programas. Mediante este comando únicamente puedes deshacer la última acción realizada. Si lo que
quieres es deshacer varios cambios deberás utilizar la orden Edición→ Paso Atrás (Ctrl+Alt+Z) y
ejecutar el comando hasta haber deshecho las acciones deseadas.

Insistimos, en que Photoshop es distinto a la mayoría de programas en esto: Mientras que en otros
programas podemos "ir hacia atrás" pulsando Ctrl + Z repetidamente, en Photoshop, la segunda vez
que deshagamos, desharemos el deshacer, es decir, volveremos a tener la imagen como antes de
deshacer la primera vez. Por eso tenemos la opción Paso atrás.

Observa que el comando Paso Atrás actúa de la misma forma que si deshiciésemos acciones desde
la ventana de Historia, por lo que a veces es recomendable usar la ventana para tener una vista de las
acciones realizadas más completa.

El comando Edición → Paso Adelante actúa de forma contraria a Paso Atrás, rehaciendo una a
una las acciones guardadas en el historial.

Un uso útil de esta herramienta es el siguiente: Si deshacemos muchas acciones con Paso atrás,
pero queremos rehacer la última, pulsamos Paso adelante. Si en vez de eso empelamos Deshacer,
deshacemos todos los Pasos atrás.

En la ventana Historia podemos encontrar tres botones. El botón eliminar borrará del historial
todas las acciones comprendidas entre la acción seleccionada y la última realizada, dejando la imagen
y el historial en la forma en la que se encontraban justo antes de la acción seleccionada.

El botón Crear instantánea nueva es muy útil, pues guarda una instantánea del estado de la
imagen en un punto determinado, permitiendo volver a ella en cualquier momento, incluso habiendo
realizado diferentes acciones después.

También encontramos el botón Crear un documento nuevo desde el estado actual , que
genera un nuevo archivo con el estado en el que se encuentre la imagen, así podrás seguir
manipulándola manteniendo una copia de la imagen intacta en segundo plano.

49
 CESAR ANTE TORRES

En esta misma ventana encontramos también la pestaña Acciones, que ofrece la posibilidad de
lanzar un conjunto de acciones mecanizadas predefinidas con anterioridad. En principio, el conjunto de
acciones disponibles son las predeterminadas por Photoshop, aunque existe la posibilidad de crear
acciones propias mediante el botón de Grabar Acción de la ventana.

Practiquemos un poco el manejo de todas estas ventanas en el Ejercicio Personalizar el Área de

Ventanas.

Unidad 2. Ejercicio: Personalizar el área de paletas

Objetivo.
Aprender a utilizar y gestionar el Área de Ventanas.

Ejercicio paso a paso.

En Photoshop CS6 las ventanas están organizadas en un panel a la derecha del área de trabajo (las
ventanas pueden variar dependiendo del espacio de trabajo).

50
 CESAR ANTE TORRES

Este área es completamente personalizable. Podemos incluir las ventanas que queramos en
cualquier grupo y del mismo modo elimiar aquellas que no queremos que aparezcan.

Veamos los pasos que hay que seguir para cambiar de grupo las ventanas que queramos del Área
de ventanas.

1. Haz clic sobre el nombre de la ventana que quieras cambiar de grupo en el área de ventanas y
mantén el botón apretado.
2. Ahora arrastra el botón hasta otro grupo de ventanas.
3. Una vez allí, suelta el botón del ratón y la ventana se habrá añadido al grupo.

Para eliminar una ventana del Área de ventanas hay que hacer lo siguiente:

51
 CESAR ANTE TORRES

1. Haz clic sobre el nombre de la ventana que quieras quitar del área de ventanas.
2. Ahora se abrirá la ventana.
3. Una vez abierta, haz clic sobre con el botón derecho sobre el nombre de la ventana, y elige Cerrar.
Verás como la ventana se cierra y también desaparece del Área de paletas.

También es posible tener ventanas abiertas fuera del Área de ventanas. Para ello sigue los
siguientes pasos:

1. Haz clic sobre el nombre de alguna ventana en el Área de ventanas:

2. Sin soltar el botón del ratón arrastra la ventana fuera del Área de ventanas.
3. Suelta el botón del ratón donde quieras situar la ventana. Ahora habrá desaparecido del Área de
ventanas.

Recuerda que en todo momento puedes volver a mostrar la ventana en el área seleccionándola
desde el menú Ventanas de la barra de menús.

Podéis poner a prueba vuestros conocimientos realizando:

Ejercicios unidad 2: El entorno de Photoshop CS6

Ejercicio 1: Trabajando con la Vista de la imagen

1. Abre el archivo de imagen espejo.gif de la carpeta de ejercicios.

2. Ahora explora las opciones que te ofrece el menú Vista, presta especial atención en los
comandos Encajar en pantalla y Píxeles reales.
3. Encuentra el modo de hacer aparecer las Reglas de medición y la Cuadrícula en la imagen.

Si no tienes muy clara la solución, en este vídeotutorial encontrarás ayuda

Ejercicio 2: Trabajando con el Entorno

1. En este ejercio te proponemos que muevas las ventanas o paletas del área de trabajo para que
te familiarices con el entorno. Cámbialas de sitio y tamaño y abre nuevas ventanas desde el
menú Ventana.
2. Una vez hayas cambiado toda la disposición deberás encontrar un comando en la barra de menús
que te permitirá volver al estado original del área de trabajo.
3. También deberás abrir unas cuantas imágenes y explorar las opciones de organización de
ventanas.
4. Por último deberás encontrar un comando en la barra de menús que afecte a todas las ventanas
que tengas abiertas.

Si no tienes muy clara la solución, en este vídeotutorial encontrarás ayuda

Unidad 3. Las herramientas de Pintura y Edición (I)

52
 CESAR ANTE TORRES

Una vez que ya conocemos el entorno de Photoshop, vamos a aprender cómo utilizarlo. Para ello
veremos las principales herramientas del programa. Empezaremos con las herramientas de pintura.

En el panel de herramientas podemos encontrar el icono Pincel, si hacemos clic derecho sobre él,
se desplegará una lista mostrando el grupo formado por la herramienta Pincel, la herramienta Lápiz y
la herramienta Sustitución de color, las dos primeras con características parecidas, pero con algunas
diferencias.

El Lápiz y el Pincel te permiten pintar con el color frontal actual, aunque por defecto la
herramienta Pincel crea trazos mucho más suaves mientras que los bordes del lápiz son más
irregulares.

Utilizaremos la herramienta Sustitución de color para sustituir colores de una imagen por otros.

La herramienta Pincel Mezclador sirve para dar un efecto artístico a la composición, simulando el
mismo efecto que pasar un pincel por un cuadro con pintura fresca.

Vamos a ver las características propias de cada una de ellas.

3.1. LA HERRAMIENTA PINCEL

Una de las diferencias respecto al Lápiz es la posibilidad de convertir esta herramienta en aerógrafo,

para ello sólo tenemos que pulsar el botón en la barra de Opciones de Herramientas. Este botón

tiene dos estados, pulsado (el aerógrafo está activado) e inactivo (el pincel actuará
normalmente).

Esta opción es útil cuando queremos que la herramienta pinte conforme a la presión ejercida por el
pincel. Así, si mantenemos el botón del ratón pulsado durante un tiempo se irá añadiendo más pintura
a la imagen, mientras que si el aerógrafo se encuentra desactivado, por mucho que mantengamos la
presión, la cantidad de pintura en un punto será siempre la misma.

Además de esta posibilidad, existe otra opción única del Pincel: el Flujo .

El flujo establece la velocidad con la que la herramienta Pincel aplica la pintura, por lo que cuanto
menor sea el porcentaje que aplicamos, más suave será el resultado.

Podemos encontrar el calibrador de flujo en la barra de Opciones.

Unidad 3. Las herramientas de Pintura y Edición (II)

53
 CESAR ANTE TORRES

3.2. LA HERRAMIENTA LÁPIZ

Como ya hemos dicho, el Lápiz, al pertenecer al mismo grupo, comparte casi todas sus opciones
con el Pincel, sólo veremos la única opción propia de esta herramienta: el Borrado

automático .

Esta opción, como prácticamente todas, también se encuentra en la barra de Opciones de

Herramientas, y se comporta del siguiente modo:

 Si el primer píxel en el que hiciste clic es del color frontal, el lápiz pintará con el color de fondo
borrando el color frontal.
 Si el primer píxel en el que hiciste clic es de otro color, el lápiz usa el color frontal para pintar.

Veamos un ejemplo de cómo funcionaría esta opción:

3.3. OPCIONES DEL PINCEL Y EL LÁPIZ

Ahora que hemos visto las características propias de cada una de estas herramientas, vamos a ver
las opciones que tienen en común.

La Opacidad es una opción que encontrarás a menudo mientras trabajas con Photoshop. Se trata
de un porcentaje (igual que el Flujo), y de ella depende la transparencia del trazo dibujado. Al 100%, la
pintura es completamente opaca, mientras que al mínimo (el 1%) es imperceptible.

Los siguientes ejemplos, tienen opacidades al 10%, 60% y 100% respectivamente.

54
 CESAR ANTE TORRES

Observa la imagen central. Si dos trazos distintos se superponen, su opacidad se suma, haciéndolo
menos transparente que el resto. Esto no ocurre si superponemos partes del mismo trazado.
Entendemos como un trazado lo que pintamos desde que pulsamos el ratón, hasta que lo soltamos.

Una de las características más complejas de Photoshop es el Modo de Fusión. Dependiendo del
modo en el que se utilice la herramienta pintará de una forma u otra. Veremos ahora los modos más
importantes.

 Normal, el modo por defecto, el pincel actuará como esperas, pintando con el color frontal por
donde crees el trazo.
 Detrás, el pincel pinta con el color frontal únicamente en las partes que sean transparentes. Si
intentas pintar en un área ya coloreada el pincel no pintara nada.
 Borrar, elimina el color por donde crees el trazo dejando esa zona transparente. Este modo actúa
de forma similar a la herramienta Borrador, que veremos más adelante.

55
 CESAR ANTE TORRES

 Oscurecer, el color resultante del trazo es evaluado por Photoshop, sólo pintará si éste es más
oscuro que el color existente en la imagen.
 Aclarar, actúa de forma contraria, el trazo se muestra únicamente si el color resultante es más
claro que el existente en la imagen.

El resto de los modos exigen un conocimiento de conceptos más avanzados como son los canales
RGB. Éstos serán tratados más adelante en el curso. Aunque si quieres aprender más sobre las
opciones de fusión consulta la ayuda de Photoshop y realiza una búsqueda por "Seleccionar modo de
fusión".

3.4. EL CONCEPTO DE PINCEL

Podemos hablar del concepto pincel como la forma de pintar que tienen las herramientas de pintura.
No hemos de confundir el concepto de pincel (o punta de pincel) con la herramienta Pincel.

Las herramientas Pincel y Lápiz permiten la personalización de la forma en la que pintamos,

pudiendo crear un trazo más grueso, con menos dureza u otros aspectos que veremos a continuación.

Existen dos formas de acceder a las propiedades del pincel, y en ambas debes tener seleccionada
la herramienta Pincel o Lápiz. Entonces, haremos clic sobre el desplegable en la barra de Opciones

de Herramientas .

Otra forma, más rápida, de acceder a esta ventana es hacer clic derecho sobre la imagen cuando
una de estas herramientas se encuentre seleccionada.

Desde la primera opción, Diámetro maestro, podremos escoger el tamaño del pincel, para ello
hemos de desplazar el control hacia derecha o izquierda hasta alcanzar el tamaño deseado, o introducir
su tamaño en píxeles directamente sobre la caja de texto.

También es posible configurar la Dureza del pincel, e igual que la anterior, seleccionaremos
mediante el control de desplazamiento una dureza entre los valores 0% y 100%, siendo el primero el
pincel más blando y el segundo el más duro.

Cuanta más dureza tenga un pincel, menos suaves serás sus trazos.

56
 CESAR ANTE TORRES

Desde esta ventana es posible escoger, también, entre una variedad enorme de pinceles
preestablecidos, sólo deberás escoger el que más se ajuste a tus necesidades y hacer clic sobre él
para seleccionarlo. Para algunas puntas de pincel están deshabilitadas algunas de las opciones de
edición, siendo posible, por ejemplo, poder cambiar su tamaño pero no su dureza.

Aunque en principio sólo se muestren estos pinceles, hemos de saber que existen bastantes más
que podemos cargar si hacemos clic en este icono .

Se desplegará la siguiente lista:

Como puedes observar, existen muchas variedades entre las que elegir. Para cargar, por ejemplo,
los pinceles de efectos especiales haz clic sobre ellos. El sistema se asegurará de que quieras hacerlo,
porque para cargar unos pinceles es frecuente descargar primero los anteriores.

Haz clic en OK y la lista de pinceles cambiará para mostrar los nuevos.

Si seleccionas la opción Añadir los pinceles nuevos se añadirán al listado existente en el momento.

57
 CESAR ANTE TORRES

Si en algún momento quieres cargar los pinceles por defecto, haz clic sobre Restaurar pinceles y
estos sustituirán a las muestras que tengas cargadas.

Puedes elegir la forma en la que las puntas de los pinceles son mostradas, para ello escoge una de
las siguientes vistas y la lista de pinceles se actualizará mostrándose como escogiste.

Si en algún momento quieres guardar una determinada configuración de pincel para acceder a ella
más rápidamente, pulsa el botón Nuevo y se abrirá un cuadro de diálogo donde deberás introducir
el nombre con el que deseas guardar el pincel.

Existe un modo mucho más completo para personalizar tus pinceles, abre la

ventana Pincel haciendo clic en el botón del Área de ventanas (o seleccionándolo en el

menú Ventanas)

Se mostrará una ventana como esta:

Desde aquí puedes tener acceso a todos los pinceles preestablecidos y modificarlos, o crear tus
propias puntas de pincel.

Si quieres aprender más sobre la creación de puntas de pincel personalizadas, visita el tema de
pinceles avanzado.

58
 CESAR ANTE TORRES

Unidad 3. Avanzado: Crear formas de Pincel

Además de todas las opciones de pincel vistas anteriormente, Photoshop permite personalizar aún
más tus pinceles creando formas nuevas para las puntas.

El proceso es muy sencillo. Debemos localizar, primero, la forma que tendrá el nuevo pincel,
podemos extraerla de una imagen o podemos crearla nosotros mismos.

En nuestro ejemplo partiremos de la siguiente forma:

El siguiente paso es seleccionar la forma del pincel, para ello haremos seleccionamos la

herramienta Varita mágica para seleccionar por color, y manteniendo la

tecla Shift pulsada, hacemos clic sobre las 5 partes de la forma para seleccionarla en su
totalidad.

Una vez tenemos la forma seleccionada, los siguientes pasos son muy fáciles. Haremos clic
en Edición en la barra de Menú y seleccionaremos Definir valor de pincel (si no se muestra esta
opción, pulsa primero en Mostrar todas las opciones dle menú).

59
 CESAR ANTE TORRES

Nos aparecerá un cuadro de diálogo en el que deberemos darle nombre a nuestro nuevo pincel.

Una vez aceptado, tendremos la nueva punta lista para trabajar.

3.5. COMBINACIONES DE TECLADO

60
 CESAR ANTE TORRES

De las combinaciones de teclado con estas herramientas comentaremos solamente el uso de la

tecla Shift . Siempre que pulses esta tecla, aparecerá el siguiente mensaje en la barra de
estado:

Este modo te permitirá crear líneas rectas. O bien horizontales y verticales haciendo clic con el ratón
en el principio del trazo, pulsando la tecla Shift y manteniéndola presionada hasta pulsar el lugar de
fin de trazo. O simplemente para crear trazos rectilíneos. Para ello, mantén la tecla Shift presionada y
haz clic en diferentes puntos del lienzo, observarás como se crean trazos rectos desde el primer punto
donde hiciste clic al siguiente.

3.6. LA HERRAMIENTA SUSTITUCIÓN DE COLOR

La herramienta Sustitución de color te permite reemplazar colores de una imagen por otros. Para
ello deberemos seleccionarla en el panel de herramientas y modificar sus opciones para que actúe de
acuerdo a nuestras necesidades.

En la barra de opciones de herramientas verás lo siguiente:

Una vez seleccionado la punta de pincel con la que vamos a trabajar deberemos configurar el resto
de las opciones para que la herramienta funcione correctamente.

Normalmente nuestra intención será cambiar el Color de la imagen, aunque también podemos
cambiar la Luminosidad, Saturación o Tono de la imagen utilizando esta herramienta. Selecciona la
opción adecuada para cada una de estas acciones en el desplegableModo.

Los tres botones que se muestran a continuación corresponden a cómo se tomará el muestreo para
sustituir el color en la imagen.

La punta de esta herramienta tiene una forma especial. Está formada por una base redondeada

(como un pincel normal) pero añade una mirilla en forma de aspa en su centro . La
opción Continuo evalúa cada píxel de color que pasa por el aspa del puntero y sustituye cada vez
el color evaluado.

Si escogiésemos Una vez , el color muestreado sería el primero sobre el que hicimos clic, y se
sustituiría únicamente ese color en la imagen.

También es posible definir un color de fondo (en el panel de herramientas) y usarlo como muestra
para sustituir ese color en la imagen activando la opción Muestra de fondos .

61
 CESAR ANTE TORRES

La opción Límites acepta 3 valores. Establece los límites en el modo en el que se sustituyen los
colores.

 Como predeterminado encontramos Contiguo, que sustituye las áreas con el color muestreado
por el aspa aunque sólo si se encuentran conectadas entre sí.
 La opción No contiguo realiza el contrario, conectadas o no, sustituye todas las áreas con el color
de muestra dentro de la punta del pincel.
 La última, Hallar bordes, actúa como el primero pero preservando la nitidez de los bordes de la
forma.

En cuanto a la Tolerancia, podríamos decir que fija el rango de colores similares a la muestra a
sustituir. Una mayor tolerancia permite que se sustituyan colores parecidos al muestreado, pero si nos
excedemos, afectaremos a más tonos de los deseados. Mientras que una tolerancia nula sólo sustituirá
áreas con el color exacto al de muestra.

Para definir un borde suave en las áreas corregidas, selecciona Suavizar.

Ahora sólo tendrás que hacer clic en un lugar del lienzo y la herramienta comenzará a pintar con el
color Activo de la forma establecida en las opciones anteriores.

Las combinaciones de teclado y las opciones de herramienta para ambas herramientas son
similares a las vistas para el Pincel o el Lápiz.

Más tarde, en el tema de Fotografía Digital veremos un uso muy práctico de esta herramienta.

3.7. EL PINCEL MEZCLADOR

El Pincel mezclador es una herramienta que pretende simular los efectos que se consiguen al
pintar con un pincel sobre un lienzo de verdad: mezcla de colores, disminución de la humedad a medida
que se alarga el trazo, diferencia en la carga de pintura del pincel...

Veamos las opciones que nos ofrece esta herramienta. Vamos a encontrar bastantes opciones
distintas a las que ya hemos visto:

La forma de pintar con este pincel es bastante distinta al pincel frontal. Aunque podemos pintar con
el color frontal, lo normal es que se tome el color de la imagen. Y el color será la mezcla, no uniforme,

62
 CESAR ANTE TORRES

de los colores que haya bajo el pincel. Piensa en cómo se comportaría un pincel al pasarlo sobre un
cuadro con pintura fresca.

El pincel tiene dos áreas de pintura: la reserva que corresponde con el color frontal (imagina que
mojas el pincel sobre un tarro con pintura) y el depósito, formado por la pintura que se va tomando del
lienzo. Por lo tanto, a medida que vayamos mezclando colores, el color del depósito cambiará. En
cambio, si pintamos sobre un área blanca, el depósito se irá gastando hasta pintar únicamente con el
color de reserva.

Esa mezcla, la Muestra de carga actual del pincel, es lo que encontramos en el recuadro con fondo
transparente de la barra.

Podemos desplegarla y encontramos las siguientes opciones:

 Cargar pincel: vuelve a cargar la reserva. Puedes hacer que ocurra después de cada trazo
pulsando .
 Limpiar pincel: Quita toda la pintura del pincel, reserva y depósito. Puedes hacer que ocurra
después de cada trazo pulsando .

El pincel tiene unos valores de Humedad, Carga y Mezcla. Podemos ajustarlos a medida, o elegir
uno de los valores preestablecidos del desplegable.

 Humedad: Regula cuánta pintura se toma del lienzo (en el depósito). Cuanto mayor sea el
porcentaje de humedad, más pintura se tomará.

63
 CESAR ANTE TORRES

 Carga: Este porcentaje indica la cantidad de pintura que habrá en la reserva. Si hay poca, se
gastará, y el trazado presentará huecos.
 Mezcla: Regula en qué proporción se mezcla la pintura del lienzo (depósito) con la reserva. Un
valor muy alto, toma más pintura del lienzo, mientras que uno más bajo, toma más pintura de la
reserva.

Todas estas propiedades están ligadas, y hay que combinarlas entre si.

Con un poco de habilidad daremos a cualquier fotografía el aspecto de un cuadro:

3.8. EL TAMPÓN DE MOTIVO

Ahora hablaremos de otro grupo de herramientas que también nos permiten añadir pintura sobre el
lienzo: los Tampones.

Si hacemos clic derecho sobre su icono veremos las dos herramientas dentro de este grupo:

Veremos primero esta herramienta debido a su gran parecido con las del grupo anterior.

El Tampón 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 patrón o Motivo.

Como puedes observar en la barra de Opciones, la configuración de esta herramienta no se

diferencia mucho de la del Pincel.

De hecho, las únicas opciones diferentes son las que encontramos a la derecha del panel:

64
 CESAR ANTE TORRES

Haremos clic en el desplegable de Motivo para ver las opciones disponibles.

Si observamos esta ventana veremos que es muy similar a la paleta de pinceles que vimos
anteriormente. Haciendo clic en el botón veremos que es posible cargar diferentes motivos
agrupados por categorías.

Igual que con la paleta de pinceles, es posible crear motivos personalizados, para aprender a crearlos
visita el tema avanzado de creación de motivos.

Otra opción disponible es la de Alineado , con esta opción activada te asegurarás de que
el motivo se muestre uniforme aunque haya sido creado con diferentes trazados. Este recurso es muy
útil para evitar la superposición de trazos, creando un motivo final homogéneo.

Finalmente, también es posible añadirle al tampón un ligero efecto Impresionista marcando su

correspondiente casilla . De este modo, el resultado del tampón será más suave y difuso.

3.9. El Tampón De Clonar

El Tampón de Clonar es una herramienta muy útil en el retoque fotográfico, esta herramienta hace
una copia exacta de una zona de la imagen y te permite trasladarla a otra zona del lienzo.

Su uso es relativamente sencillo, por lo que veremos su explicación mediante el Ejercicio Uso
del Tampón Clonar.

Unidad 3. Ejercicio: Usar el Tampón de clonar

65
 CESAR ANTE TORRES

Objetivo.
Usar el Tampón de Clonar.

Si no tienes la carpeta de ejercicios, puedes descargarla gratuitamente desde la web de aulaClic.

Para poder descargarla, debes de registrarte gratuitamente en la web.

Ejercicio paso a paso.

1. Abre el archivo obras.jpg de la carpeta ejercicios.

2. Seleccionamos la herramienta Tampón de Clonar en el panel de herramientas.

3. Selecciona un tamaño de pincel no demasiado grande, pero que te permita cubrir la columna de
la grua con un solo trazado. Es preferible que tenga poca dureza.

4. Mantendremos pulsada la tecla Alt para seleccionar la zona de la imagen que queremos
copiar haciendo clic sobre ella. Recuerda que puedes utilizar el Zoom para trabajar más de cerca.

5. Una vez seleccionada la zona a clonar, el tampón está listo para copiar. Lleva el puntero del ratón
al punto que quieres modificar y pulsa el botón izquierdo del ratón creando tantos trazos como
sea necesario.

66
 CESAR ANTE TORRES

Observa como los trazos crean una copia exacta de la zona que escogiste en principio.

Durante todo el proceso verás que el puntero del ratón se desdobla, mostrando una aspa en el
lugar de donde se extrae la información y la punta del pincel en la zona donde realizarás la copia de la
imagen.

Observa también que en el pincel de destino se ve cómo quedara el resultado final.

Observa que tanto el Tampón de Motivo como el de Clonar te permiten la selección de diferentes
puntas de pincel para adecuar la salida del trazo.

Las combinaciones de teclado y las opciones de herramienta para ambas herramientas son similares
a las vistas para el Pincel o el Lápiz.

Deberíamos incluir en esta sección las herramientas de Degradado y Bote de pintura.

Pues actúan, también, añadiendo pintura, aunque en cantidades más grandes, sobre el lienzo.

3.10. LA HERRAMIENTA DEGRADADO

Con esta herramienta serás capaz de crear degradados sobre el lienzo.

Un degradado, o gradiente, es una sucesión gradual entre dos o más colores. En un punto
determinado, llamado parada, el color se presenta en su tono puro. Y desde ahí, se va fusionando con
el siguiente color, reduciendo la aparición del primer color en la mezcla, y aumentando la del segundo,
hasta llegar a la parada del segundo color, donde este se muestra en estado puro. Y así sucesivamente
con cada color.

Su uso es muy sencillo:

1. Selecciona la herramienta Degradado en el Panel de Herramientas.

2. Selecciona el color de Fondo y Frontal que prefieras en el panel de herramientas. Estos dos
colores serán los que formarán parte de la transición del degradado.
3. Haz clic donde quieres que comience el degradado.
4. Arrastra el ratón hasta el lugar donde quieras que termine y suelta el botón del ratón. Recuerda

que si mantienes pulsada la tecla Shift podrás hacer degradados en línea recta o en
45º.

67
 CESAR ANTE TORRES

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 opción Tramado, marcada por defecto, realiza transiciones más suaves. Si desactivásemos la
casilla podríamos ver como la gama de colores en el degradado cambia más bruscamente.

Desde el menú de modos podremos seleccionar el tipo de degradado que queremos aplicar. Por
defecto encontraremos marcado el Degradado lineal (que de hecho es el que más utilizaremos).

Desde el desplegable en la barra de opciones de herramientas podemos acceder a diferentes tipos

de degradados prediseñados.

Haciendo clic en el icono podremos seleccionar diferentes grupos de degradados para darle
mayor vistosidad a nuestros dibujos.

68
 CESAR ANTE TORRES

Para aquellos degradados que contengan transparencias será necesario que la

opción Transparencia se encuentre activada. En caso contrario, el degradado se

mostrará opaco en toda su transición.

Si quieres aprender cómo crear tus propios degradados visita el tema avanzado de Degradados
Personalizados.

Unidad 3. Avanzado: Degradados personalizados

Para acceder al Editor de Degradados haz clic sobre la muestra de degradado en la barra de

opciones . Se mostrará el siguiente cuadro de diálogo:

Desde aquí podrás cargar cualquier degradado ya existente, pero nosotros nos centraremos en la
parte inferior que es la de edición.

Primero deberemos escoger el Tipo de degradado que queremos utilizar:

69
 CESAR ANTE TORRES

 El degradado de Ruido es un degradado que contiene colores seleccionados entre rangos

personalizados y distribuidos aleatoriamente.

Para seleccionar los rangos de colores que quieres utilizar mueve las guías de colores hasta crear los
intervalos de colores que prefieras:

Puedes generar nuevos degradados pulsando el botón Aleatorio.

 El tipo Sólido nos será mucho más útil al ser más configurable.

Antes de nada, la opción Suavizado nos permitirá crear transiciones más suaves. Baja el porcentaje
para crear cambios de color más bruscos.
Ahora aprenderemos a crear nuestro propio degradado. Veamos mejor la herramienta con la que
vamos a trabajar:

70
 CESAR ANTE TORRES

Las detenciones de opacidad nos ayudan a determinar el nivel de transparencia en el lugar donde
se encuentre la detención. Para ello sólo hay que editar sus opciones tras hacer clic sobre ella:

Las detenciones de color determinan el color del degradado en el punto en el que se fije la detención.
Puedes seleccionar el color de fondo, el frontal o cualquier otro color que quieras definir.

Para añadir nuevos puntos de detención sitúa el cursor en la zona en la que quieras que aparezca
hasta que el puntero cambie de forma:

Luego haz clic y el punto de detención se creará, ahora sólo tienes que configurarlo.
Para eliminar un punto de detención pulsa el botón Eliminar tras haberlo seleccionado. Ten en
cuenta que como mínimo deben existir dos detenciones de opacidad y dos de color.

Una vez terminada la configuración pulsa OK para regresar al lienzo o escribe un nombre en la caja
de texto y pulsa Nuevo para guardarlo y poderlo utilizar en un futuro.

3.11. LA HERRAMIENTA BOTE DE PINTURA

La herramienta Bote de pintura te permite pintar de un color toda un área del lienzo.

Esta herramienta evalúa el punto donde haces clic y pinta todos los píxeles contiguos del mismo color
con el color Frontal.

Ajustando la Tolerancia podrás ajustar la gama de colores sobre la que actúe. Con
una tolerancia alta la herramienta coloreará también zonas de color similares al que determinaste con
el clic. Una tolerancia baja sólo pintará los píxeles del color igual al escogido.

71
 CESAR ANTE TORRES

Si desactivamos la opción Contiguo , el Bote de pintura coloreará todos los píxeles que
contengan ese color en cualquier lugar del lienzo.

Esta herramienta te permite pintar con un motivo en vez de con el color Frontal. Para ello haz clic
sobre el desplegable Rellenar y selecciona Motivo. Ahora ya podrás seleccionar el motivo con el que
quieras rellenar el área a pintar.

Herramienta Colocar material 3D

. La herramienta Colocar material 3D es nueva en la versión CS6 y permite aplicar directamente

materiales a objetos 3D.

Unidad 4. Las Herramientas De Borrado (I)

Del mismo modo que existen herramientas que nos sirven para añadir pintura al lienzo, ya sea en
forma de color plano, de un motivo preestablecido o incluso de una copia de una zona de la imagen,
existen herramientas que nos permiten eliminarlo. Estas herramientas pertenecen al grupo de
los Borradores.

4.1. LA HERRAMIENTA BORRADOR

El Borrador permite quitar la pintura de una zona determinada del lienzo y sustituirla por el color
de Fondo.

Si nos fijamos, en la barra de opciones encontramos prácticamente 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.

72
 CESAR ANTE TORRES

Es por esta razón 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 actúe como un pincel, un lápiz o simplemente que
adopte la forma de un cuadrado, eliminando completamente el contenido del área del cuadrado.

Opacidades bajas dejarán el elemento borrado semitransparente. Esto es útil en casos puntuales,
pero si queremos hacer semitransparente toda una imagen, veremos más adelante que es mejor reducir
la opacidad de la capa.

Destacaremos la opción Borrar a historia:

Esta opción resulta de gran ayuda, pues su función es la de restaurar al estado original de la
imagen las zonas afectadas por el trazo del borrador.

Este efecto se puede conseguir de modo idéntico utilizando la herramienta Pincel de historia
, la cual actúa también de este modo.

Otra forma de activar el borrador a historia es mantener la tecla Alt pulsada mientras se
utiliza el Borrador. Esto causará el mismo efecto que si la casilla de Borrar a historia se hallase
activada.

Por ejemplo, si estás borrando, pero borras demasiado, puedes corregirlo rápidamente con
el Borrador a historia.

4.2. LA HERRAMIENTA BORRADOR MÁGICO

El Borrador mágico actúa únicamente sobre un color en la imagen, dejando las áreas
afectadas de color transparente.

73
 CESAR ANTE TORRES

Esta herramienta acepta un valor de Tolerancia que, según aumente, borrará

también los colores similares al color seleccionado en principio.

Si seleccionamos la casilla Contiguo (activada por defecto) sólo se borrarán las

áreas con el color de muestra conectadas a ésta. Si se encontrase desactivada, el color de muestra se
borraría de toda la imagen.

Para acabados más profesionales, podemos jugar con las opciones Suavizar , que
hará más suave la transición del área borrada a la que se mantiene intacta. Y la

opción Opacidad , que en rangos bajos no borra totalmente el color, sino que lo
hace más transparente.

Esta herramienta se comporta de forma muy similar al Bote de pintura , pero en vez de
rellenar con un color, borra.

Esta herramienta no tiene combinaciones de teclado.

Su uso es muy sencillo y puedes verlo en el Ejercicio de Borrado mágico.

Unidad 4. Ejercicio: Usar el Borrador mágico

Objetivo.
Utilizar el Borrador mágico para borrar fondos.

Ejercicio paso a paso.

1. Abre el archivo caminamos.jpg de la carpeta ejercicios.

2. Selecciona la herramienta Borrador mágico.

3. Haz clic sobre el cielo.

4. Observa que no se ha borrado del todo. Subiremos la Tolerancia para que acepte una gama de
colores más amplia.

74
 CESAR ANTE TORRES

5. Desactiva la casilla Contiguo para que también borre colores pertenecientes a la gama pero no
contiguos a la muestra donde hicimos clic.
6. Cada vez irá borrando más cielo. Ajusta el nivel de Tolerancia hasta que consigas el resultado
final.

7. Observa que si excedes la tolerancia, comienzan a borrarse las ramas más externas de los
árboles.

4.3. LA HERRAMIENTA BORRADOR DE FONDOS

El Borrador de Fondos resulta de gran ayuda cuando nos es necesario extraer un objeto de
una imagen.

La punta de esta herramienta tiene una forma especial. Está formada por una base redondeada

(como un pincel normal) pero añade una mirilla en forma de aspa en su centro .

Veamos cómo nos puede ayudar a sacar un elemento de una imagen.

75
 CESAR ANTE TORRES

Esto es debido a que este borrador evalúa el color que se encuentra en el aspa y lo borra si se
encontrase en el resto de la punta. Consiguiendo así poder borrar un fondo manteniendo intacto el
objeto que queremos extraer de la imagen. Por lo tanto, funcionará mejor cuanto mayor sea la diferencia
de color entre el fondo y el elemento que queremos extraer.

Desde luego, existen muchísimas opciones para configurar esta herramienta y poder conseguir
resultados más logrados. Empezaremos pues por la configuración de la punta del pincel.

Como el Borrador de fondos actúa de la misma forma que las herramientas de pintura, dispone del
siguiente menú para modificar la forma en la que el trazo es aplicado:

Como puedes ver, la punta puede modificarse completamente. Deberás realizar unas cuantas
pruebas hasta encontrar la combinación más adecuada, aunque las opciones más interesantes son las
siguientes:

La opción Límites acepta 3 valores. Establece los límites de borrado de la herramienta. Como
predeterminado encontramos Contiguo, que borra las áreas con el color muestreado por el aspa

76
 CESAR ANTE TORRES

aunque sólo si se encuentran conectadas entre sí. La opción No contiguorealiza el contrario,

conectadas o no, borra todas las áreas con el color de muestra dentro de la punta del pincel. La
última, Hallar bordes, actúa como el primero pero preservando la nitidez de los bordes de la forma.

En cuanto a la Tolerancia, podríamos decir que fija la extensión de colores a borrar. Una mayor
tolerancia permite que se borren colores parecidos al muestreado. Mientras que una tolerancia nula
sólo borraría áreas con el color exacto al de muestra. Como siempre, una tolerancia demasiado alta
hará que borremos el objeto que queremos extraer.

Los tres botones que se muestran son relativos al color muestreado, es decir, a cómo se tomará el
muestreo para borrar el color en la imagen. Se puede definir de los siguientes modos:

La opción Continuo evalúa cada píxel de color que pasa por el aspa y actúa en consecuencia
con ese color de muestra.

Si escogiésemos Una vez , el color muestreado sería el primero sobre el que hicimos clic, y el
borrador actuará con ese color como referencia.

También es posible definir un color de fondo (en el panel de herramientas) y usarlo como muestra
en el borrador activando la opción Muestra de fondos .

Si activamos la casilla Proteger color frontal , el borrador actuará

normalmente, pero será incapaz de borrar áreas de color igual al color frontal activo en el panel de
herramientas.

La combinación de teclado para esta herramienta es la misma que para las herramientas de pintura.

Ejercicios unidad 4: Las herramientas de borrado

Ejercicio 1: Borrar fondos

1. Extrae el edificio de la fotografia borrado_fondo.jpg que encontrarás en la carpeta de ejercicios.

2. Para ello utiliza las herramientas de borrado que creas convenientes.
3. El resultado final que deberás conseguir deberá parecerse a esto:

77
 CESAR ANTE TORRES

Si no tienes muy clara la solución, en este vídeotutorial encontrarás ayuda

UNIDAD 5. LAS CAPAS (I)

Ahora que conocemos los conceptos básicos sobre cómo añadir o eliminar pintura al lienzo, vamos
a tratar temas más avanzados como son las Capas.

Una capa es como una lámina de acetato transparente y el programa te permite trabajar con
cuantas capas necesites. Imagina, pues, un conjunto de láminas de acetato; la que se encuentre en la
parte superior tapará a las otras, pero sólo en las zonas en las que tenga pintura, el resto permanecerá
transparente.

Seguro que te viene a la mente la forma tradicional de hacer dibujos animados, en los que se pintaba
un fondo, y los personajes se superponían sobre láminas transparentes.

Hasta ahora todo nuestro trabajo se realizaba en un mismo nivel, en una sola capa. Veremos cómo
trabajar con diferentes niveles de capas y como sacar partido de ello.

Antes que nada, echaremos un vistazo a la ventana de Capas.

5.1. LA VENTANA CAPAS

Si la ventana Capas no se encontrase en el Área de ventanas podemos hacerla aparecer desde el

menú Ventana → Capas o pulsando la tecla F7.

78
 CESAR ANTE TORRES

Observemos la ventana. En principio parece muy sencilla, pero es uno de los recursos más útiles
con los que vamos a contar.

Antes de seguir debemos resaltar el hecho de que todas las acciones que realicemos con iconos y
menús desplegables o contextuales tienen su homólogo en la barra de Menú.

5.2. CREAR NUEVAS CAPAS

Para añadir nuevas capas (hojas de acetato) a nuestra composición haz clic en el icono de Nueva
capa , verás como el programa añade una capa transparente sobre todas las que ya estaban
creadas.

Por defecto, Photoshop, nombra a las capas automáticamente. Si quieres darle un nombre para
reconocerla más fácilmente sólo tienes que hacer doble clic sobre el nombre de la capa y escribir el
nuevo nombre en su lugar.

79
 CESAR ANTE TORRES

También puedes ir al menú Capa → Cambiar nombre de capa.

Se puede asignar un color a la capa pulsando el botón derecho y seleccionando uno de los colores
que apareceran en la parte inferior del desplegable.

5.3. MODIFICAR CAPAS

Una vez tengas las capas necesarias, querrás trabajar sobre ellas. Este paso es muy sencillo, basta
hacer clic sobre el nombre de la que quieras modificar y la capa se sombreará.

Cuando tengamos más de una capa seleccionada (más adelante veremos cómo hacerlo) la capa
activa será aquella que tenga su miniatura encerrada en un recuadro como el de la imagen.

La capa activa será la que se verá afectada por las acciones que realicemos sobre el lienzo.

5.4. SUPERPOSICIÓN DE CAPAS

Asimilando el concepto de capa como el de una lámina de acetato (lámina transparente), verás muy
fácilmente el posicionamiento de 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.

Observa el siguiente ejemplo y la diferente posición de las capas:

80
 CESAR ANTE TORRES

Además, Photoshop te permite graduar la transparencia de las capas.

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.

En el ejemplo que estamos utilizando, si definiésemos la opacidad de la capa Árbol a un 50%,

dejaría ver los pájaros que vuelan en la capa Cielo:

81
 CESAR ANTE TORRES

5.5. LA VISIBILIDAD DE LAS CAPAS

A veces, para trabajar mejor nos gustaría no ver el resto de las capas y trabajar únicamente con la
activa, sin imágenes alrededor o superpuestas que nos molesten.

El icono a la izquierda de la capa nos indica si esta está visible o no.

Ocultar la capa es tan sencillo como hacer clic en el icono de visibilidad y la capa,
automáticamente, se hará invisible.

Observa el siguiente ejemplo:

82
 CESAR ANTE TORRES

Ten en cuenta que una capa sin visibilidad no puede ser editada, por lo tanto no podrás utilizar
ninguna de las herramientas de edición sobre una capa que no se encuentre visible.

83
 CESAR ANTE TORRES

5.6. LA HERRAMIENTA MOVER

Las capas también pueden desplazarse y moverse para ajustar su posición en el lienzo. Para
ello, selecciona la herramienta Mover del panel de herramientas.

Haciendo clic en el lienzo y arrastrando el ratón, verás que la capa activa se desplaza:

Para desplazar otra capa, haz clic sobre ella en la ventana de Capas para activarla.

Existen otros modos para seleccionar la capa a mover, si quieres conocerlos visita el tema
avanzado de Selección de Capas.

De todos modos, esta herramienta tiene una opción en la barra de Opciones de

herramientas que activa la selección automática .

Si esta opción se halla activada, podemos seleccionar una capa o un grupo (dependiendo de
la opción escogida en el desplegable) con sólo hacer clic encima de un área de pintura de ésta.

En los ejemplos anteriores, si hiciésemos clic sobre la manzana resaltada con la opción
activada, la capa activa pasaría a ser la capa Manzana. Si por el contrario, hacemos clic sobre
el árbol, la capa Árbol se activará.

La opción Mostrar controles transformación habilita la

posibilidad de transformar la capa activa. Pero este tema será tratado más adelante.

Las combinaciones de teclado de esta herramienta son sencillas:

84
 CESAR ANTE TORRES

1. La tecla Shift limita, como hasta ahora, al desplazamiento único horizontal,

vertical o en 45 grados.

2. La tecla Alt te permite hacer una copia de la capa a la que haces clic y desplazarla
a la vez.

3. La tecla Ctrl actúa como si la Selección automática estuviese activada.

5.7. LAS CAPAS ENLAZADAS

Enlazar es una función que te permite mantener la posición relativa entre 2 o más capas.

Para enlazar dos capas sólo tienes que seleccionar ambas manteniendo la tecla pulsada
(para crear selecciones múltiples) y pulsar el botón de Enlazar capas.

Así, si desplazamos alguna de las capas, el resto de capas enlazadas a ella se moverán al unísono.

Puedes enlazar cuantas capas quieras, sólo tendrás que crear la selección múltiple y pulsar el
botón.

Este icono indica que la capa está enlazada a la capa activa del momento.

85
 CESAR ANTE TORRES

Para aprender más sobre el movimiento conjunto de capas visita el tema avanzado de Grupos de
Capas.

Unidad 5. Avanzado: Grupos de capas

Otra posibilidad de hacer que las capas se desplacen conjuntamente es crear un Grupo de Capas.

Para ello tienes que hacer clic en el botón Crear un grupo nuevo en la ventana de Capas.

Esto creará un nuevo conjunto que se representará con el icono de una carpeta.

Ahora, para añadir nuevas capas al grupo, sólo tienes que hacer clic en el botón de Nueva capa o
arrastrar alguna de las existentes al interior del conjunto.

86
 CESAR ANTE TORRES

Es posible crear un conjunto a partir de un conjunto de capas ya existentes. Para ello, enlázalas
y luego haz clic en el icono de Crear un grupo nuevo .

La selección múltiple de capas nos permite, además, una opción muy útil: el alineamiento.

Observa la barra de opciones de la herramienta Mover :

Estos botones permiten alinear o distribuir igualmente las capas en el lienzo.

Su uso es muy sencillo y puedes verlo en el Ejercicio de Alineamiento de Capas.

Unidad 5. Ejercicio: Alineamiento y distribución de capas

Objetivo.
Aprender a alinear diferentes capas.

Ejercicio paso a paso.

Abre el archivo Ejemplo Alineamiento.psd que se encuentra en la carpeta Ejercicios.

Vamos a alinear estos tres objetos dispuestos en capas diferentes:

87
 CESAR ANTE TORRES

1. Enlaza las capas Círculo, Triángulo y Rectángulo para alinearlas.

2. Para enlazarlas manten la tecla presionada y haz clic en cada una de las capas para
seleccionarlas. Luego pulsa el botón Enlazar capas que se encuentra en la base de la
ventana.

3. Ahora selecciona la herramienta Mover .

4. Activa la capa que quieras que sea el referente de alineación haciendo clic sobre ella.

88
 CESAR ANTE TORRES

5. Y escoge un tipo de alineamiento para el

grupo .

6. Si eligiésemos Alinear centros verticales , las capas se dispondrían de este modo:

Además, Photoshop, añade en esta versión unas guías inteligentes que te permiten arrastrar y alienar
los objetos utilizando la herramienta Mover.

Para ello, arrastra cualquier capa hacia la que quieras alinear y verás que, cuando pases por uno de
sus bordes, la capa que estás moviendo intentará acoplarse para alinearse a ella.

Para la descripción de las diferentes formas de alineación y distribución de capas visita el tema básico
de Alineación y Distribución de Capas.

5.8. ALINEAMIENTO AUTOMÁTICO DE CAPAS

Photoshop incorpora una opción muy útil en la composición de imágenes: el Alineamiento
automático de capas.

89
 CESAR ANTE TORRES

Esta opción tiene como objetivo el estudio de las diferentes capas seleccionadas para intentar
encuadrarlas para que formen un todo homogéneo. De esta forma puedes crear imágenes panorámicas
utilizando diferentes tomas de un mismo paisaje.

Para utilizar esta opción sólo tienes que seleccionar las capas que intervendrán en la operación y
aplicar el comando Edición → Alinear capas automáticamente.

Aparecerá el siguiente cuadro de diálogo:

Veamos las opciones que se nos presentan:

 Automático: Photoshop analiza las imágenes y aplica una transformación en perspectiva o

cilíndrica a las capas, además de cambiar su posición si fuese necesario.
 Perspectiva: Photoshop aplica una transformación de perspectiva, sesgo y escala sobre las
imágenes para que se acoplen correctamente. La imagen central permanecerá intacta, el resto se
ajustará a ella.
 Collage: Permite mover, rotar y escalar cada imagen.
 Cilíndrico: Como en el anterior, la imagen central no se modifica, el resto se transforma
mostrándose como un cilindro abierto verticalmente. Esta opción es muy aconsejable para
panoramas amplios.
 Esférica: Parecido a la anterior, pero muestra la imagen como en el interior de una esfera.
 Cambiar posición: Cuando las imágenes están tomadas sin ningún tipo de perspectiva esta
opción es la más adecuada. Reconstruye el resultado moviendo las capas seleccionadas
haciendo coincidir sus bordes superponiéndolos.

Muchas de las cámaras actuales son capaces de proporcionar a Photoshop la información necesaria
para que elija el mejor modo.

Una vez aplicado el Alineamiento automático de capas podemos utilizar la

opción Edición → Fusionar capas automáticamente para que las inconsistencias y cambios de
exposición y color entre las diferentes capas se igualen y quede una imagen compuesta uniforme.

Realiza el Ejercicio de Alineamiento Automático de Capas para familiarizarte con esta opción.

90
 CESAR ANTE TORRES

Unidad 5. Ejercicio: Alineamiento automático de capas

Objetivo.
Aprender a alinear automáticamente diferentes capas para crear una imagen compuesta.

Ejercicio paso a paso.

Abre el archivo Alineamiento Automatico.psd que se encuentra en la carpeta Ejercicios.

Vamos a alinear estas tres capas para que formen la composición de abajo:

1. Selecciona las 3 capas para poder aplicar la opción Alinear capas automaticamente.

2. Para seleccionarlas todas manten la tecla presionada y haz clic en cada una de ellas.
Luego aplica el comando Edición → Alinear capas automáticamente.
3. En el cuadro de diálogo que se abrirá selecciona Automático y pulsa OK.
4. Para perfeccionar la composición ve al menú Edición y selecciona Fusionar capas
automáticamente, con el Modo de fusión Panorama. En el siguiente tema veremos las
herramientas de selección que te ayudarán a recortar las esquinas que queden sueltas.

En la unidad 14 veremos el comando Photomerge que permite la alineación automática de

capas utilizando varios archivos diferentes de forma automática.

5.9. BLOQUEAR LAS CAPAS

Cuando tengas capas en estados finales, es decir, que no vayas a moverlas o modificarlas más,
puedes bloquearlas para evitar hacer cambios sobre ellas por error.

Existen diferentes tipos de bloqueos y todos se encuentran en la ventana de Capas.

 El bloqueo de píxeles transparentes bloquea la edición de estas zonas, no permitiendo

añadir pintura en las zonas transparentes.

91
 CESAR ANTE TORRES

 El bloqueo de píxeles de imagen deshabilita el uso de cualquier herramienta que pudiese

afectar a la pintura de la capa.

 El bloqueo de posición bloquea la capa en el sitio en el que se encuentra. Puedes seguir

trabajando con ella, pero no puedes desplazarla mientras siga bloqueada.

Si se pulsa el botón Bloquear todas , la capa se bloquea completamente y no es posible realizar

ningún cambio sobre ella.

En todos los casos anteriores aparece el símbolo de bloqueo junto al nombre de la capa.

El candado blanco indica un bloqueo parcial, mientras que el candado negro indica
bloqueo total.

5.10. Filtros De Capas

Esta función es nueva en Photoshop CS6 y permite filtrar por diversas propiedades las capas que
se visualizan en el panel Capas. En la parte superior del panel Capas aparece esta nueva barra que
nos permite realizar el filtrado de capas.

Al pulsar el desplegablede la parte izquierda vemos las seis características que se pueden filtrar:
Tipo, Nombre, Efecto, Modo, Atributo y Color. Tal y como se aprecia en la siguiente figura.

92
 CESAR ANTE TORRES

Filtrado por Tipo

Por defecto aparece seleccionado la propiedad Tipo y estos cinco iconos que
permiten activar los siguientes filtros:

 Capas de píxeles. Sólo muestra las capas de pixeles, el resto de capas no aparecerán.
 Capas de ajuste. Sólo muestra las capas de ajuste.
 Capas de texto Sólo muestra las capas de texto.
 Capas de formas. Sólo muestra las capas de formas.
 Objetos inteligentes. Sólo muestra las capas de objetos inteligentes.

Para activar un filtro sólo hay que hacer clic sobre su icono y en la lista de capas sólo quedarán las
capas que cumplan con ese filtro.

Por ejemplo, en la siguiente imagen podemos ver todas las capas ya que no se ha activado ningún
filtro.

Cu

Si pulsamos sobre el filtro Texto veremos la siguiente imagen:

93
 CESAR ANTE TORRES

Se observa que solo parece la capa de texto llamada "rótulo". Además el botón de la parte

derecha aparece en color rojo indicando que existe algún filtro aplicado.

Este botón también se puede pulsar para activar o deseactivar el conjunto de filtros que tengamos
pulsados. Podemos activar varios filtros a la vez.

Filtrado por Nombre

Si seleccionamos Nombre en el desplegable del filtro se abrirá un cuadro de diálogo para que
introduzcamos el nombre de capa que queremos buscar.

Este tipo de filtro es útil cuando tenemos muchas capas y si sabemos el nombre exacto de la capa
que buscamos ya que no realiza búsquedas por aproximación.

Filtrado por Efecto

Si seleccionamos el filtro Efecto y pulsamos en el desplegable se abrirá una lista para que
seleccionemos el efecto por el que queremos filtrar las capas, como se puede ver en la siguiente figura.

94
 CESAR ANTE TORRES

De esta forma sólo veremos las capas a las que se les haya aplicado previamente dicho efecto de
fusión. En la unidad 9 veremos los efectos de fusión.

Filtrado por Modo

Si seleccionamos el filtro Modo y pulsamos en el desplegable se abrirá una lista para que
seleccionemos el modo por el que queremos filtrar las capas.

Filtrado por Atributo

Si seleccionamos el filtro Atributo y pulsamos en el desplegable se abrirá un una lista para que
seleccionemos el atributo por el que queremos filtrar las capas. Por ejemplo, podemos filtrar por
"visibles" para ver sólo las capas visibles.

Filtrado por Color

Si seleccionamo el filtro Color y pulsamos en el desplegable se abrirá un una lista para que
seleccionemos el color por el que queremos filtrar las capas.

95
 CESAR ANTE TORRES

5.11. DIFERENCIAS ENTRE FONDO Y CAPA

En la ventana de capas podemos encontrar dos tipo de elementos, las Capas y el Fondo.

El fondo únicamente aparece si escogiste un color de fondo al crear el nuevo documento de trabajo
(.PSD) en vez de dejarlo transparente.

El elemento fondo permanece siempre en último nivel y no puede ser transparente.

Puedes editarlo a nivel de pintura tanto como quieras, pero no podrás aprovechar las características
que te ofrecen las capas.

También ocurre que al cargar un archivo de imagen (del tipo .JPG, .GIF, etc.) la imagen se muestra
como fondo. Esto es debido a que al no tratarse de un archivo de trabajo de Photoshop, el sistema lo
reconoce como una imagen plana y lo define a un solo nivel como fondo.

Para transformar el fondo en una capa y poder trabajar con él en consecuencia, haz doble clic sobre
su nombre o escoge Capa a partir de fondo en el menú contextual:

96
 CESAR ANTE TORRES

Una vez aceptes las opciones, el fondo se habilitará como capa y podrás trabajar con ella como si
de una más se tratase.

Los fondos, no se pueden cambiar de orden, ni aplicar transparencias, y sólo podemos tener un fondo
en el documento.

5.12. Los Canales

Por último veremos la ventana Canales, puedes verla haciendo clic en la pestaña Canales, que
normalmente está en el mismo grupo que Capas.

En esta ventana verás la lista de canales de la imagen. Cada uno de ellos guarda información sobre
los elementos de color de la imagen.

El número de canales depende de su modo de color, por ejemplo el modo CMYK tiene al menos
cuatro canales, uno reservado para el cian, otro para el magenta, para el amarillo y un último para el
negro. En el caso del RGB sólo encontraremos tres.

Podemos añadir más canales (Alfa) que almacenarán información sobre selecciones hechas sobre
el lienzo, que veremos en el siguiente tema.

Ejercicios unidad 5: Las capas

Ejercicio 1: Trabajar con Capas

97
 CESAR ANTE TORRES

1. Abre el archivo capas.psd en la carpeta ejercicios.

2. Observa las 16 capas, hay 8 fotos numeradas y 8 fondos también numerados.
3. Deberás ordenarlas y colocarlas de forma que la foto 1 se encunetre encima del fondo 1, la foto 2
encima del fondo 2, etc.
4. Además deberas centrar la foto dentro de su fondo correspondiente para que tengan un borde
verde.
5. Luego tendrás que distribuirlas por el lienzo de forma que puedas verlas de este modo:

Si no tienes muy clara la solución, en este vídeotutorial encontrarás ayuda

UNIDAD 6. SELECCIONES (I)

6.1. INTRODUCCIÓN
Cada vez sabemos más sobre cómo utilizar y sacarle provecho a Photoshop, ahora veremos un
conjunto de herramientas que te permitirán hacer selecciones de imágenes para poder aprovechar
parte de ellas y despreciar el resto.

La selección es una parte de la capa, que aparece delimitada por un borde de líneas
discontinuas blancas y negras. Cuando hay algo seleccionado, las acciones que realicemos sólo
pueden aplicarse a esa selección. Por ejemplo, no podemos pintar fuera de la selección, y si
copiamos, copiaremos solo el contenido de la selección.

98
 CESAR ANTE TORRES

A estas herramientas las llamaremos herramientas de Selección:

Pero, aún así, las diferenciaremos en 3 grupos diferentes:

 Herramientas de selección de Marco,

 Herramientas de selección de Lazo,

 y las herramientas de Selección Rápida.

6.2. TRABAJANDO CON SELECCIONES. CORTAR, COPIAR Y PEGAR.

99
 CESAR ANTE TORRES

La función de estas herramientas es trabajar en el área comprendida por los límites de la

selección. Así, una vez seleccionada un área podremos realizar diferentes tareas sobre ella.

La selección se limita únicamente a la zona del lienzo abarcada en la capa activa. Es decir, se
selecciona una sección de lienzo de una de las capas.

Cualquier acción realizada sobre el lienzo, afectará únicamente a la capa activa y en concreto a
la zona de ésta limitada por la selección:

Otra de las funciones que podrás 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ú Edición:

 El comando Cortar borra el contenido de la selección de la capa activa y guarda una copia
exacta en el portapapeles para su uso posterior.
 El comando Copiar guarda una copia de la selección de la capa activa en el portapapeles.
 El comando Copiar combinado guarda una copia de la selección en el portapapeles pero no
únicamente de la capa activa, sino de todas las capas visibles (no ocultas) en la imagen.

100
 CESAR ANTE TORRES

 El comando Borrar elimina la pintura de la capa activa en la zona comprendida por la

selección.

Estos eran los comandos activos con el portapapeles vacío. Veamos que opciones se activarán
si tuviésemos alguna imagen guardada en el portapapeles:

 El comando Pegar crea una nueva capa con el contenido del portapapeles. Si estuviésemos
trabajando sobre una imagen con color indexado, el contenido del portapapeles se añadirá al
fondo (el modo color indexado no admite capas). La imagen se coloca en el centro de la
pantalla.
 Agrupados en el submenú Pegado especial encontramos más opciones:
o El comando Pegar en contexto crea una nueva capa colocando ahí el contenido
del portapapeles. Pero esta vez estará en la misma posición que el fragmento
copiado.
o El comando Pegar dentro pega el contenido del portapapeles y crea una máscara
de capa con la forma de la selección actual. Observa que esta opción no está
activada si no existe una selección hecha sobre el documento. Las máscaras de
capa son un concepto que abordaremos más tarde en el curso.
o El comando Pegar fuera pega el contenido del portapapeles y crea una máscara
de capa con la forma invertida de la selección actual. Observa que esta opción no
está activada si no existe una selección hecha sobre el documento.

6.3. LAS HERRAMIENTAS DE SELECCIÓN DE MARCO

Las herramientas de este grupo realizan selecciones basadas en dos formas principales:
el rectángulo y la elipse.

Para todo el grupo la barra de opciones es la misma:

101
 CESAR ANTE TORRES

Las herramientas Fila única y Columna

única no admiten configuración de la herramienta al estar
destinadas sólo a la selección de una fila o columna de un píxel de altura o anchura
(respectivamente) del tamaño de la imagen.

Veamos pues como afectan estas opciones a las herramientas de Marco

rectangular y elíptico:

El modo en el que seleccionaremos dependerá del Estilo de selección.

Por defecto se encuentra en Normal, donde la herramienta se comporta del modo esperado:
el clic del ratón define la primera esquina y arrastrando creamos la selección, hasta determinar
la esquina opuesta cuando soltemos el botón.

El estilo Proporción fija establece una proporción entre el ancho y el alto de la

imagen: .

Si definiésemos la relación 2 a 1, le estaríamos obligando a que el ancho de la selección

fuese el doble que su altura cualquiera que sea su tamaño.

El icono conmuta los valores entre ambas cajas de texto.

Por último, con la opción Tamaño fijo, puedes definir una selección con una altura y
anchura determinadas.

El Desvanecimiento actúa sobre la selección desenfocando los bordes de

ésta. Puede tomar un valor entre 0 y 250 píxeles. Este número indicará el nivel de
desvanecimiento, que hará referencia al tamaño de la transición que se realizará tomando
como centro el borde de la selección.

102
 CESAR ANTE TORRES

El Suavizado es una opción muy útil cuando estamos recortando imágenes con
bordes muy marcados. Esta opción realiza una transición de color del borde de la selección
hacia el color de Fondo, resultando menos quebrado el borde de la selección de la imagen. El
suavizado sólo está disponible en la herramienta Marco elíptico.

Las combinaciones de teclado para las herramientas Marco rectangular y elíptico son las
siguientes:

 La tecla Shift restringe las proporciones de la selección a 1:1, creando siempre

selecciones con la misma altura que anchura.

 La tecla Alt permite crear la selección desde el centro, tomándose como referencia
el primer punto donde se hace clic con el ratón.

Practica el uso de esta herramienta y los comandos Copiar y Pegar en el Ejercicio Copiar
y Pegar selecciones.

Unidad 6. Ejercicio: Copiar y pegar selecciones

Objetivo.
Aprender a copiar y pegar selecciones.

Ejercicio paso a paso.

1. Abre cualquier imagen que tengas. O puedes usar cualquiera de la carpeta ejercicios del
curso.

2. Selecciona la herramienta Marco rectangular .

103
 CESAR ANTE TORRES

3. Haz clic en la imagen y manteniendo pulsado el botón del ratón arrástralo hasta encerrar la
zona a copiar en el área de la selección. Entonces, suelta el botón.
4. Haz clic en Edición → Copiar o pulsa Ctrl + C. El contenido de la selección se copiará en
el portapapeles.
Si escogieses Cortar (Ctrl + X) el contenido se suprimiría de la imagen y se almacenaría en
el portapapeles a espera de ser pegado en algún sitio.

5. Abre un archivo nuevo desde Archivo → Nuevo.

6. Selecciona Portapapeles en el desplegable Predefinido para que el nuevo documento
tenga las dimensiones del área copiada.

7. Pulsa OK y se creará el nuevo documento.

8. Pega el contenido del portapapeles desde Archivo → Pegar o pulsando Ctrl + V.

6.4. LAS HERRAMIENTAS DE SELECCIÓN DE LAZO

Hablaremos de las herramientas de este grupo individualmente debido a las diferencias en sus
opciones.

104
 CESAR ANTE TORRES

Empezaremos con la herramienta Lazo , que permite realizar una selección a mano alzada;
donde el clic del ratón define el inicio de la selección y la dibujaremos con el trazo del ratón, y se
cerrará creando una línea recta desde el inicio del trazo al lugar donde se soltó el botón del ratón.

La función de la herramienta Lazo poligonal es muy parecida a la anterior. Se trata de

crear una selección poligonal definiendo los vértices de ésta.

Su funcionamiento es muy sencillo:

1. Selecciona la herramienta Lazo poligonal.

2. Haz clic sobre el inicio del trazo que configurará el perímetro de la selección.
3. Ve marcando los vértices haciendo clic en cada uno de sus puntos.
4. 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 verás la selección.

Es posible cerrar el trazo desde cualquier punto pulsando la tecla Ctrl y haciendo clic en
cualquier lugar del lienzo.

La tecla Shift creará trazos horizontales, verticales o de 45 grados.

La tecla Alt permite alternar entre la herramienta Lazo y Lazo poligonal si se pulsa
durante la creación del trazo de perímetro.

Las opciones de estas herramientas son las vistas en el Marco rectangular y elíptico:
el Desvanecimiento y el Suavizado.

105
 CESAR ANTE TORRES

La herramienta Lazo magnético es algo más completa. Actúa ajustándose a los bordes de
las áreas definidas de la imagen evaluando los cambios de color.

Por esto, su uso es aconsejado cuando el área a seleccionar contrasta con su fondo.

Para utilizar esta herramienta sigamos los siguientes pasos:

1. Selecciona la herramienta Lazo magnético .

2. Haz clic en el primer punto del trazo del perímetro de la selección.
3. Guía el trazo inteligente con el puntero del ratón.
4. 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.

5. Una vez terminado el trazo, posiciona el puntero sobre su inicio hasta mostrar esta forma
. Haz clic y la selección se cerrará.

Es posible cerrar el trazo en cualquier momento haciendo doble clic o pulsando la

tecla Ctrl al tiempo que se hace clic con el ratón.

En esta herramienta la tecla Alt te permitirá el uso de las herramientas Lazo y Lazo
poligonal regresando de nuevo al Lazo magnético cuando dejes de pulsarla.

6.5. LA HERRAMIENTA VARITA MÁGICA

La herramienta Varita mágica no se basa en la forma, como las anteriores, sino que su
método de selección 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á según la configuración de sus opciones.

106
 CESAR ANTE TORRES

En primer lugar tenemos este grupo de botones El primer botón es para una
selección nueva, el segundo para añadir área a la selección actual, el tercero para quitar área a
la selección actual y el cuarto botón para hacer una intersección con el área actual. Lo más

cómodo es dejar pulsado el primer botón y pulsar la tecla para añadir área y la

tecla para quitar área.

El tamaño de la muestra nos dice el tamaño promedio que tendran las áreas seleccionadas. Si
no queremos que seleccione áreas muy pequeñoas es conveniente subir este valor.

El nivel de Tolerancia indicará la extensión 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 más
altos Photoshop será más permisivo y aceptará colores similares.

La casilla Suavizar hace que los bordes de la selección sean más suaves, menos dentados.

La casilla Contiguo obliga a que la selección se ajuste a colores similares en contacto con el
píxel inicial. Si no está marcada se seleccionarán todos los píxeles 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 evalúe la pintura existente en cada una de las
capas y si el color coincide añadirá esa zona a la selección.

Existe otro método para hacer selecciones por color más visual e intuitivo. Haz clic
en Selección → Gama de colores y se mostrará el siguiente cuadro de diálogo:

107
 CESAR ANTE TORRES

Mediante el selector de color escogeremos el color en la imagen que queremos

seleccionar. Podemos variar la tolerancia con el control de desplazamiento y añadir o

eliminar áreas a la selección mediante los iconos .

6.6. LA HERRAMIENTA DE SELECCIÓN RÁPIDA

La herramienta de Selección Rápida , recoge las características más importantes de las

herramientas que hemos visto hasta ahora.

Con esta herramienta seremos capaces de realizar selecciones complejas con únicamente un
par de clics.

Su comportamiento es muy sencillo de entender. Igual que la Varita mágica, la herramienta

de Selección Rápida es capaz de evaluar el color del píxel sobre el que hacemos clic y expandir
la selección a partir de ese punto. Sin embargo, la evaluación de píxeles (y por tanto la selección)
no se detendrá hasta encontrar un borde definido en la imagen.

Veamos un ejemplo para verlo más claro.

108
 CESAR ANTE TORRES

En la imagen superior podemos ver como haciendo clic rápidamente se selecciona toda la
sección del árbol hasta llegar a lo que la herramienta considerará unos bordes más o menos
definidos.

Podemos volver a pintar con la herramienta hacia abajo para que incluya el resto del árbol a la
selección. De esta forma, la herramienta añadirá los píxeles a la selección hasta llegar a los bordes
de la parte inferior del árbol.

Las opciones de esta herramienta son muy sencillas:

El tamaño de la Punta de pincel nos ayudará a delimitar correctamente el alcance de la

herramienta. Ten en cuenta que cuanto más grande sea más gamas de colores evaluará y por
tanto aceptará. En el ejemplo de arriba, para las ramas más finas ha sido necesario recurrir a una
punta de pincel fina para que no tomase como muestra colores de la pared de fondo. Por ejemplo,
en la imagen tiene un valor de 6.

La opción Muestrear todas las capas, como ya hemos visto, utilizará como muestra cualquier
píxel de pintura que se encuentre dentro del apunta de pincel independientemente de la capa en
la que se encuentre. Obviamente sólo tendrá en cuenta aquellas capas que sean visibles en ese
momento.

La opción Mejorar automáticamente hace que la selección sea un poco menos brusca en sus
bordes. Es decir, aplica un poco de suavizado para que la selección final no resulte muy artificial.

Finalmente, el grupo de opciones añade o resta a la selección nuevas zonas. Este

comportamiento lo veremos en el apartado Superposición de selecciones.

109
 CESAR ANTE TORRES

6.7. PERFECCIONAR BORDES

Cuando queremos seleccionar una parte de la imagen, como una figura completa, lo más
complicado es seleccionar correctamente el borde.

Photoshop nos da la posibilidad de modificar una selección después de su creación. Esto será
posible gracias al botón situado a la derecha de la barra de Opciones de

herramientas . O también desde el menú Selección → Perfeccionar borde.

Al hacer clic en este botón (que podemos encontrar al crear una selección con cualquiera de las
herramientas que hemos visto) se abrirá el cuadro de diálogo que puedes ver a la derecha.

Lo primero que encontramos es el Modo de vista: básicamente nos permite elegir distintas
formas entra las que comparemos el área seleccionada y el resto. Por ejemplo, nos resultará más
sencillo realizar correcciones si podemos ver la imagen, pero nos quedará más claro si los detalles
están seleccionados si lo vemos más contrastado, usando Blanco y negro. Si vemos la selección
con la Línea discontinua en movimiento puede parecer que los detalles pequeños no están
seleccionados, pero podemos comprobar que sí lo están al ver la imagen Sobre blanco.

La opción Detección de borde nos ayudará a perfeccionar la selección, sobre todo con
bordes irregulares como el pelo. Observa los siguientes ejemplos:

En las siguientes imágenes vemos parte de una selección hecha con la herramienta Selección
rápida, copiada y pegada en una nueva capa vacía.

110
 CESAR ANTE TORRES

Las siguientes imágenes siguen los pasos anteriores, pero perfeccionado el borde
con Detección de borde (imagen central). Observa la diferencia del resultado.

Su uso es el siguiente:

111
 CESAR ANTE TORRES

Tenemos que asignar un Radio. El valor que aquí demos, se repartirá hacia dentro y fuera del
contorno de la selección, creando una franja. Puedes observarla mejor si marcas la opción Mostrar
radio. Será este radio, el que Photoshop analice intentando buscar detalles.

Es común que haya parte de la imagen fuera de este radio, por ejemplo un mechón de pelo.
Para añadirlo al radio, en el diálogo encontramos la herramienta Perfeccionar radio, similar al
Pincel. Con ella, pintamos las zonas que queramos perfeccionar y que hayan quedado fuera del
radio.

Puedes ver que existe la herramienta opuesta, que elimina zonas del radio.

Si utilizamos la opción Radio inteligente, Photoshop intentará ajustar automáticamente el radio,

pero dentro del tamaño que hayamos asignado. Prueba esta opción con radios grandes.

En la sección Ajustar bordes a este diálogo podemos modificar los bordes de la selección
modificando el suavizado, contraste y radio de aceptación de píxeles con tres rápidos
deslizadores.

Suavizado: Reduce los bordes dentados de la selección, la redondea.

Calar: Crea una transición suave entre la selección y el borde, disminuyendo la opacidad de los
píxeles cercanos al borde, y ampliando ligeramente la selección.

Contraste: Al aumentar el contraste se enfocan más los bordes de la selección.

Desplazamiento del borde: Sirve para ampliar o reducir la selección.

Por últimos nos quedan las opciones de Salida.

112
 CESAR ANTE TORRES

Por defecto, en Enviar a tiene seleccionado Selección, por lo que simplemente se creará una
nueva selección sobre la capa. El resto de opciones envía el contenido de la selección a nuevas
capas o documentos, pero siempre sin alterar la capa original.

La opción Descontaminar bordes es útil cuando tenemos bordes poco definidos, y el color de
fondo de fondo se mezcla con el del elemento que queremos seleccionar. Al activarla, Photoshop
intentará quitar ese color mezclado.

6.8. LAS SELECCIONES PERSONALIZADAS

En Photoshop es posible realizar selecciones con un alto grado de personalización. Podemos
acceder a múltiples opciones de transformación desde el menú Selección → Transformar
selección.

La selección se volverá modificable y podrás editarla de diversas formas.

Aparecerá un recuadro sobre la selección con controles en las esquinas para que puedas girarla,
estirarla, reducirla, etc.

También es posible modificar el aspecto de nuestra selección desde el

menú Selección → Modificar, éste desplegará un submenú con diferentes opciones:

113
 CESAR ANTE TORRES

 El comando Borde transforma la selección actual en un marco tras haber definido su

anchura.
 El comando Redondear limpia la selección basándose en el color, añadiendo a la selección
pequeñas zonas no seleccionadas y eliminando algunas islas que no deberían pertenecer a
ella.

114
 CESAR ANTE TORRES

 Los comandos Expandir y Contraer aumentan o disminuyen el área de la selección tantos

píxeles como se halla establecido en su cuadro de diálogo.
 Desvanecer cambia el desvanecimiento de la selección como vimos en apartados anteriores.

Otros modos de modificación son los de Extender y Similar, también en el menú Selección:

Estos comandos están destinados a la expansión de la selección incluyendo colores similares.

El comando Extender incluye únicamente los píxeles contiguos, mientras que el
comando Similar añade los píxeles similares dispuestos por cualquier lugar en la imagen.

Si quieres aprender más sobre como modificar y guardar selecciones, así como crear máscaras
de selección, visita el tema avanzado de Guardar selecciones.

Unidad 6. Avanzado: Máscaras de selección

Las máscaras de selección están diseñadas para proteger áreas de la imagen mientras estas
editando una capa.

Desde el punto en el que lo dejamos habíamos llegado a crear selecciones personalizadas muy
trabajadas. Sería una lástima perder la selección si más tarde pudiese volver a sernos útil.

Para ello podemos hacer clic en Selección → Guardar selección y darle un nombre a nuestra
selección para guardarla.

115
 CESAR ANTE TORRES

Estas selecciones se almacenan en la ventana Canales, puedes acceder a ella desde la

pestaña Canales (en la ventana de Capas) o desde Ventana → Canales.

Las selecciones que guardemos aquí se llaman máscaras de selección o canales Alfa.

Es posible guardar cualquier selección activa pulsando el botón Guardar selección como
canal en el pie de la ventana.

Para recuperar la selección más tarde sólo hay que pulsar el botón Cargar canal como
selección y cargaremos la selección del canal que hayamos seleccionado.

116
 CESAR ANTE TORRES

Podemos eliminar canales alfa almacenados pulsando el botón Eliminar canal actual .

Desde el cuadro de diálogo Guardar selección en Selección → Guardar selección podemos

fusionar una selección con un canal alfa ya existente.

Para ello selecciona el nombre del canal o selección guardada desde el desplegable Canal y se
mostrarán diferentes tipos de operaciones disponibles:

 Sustituir canal guarda la selección sobre la anterior, perdiéndose toda la selección

almacenada en el canal.
 Añadir a canal suma ambas selecciones.
 Restar del canal le resta al canal existente la selección.
 Formar intersección con canal guarda la intersección de ambas selecciones.

Para crear máscaras de selección rápidamente podemos entrar en el modo de Máscara

rápida pulsando el botón en el panel de herramientas:

Ahora podrás "pintar la selección" en el lienzo ayudándote de las herramientas de pintura.

117
 CESAR ANTE TORRES

Cuando pulses el botón para volver al modo normal todo lo que hayas pintado se
convertirá en selección y podrás guardarlo en un canal alfa.

6.9. La Superposición De Selecciones

Además de todas las opciones de configuración que hemos visto, existe además una solución
muy sencilla para la selección de áreas múltiples.

Durante todo el tema hemos obviado una de las partes más importantes de la barra de opciones
en las herramientas de selección:

Estos controles nos ayudarán a administrar las áreas de selección para crear selecciones más
complejas.

Expliquemos antes de nada el significado de estos iconos.

 Con el icono de Selección nueva activado, se crea una selección única sobre la capa,
eliminado cualquier selección anterior.

 Con el icono de Añadir a la selección activado, se añade la selección que crees a la

existente, creando una selección final que será resultado de la suma de las dos.

 El icono Restar de la selección te permite restar de la selección actual el área que

escojas. La selección resultante será la resta de las dos selecciones.

 Con Intersecar con la selección te será posible crear una selección final resultante de
la intersección de la selección existente y la que añadas.

Veamos unos ejemplos:

118
 CESAR ANTE TORRES

Partiendo de la selección en la imagen A, podemos añadirle la selección en rojo de la imagen

B con el icono activado. A esta selección le restaremos la zona roja de la imagen C activando
el icono , y finalmente intersecaremos la última zona (de la imagen D) con la selección
resultante usando la opción .

Los comandos Añadir a la selección y Restar a la selección se activan automáticamente

al mantener pulsadas las teclas Shift (para añadir) y Alt (para restar) mientras
tengas activada una herramienta de selección.

6.10. REDIMENSIONAR LA IMAGEN

A pesar de no tratarse de una herramienta de selección, la herramienta Recortar coincide

en rasgos generales con estas herramientas. Sirve para recortar parte del documento para
desecharlo. Su funcionamiento es el siguiente:

119
 CESAR ANTE TORRES

1. Selecciona la herramienta Recortar en el panel de herramientas.

2. Selecciona el área de la imagen que quieras que permanezca.
3. Puedes modificar el alto y el ancho de la selección sirviéndote de las guías de tamaño
. También puedes desplazarla haciendo clic sobre ella y arrastrándola a la posición correcta.
4. Cuando tengas el área deseada encuadrada en el rectángulo haz doble clic sobre ella o pulsa

el icono en la Barra de opciones.

Una vez aceptado el recorte, la parte sobrante se desprecia y la imagen toma el tamaño de la
selección del recorte.

En esta versión de Photoshop CS6 se han añadido algunas opciones a esta herramienta. La
más interesante es que si desmarcamos la casilla Eliminar píxeles recortados no perderemos el
tamaño original de forma que siempre podremos volver a recortar para hacer más grande la imagen
sin perder todas las modificaciones que posteriormente hayamos hecho a la imagen.

Hay más modificaciones a esta herramienta, por ejemplo, ahora disponemos del desplegable
para definir la proporción del recorte, por defecto se mantiene la Proporción original, pero
podemos elegir otras proporciones 2x3, 4x3, ...

También se ha añadido el botón Enderezar que permite enderezar la imagen en base a una
línea trazada por nosotros. Es muy útil si queremos que la línea del horizonte quede perfectamente
horizontal.

En el desplegable Ver que por defecto muestra la Regla de los tercios, tenemos nuevas guías
para orientarnos en el recorte, como la Espiral dorada, Proporción dorada, diagonales, ...

Existe otro modo de realizar recortes con selecciones muy sencillo. Una vez tengas la
selección que quieras transformar en recorte sólo tienes que hacer clic en Imagen → Recortar y
la imagen se recortará tomando las dimensiones del área seleccionada.

Si la selección no fuese rectangular se tomarían los bordes como límites para el recorte.

120
 CESAR ANTE TORRES

Otro modo de editar el tamaño del lienzo de la imagen es usando el

comando Imagen → Tamaño de lienzo.

Desde aquí puedes modificar la altura y anchura del lienzo y escoger dónde anclar la imagen
existente, para que en caso de recorte se mantenga en el centro o en alguna de las esquinas.

Si el tamaño final es mayor al original, podrás elegir el color del sobrante desde el menú que se
encuentra al pie:

También existe la opción de redimensionar la imagen sin recortarla. Simplemente cambiando

su altura y/o anchura y dejando que Photoshop se encargue de calcular la redimensión. Para ello
haz clic en el comando Imagen →Tamaño de imagen y modifica las dimensiones en píxeles del
documento:

121
 CESAR ANTE TORRES

Si reduces la Resolución de la imagen, y la casilla Remuestrear la imagen está marcada, la

imagen también se reducirá de tamaño.

6.11. Escalar Según El Contenido

Photoshop nos ofrece una herramienta que consigue redimensionar una imagen de forma
inteligente, permitiéndonos proteger partes de la imagen, para que no cambie. Por ejemplo,
observa la siguiente imagen:

Vamos a reducir el ancho de la imagen. Observa la diferencia de simplemente cambiar su ancho

(imagen de la izquierda) a hacerlo con el escalado según el contenido (imagen de la derecha).
Observa que los flamencos se deforman en la primera, mientras que en la segunda, solo se juntan.

122
 CESAR ANTE TORRES

Podemos acceder a esta herramienta desde el menú Edición → Escala según el contenido.

Si no teníamos nada seleccionado, el escalado afectará a toda la imagen. Pero en este caso, si
lo que queremos era agrandarla, deberíamos de haber agrandado primero el lienzo.

La forma de utilizarla es la habitual con las herramientas de transformación: el área a escalar

mostrará los controles de transformación que nos permitirán encoger o estirar la imagen.

Proteger el contenido.

Pero la principal ventaja de esta herramienta es que podemos proteger las zonas que no
queremos que sean deformadas por el escalado. Para esto, recurrimos a las opciones de la
herramienta:

En Proteger podemos escoger un canal, es decir, una selección guardada. Por lo tanto, antes
de usar la herramienta de Escala según el contenido, seleccionamos las zonas que queramos
proteger, y guardamos la selección usando el menú Selección → Guardar selección. Una vez
guardada, podremos seleccionarla en el desplegable.

123
 CESAR ANTE TORRES

La opción Proteger tonos de piel, detecta automáticamente las zonas con tonos de piel
humana, y evita que sean deformadas.

Ejercicios unidad 6: Selecciones

Ejercicio 1: Copia y Pegado de Selecciones

1. Abre las imagenes hemisferic1.jpg y hemisferic2.jpg de la carpeta de ejercicios.

2. Selecciona en ambas los edificios ayudandote de las herramientas de selección. Te
recomendamos que utilices el Lazo magnético.
3. Utiliza un Desvanecimiento de 10px.
4. Cópialas y pégalas en un nuevo documento para conseguir algo parecido a esto:

Si no tienes muy clara la solución, en este vídeotutorial encontrarás ayuda

Ejercicio 2: Selecciones Personalizadas

1. Abre el archivo de imagen caballero.jpg de la carpeta de ejercicios.

2. Selecciona la estatua completa despreciando el fondo.
3. Copia la selección en un archivo nuevo con fondo blanco y del tamaño del portapapeles
para que te quede esto:

124
 CESAR ANTE TORRES

Si no tienes muy clara la solución, en este vídeotutorial encontrarás ayuda

UNIDAD 7. TRABAJANDO CON CAPAS (I)

Ahora empezaremos a ver más en profundidad las características que nos ofrece Photoshop.
Ya hemos aprendido qué son las capas, a modificarlas, añadirles pintura y retocarlas, a seleccionar
partes de una imagen y recortarlas para añadirlas a nuestra composición.

Bien, ahora veremos formas de editar las capas de formas más avanzadas:
las transformaciones y las máscaras.

7.1. TRANSFORMAR capas

Transformar una capa te va a permitir modificarla de muchas formas, podrás hacerla más pequeña,
voltearla, rotarla, darle perspectiva, etc.

Para ello veremos el submenú Edición → Transformar:

125
 CESAR ANTE TORRES

Como puedes observar tienes diferentes modos de transformación, si haces clic en alguna de
ellas un marco de transformación aparecerá sobre el área con pintura de la capa. Esto significa
que has entrado en el modo de transformación.

A continuación explicaremos cuáles son sus opciones:

 Escala te permite redimensionar la capa reduciendo o aumentando su altura y anchura.

Recuerda que, manteniendo pulsada la tecla Shift las proporciones se mantendrán

y la imagen no se deformará.
 Rotar gira la capa respecto al punto de referencia representado como . Puedes desplazarlo
donde quieras haciendo clic sobre él y arrastrándolo a una nueva posición o escoger un punto

predefinido desde la barra de opciones .

 Los comandos Sesgar, Distorsionar y Perspectiva actúan dándole el aspecto de sesgo,
distorsión y perspectiva a la capa.

126
 CESAR ANTE TORRES

 El comando Deformar, te permite modelar la capa para que tome una forma determinada.
Esta opción es muy útil cuando quieres ajustar la capa a una imagen existente.

Todos estos comandos funcionan del mismo modo:

1. Selecciona el comando en el submenú.

2. Acerca el puntero del ratón a una de las guías . Veras que la forma del puntero
cambia.
3. Haz clic y arrastra el ratón aplicando la transformación.
4. Cuando estés satisfecho suelta el botón del ratón.
5. Puedes repetir estos pasos tantas veces como quieras. Cuando hayas acabado haz doble

clic sobre la imagen o pulsa el botón en la barra de opciones.

Si quieres aprender más sobre cómo utilizar la opción Deformar, visita el tema avanzado de
Transformación.

Unidad 7. Avanzado: El Comando Deformar

Podemos aceder al comando Deformar, como hemos visto, desde el
menú Edición → Transformar → Deformar.

Aunque también podemos utilizar el menú contextual mientras estamos en modo de edición
de Transformación y seleccionar Deformar.

Una vez activemos el comando, una cuadrícula aparecerá entorno a la pintura de la capa activa:

127
 CESAR ANTE TORRES

Esta rejilla cuenta con dos tipos de controles.

Los cuadrados de la esquina nos ayudarán a establecer el tamaño que ocupará la forma
después de la deformación, haz clic sobre ellos y arrástralos para establecer el área de la pintura.

Luego podremos utilizar los controles con forma de círculo para curvar las lineas interiores. Está
será la acción que tendrá una acción decisiva sobre la imagen porque definen la curvatura de la
deformación.

Su uso es exactamente igual, haz clic sobre el control y arrástralo hasta donde consideres
necesario.

Con un poco de práctica podrás adaptar texto a zonas curvadas e incluso deformar imagenes
para transformarlas hasta que tomen un aspecto distinto:

Puedes cambiar de modo de transformación haciendo clic derecho sobre la capa para que
aparezca el menú contextual de transformación.

Este método te permite realizar diferentes efectos antes de aplicar la transformación a la imagen.

128
 CESAR ANTE TORRES

La Transformación libre te permite entrar en modo de transformación total, donde se

pueden aplicar todos los efectos al mismo tiempo o bien reconociendo la forma que adopta el
puntero del ratón en las diferentes opciones o mediante combinación de teclas:

Escala sin combinación Sesgar

+
Rotar sin combinación Distorsionar
/
Perspectiva /
+ +
Los comandos Rotar 180º, 90º AC y 90º ACD realizan un giro de la capa de manera más
precisa. (AC gira hacia la derecha; ACD gira hacia la izquierda).

Puedes conseguir la imagen reflejada de la capa con los comandos Voltear

horizontal y Voltear vertical.

Para practicar estos comandos puedes realizar el Ejercicio de Efecto espejo.

Unidad 7. Ejercicio: Efecto espejo

Objetivo.
Crear la ilusión de reflejo en el agua.

Ejercicio paso a paso.

1. Abre la imagen espejo.gif de la carpeta de ejercicios.

129
 CESAR ANTE TORRES

2. Dobla la altura del tamaño del lienzo. Para ello haz clic en Imagen → Tamaño de lienzo. Se
abrirá el siguiente cuadro de diálogo.

3. Cambia las unidades a porcentajes y dobla la altura (poniéndolo a 200).

4. Ancla la pintura existente a la parte superior para que el espacio añadido se cree por debajo
de éste.

5. Pulsa el botón OK.

6. Ahora selecciona, con el Marco rectangular por ejemplo, la imagen inicial.

130
 CESAR ANTE TORRES

7. Cópiala con el comando Edición → Copiar o pulsando Ctrl+C.

8. Ahora pégala. Utiliza el comando Edición → Pegar o pulsa Ctrl+V.
9. Observarás que no sucede nada. Si observas el panel Capas, verás que pone Índice. Este
modo no permite trabajar con capas. Para cambiar de modo, ve al menú Imagen → Modo y
elige Color RGB.
10. Ahora ya podemos seguir. Utiliza el comando Edición → Pegar o pulsa Ctrl+V.
11. Observa que se ha creado una nueva capa con una copia de la imagen. Vamos a
Transformarla. Selecciona el comando Edición → Transformar → Voltear vertical.
12. Coloca la imagen volteada debajo de la original. Para ello te ayudará la opción
menú Vista → Ajustar. Con la herramienta mover, arrastra hacia abajo la capa, con la
tecla Shift pulsada, para hacerlo en vertical. Cuando llegues al borde verás que la capa se
"engancha", gracias a la opción Ajustar.
Ahora es un reflejo perfecto.
13. Lo siguiente que haremos será distorsionarla un poco con la ayuda del
comando Transformar → Deformar para que no sea una copia exacta, y darle un aspecto
de ondas.
14. Si han quedado áreas vacías, selecciónalas con la Varita, y ve al menú Edición → Rellenar,
elige Según el contenido y pulsa OK.
15. Pásale la herramienta Dedo con una Intensidad del 15% para crear un efecto de distorsión

mayor .

131
 CESAR ANTE TORRES

Nota: Photoshop incluye la posibilidad de transformar más de una capa a la vez con solo crear
una selección múltiple de capas en la ventana Capas.

Si creas una selección múltiple y utilizas el comando Transformación, todos los cambios que
realices se aplicarán sobre las capas seleccionadas.

7.2. LAS MÁSCARAS DE CAPA

Las máscaras son una solución muy buena a muchos de los retoques que querremos realizar.

Una máscara, en principio, no es más que un delimitador que colocaremos sobre una capa. Este
delimitador determinará el nivel de opacidad de la capa sobre la que actúa.

Las máscaras sólo permiten colores pertenecientes a la gama de escala de grises. El

color negro en una máscara indica que la capa sobre la que actúa en esa zona será
totalmente transparente. Al contrario, una zona blanca en una máscara indicará que la capa
afectada mantendrá su opacidad al 100% en esa zona.

De ahí que los diferentes niveles de grises equivalgan a diferentes niveles de opacidad.

Veamos un ejemplo:

132
 CESAR ANTE TORRES

Partiendo de dos capas diferentes (Fig. 1) las solapamos (Fig. 2). Aplicamos la máscara con
la herramienta Degradado (Fig. 3) para obtener el resultado de la Fig. 4.

7.3. CREAR MÁSCARAS DE CAPA

Ya sabemos para qué sirven y cómo actúan las máscaras. Aprendamos, ahora, a crear nuestras
máscaras personalizadas.

Crear una máscara es muy sencillo, sólo hay que seguir unos pocos pasos:

1. Selecciona en la ventana Capas la capa sobre la que quieres que actúe la máscara.

2. Pulsa el botón Añadir máscara vectorial en la misma ventana.

La imagen arriba muestra el resultado de seguir estos pasos en la ventana Capas.

Expliquemos el significado de todos los nuevos símbolos:

 Aparece una nueva miniatura a la derecha de la miniatura de la capa. Ésta es la miniatura de

la nueva máscara . En principio la máscara se muestra en blanco, por lo que la capa
sobre la que actúa no se ve afectada en su opacidad por ningún cambio.
 El recuadro que rodea a la miniatura de la máscara indica sobre dónde estamos aplicando la
pintura. Observa que haciendo clic en una de las miniaturas cambiamos su estado,
activándolas y permitiendo el uso de pintura sobre ella.

 Podemos alternar entre verter pintura o realizar cambios sobre la capa o la máscara haciendo
activa cada vez la que nos interese haciendo clic en su miniatura.

133
 CESAR ANTE TORRES

 Por último, el icono de enlazado bloquea la capa y la máscara uniéndolas. Si movemos

una, la otra se moverá con ella. Si las desenlazamos haciendo clic sobre el icono ,
podremos moverlas independientemente.

A veces es aconsejable el uso de pinceles por su suavizado, esto nos permite crear
transiciones de opacidad más fácilmente en los bordes.

Para ayudarnos a crear la capa podemos activa su visibilidad desde la pestaña de Canales,
al lado de la pestaña Capas, o desde el menú Ventana → Canales.

Aquí, además de los tres canales de color, encontraremos los canales Alfa y las máscaras de
selección y de capa.

Activando el icono de visibilidad podemos ver nuestra máscara de capa sobre el lienzo.

Está predefinido que las máscaras se muestren de color rojo y con una opacidad del 50%,
pero podríamos cambiar estas propiedades haciendo doble clic sobre su miniatura.

134
 CESAR ANTE TORRES

También podemos hacer clic derecho en su miniatura para ver sus opciones:

Las últimas sirven para crear diversas selecciones a partir de la forma de la máscara.
Nosotros haremos hincapié sobre las 3 primeras:

 Eliminar máscara de capa elimina la máscara de capa restaurando la capa a su estado

original.
 Aplicar máscara de capa fusiona la capa y la máscara dando como resultado una sola
capa con los efectos obtenidos.
 También es posible Deshabilitar la máscara de capa para no eliminarla, pero
manteniendo sus efectos inactivos.

Puedes ver que también aparece la opción Perfeccionar máscara. Esto nos lleva al mismo
diálogo para perfeccionar los bordes de las selecciones.

Puedes hacer el ejercicio paso a paso de Crear máscaras.

Unidad 7. Ejercicio: Crear máscaras de capa

135
 CESAR ANTE TORRES

Objetivo.
Crear una transparencia mediante máscaras de capa.

Ejercicio paso a paso.

1. Abre, con Photoshop, la imagen mascara1.jpg,

2. Abre también la imagen mascara2.jpg. Ahora, tendrás cada imagen en una pestaña, en
documentos separados.
3. Sitúate en la segunda imagen, mascara2.jpg. Selecciónala toda (teclado, Ctrl + A) y cópiala.
4. Ve a la ventana del documento mascara1.jpg y pega la otra imagen. Ahora la tendrás en una
nueva capa, quedando máscara mascara1.jpg como fondo. Todos los cambios a partir de
ahora, será en este documento.
5. En el panel de Capas, selecciona el fondo y la capa. Ve al menú Capa → Alinear.
Elige Bordes superiores.
6. Repite los pasos del punto anterior, pero alineando a los Bordes izquierdos. La composición
te habrá quedado como se muestra a continuación:

7. Ahora crearemos la máscara. Selecciona la Capa 1 (la de arriba) y pulsa el botón Añadir
máscara vectorial del panel Capas.

8. Selecciona la herramienta Degradado y crea un degradado teniendo en cuenta que la

zona negra que dibujes con la herramienta Degradado será la transparente.
9. Repite el paso anterior hasta estar satisfecho con la transparencia.

136
 CESAR ANTE TORRES

10. Es fácil, que por la diferencia de tamaño, quede un cortada la esquina superior izquierda.
Corrígelo con la herramienta Tampón de clonar. Asegúrate de tener seleccionada la
miniatura correspondiente a la imagen, y no la de la capa, en el panel Capas.

Es aconsejable que mantengas las capas tal y como están en este momento por si más tarde
quisieras realizar modificaciones. Y por ejemplo, si quieres obtener una imagen, no tienes más que
exportarlo a JPEG, guardando el PSD original.

Pero existe la posibilidad de combinar todo el documento en una sola capa. Veamos cómo
hacerlo:

Si únicamente quieres combinar la máscara con su capa, haz clic derecho sobre la miniatura de
la máscara y selecciona Aplicar máscara de capa. Ambas, la capa y su máscara se fusionarán.

137
 CESAR ANTE TORRES

Si lo que quieres es combinar todo en una sola capa, puedes hacer clic derecho sobre el panel
capas y elegir Combinar visibles o Acoplar imágenes.

7.4. Los Recortes De Capa

Otra de las opciones que nos permite Photoshop son los recortes de capa.

El objetivo de esta función es crear una intersección entre dos capas para mostrar la resta
resultante. Así, por ejemplo, a partir de estas dos capas (el fondo y el texto):

138
 CESAR ANTE TORRES

Conseguir ésta como resultado:

El procedimiento es muy sencillo. Sólo basta con mantener la tecla Alt pulsada mientras
colocamos el puntero del ratón entre dos capas en la ventana de Capas hasta que tome la
forma . Entonces haz clic y se creará la máscara de recorte.

Otra forma de hacerlo sería a través del menú Capa → Crear máscara de recorte o
pulsando la combinación de teclas Ctrl + G.

Ten siempre en cuenta que lo que estás haciendo es una sustracción, a la capa superior le
restaremos la inferior, y ésa será la capa resultante.

7.5. LOS OBJETOS INTELIGENTES

Los objetos inteligentes almacenan en una sola capa un objeto independiente a nuestro documento.
Veamos un ejemplo:

139
 CESAR ANTE TORRES

Podemos reservar esta composición como objeto inteligente para agrupar las capas que lo
forman en una sola.

Para ello deberás seleccionarlas todas y hacer clic derecho en cualquiera de ellas. En el menú
contextual deberás seleccionar Agrupar en objeto inteligente nuevo.

El resultado de esta acción es la creación de un objeto inteligente que contendrá las capas y las
hará independientes del documento con el que estamos trabajando.

140
 CESAR ANTE TORRES

De esta forma podemos escalar, rotar, deformar o transformar la capa de una forma no
destructiva. Es decir, aunque en nuestro documento la capa cambie de forma, color, etc... siempre
mantendremos el original intacto en un archivo independiente con extensión PSB que se
almacenará en el archivo PSD:

Para acceder a este archivo sólo tendrás que hacer doble clic en la miniatura del objeto
inteligente en el documento principal.

Cualquier cambio que realices sobre el archivo PSB afectará al objeto inteligente representado
en el archivo PSD. Esta función es muy útil para crear diferentes copias de un elemento y
modificarlas a través del PSB para actualizarlas en una sola acción.

Una de las características de los objetos inteligentes es que son compatibles con las
composiciones creadas en Adobe Illustrator, el programa de gráficos vectoriales que se
encuentra en la misma suite que Photoshop.

141
 CESAR ANTE TORRES

De esta forma, si seleccionamos una composición vectorial en Illustrator y la copiamos, al

intentar pegarla en un documento de Photoshop aparecerá el siguiente cuadro de diálogo:

Al contrario que las imágenes basadas en píxeles, la ventaja de este tipo de gráficos es que
podrás cambiar su tamaño sin ningún tipo de problemas manteniendo siempre la resolución original
del objeto.

Ejercicios unidad 7: Trabajando con capas

Ejercicio 1: Cambio de Perspectiva

1. Abre la imagen porton.jpg de la carpeta de ejercicios. Como ves, se trata de la puerta de

una iglesia vista desde abajo.
2. Tendrás que aplicarle transformaciones para que parezca que la foto fue tomada desde el
frente. El resultado final que te pedimos es este:

142
 CESAR ANTE TORRES

Si no tienes muy clara la solución, en este vídeotutorial encontrarás ayuda

UNIDAD 8. FORMAS Y TEXTO (I)

Tras conocer cómo funcionan las capas y cómo trabajar con ellas, podemos pasar a conocer
elementos más completos, que lejos ya del tratamiento de imagen nos ayudarán a crear
composiciones más vistosas y de mayor calidad: Formas y el Texto.

8.1. LAS HERRAMIENTAS DE FORMA

Las herramientas de Forma nos permiten añadir formas poligonales, prediseñadas o definidas por el
usuario a nuestra composición. Podemos acceder a ellas desde el panel de herramientas.

El uso de las herramientas Rectángulo , Rectángulo redondeado , Elipse

, Línea y Forma personalizada funcionan del mismo modo. El clic sobre el lienzo
determinará la primera esquina de la forma, y tras arrastrar el ratón, la esquina opuesta se
emplazará en el lugar donde soltemos el botón.

La herramienta Polígono toma el primer clic como centro de la forma y el fin del arrastre
como el tamaño de su radio.

La barra de opciones de herramientas tiene varias opciones que son comunes a todas las formas
que vamos a ver a continuación y hay unas pocas opciones que dependen de la forma concreta
en la que estemos que veremos en último lugar:

Opciones comunes.

La primera opción sive para guardar la configuración actual de la herramienta. Para ello basta
hacer clic en el botón nueva herramienta y darle un nombre. Por ejemplo, en la siguiente
imagen se ha creado la herramienta "Rectángulo azul"

143
 CESAR ANTE TORRES

La opción Forma nos permite elegir entre tres opciones: Forma, es la opción predeterminada y
dibuja formas en la forma tradicional. Trazado crea la forma como un dibujo vectorial que se puede
redimensionar sin perdida de resolución, en la unidad 15 veremos los trazados. Pixeles crea una
forma y la rasteriza convirtiendola en un conjunto de pixeles por lo que ya no se puede modificar
posteriormente.

Las opciones que vienen a continuación como el relleno, trazo, el tipo de línea y la anchura y
altura ya las conocemos o las veremos en otras unidades.

La opción operaciones de trazado permiten dibujar cada forma en una nueva capas o usar una
de las siguientes opciones para combinar varias formas en una sola capas.

La siguiente opción Disposición de trazado permite llevar hacia adelante o hacia atras las
formas que se superponen entre si.

La siguiente opción abre un desplegable con más opciones:

144
 CESAR ANTE TORRES

Para el Rectángulo, Rectángulo redondeado, Elipse y Forma personalizada las opciones

son las mismas que se muestran en la imagen de arriba.

La opción cuadrado obliga a la forma a tener el mismo alto que ancho. Este efecto se puede
conseguir del mismo modo sin activar esta opción, pero manteniendo pulsada la

tecla Shift mientras se dibuja la forma.

Es posible crear formas con un tamaño fijo, predefiniendo su altura y su anchura en las cajas
de texto .

La opción Proporcional te permite fijar la proporción entre la altura y la anchura de la forma en

las cajas de texto .

La casilla Desde el centro hace que la forma se dibuje desde el centro partiendo del lugar donde
se hace clic. Si no se activa esta casilla se dibuja desde la esquina superior izquierda..

Las opciones de Polígono son las siguientes:

Radio te permite fijar un tamaño específico a la forma final. La opción Estrella creará un
polígono en forma de estrella con tantas aristas como lados hayas especificado.

La herramienta Línea te permite añadir flechas en su inicio y/o en su final, además de darte la
posibilidad de configurar su punta:

145
 CESAR ANTE TORRES

La barra de opciones de herramientas tiene unas opciones de que dependen de la forma

concreta que las explicaremos seguidamente:

 La herramienta Rectángulo redondeado te permite seleccionar el radio de sus

esquinas desde la barra de opciones de herramientas: .

 Puedes seleccionar el número de lados de la herramienta Polígono .

 La herramienta Línea te permite configurar su grosor: .

 Y por último, veremos más a fondo la opción de Forma de la

herramienta Forma personalizada.
Para seleccionar la forma a dibujar haz clic en el desplegable:

Como en otras opciones, aquí nos es posible elegir entre un gran número de opciones. Si
pulsamos el botón podemos acceder a las opciones de forma.

146
 CESAR ANTE TORRES

Es posible cargar más formas predefinidas por Photoshop escogiendo entre uno de estos
grupos:

8.2. EL TEXTO

El grupo de herramientas de Texto, como imaginarás, sirve para introducir texto en nuestras
composiciones. Aunque podemos encontrar diferentes formas de hacerlo:

147
 CESAR ANTE TORRES

Primero vemos que es posible escribir texto en 2 direcciones diferentes, una de izquierda a
derecha y la otra de arriba abajo.

Si nos fijamos aún más también veremos que las dos últimas herramientas, Máscara de texto
horizontal y Máscara de texto vertical , no dibujan texto, sino que crean una selección
con la forma del texto que hayas escrito.

Veremos ahora las dos primeras herramientas, Texto horizontal y Texto vertical , que
comparten todas sus características.

Como ves la herramienta texto te permite elegir la fuente, tamaño, alineación y color.

El icono te permite cambiar en el momento de escritura entre modo horizontal o vertical.

Este desplegable indicará la forma en la que los bordes del texto se fusionan
con el fondo. La opción Ninguno dejará los bordes completamente rectos, mientras que el resto
realizan suavizados y transiciones para mejorar el acople del texto a la imagen.

Otra de las opciones a destacar sería Crear texto deformado que muestra un cuadro de
dialogo con diferentes tipos de deformado modificables:

148
 CESAR ANTE TORRES

Desde el icono podemos acceder a más opciones, aunque éstas son más útiles para
grandes cantidades de texto.

Lo que vemos son los paneles Carácter y Párrafo, disponibles también en el menú Ventanas.

Una vez hayamos configurado todas las opciones del texto, y tras haberlo escrito, deberemos

hacer clic en el icono para aceptar el texto. (Cambiar de herramienta causaría el mismo
efecto). Para ajustar las opciones de párrafo, podemos hacerlo con la capa seleccionada, sin tener
que estar editando el texto.

Observa que ha aparecido una capa de textos en la ventana Capas:

Este tipo de capas no aceptan más pintura, así que el fondo y otras imágenes deberán ir
distribuidas en capas diferentes.

Existe la posibilidad de convertir una capa de texto en capa normal, para ello haz clic derecho
sobre la capa y selecciona Rasterizar texto.

149
 CESAR ANTE TORRES

Mientras la capa de texto no se rasterice podrá ser susceptible de cambios. Para ello selecciona
la herramienta Texto y activa la capa de texto que quieres modificar. Los cambios que realices en
la barra de opciones se verán reflejados en la capa.

Practica lo que has aprendido realizando el Ejercicio de Composiciones con formas y texto.

Unidad 8. Ejercicio: Composiciones con Texto y Formas

Objetivo.
Crear composiciones con formas y texto.

Ejercicio paso a paso.

Vamos a crear esta imagen a partir de formas simples y un poco de texto:

150
 CESAR ANTE TORRES

1. Abre un documento nuevo desde Archivo → Nuevo. Dale las medidas de 650 píxeles de
anchura y 425 de altura, y el fondo de color blanco.
2. Si por lo que sea has creado el documento con fondo transparente, o de otro color, con la
ayuda del Bote de pintura rellena la capa entera de color blanco. Para ello asegúrate
de que el color Frontal es de ese mismo color.

3. Ahora selecciona la herramienta Forma personalizada y haz clic en el

desplegable Forma .

151
 CESAR ANTE TORRES

4. Pulsa el botón y carga la biblioteca Web. El sistema te

preguntará que si estás seguro, dile que sí.

5. Selecciona la forma Volumen .

6. Crea una capa nueva pulsando el botón en la ventana de Capas.

7. Ahora, asegurándote de que la herramienta Forma está en posición Píxeles ,

mantén pulsada la tecla Shift (para mantener las proporciones 1 a 1) y dibuja la

forma en el lienzo.
8. Selecciona y borra las ondas que salen del altavoz.
9. Haz clic en Edición → Transformar → Rotar y gira la forma 180 grados para cambiar su
orientación. También puedes hacerlo seleccionando la opción Voltear horizontal.
10. Ahora seleccionaremos otra forma. Haz clic en el desplegable de Forma y carga la biblioteca
de Música.
11. Los siguientes pasos son iguales a los anteriores. Crea nuevas capas donde colocarás las
notas musicales; ayudándote del comando Transformación, rótalas y colócalas dispersadas
sobre el lienzo.

152
 CESAR ANTE TORRES

12. Una vez tengamos todas las formas añadiremos el texto. Selecciona la
herramienta Texto .
13. Escoge una fuente que te guste y aumenta su tamaño sobre los 70 puntos.
14. Haz clic sobre el lienzo y escribe una frase.

15. Pulsa el botón para aceptar los cambios.

16. Ahora deformaremos el texto. Pulsa el botón .

17. Elige el estilo Elevar y modifica su curva al 44% y la distorsión horizontal a -58%.

18. Pulsa OK para aceptar los cambios.

19. Con la ayuda de la herramienta Mover coloca todas las capas de la forma que creas
conveniente.

Ejercicios unidad 8: Formas y Texto

Ejercicio 1: Composición de Formas, Textos y Recortes.

1. Abre la imagen rio.jpg de la carpeta de ejercicios.

2. Utilizando recortes de capas deberás crear un nuevo documento con formas y texto donde
utilizarás como fondo para el recorte zonas de esta imagen hasta conseguir la siguiente
composición:

153
 CESAR ANTE TORRES

Si no tienes muy clara la solución, en este vídeotutorial encontrarás ayuda

UNIDAD 9. EDICIÓN AVANZADA DE CAPAS (I)

Ya prácticamente sabemos maneja todos los controles de Photoshop. Ahora, más que otra cosa,
necesitaremos imaginación para ir creando composiciones cada vez mejores.

Pero antes de acabar de hablar de las composiciones veremos algunos recursos que nos
pueden ser muy útiles.

9.1. LOS ESTILOS: OPCIONES DE FUSIÓN

Los estilos de capa son efectos (como sombras, biseles, resplandores.) que proporciona Photoshop
para dotar de diferentes acabados a las capas.

154
 CESAR ANTE TORRES

Ten en cuenta que los estilos están enlazados a la capa que están afectando. Así que si cambias
el contenido, la forma o la posición de la capa el estilo se adaptará a los nuevos cambios.

Veamos cómo podemos acceder al editor de Estilo de Capa. Haz clic en el botón al pie de
la ventana de Capas y se mostrará un listado de todos los estilos disponibles.

155
 CESAR ANTE TORRES

Haremos clic en Opciones de Fusión para acceder al editor de Estilo de Capa y poder
configurar todos los estilos al mismo tiempo.

Llegando al editor de esta forma, el primer menú de opciones son las que puedes ver arriba.

Estas opciones no se refieren a ningún estilo en particular sino a la capa en general.

156
 CESAR ANTE TORRES

Y al modo en el que los efectos o estilos de capa se fusionarán con el resto de objetos en la
composición.

En los primeros temas vimos cómo modificar la opacidad de la capa desde la

ventana Capas (también puedes hacerlo desde la opción anterior), ahora es importante resaltar
entre la opacidad y la opacidad del relleno:

La opacidad del relleno establece la transparencia de la pintura de la capa, no afectará a

la opacidad de los estilos aplicados a ella. Al contrario que la opacidad que afecta tanto a los
estilos como a la capa en sí.

A continuación veremos los estilos uno a uno. Activando la casilla Previsualizar podrás ver
cómo los estilos afectarán a tu capa en el lienzo. También tienes una muestra en miniatura de
cómo afectarían los estilos a un cuadrado.

Sombra paralela te permite añadir un sombreado bajo la capa en la dirección que escojas.
Puedes modificar su color, opacidad y diferentes opciones sobre su contorno.

Sombra interior realiza exactamente la misma función que la anterior, pero la sombra se
proyecta hacia dentro. Este efecto da la sensación de hundimiento:

157
 CESAR ANTE TORRES

Resplandor exterior crea un resplandor alrededor de toda la zona coloreada de la capa.

Puedes escoger el color, la forma de transición e incluso configurar el resplandor como un
degradado.

Igual que el caso anterior, Resplandor interior crea un resplandor alrededor de todo el área
coloreada de la capa pero en dirección hacia el interior. Sus opciones son las mismas.

Bisel y relieve te ofrece la posibilidad de crear la sensación de que la capa se encuentra en

relieve añadiéndole un borde biselado.

Este estilo puede configurarse modificando las opciones de Contorno para el bisel
y Textura para la forma en que se muestre el relieve.

El estilo Satinado aplica una sombra sobre el área con pintura que le da un aspecto de
satinado. Este y los siguientes estilos han de usarse con cuidado porque alteran en gran medida
la pintura de la capa.

158
 CESAR ANTE TORRES

La Superposición de colores te permite la superposición de un color con una opacidad

determinada sobre toda la pintura de la capa (las áreas transparentes no se ven afectadas).

La Superposición de degradado superpone un degradado (a tu elección) sobre la capa.

Modificando su opacidad puedes conseguir transiciones de color bastante agradables.

Superposición de motivo, como las anteriores, superpone sobre la pintura de la capa un

motivo a tu elección, podrás modificar el motivo a utilizar y su tamaño.

Por último el estilo Trazo añade un borde a la capa de la anchura y el color escogidos. Esta
opción es muy útil para enmarcar imágenes. También puedes usar degradados para el trazo lo
que te dará mucho juego a la hora de aplicar este estilo.

Como hemos dicho antes, podemos combinar distintos tipos de estilos.

159
 CESAR ANTE TORRES

Aquellos cuyas casillas se encuentren activadas serán los estilos que se mostrarán:

Ten en cuenta que si el estilo Bisel y relieve no se halla activado los

estilos Contorno y Textura no se mostrarán aun cuando estén activados.

Cuando hayas definido todos los estilos haz clic en Ok y verás como tu capa se completa con
los nuevos estilos.

Puedes guardar tu conjunto de opciones como un estilo predefinido pulsando el

botón Estilo nuevo en el editor de Estilo de Capa o pulsando el botón al pie de la ventana
de Estilos.

Puedes acceder a esta ventana desde la pestaña Estilos en la ventana de Color o haciendo
clic en el menú Ventana → Estilo.

Desde esta ventana te es posible aplicar también otros estilos ya definidos por Photoshop
haciendo clic sobre ellos. O gestionar tus estilos creando nuevos , borrando los ya existentes
arrastrándolos sobre este botón o eliminándolos de la capa activa del momento .

También puedes cargar otras bibliotecas haciendo clic en el botón y seleccionando la

opción correspondiente en el menú:

160
 CESAR ANTE TORRES

Pero veamos las opciones que nos ofrece este otro menú contextual: haz clic derecho sobre
el icono de estilo de cualquier capa en la ventana de Capas.

*** Desde aquí puedes acceder directamente a la ventana de configuración de los diferentes
estilos en el editor de Estilo de Capa haciendo clic sobre alguno de ellos.

Uno de los comandos más útiles es el de Copiar estilo de capa. Te

permite Pegar posteriormente en otra capa (a la que se le aplicarán los mismos efectos) o a un
conjunto de capas enlazadas.

Las siguientes opciones las explicaremos a continuación:

161
 CESAR ANTE TORRES

 Luz global te permite cambiar con un par de clics la posición de la luz global de todos
los estilos.

 Con el comando Crear capas transformarás todos los estilos aplicados en capas
enlazadas o recortes a la capa sobre la que estaban actuando. Si ejecutas este comando no
podrás modificar más los estilos ni estos se adaptarán a los cambios de la capa sobre la
que actuaban.

Algunos estilos no pueden verse convertidos en capas, así que usa este comando con
cuidado.

 Ocultar/Mostrar todos los efectos esconde o enseña todos los estilos que se están
aplicando a la capa en el momento.
 Escalar efectos te permite escalar el estilo tanto como indiques en el cuadro de diálogo.
Un porcentaje mayor que 100 agrandará el estilo; al contrario uno menor de 100 lo hará
más pequeño.

162
 CESAR ANTE TORRES

Puedes crear un estilo paso a paso en el Ejercicio crear gotas de agua.

Unidad 9. Ejercicio: Efecto gota de agua

Objetivo.
Crear el efecto de gotas de lluvia mediante Estilos de capa.

Ejercicio paso a paso.

1. Abre un documento en blanco, con fondo transparente.

2. Selecciona la herramienta Pincel y el color Frontal negro .

3. Modifica las propiedades de la punta y dale una dureza del 60%.

4. Pinta sobre el lienzo intentando parecer una gota de lluvia sobre un cristal.

5. Haz clic en el icono de la ventana Capas y elige Opciones de fusión.

6. Cambia la Opacidad del relleno al 3% para reducir la opacidad de la pintura pero no de los
efectos que creemos.

163
 CESAR ANTE TORRES

7. Añade el estilo Sombra paralela y configura el Contorno como curva Gaussiana.

8. Dale un 100% de opacidad y cambia la Distancia y el Tamaño a 1 píxel.

9. Añade el estilo Sombra interior y en su configuración define el Modo de

fusión como Subexponer color, la Opacidad al 43% y su Tamaño a 10 píxeles.

10. Añade un Resplandor interior, con Modo de fusión Superponer, Opacidad de 30% y
color de muestra negro.

164
 CESAR ANTE TORRES

11. Activa también el estilo Bisel y Relieve.

12. En su configuración selecciona Cincel duro en Técnica, cambia la Profundidad al 250% y

el Tamaño a 15 píxeles. También aumenta el suavizado a 10 píxeles.

13. En la sección Sombra define el ángulo a 90º y la Opacidad del modo resaltado al 100%.
Selecciona en el Modo de sombra Sobreexponer color y cambia la muestra de
color a blanco y su Opacidad al 23%.

165
 CESAR ANTE TORRES

14. Ya tienes listo el estilo, ahora puedes guardarlo haciendo clic en Estilo nuevo y utilizarlo
siempre que quieras. Ten en cuenta que el acabado dependerá siempre de la dureza del
borde de la pintura sobre la que apliques el estilo.

9.2. LOS FILTROS

Otra forma de modificar la pintura de la capa que nos brinda Photoshop son los Filtros, estos
se aplican a la capa activa o a la selección del momento.

Podemos ver un listado completa dividido en categorías en el menú Filtro en la barra de menú.

166
 CESAR ANTE TORRES

Es recomendable que vayas probando uno a uno todos los filtros para que te familiarices con su
funcionamiento.

Otra posibilidad interesante es la Galería de Filtros, haz clic en Filtro → Galería de

Filtros para ver su ventana de trabajo:

167
 CESAR ANTE TORRES

Desde aquí podrás gestionar gran parte de los filtros (aunque no todos) y aplicarlos combinados
con una sola operación.

Su uso es bastante sencillo. Selecciona desde el navegador de filtros la miniatura de filtro que
quieras aplicar. Al seleccionarla se aplicará directamente en el área de Previsualización de
Filtros.

Puedes modificar las opciones del filtro desde el panel de opciones, y una vez te hayan
convencido los nuevos cambios puedes añadir un filtro nuevo haciendo clic en el icono Nueva
capa de efecto al pie de la lista de Filtros aplicados.

De esta forma podrás combinar diferentes filtros sobre la misma imagen pudiendo ver el
resultado final de una sola vez.

Es posible anular la visibilidad de alguno de los filtros haciendo clic sobre el icono al lado
del nombre del filtro.

Puedes borrar cualquier filtro aplicado seleccionándolo en la lista de filtros aplicados y pulsando
el botón Eliminar capa de efecto .

Una vez hayas terminado pulsa el botón OK para aceptar los cambios o cancela y volverás al
lienzo tal y como lo dejaste.

Haz el Ejercicio Usar Filtros para familiarizarte con la Galería de Filtros.

Unidad 9. Ejercicio: Uso de Filtros

Objetivo.
Transformar una imagen mediante filtros.

168
 CESAR ANTE TORRES

Ejercicio paso a paso.

Con una imagen abierta sigue los siguientes pasos:

1. Haz clic en Filtro.

2. Selecciona la opción Galería de Filtros. Se abrirá el cuadro de diálogo de Filtros.

3. Haz clic en Artístico para desplegar los filtros correspondientes a ese grupo.

4. Selecciona Cuarteado. Se aplicará el filtro.

5. Como lo que nos interesa es combinar diferentes filtros haremos clic en Nueva capa de
efecto para añadir un nuevo filtro.

169
 CESAR ANTE TORRES

6. Haz clic en Textura para desplegar el grupo.

7. Selecciona el Filtro Texturizar. Observa que se están aplicando dos filtros sobre la imagen.
8. Vamos a modificar las opciones de este Filtro. Haz clic en el desplegable Textura y
selecciona Arenisca.

9. Reduce el Relieve a 1.
10. Pulsa OK para aceptar los cambios.

11. Otra de las herramientas que te será muy útil es la de Punto de fuga.
Con ella podrás modificar las imágenes para darles un perspectiva calculada que te
permitirá copiar, pegar y crear nuevas composiciones manteniendo el punto de fuga
original de la imagen.
Si quieres aprender a utilizar esta herramienta te recomendamos que visites el avanzado
de Punto de fuga.

Unidad 9. Avanzado: El Filtro Punto de fuga

170
 CESAR ANTE TORRES

El filtro Punto de Fuga nos ayudará cuando estemos trabajando con elementos que contienen
perspectivas.

Para activar este filtro tendremos que seleccionar la opción Filtro → Punto de Fuga. Se abrirá
el siguiente cuadro de diálogo:

Desde esta ventana deberemos crear la rejilla maestra de perspectiva, es decir, deberemos
indicar la forma de la perspectiva de la imagen indicando 4 puntos diferentes, las esquinas del
área:

Con el botón seleccionado podremos crear planos perpendiculares al último creado

arrastrando directamente uno de los nodos que se encuentre situado en alguno de los laterales.

171
 CESAR ANTE TORRES

De esta forma podremos crear rejillas que correspondan a más de un plano de perspectiva a la
vez:

Auque también es posible crear planos no perpendiculares con la

herramienta seleccionada y manteniendo pulsada la tecla Alt :

Una vez creada la rejilla podremos empezar a utilizar las opciones que nos permite este filtro.

La opción más sencilla es añadir imagenes a la perspectiva, para ello previamente habremos de
haber copiado una imagen al portapapeles para poder pegarlo en este cuadro de diálogo.

Al pegar una imagen, esta no aparece en perspectiva, sino que se coloca en la esquina superior
izquierda esperando a que tú la coloques en su lugar adecuado:

172
 CESAR ANTE TORRES

Ahora, seleccionando la herramienta puntero en la botonera de la izquierda podremos arrastrar

la imagen pegada para colocarla dentro del área de perspectiva y verás como automáticamente
se adapta y toma la misma inclinación:

Sencillo, ¿verdad?.

173
 CESAR ANTE TORRES

Este filtro ofrece muchas más posibilidades, si seleccionas el tercer botón, el de selección,
podrás crear selecciones en la imagen que se adaptarán a la perspectiva creada:

El cuarto botón (tampón de clonar) te permitirá eliminar pintura de la imagen tomando como
referencia otros puntos de ésta, pero con la particularidad de que la pintura se adaptará igualmente
a la perspectiva.

Un proceso muy útil para un caso como el del ejemplo:

174
 CESAR ANTE TORRES

O incluso para completar imágenes o reinventarlas:

En este último ejemplo, la primera imagen es la original, hemos alargado la altura de la imagen
utilizando el tampón de clonar que ha desplazado la torre hacia arriba adaptando los píxeles a la
perspectiva.

9.3. LOS FILTROS INTELIGENTES

Photoshop incluye la posibilidad de añadir filtros inteligentes a la imagen que no modifiquen los
píxeles de pintura irreversiblemente. Es decir, con esta característica podremos añadir filtros a
nuestros proyectos que podremos deshacer, esconder o modificar en cualquier momento.

La única condición que el programa nos plantea es que estos filtros deberán ser aplicados
directamente sobre objetos inteligentes.

175
 CESAR ANTE TORRES

Veamos cómo podemos utilizarlos.

Con las capas sobre las que queremos aplicar los filtros inteligentes seleccionadas vamos al
menú Filtro y seleccionamos la opción Convertir para filtros inteligentes:

Esto hará que nuestra capa o capas se conviertan en un objeto inteligente. También es posible
realizar esta acción como vimos en unidades anteriores haciendo clic derecho sobre las capas y
seleccionando Convertir en objeto inteligente.

A partir de este momento, estaremos listos para poder aplicar cualquiera de estos filtros del
modo en el que lo hacíamos habitualmente. La diferencia en este caso será la visualización en la
ventana Capas:

Este modo de representación nos recuerda mucho a la que vimos en los estilos de capa. De
hecho su funcionamiento es muy parecido.

Podemos esconder el efecto de cualquiera de los filtros haciendo clic en su botón de visibilidad.
O incluso aplicar una máscara de filtro seleccionando la miniatura Filtros inteligentes y dibujando
sobre ella con diferentes tonalidades de grises:

176
 CESAR ANTE TORRES

Para modificar en cualquier momento la configuración de uno de los filtros aplicados bastará con
hacer doble clic sobre él y se abrirá el cuadro de diálogo de configuración del filtro en cuestión.

Esta característica se encuentra entre las más avanzadas y novedosas de Photoshop y nos
ayudarán a modificar nuestras imágenes de modo reversible y con una flexibilidad inexistente hasta
la versión anterior.

Ejercicios unidad 9: Edición avanzada de capas

Ejercicio 1: Texto con estilo

1. Deberás crear un documento en blanco donde deberás intentar reproducir la siguiente

composición.

Todos los efectos del texto estan hechos con estilos de capa, presta especial atención
al degradado.

Si no tienes muy clara la solución, en este vídeotutorial encontrarás ayuda

Ejercicio 2: Letras de fuego

1. Deberás crear un documento en blanco donde deberás intentar reproducir la siguiente

composición.

177
 CESAR ANTE TORRES

Todos los efectos del texto estan hechos con los filtros viento y rizo, el modo de color final es
Tabla de colores, cuerpo negro.

Si no tienes muy clara la solución, en este vídeotutorial encontrarás ayuda

UNIDAD 10. FOTOGRAFÍA DIGITAL (I)

Hasta ahora hemos visto numerosas opciones, herramientas y usos que nos ayudarán en
nuestra experiencia con Photoshop.

Pero este tema en particular tratará específicamente algunas de las modificaciones que
podemos hacer a nuestro material fotográfico.

Obviamente podemos utilizar estos recursos directamente sobre nuestras fotografías para
mejorarlas o para usarlas después en nuestras composiciones.

Photoshop viene incorporado con muchísimas herramientas para corregir errores en fotografías
digitales. Veremos dos de ellas muy útiles: el Pincel corrector y la Herramienta de Pincel
de ojos rojos .

10.1. GRIETAS, RASCADURAS E IMPERFECCIONES

El Pincel corrector es una herramienta muy buena que te permitirá corregir imperfecciones de
la imagen como motas de polvo, rascaduras, grietas, etc. y sobre todo corregir imperfecciones de
la piel: pecas, granos...

Su funcionamiento es idéntico a la herramienta Tampón de Clonar, sólo que además de imitar

el color de muestra copia y difumina los colores en intensidades tomando como referencia la
textura, iluminación y sombreado de la muestra. Esto hace que el resultado quede mucho más
natural.

Su uso es bastante sencillo, y con el lograremos buenos resultados. Veamos los pasos a seguir
para usarlo:

178
 CESAR ANTE TORRES

1. Selecciona la herramienta Pincel corrector.

2. Asegúrate que está marcada la opción Origen: Muestreado.
3. Sitúate sobre la zona a corregir, y amplia el zoom para que sea más cómodo trabajar.

4. Con la tecla Alt pulsada, selecciona el origen de la muestra. Busca la zona sin
imperfecciones lo más parecida posible a la textura, tono e iluminación de la zona a corregir.
5. Escoge un tamaño de pincel igual o inferior al tamaño de la imperfección a corregir. La idea
es alterar el menor área posible.
6. Comienza desde el centro de la imperfección, y ve ampliando la zona con movimientos
circulares hasta cubrirla toda.

Los filtros del submenú Ruido también te pueden ayudar a eliminar de la imagen granulados,
polvo o rascaduras:

Además de poder añadirle imperfecciones a tus imágenes para darles un aspecto más
envejecido.

A diferencia del Pincel corrector, para la herramienta Pincel corrector puntual no es

necesario proporcionar un punto de muestra.

El Pincel corrector puntual reconstruye la pintura tomando como referencia los píxeles de pintura
que rodean el área a tratar, de aquí que esta herramienta, a pesar de ser muy parecida a la anterior,
sólo pueda utilizarse para pequeños puntos, pecas o marcas pequeñas.

10.2. OJOS ROJOS

La herramienta Pincel de ojos rojos tiene la función de pintar sobre un color para
transformarlo en otro a nuestra elección.

Su uso es muy sencillo, sólo tendrás que seleccionar la herramienta y hacer clic sobre cada uno
de los ojos que quieras modificar.

Si el resultado que obtengas no te parece del todo natural puedes modificar las opciones que se
presentan en la barra de opciones de herramientas:

179
 CESAR ANTE TORRES

En la opción Tamaño de la pupila deberemos indicar el porcentaje que está ocupando la pupila
en el ojo (la pupila es la parte central que en condiciones normales vemos de color negro, y que
es lo que se muestra rojo).

En la opción Cantidad de oscurecimiento podremos establecer un valor para configurar el

grado de color que se aplicará sobre el ojo.

El resto del funcionamiento lo dejaremos en mano de Photoshop y tendremos nuestras

fotografías arregladas con un par de clics:

La única desventaja de esta herramienta es que pintará los ojos de un color oscuro, negro casi
siempre. Aunque ya comentamos que es la parte negra de la pupila la que se ve roja.

Para poder dar un toque de color diferente (verde, azul...) podemos recurrir a la herramienta
de Sustitución de color que vimos en temas anteriores.

Como ya la hemos visto con anterioridad, no nos será difícil modificar sus opciones para
adaptarlas a nuestro uso.

Para eliminar los ojos rojos de una fotografía sólo hemos de seguir los siguientes pasos:

180
 CESAR ANTE TORRES

1. Selecciona la herramienta Sustitución de color en el panel de herramientas.

2. Selecciona un diámetro de pincel un poco más pequeño que el área a modificar.
3. Configura las opciones de la siguiente manera:
o Modo: Color
o Muestras: Una vez
o Límites: No contiguo
o Tolerancia: 30
o Suavizado: Activado
4. Selecciona el color con el que quieres sustituir el existente en la imagen.
5. Ahora haz clic sobre una zona roja del ojo y manteniendo el botón pulsado arrastra el ratón
para cambiar de color las zonas afectadas.

10.3. ACLARAR U OSCURECER UNA FOTOGRAFÍA

Puede ocurrir que tengamos fotografías que parezcan muy oscuras o, por el contrario, están
demasiado claras.

Photoshop nos permite ajustar correctamente los niveles de saturación de la imagen y así definir
iluminaciones, sombras y medios tonos de una forma más correcta.

Veamos los pasos que tenemos que seguir para arreglar este tipo de fotografías.

1. Haz clic en el menú Imagen → Ajustes → Niveles, aparecerá el siguiente cuadro de diálogo:

181
 CESAR ANTE TORRES

2. Ajusta los reguladores negro y blanco a los límites del histograma:

Con este paso acotamos el negro más oscuro y el blanco más claro de la imagen.

3. Ahora con la ayuda de los cuentagotas seleccionaremos el negro más oscuro

en la imagen haciendo clic sobre el icono y luego sobre el color en la imagen. Haremos

lo mismo para el blanco más claro y para el gris o color más intermedio .
Observa como la fotografía cambia para tomar una saturación más natural.
4. El histograma ha cambiado desde que abrimos el cuadro de diálogo:

182
 CESAR ANTE TORRES

Ahora pulsa el botón OK y la imagen se verá afectada por los cambios realizados.

También podemos hacer uso de las herramientas de Exposición en el Panel de herramientas:

La herramienta Sobreexponer aclara una zona de la imagen, mientras que la

herramienta Subexponer la oscurece.

183
 CESAR ANTE TORRES

La herramienta Esponja te permite saturar o desaturar la imagen según escojas en la barra

de Opciones de herramientas.

Estas herramientas, como ves, se utilizan para modificar pequeñas zonas de la imagen. Si
deseas cambiar la imagen completa es recomendable el uso del comando Niveles o Niveles
automáticos (en el mismo menú) que realiza la misma acción pero ajustándose automáticamente.

Otra forma de aclarar una fotografía es aprovechando el modo de fusión de las capas. Los
pasos son los siguientes:

1. Creamos una nueva capa vacía encima de la imagen.

2. La rellenamos de color blanco con el bote de pintura.
3. En el modo de fusión, seleccionamos Luz suave.
4. Verás que con esto ya se ilumina la imagen. Para ajustar esta iluminación, podemos jugar
con la opacidad de la capa. E incluso si necesitamos más iluminación, podemos duplicar la
capa de luz suave.

Una de las ventajas de este sistema, es que, por ejemplo, podemos iluminar solo algunas partes
de la imagen, borrando parte de la capa de luz suave, usando una máscara de opacidad, o pintando
con un pincel blanco solo las zonas a iluminar.

10.5.
Blanco y negro

184
 CESAR ANTE TORRES

Desde la versión anterior, Photoshop añade una nueva característica mejorada: la conversión
a Blanco y negro.

Esta herramienta la encontraremos bajo el menú Imagen → Ajustes:

Se abrirá el siguiente cuadro de diálogo:

Gracias a esta herramienta podremos mejorar el modo en que nuestras imágenes son
convertidas a escala de grises.

185
 CESAR ANTE TORRES

El modo Automático deja que Photoshop evalúe la imagen y decida como se realizará la
conversión.

Aunque si queremos un resultado personalizado podemos modificar la cantidad de

oscurecimiento de las gamas de color simplemente desplazando la tiza por el deslizador en cada
una de las gamas: Rojos, Amarillos, Verdes, etc.

También nos será posible colorear la imagen una vez transformada a Blanco y negro marcando
la opción Matiz. Allí seleccionaremos el color que queremos utilizar como filtro en la imagen en el
deslizador Tono y el grado de Saturación que tomará.

10.6. Otros ajustes para imágenes

Desde el menú Imagen → Ajustes podemos acceder a diferentes métodos de ajuste de
imagen.

Resaltaremos, además de los ya nombrados, los siguientes comandos:

 Brillo/contraste realiza ajustes sencillos sobre la gama tonal de la imagen mediante este
cuadro de diálogo:

186
 CESAR ANTE TORRES

 El comando Equilibrio de color te ayudará a eliminar los tintes de color en las fotografías.
Éstos se producen cuando una capa de color se perjudica y la fotografía queda como tintada
con algún color en especial (amarillo, azul, etc.).
A partir de este cuadro de diálogo podemos ajustar los colores de la imagen:

Con el comando Color automático Photoshop realiza estos ajustes automáticamente.

 El comando Sombra/iluminación te resultará muy útil a la hora de corregir imágenes con

demasiado flash o primeros planos oscurecidos. Puedes ajustar la cantidad de sombras y
luces a mostrar además de muchas otras opciones si activamos la casilla de Mostrar más
opciones.

187
 CESAR ANTE TORRES

Hay que decir, que al aplicar estos ajustes desde el menú Imagen → Ajustes, se altera la capa
sobre la que se aplica. Pero podemos encontrar estos mismos ajustes pulsando sobre el
icono Crear nueva capa de relleno o ajuste del panel capas , o utilizando el panel Ajustes.

Esto creará el ajuste en una nueva capa, lo que Photoshop denomina como no destructivo, ya
que la capa original no se altera y en cualquier momento podremos quitar el ajuste simplemente
borrando al su capa.

Ejercicios unidad 10: Fotografía digital

Ejercicio 1: Ajustando la Luz de una Fotografía

1. Abre el archivo de imagen caseron.jpg que se encuentra en la carpeta de ejercicios.

2. Observa que la foto esta demasiado oscura. Encuentra un método para intentar aclararla un
poco y mostrar más parte de la zona sin luz.

Si no tienes muy clara la solución, en este vídeotutorial encontrarás ayuda

UNIDAD 11. IMPRESIÓN DE IMÁGENES (I)

En esta unidad veremos cómo imprimir imágenes desde nuestra impresora buscando la mayor
calidad posible y configurando la salida de la imagen de la mejor forma posible.

188
 CESAR ANTE TORRES

11.1. CAMBIANDO LA RESOLUCIÓN DE IMAGEN

Lo primero que debemos tener en cuenta es la resolución de la imagen. Como dijimos en los
primeros temas es aconsejable que la resolución se encuentre entre los 240 y 300ppp para
imprimir la imagen con calidad.

Para averiguar la resolución de la imagen haz clic en Imagen → Tamaño de imagen.

Este cuadro de diálogo nos da los datos sobre la imagen. Si la resolución fuese menor a 240 la
modificaremos siguiendo los siguientes pasos:

1. Desactiva la casilla Remuestrear la imagen si se encontrase activada. Esta acción protegerá

los píxeles de la imagen impidiendo a Photoshop que la redimensione interpolando nuevos
píxeles en la imagen.
2. Escribiremos la nueva resolución de la imagen en la caja de texto de Resolución.
Observa cómo cambia el tamaño final de la imagen. Esto se debe a que Photoshop, al no
poder remuestrear la imagen para que se creen más píxeles por cm2, reduce el tamaño de
salida de la imagen porque así la profundidad de píxeles aumentará.
3. Pulsa el botón OK y la resolución se aplicará.

Ahora ya podemos imprimir la imagen en papel.

11.2. CONFIGURANDO LA IMAGEN

El siguiente paso es hacer clic en el comando Archivo → Imprimir. Este cuadro de diálogo te
ayudará a configurar la posición y el tamaño de la imagen en el papel.

189
 CESAR ANTE TORRES

Observa que podemos abrir el cuadro de diálogo de Ajustes de impresión pulsando el botón
con el mismo nombre.

En todo momento los cambios que realicemos se verán reflejados en la miniatura de la izquierda.

Primero de todo configuraremos el tamaño de salida de la imagen:

Para evitar pérdidas de color y precisión es aconsejable no aumentar el tamaño de la imagen e

imprimirla al 100% de su tamaño, aunque es posible aumentar o reducir sus dimensiones
introduciendo un porcentaje de escalado o modificando directamente su altura o anchura.

Observa que aunque cambiemos alguna de estas dos últimas la imagen mantiene sus
dimensiones.

Podemos activar la casilla Cambiar escala para ajustar a medios para que la imagen ocupe
todo el espacio posible en el papel que definimos previamente.

Por defecto Photoshop muestra un borde negro alrededor de la imagen. Para eliminarlo
desactiva la opción Mostrar cuadro delimitador.

190
 CESAR ANTE TORRES

También es posible redimensionar la imagen sirviéndote de las guías de tamaño en la miniatura

de impresión:

Una vez tengamos el tamaño de la imagen correcto pasaremos a posicionarlo en el papel:

En principio podemos dejar la imagen centrada en el papel, pero si decidiésemos cambiarla de

lugar tendríamos que desactivar la opción Centrar imagen y darle las coordenadas de posición.

Para ello deberemos introducir la distancia del borde superior del papel al borde superior de la
imagen en el cuadro de texto Superior, y su distancia al borde izquierdo del papel en Izquierda.

El valor 0 en ambas opciones pegarán la imagen al borde superior izquierdo del papel.

Ahora desde aquí podemos hacer dos cosas:

 pulsar el botón Imprimir y Photoshop mandará el documento a la cola de impresión,

 o pulsar el botón Hecho y el cuadro de diálogo se cerrará guardando las opciones de
impresión y así poder imprimirlo más tarde.

El botón Imprimir abrirá un cuadro de diálogo desde el que podremos enviar el documento a la
cola de impresión directamente con las opciones de impresión que hayamos guardado.

191
 CESAR ANTE TORRES

Si no hubiésemos configurado la salida de la imagen, Photoshop utilizaría los valores por

defecto.

El comando Archivo → Imprimir una copia envía directamente el archivo a la cola de

impresión sin necesidad de aceptación previa.

UNIDAD 12. FOTOGRAFÍA DIGITAL AVANZADA (I)

En este tema veremos técnicas de uso para el retoque de fotografías y la creación de
fotomontajes.

Empezaremos viendo cómo eliminar un objeto o persona de una fotografía.

12.1. ELIMINAR ELEMENTOS DE UNA FOTOGRAFÍA

En estos casos el uso de la herramienta Tampón de clonar es la solución más eficiente. Su

uso es relativamente sencillo, aunque deberíamos tener unas cuantas directrices en mente.

Cuando usemos el Tampón de clonar deberemos tener en cuenta el área en la que se

encuentra el objeto que eliminamos. Veamos, por ejemplo, esta imagen:

192
 CESAR ANTE TORRES

Si queremos eliminar el círculo de la imagen deberemos continuar la línea. Esta operación con
el Tampón depende de la posición relativa de la muestra con la zona de destino. Veamos como
deberíamos actuar.

1. Toma la muestra sobre la línea manteniendo pulsada la tecla Alt y haciendo clic sobre ella.

2. Ahora el primer clic deberás hacerlo de forma que la línea entre la zona clonada y la de
destino sea paralela a la línea de fondo que debemos mantener.
Para ello podemos hacer clic sobre la misma línea más abajo y asegurarnos así la
continuación de la línea.

193
 CESAR ANTE TORRES

3. Ahora podemos eliminar el círculo manteniendo la dirección de la línea intacta. Ten en cuenta
que una vez tomada la muestra y fijado el destino, la distancia y dirección entre ambos se
mantiene hasta tomar una nueva muestra.

Es aconsejable que utilices el Tampón únicamente en las zonas necesarias para evitar
inventar píxeles en lugares donde no hacen falta. De esta forma mantendremos una coherencia
más sólida en nuestras imágenes retocadas.

Otro de los problemas con el que nos podemos encontrar es tener un objeto que queremos
eliminar entre dos fondo diferentes. En este caso deberemos mantener la dirección de ambos
siguiendo los siguientes consejos:

1. Imagina que partimos de una imagen con la siguiente estructura:

Lo primero que deberemos hacer será encontrar el punto medio o el lugar donde se
fundirán/encontrarán los dos fondos.

194
 CESAR ANTE TORRES

2. Encierra en una selección el área de uno de los fondos incluyendo el área a eliminar.

De esta forma podremos borrar esa zona sin modificar la del fondo contiguo.

3. Elimina la forma tal y como vimos en el apartado anterior.

4. Invierte la selección con el comando Selección → Invertir para cambiar la selección y poder
eliminar el elemento de la otra zona.

195
 CESAR ANTE TORRES

Para eliminar formas sobre fondos repetitivos el procedimiento es mucho más sencillo.
Imagina que tenemos una imagen como la siguiente:

Lo que debemos clonar aquí no es la dirección del fondo sino su motivo. Para ello seguimos
los siguientes pasos:

1. Para copiar el motivo deberemos comprender primero su patrón. En este caso es muy
sencillo pues se trata únicamente de líneas verticales.
Tomaremos la muestra del centro de una de las líneas.

2. Y clonaremos la zona en el centro de un motivo contiguo.

196
 CESAR ANTE TORRES

De esta forma nos aseguraremos clonar el fondo manteniendo la configuración del motivo,
pues la forma y dirección de este siempre son constantes.

Para fondos completamente repetitivos y muy regulares podemos utilizar la herramienta

Tampón de motivo, seleccionando el patrón de repetición y guardándolo como motivo con el
comando Edición → Definir motivo, así lo guardaremos y podremos utilizarlo con la
herramienta. Aunque de todos modos es recomendable el uso del Tampón de clonar al ser
más flexible ante cambios, modificaciones y variaciones.

Para fondos irregulares es mejor no utilizar muestreados únicos para evitar la reproducción
de irregularidades de forma sistemática y que terminarán por crear un patrón regular. Observa
el área resaltada:

197
 CESAR ANTE TORRES

En estos casos es aconsejable tomar varias muestras durante la eliminación de la forma y

superponer clonados para que el resultado se muestre tan irregular como el fondo donde se
encuentra el elemento.

Para fondos completamente planos podemos utilizar sin miedo el Tampón y eliminar la
forma de una sola pasada pues no deberemos reproducir ningún fondo sino cubrir el elemento
con el color de fondo.

Esta última operación podríamos realizarla también con el Pincel o el Borrador.

12.2. RELLENO SEGÚN EL CONTENIDO

En fotografías, disponemos de una herramienta muy útil para borrar elementos, sobre todo
cuando se trata de imágenes sin un patrón regular, el relleno según el contenido.

Con esta herramienta, Photoshop evalúa el entorno de la zona a borrar, e intenta calcular qué
pixeles podría haber debajo.

Podemos usar esta herramienta de varias formas. Veamos las más comunes.

Cuando se trata de correcciones simples, podemos usarla de forma conjunta al Pincel corrector
puntual . Hay que marcar la opción Tipo: Según el contenido en las opciones de la
herramienta.

Ahora usamos la herramienta normalmente: pintamos con el Pincel corrector puntual sobre la
zona a borrar.

198
 CESAR ANTE TORRES

Cuando se trata de zonas más complejas, nos será más cómodo, y obtendremos mejor resultado
si primero seleccionamos el área a borrar.

Después, vamos al menú Edición → Rellenar.... Aparecerá el cuadro de diálogo Rellenar. Lo

único que tenenos que hacer es seleccionar Según el contenido en la opción Usar.

El resultado de esta herramienta suele ser bastante bueno, como podemos ver en las siguientes
imágenes.

199
 CESAR ANTE TORRES

Aunque el resultado depende mucho de cada imagen. En algunas se notará mucho que ahí
había algo. Pero hasta en los peores casos, perfeccionándolo un poco con el Tampón de clonar o
el Parche, lograremos un buen acabado.

12.3. LA HERRAMIENTA PARCHE

La herramienta Parche nos será muy útil para retocar y arreglar fotografías. Su función es
la de reparar un área seleccionada con píxeles de la imagen o un motivo a nuestra elección.

Igual que el Pincel corrector, hace coincidir la textura, iluminación y sombras de los píxeles
muestreados con los de origen.

Su funcionamiento es el siguiente, a partir de una selección podemos elegir entre dos opciones:

200
 CESAR ANTE TORRES

Si seleccionamos Origen, deberemos indicar el origen del parcheado haciendo clic sobre la
selección y arrastrando el puntero hasta el área de Origen de los píxeles que queremos hacer que
se tomen como referencia.

Si seleccionamos Destino, arrastraremos la selección sobre la zona de Destino donde se

parcheará la imagen sustituyéndose estos píxeles por los de la selección inicial.

Veamos un ejemplo:

En este retoque hemos utilizado la opción Origen. Habiendo seleccionado el área a retocar,
hemos arrastrado la selección al área de Origen donde se han tomado los píxeles de muestra para
parchear la zona seleccionada.

Realiza este ejercicio para comprender mejor cómo utilizar la Herramienta Parche.

Esta herramienta es útil para modificar pequeñas zona de pantalla permitiéndole clonar áreas
de imagen y ajustarlas a la iluminación y sombras del destino.

También puede resultarnos muy útil una vez utilizada la herramienta Tampón de clonar para
disimular la zona de donde se extrajo la forma y ajustarla un poco más al resto del fondo.

Tanto para las zonas clonadas con el Tampón o el Parche podemos utilizar las herramientas
de Saturación para oscurecer o aclarar las áreas de la imagen restituida.

Es aconsejable que modifiques la Exposición en las

herramientas Sobreexponer y Subexponer , o el Flujo en la

201
 CESAR ANTE TORRES

herramienta Esponja e introduzcas valores pequeños para evitar cambios bruscos y crear
cambios de tonalidad más suaves.

12.4. MOVIMIENTO CON DETECCIÓN DE CONTENIDO

En Photoshop CS6 hay una nueva herramienta que permite mover un objeto de la imagen a otra zona de
forma que Photoshop se encarga de rellenar automáticamente el hueco que ha dejado el objeto.

Vamos a verlo con un ejemplo. Partimos de una imagen con dos cardos. Mediante una
herramienta de selección, por ejemplo la herramienta Selección rápida rodeamos la
figura que queremos mover.

Se obtienen mejores resultados si ampliamos un poco la selección obtenida,

mediante Selección → Modificar → Expandir, en este caso se han expandido 9 pixeles.

Una vez tenemos realizada la selección, hacemos clic en la Herramienta movimiento con
detección de contenido y arrastramos la selección para moverla al lugar que deseemos.
En ese momento Photoshop mueve la figura y rellena el hueco de acuerdo al entorno.

Como se aprecia en la siguiente imagen, en este caso el resultado es bastante bueno. En

otros casos hay que repasar un poco la zona con el Tampón o el Parche para eliminar las
imperfecciones. Si el fondo de la imagen no es bastante homogéneo los resultados no son
buenos.

202
 CESAR ANTE TORRES

Al usar esta herramienta podemos elegir entre cinco las formas que nos ofrece la
opción Adaptación, desde Muy rígida a Muy suelta. Según queramos que se mantengan más
o menos los bordes de la selección.

La herramienta tiene dos modos de trabajo, el modo Mover que es el que hemos visto, y el
modo Extender que copia la selección sin eliminarla de su sitio, es decir, copia la selección a
otro lugar.

12.5. EXTRAER IMÁGENES

Si nuestro objetivo es extraer una imagen (una persona, un objeto o similar) uno de los mejores
métodos de extracción es el uso de las máscaras.

Puedes utilizar el método de Máscara rápida pulsando el botón en el panel de

herramientas.

203
 CESAR ANTE TORRES

Pintando con el Pincel con el color negro verás que creas una veladura de color rojo. Para

retornar al Estado normal de la imagen pulsa el botón . Todas las zonas no veladas se
convertirán en selección.

Si prefieres que lo pintado de rojo sea lo seleccionado, no tienes más que usar la opción Invertir
selección → Del menú Selección.

De esta forma deberás pintar con negro el fondo y dejar a imagen a extraer intacta. Utiliza puntas
de pincel de tamaño pequeño para conseguir selecciones más precisas. Si te equivocas, pinta con
color blanco para eliminar el velado y por tanto añadir esa zona a la selección.

En este caso es aconsejable el uso de la Herramienta Pincel con poca dureza para crear la
máscara, pues los bordes de éste son más difuminados y crea selecciones con transiciones más
suaves a la hora de recortar y pegar elementos que por ejemplo las herramientas de selección.

Recuerda: puedes usar la opción Perfeccionar bordes para mejorar los límites de la selección.

Otra opción es el uso de Máscara de capa. Esta opción es muy buena por varias razones.

No trabajamos con veladuras, sino que directamente hacemos transparente la parte inservible
de la imagen, por lo que el efecto es visualmente más directo.

No trabajamos con desvanecimientos, la transición hacia el fondo no se hace por color sino
por transparencia y así la imagen extraída se adapta mejor a su destino.

El procedimiento es muy parecido al anterior. Pulsamos el botón Añadir máscara de

capas en la ventana Capas para asignarle una máscara a la capa activa. Luego utilizaremos
el Pincel (para aprovechar el suavizado de sus bordes) con un tamaño muy pequeño y color negro
para hacer transparente todo el borde de la figura a extraer. Después con la ayuda del Bote de
pintura o cualquier otra herramienta de pintura haremos transparente el resto del fondo que
queramos eliminar pintándolo de negro.

Una vez extraída la imagen deberemos aplicar la máscara de capa para poder copiarla y pegarla
en su destino. Recuerda que a esta acción se accedía a través del menú contextual de máscara
de capa haciendo clic derecho sobre su miniatura.

204
 CESAR ANTE TORRES

12.6. DEFORMACIÓN DE POSICIÓN LIBRE

La función Deformación de posición libre, nos permite deformar una imagen usando una malla
en la que creamos ubicaciones que nos permitirán transformarla.

Accedemos a esta función desde el menú Edición → Deformación de posición libre.

La imagen, o la selección, mostrará ahora una malla superpuesta. Con el cursor podemos ir
añadiendo ubicaciones, que se mostrarán como un círculo amarillo.

205
 CESAR ANTE TORRES

Las ubicaciones con un círculo negro en el centro están seleccionadas. Podemos seleccionar
varias con la tecla Shift.

Son estas ubicaciones las que nos permiten deformar la imagen. Arrastrándolos, movemos la
imagen. Pero el resto de puntos quedaran anclados, por lo que si por ejemplo, separamos dos
puntos, se estirará la parte de pintura que haya entre ambos.

Podemos girar una de estas ubicaciones. Para ello, mantenemos pulsada la tecla Alt sobre la
ubicación seleccionada. Aparecerá un círculo, dentro del que tendremos que arrastrar el cursor en
una dirección u otra para girar. Si queremos introducir un valor exacto, podemos hacerlo desde el
comando Rotar de las opciones de la herramienta.

Para eliminar una ubicación, basta con tenerla seleccionada y pulsar la tecla Supr. Pero ten en
cuenta que al borrar una ubicación, desaparece el efecto de la misma. Es decir, si borramos todas
las ubicaciones, recuperaremos la imagen sin transformar.

206
 CESAR ANTE TORRES

12.7. IMÁGENES RAW - CAMERA RAW

Normalmente, cuando obtenemos una fotografía de una cámara digital, obtenemos una imagen
JPG. Ese archivo no es el archivo real captado por la cámara, si no que ha sido procesado por
ésta, y le ha aplicado los ajustes correspondientes y filtros digitales: ajustes de color, balance de
blancos, etc...

Pero en realidad la cámara obtiene mucha más información de cada píxel que compone la
fotografía. Muchas cámaras, sobre todo las profesionales y semiprofesionales, nos permiten
extraer la información tal cual fue captada por los sensores de la cámara, sin ninguna
transformación, en un archivo RAW.

Al contener mucha más información, los archivos RAW son más grandes que los archivos JPG
generados por la cámara. Además, al no haber un estándar, cada fabricante de cámaras tiene su
propio formato de archivo RAW, por lo que tampoco son todas iguales.

A través de la función Camera RAW, Photoshop nos permite trabajar directamente con estos
archivos. Aunque podemos usar Camera RAW con cualquier imagen si la abrimos desde Bridge.

Al hecho de tratar las imágenes RAW de la cámara, para ajustar los parámetros y correcciones,
se le denomina revelado RAW.

Revelado RAW.

En realidad no es Photoshop directamente quien trabaja con las imágenes RAW, si no otro
software llamado Camera Raw que se habrá instalado con el programa. Se abrirá directamente si
intentamos abrir un archivo RAW con Photoshop.

207
 CESAR ANTE TORRES

Enderezar y recortar la imagen. Lo primero que podemos hacer es enderezar nuestra

fotografía. Si simplemente queremos girarla 90º en un sentido u otro, tenemos los
controles de la barra superior. Si la fotografía está ligeramente inclinada, podemos usar
la herramienta Enderezar . Buscamos una zona recta, como el horizonte o un edificio, que
queramos poner completamente horizontal, y trazamos una línea, como vemos en las siguientes
imágenes:

208
 CESAR ANTE TORRES

Observa que al enderezarla, se pierde una parte de la imagen que queda recortada. Podemos
recortar nosotros mismos la imagen con la herramienta Recortar , cuyo uso ya conocemos.

Antes de comenzar a aplicar ajustes, debemos de destacar el histograma, que encontrarás en

la parte superior derecha;

En él se muestra la frecuencia de los niveles de color básicos de la fotografía. La parte de la

izquierda corresponde a los tonos más oscuros de la imagen (desde el negro), y la de la de la
derecha a los tonos más claros (hasta el blanco).

Balance de blancos. Una de las opciones más importante es el balance adecuado de blancos.
Los colores de una fotografía se ven distintos dependiendo de la luz que había cuando fueron
tomadas. Así, no es lo mismo tomarlas con flash, sol, nublado o con luz artificial. Para regular esto,
tenemos que fijarnos en las los ajustes Básicos:

Podemos escoger entre los ajustes por defecto, eligiendo un tipo de iluminación del desplegable,
o hacerlo manualmente. Para esto último podemos usar la herramienta Equilibrio de blancos
, con la que debemos de seleccionar una zona de la imagen de tono neutro, gris claro (gris al 18%).
Luego, podemos jugar con los controles de Temperatura y Matizhasta lograr el resultado
deseado.

209
 CESAR ANTE TORRES

Puede que nos lleguen a aparecer zonas coloreadas en rojo o azul. Esto quiere decir que
estamos perdiendo información de la imagen "quemando" las luces (rojo), o el caso contrario en
azul. Por ejemplo, que se va a mostrar como solo blanco un reflejo de luz que en la imagen original
estaba compuesto por varios tonos. Deberíamos intentar evitar esto en la medida de lo posible.

Tonos.

Podemos ajustar automáticamente el tono de la imagen pulsando en Auto, o recuperar el de la

cámara pulsando en Por defecto.

Si la imagen aparece muy clara o muy oscura, podemos intentar ajustar la Exposición.
Fijándonos en el histograma, podemos encontrar que los valores son más altos a la izquierda,
llegando a cero a la derecha, lo que dará una imagen subexpuesta (oscurecida). En cambio, si a
la izquierda aparecen valores que tienen a cero, y los valores se acumulan hacia la derecha,
tenemos una fotografía sobreexpuesta (quemada). Lo ideal es que los valores se encuentren
equilibrados en todo el histograma.

Al ajustar la Exposición, podemos pulsar la tecla Alt, lo que mostrará en negro la imagen. A
medida que alteremos la exposición, irán apareciendo colores que indican valores quemados.
Deberíamos ajustar la exposición para que no aparezcan zonas quemadas.

Recuperación puede intentar recuperar información de las zonas quemadas, siempre que algún
canal de color esté presente.

210
 CESAR ANTE TORRES

Luz de relleno. Recupera detalles de las sombras, iluminándolas, pero sin alterar el negro de
la imagen.

Negros, se encarga de ampliar el área asignada al negro, que se irá notando más en las partes
más oscuras de la imagen.

Brillo. Nos permite ajustar las zonas de luz y sombra, sin llegar a quemarlas.

Contraste. Para aumentar la diferencia entre luces y sombras en los medios tonos, las zonas
medio claras se aclaran más y las medio oscuras se oscurecen.

Lo habitual es modificar los valores en este orden.

Estos son los controles más comunes, pero sólo hemos visto una de las pestañas que nos ofrece
esta aplicación

Aquí encontramos muchas otras opciones, para ajustar valores tonales de forma más precisa,
quitar o añadir ruido, aumentar el enfoque, etc.

Una de las opciones más interesantes es que podemos guardar y cargar ajustes, para aplicarlos
en otras fotografías.

No explicaremos todas estas opciones, si no, necesitaríamos un curso completo de Camera

RAW.

Ejercicios unidad 12: Fotografía digital avanzada

Ejercicio 1: Extracción de Imagen

1. Abre los archivos fondo.jpg y coche.jpg de la carpeta de ejercicios.

2. Extrae el coche del segundo archivo utilizando selecciones y pégalo en el primero. El
resultado debe parecerse al siguiente:

Si no tienes muy clara la solución, en este vídeotutorial encontrarás ayuda

211
 CESAR ANTE TORRES

UNIDAD 13. CREACIÓN DE IMÁGENES SINTÉTICAS (I)

En este tema veremos como crear imágenes sintéticas que imiten la realidad con ayuda de
las herramientas de dibujo, filtros y degradados de Photoshop.

Estos procedimientos requieren muchas veces de más imaginación que destreza, por lo que en
estos apartados únicamente daremos unos consejos y trucos para los casos más frecuentes.

13.1. CREAR SUPERFICIES CROMADAS

Este es uno de los recursos más sencillos y vistosos de Photoshop, para conseguirlo deberemos
crear primero una selección.

La rellenaremos con un degradado que previamente habremos modificado. También podemos

utilizar el degradado predefinido Cobre.

Una vez tengamos el degradado definido, podemos aplicarle el

comando Imagen → Ajustes → Desaturar para mejorar su presentación.

Ya tenemos una superficie cromada.

212
 CESAR ANTE TORRES

Podemos darle un acabado más real aplicándole un filtro de ruido

desde Filtro → Ruido → Añadir Ruido y luego aplicando el
filtro Filtro → Desenfocar → Desenfoque de movimiento conseguir este resultado final:

13.2. CREAR ESTRUCTURAS

Podemos aprovechar el comando Transformación y las selecciones para crear estructuras
complejas. Por ejemplo, veremos cómo crear un cono.

Creamos una selección rectangular y la rellenamos con un degradado.

Ahora con el comando Edición → Transformar → Perspectiva convertiremos el rectángulo en

un triángulo.

213
 CESAR ANTE TORRES

Seleccionaremos la herramienta Marco elíptico y crearemos una selección ovalada en la base

del triángulo para recortarla y darle a la figura el aspecto de cono.

Tendremos que añadir a la selección el resto de la figura para que al recortar no borremos nada
que no queramos perder.

214
 CESAR ANTE TORRES

Invertimos la selección desde Selección → Invertir y borramos pulsando la tecla Supr o desde
el comando Edición → Borrar.

Ya tenemos nuestro cono:

215
 CESAR ANTE TORRES

Este es un ejemplo muy sencillo de cómo crear superficies curvas a partir de elementos
rectangulares.

13.3. EL FILTRO LICUAR

En ocasiones necesitaremos modificar nuestras composiciones de manera más natural y darles
curvaturas y efectos menos artificiales y angulosos. Para ello utilizaremos el filtro Licuar.

Podemos acceder a su cuadro de diálogo desde el comando Filtro→Licuar.

Si marcamos la casilla Modo Avanzado veremos el siguiente cuadro de diálogo.

216
 CESAR ANTE TORRES

Este cuadro de diálogo te permite el uso de diversas herramientas que puedes encontrar a la
izquierda del área de trabajo.

Las explicaremos a continuación.

 La herramienta Deformar hacia adelante desplaza los píxeles en la dirección en la que

arrastres el ratón. Es muy útil para generar curvas suaves y naturales.

 La herramienta Molinete a la derecha rota los píxeles a la derecha en las zonas donde
pulses el ratón.

 Con Desinflar desplazarás los píxeles de pintura hacia el centro del área del pincel
mientras mantengas pulsado el botón del ratón.

 La herramienta Inflar actúa de modo contrario, alejando los píxeles del centro mientras
pulsamos el ratón.

 La herramienta Empujar a la izquierda es un poco más compleja, pues desplaza los

píxeles a la izquierda si creamos un trazo hacia arriba, mientras que si arrastramos el ratón
hacia abajo, los píxeles se desplazarán hacia la derecha.

217
 CESAR ANTE TORRES

 Con la herramienta Reflejar podemos crear reflejos de la imagen que se crearán

arrastrando el puntero, reflejándose el área situada en la dirección opuesta al trazo del ratón.

 Por último, la herramienta Turbulencia mezcla suavemente los píxeles siéndonos muy
útil a la hora de crear efectos de fuego, olas, nubes, etc...

De todos modos, y como dijimos con los estilos de capa, es aconsejable que practiques una a
una las herramientas y te acostumbres a su funcionamiento.

Experimenta con diferentes tamaños, presiones y velocidades de pincel. Esto te dará una
idea más aproximada del funcionamiento real de la herramienta.

Por ejemplo, utilizando la opción Inflar se obtiene un resultado con los pies de las setas más
abultados,como el que muestra la siguiente imagen.

Ejercicios unidad 13: Creación de imágenes sintéticas

Ejercicio 1: Superficie de Madera
Abre un archivo en blanco e intenta crear con filtros y ajustes de imagen una superficie que imite
la textura de madera.

Un ejemplo de resultado sería este:

218
 CESAR ANTE TORRES

Si no tienes muy clara la solución, en este vídeotutorial encontrarás ayuda

UNIDAD 14. OPCIONES ADICIONALES (I)

En este tema veremos opciones disponibles en Photoshop que nos pueden resultar muy útiles
para realizar acciones determinadas, que como podrás ver te ayudarán de una forma rápida y
eficiente.

14.1. PHOTOMERGE
Este comando te permitirá la creación de panorámicas utilizando varios archivos diferentes de
forma automática. Esta herramienta utiliza el Alineamiento automático de capas y la fusión
automática que vimos en temas anteriores. Sólo que en este caso la interacción por parte del
usuario es mínima.

Para acceder a esta opción haz clic en el menú Archivo → Automatizar → Photomerge.

219
 CESAR ANTE TORRES

Al hacer clic en esta opción verás el siguiente cuadro de diálogo:

El uso de este diálogo es muy simple. Selecciona los archivos que quieres involucrar en la
panorámica haciendo clic en Explorar. Marca la opción Fusionar imágenes si quieres que el

220
 CESAR ANTE TORRES

comando Fusionar capas automáticamente se ejecute (de esta forma se homogeneizará el color
y tono de la fotografía final).

Antes de pulsar OK deberás seleccionar un modo de Composición. Estos son los que vimos
anteriormente. La novedad aquí es la Composición interactiva, que abrirá un nuevo cuadro de
diálogo que te permitirá comprobar la composición antes de aceptarla. Desde este último cuadro
de diálogo también podrás elegir si utilizar perspectiva o sólo un cambio de posición.

Curiosamente, el resultado con esta herramienta suele dar mejores resultados que utilizando
por nuestra cuenta los comandos de alineamiento y fusión de capas automáticamente.

14.2. EXPORTAR CAPAS A ARCHIVOS

Una de las herramientas automáticas más útiles de Photoshop es el comando Exportar capas a
archivos que puedes encontrar bajo el menú Archivo → Secuencias de comandos (si no ves esa
opción, pulsa en Mostrar todas las opciones del menú).

Gracias a esta herramienta podremos guardar rápidamente en archivos separados cada una de las
capas del proyecto activo, es decir, del proyecto en el que estamos trabajando.

Esta opción es muy útil cuando queremos tener una copia de cada una de las capas en archivos
separados además del archivo PSD original de Photoshop en el que se encuentran en una
determinada composición.

221
 CESAR ANTE TORRES

Cuando hagas clic en esta opción verás el siguiente cuadro de diálogo:

Aquí deberás indicar la carpeta de destino donde se guardarán los archivos que contendrán cada
una de las capas de nuestro proyecto haciendo clic en el botón Explorar.

Selecciona la opción Sólo capas visibles si quieres descartar las capas ocultas. También podrás
elegir el tipo de archivo en el que se crearán las nuevas imágenes, puedes elegir entre varios, entre
ellos destacaremos JPEG, PSD, TIFF y PDF.

14.3. CARGAR ARCHIVOS EN PILA

El comando Cargar archivos en pila podrás encontrarlo bajo el menú Archivo → Secuencias de
comandos. Para que se muestre Secuencias de comandos, pulsa primero en Mostrar todas las
opciones del menú.

222
 CESAR ANTE TORRES

Este comando, al contrario que el anterior, te permite cargar diferentes imágenes en un solo proyecto,
ubicando cada uno de los archivos abiertos en una capa diferente.

Al hacer clic en el comando se abrirá el siguiente cuadro de diálogo:

El procedimiento es muy sencillo, selecciona los archivos que quieras incluir haciendo clic en el
botón Explorar. También puedes añadir los archivos abiertos haciendo clic en el botón con el mismo
nombre.

223
 CESAR ANTE TORRES

Las opciones más remarcables de este comando son Crear objeto inteligente después de cargar
capas, que creará un objeto inteligente que contendrá un archivo PSB (como ya hemos visto) con
cada uno de los archivos en una capa diferente, y el comando Intentar alinear automáticamente las
imágenes de origen. Este último comando intentará alinear mediante la herramienta Alineación
automática de capas los archivos abiertos lo que te permitirá una mejor edición y tratamiento de las
imágenes abiertas.

En el siguiente apartado veremos cómo.

14.4. MODOS DE APILAMIENTO DE OBJETOS INTELIGENTES

Además de todas las opciones que hemos visto para los objetos inteligentes existe una opción que
aun no hemos visto y que comentaremos a tenor del comando que acabamos de ver.

Bajo el menú Capas → Objetos inteligentes podemos encontrar las siguientes opciones:

Desplegando el menú de Modo de apilamiento podremos elegir el modo en el que queremos

convertir nuestro objeto inteligente.

Estos comandos nos dan la posibilidad de convertir (o apilar) las capas contenidas en nuestro objeto
inteligente en una sola capa. De este modo, y dependiendo del comando que seleccionemos
obtendremos un resultado u otro.

Como puedes ver en la imagen se tratan de operaciones matemáticas, en las cuales los píxeles de
cada una de las capas contenidas son evaluados y tratados de una forma distinta.

224
 CESAR ANTE TORRES

Destacaremos el comando Mediana cuyo resultado es la media de la pintura de todas las capas. De
este modo al final se obtendrá una capa que mostrará sólo los píxeles de pintura repetidos varias veces
entre todas las capas que se estaban evaluando.

Para decirlo de un modo más sencillo: con el comando Mediana podremos hacer desaparecer
objetos de nuestras imágenes si en el resto de las capas no aparecen, pues al realizar la media, los
píxeles de pintura del primero se descartarán.

En el ejercicio propuesto de esta unidad hay un ejercicio resuelto sobre este tema.

14.5. COMBINAR PARA HDR PRO

En fotografía existe un concepto llamado rango dinámico. Se trata de la proporción entre zonas
claras y oscuras de la imagen.

Las cámaras fotográficas solo pueden captar un rango fijo, lo que puede hacer que se pierdan
detalles de una fotografía. Por ejemplo, imaginemos que queremos tomar una fotografía de una escena
con una zona fuertemente iluminada junto a otra que está sombreada. Si tomamos una fotografía con
baja exposición, más oscura, obtendremos más gama de detalle en la zona iluminada, pero los
perderemos en las zonas oscuras, que se verán casi negras. En cambio, aumentamos la exposición,
obtendremos una imagen más clara, con mejores detalles en las zonas oscuras, pero las zonas muy
iluminadas aparecerán demasiado resplandecientes, perdiendo detalles ahí.

Lo que nos permite el comando Combinar para HDR Pro es, partiendo de varias fotografías de la
misma escena tomadas con exposiciones distintas, combinarlas en una sola que muestre un alto rango
dinámico (High Dynamic Range).

Tomar las fotografías.

Lo normal es tomar las fotografías expresamente para usar esta función. Por lo menos hemos de
tener en cuenta los siguientes puntos:

 La escena debe ser idéntica, evitando los objetos en movimiento. Es preferible usar un trípode,
pero si no, Photoshop se encargará de alinear las fotografías.
 Tomar varias fotografías, tres como mínimo.
 Las fotografías tendrán distintas exposiciones, variando la velocodad del obturador entre cada
una.
 La iluminación será la misma.
 Preferiblemente, se usaran archivos RAW en vez de JPG.

Combinar las fotografías.

Una vez que tenemos las fotos, podemos acceder al comando Combinar para HDR Pro desde el
menú Archivo → Automatizar.

225
 CESAR ANTE TORRES

Al hacerlo, accederemos a un diálogo en el que elegimos los archivos, y pulsamos continuar OK.
Destacaremos la opción Intentar alinear automáticamente las imágenes de origen, que debemos
de activar si hemos sujetado la cámara con las manos al tomar las fotos.

Las fotos se cargarán en Photoshop. La fotografía suele llevar cierta información adicional, como
cuándo fue tomada o el tipo de cámara. En este caso, Photoshop intentará leer los valores referentes
a la exposición. De no estar presentes, deberemos introducirlos para cada fotografía manualmente. Si
no los conocemos, la combinación de fotografías no se producirá correctamente.

En la parte inferior veremos las imágenes originales, y en la central el resultado de la combinación.

226
 CESAR ANTE TORRES

A la derecha encontramos los controles que nos permiten ajustar manualmente el resultado. Si las
imágenes originales no estaban perfectamente alineadas pueden aparecer imagenes superpuestas,
para solucionarlo marcar la casillaQuitar fantasmas.

Para dar un color más vivo podemos aumentar la Saturación y la Intensidad.

14.6. CREAR UN GIF ANIMADO

Photoshop nos permite crear animaciones en imágenes, vídeo y flash.

Nos vamos a centrar en las animaciones gif. Si lo piensas, una animación es una secuencia de
imágenes estáticas, en la que cada una se muestra un tiempo concreto. Si los cambios entre imágenes
son suaves, dará una sensación de fluidez y movimiento.

En Photoshop jugaremos principalmente con la posición, visibilidad y efectos de los elementos. Por
ejemplo, podríamos crear el siguiente banner:

Los pasos a seguir son los siguientes:

227
 CESAR ANTE TORRES

Comenzamos creando todos los elementos que formarán nuestra animación. Tenemos que tener en
cuenta que podemos animar cada capa por separado. Por tanto, cada elemento con animación
independiente ha de estar en una capa distinta.

Una vez tengamos los elementos accedemos a la barra de animación, en el

menú Ventanas → Línea de tiempo:

Al hacerlo, en la parte inferior de la ventana de Photoshop se abrirá la barra de animación:

De momento veremos esta barra, llamada Animación (cuadros). Existe otra forma de animar
con línea de tiempo (podemos conmutarlas con el botón de la esquina inferior derecha), pero sólo está
disponible para la versión Extendeddel programa.

Para crear las animaciones, vamos creando cuadros. En cada cuadro variamos la opacidad,
los efectos o la ubicación de los elementos.

En este primer marco, colocamos los elementos como queremos que se vean al principio. Por
ejemplo, si queremos que un elemento no sea visible ahora, pero los sea más adelante, reducimos
su opacidad al 0%. O si queremos que se mueva de la posición A a la posición B, en este primer marco
lo colocamos en la posición A. En la imagen anterior, tenemos solo un elemento.

Cuando lo tengamos, creamos otro fotograma. Para ello, usamos el botón Duplicar los cuadros
seleccionados.

228
 CESAR ANTE TORRES

El cuadro será idéntico al anterior. Con el nuevo cuadro seleccionado, realizamos lo cambios que
queramos en la imagen. Por ejemplo, queremos hacer desaparecer un elemento de la imagen. Así que
vamos al panel Capas, y reducimos su opacidad a 0%.

En este momento tendríamos dos cuadros. En uno los elementos están de una forma, y en otros de
otra. Para crear una transición más suave, necesitamos fotogramas intermedios. Por ejemplo, para
hacer desaparecer un elemento, podemos intercalar cuatro cuadros más, y que en cada uno se reduzca
la opacidad un 20%. Esto no tenemos que hacerlo a mano, Photoshop lo hará automáticamente.

Para hacerlo seleccionamos los dos cuadros entre los que queramos intercalar una animación, y
pulsamos el icono Intercalar cuadros de animación.

Aparecerá un diálogo como el siguiente:

En Cuadros para añadir, indicamos el número de cuadros intermedios que se generarán. Cuantos
más cuadros, más suave será la animación, pero de mayor tamaño será el gif final.

En Capas, marcamos si queremos que se muestren Todas las capas, o solo las seleccionadas.

229
 CESAR ANTE TORRES

Y por último, marcamos los Parámetros que cambiarán, entre Posición, Opacidad y Efectos.

En nuestro ejemplo, queremos cambiar solo la opacidad de la capa, y añadimos 5 cuadros.

Además, para que la animación sea fluida, el tiempo de los cuadros ha de ser breve. debajo de cada
uno se muestra el tiempo que el cuadro será visible. Si hacemos clic sobre el tiempo, podremos
cambiarlo.

Observa que en la parte inferior, encontramos también controles de reproducción que nos permitirán
ver la animación.

En la esquina inferior izquierda encontramos el control de bucle. Podemos hacer que toda la
animación se repita una vez, un número determinado de veces, o de forma infinita. Ten en cuenta que
si lo haces infinito, del último cuadro volverá al primero. Si no quieres que el cambio sea brusco, hay
que añadir más cuadros para que el último cuadro sea igual al primero.

Una vez que lo hayamos creado, es hora de guardarlo. Para ello vamos al menú Archivo y
elegimos Guardar para web y dispositivos.

En el diálogo Guardar para web y dispositivos nos aseguramos de elegir el formato GIF, ya que
es el único que nos permite guardar animaciones.

Unidad 15. Los Trazados (I)

Como dijimos a principio del curso, Photoshop no está diseñado para dibujar, se trata sobre todo de
un programa de tratamiento de imagen.

230
 CESAR ANTE TORRES

Lo cual no quiere decir que no pueda hacer una pequeña incursión en el campo del dibujo. En este
tema veremos cómo crear trazados que sería el equivalente a crear dibujos con una herramienta
bastante simple: La Pluma.

Pero insistimos, si lo que buscas es crear gráficos y dibujos, lo apropiado es usar un programa de
dibujo vectorial, como Illustrator o CorelDRAW.

15.1. Utilizando la pluma

Las herramientas de pluma te permiten crear formas a partir de trazados rectos o curvos.

Para ello selecciona la herramienta Pluma en el panel de Herramientas y selecciona la

opción Forma en la barra de opciones de herramienta. Más adelante veremos las otras opciones:
Trazado y Píxeles.

A continuación haz clic en el lienzo donde quieras que comience la línea, luego vuelve a hacer clic
donde quieras que se encuentre el otro extremo:

De este modo crearás una línea 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 vértices, por lo que deberás crear
tantas líneas como necesites para completar tu forma.

Si al crear un extremo mantienes el botón del ratón pulsado podrás curvar el trazado moviendo
las líneas de dirección que aparecerán:

231
 CESAR ANTE TORRES

Para ver más claros los conceptos de puntos de ancla y líneas de dirección sigue este tema
avanzado

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 pequeños
cuadrados oscuros) se llaman puntos de ancla.

En la ventana Capas aparecerá una nueva capa con la forma creada:

15.2. HERRAMIENTAS DE TRAZADO

Como hemos visto, crear trazados es bastante sencillo. Nuestra preocupación ahora se centrará en
realizar trazados para enriquecer nuestras composiciones y poder crear logos, dibujos o imágenes más
trabajadas.

La complejidad de las formas dependerá del número de trazados que contengan y de la combinación
de éstos.

232
 CESAR ANTE TORRES

Para ayudarnos a tratar con ellos utilizaremos el resto de herramientas de trazado:

La Pluma de forma libre te permitirá crear a mano alzada (si no tenemos una tableta gráfica
deberemos utilizar el ratón) una forma cualquiera, Photoshop se encargará de crear los trazados
necesarios una vez cierres el trazado para dar por terminada la forma.

Esta herramienta es muy útil si nuestro pulso es bueno, o sabemos dibujar bien. No tendrás que
preocuparte de crear las curvas ni pensar en cuántos trazados necesitas.

Una vez creada nuestra forma, ya sea utilizando la Pluma o la Pluma de forma libre, podremos
utilizar el resto de herramientas para mejorar el aspecto de la forma.

La herramienta Añadir punto de ancla te permitirá añadir nuevos "extremos de trazado" dentro de
la forma, esto nos dará la ventaja de poder introducir o modificar un trazado para hacerlo más complejo.

Imagina que queremos crear una curvatura en algún sitio y en principio no habíamos creado el punto
de ancla necesario para ello.

Para utilizar esta herramienta, simplemente haz clic en algún punto del trazado donde quieras insertar
un nuevo punto de ancla.

Del mismo modo la herramienta Eliminar punto de ancla te permitirá quitar cualquier "extremo de
trazado" existente una vez terminada la forma.

Probablemente veas que has creado más trazados de los que necesitas, simplemente utiliza esta
herramienta para eliminar los puntos de ancla que no necesites.

Ten en cuenta que los puntos de ancla que elimines dejarán de formar la curva y dejarán de existir,
por lo que deberás tener muy en cuenta la posición del resto de los puntos de ancla antes de eliminar
uno.

Para eliminar un punto de ancla simplemente selecciona la herramienta y haz clic sobre él.

Combina estas dos herramientas para conseguir que los puntos de ancla necesarios para poder
componer la forma que buscas. No olvides que manejar los trazados no es fácil, así que deberás
acostumbrarte a usarlos antes de poder lograr crear de forma correcta tu objetivo final.

233
 CESAR ANTE TORRES

Finalmente podemos utilizar la herramienta Convertir punto de ancla para modificar los
controles del punto de ancla para mejorar la curvatura (y con ello el aspecto) de nuestros trazados.

Utiliza esta herramienta una vez tengas los puntos de ancla necesarios y tengas que modificar su
aspecto. Para ello selecciona la herramienta y haz clic sobre el punto de ancla que quieras modificar,
aparecerán los controles de curvatura para que puedas cambiarlos:

En cualquier momento puedes utilizar las herramientas de selección de trazado para trabajar con
ellos:

La herramienta Selección de trazado te permite seleccionar un trazado de tu proyecto simplemente

haciendo clic sobre él. Utilízala para seleccionar trazados y trasladarlos por el lienzo.

Con la herramienta Selección directa podrás seleccionar y trabajar con el trazado de forma similar
que con las herramientas que hemos visto antes. Puedes seleccionar los puntos de ancla para
modificarlos e incluso seleccionar y arrastrar un trazado sin necesidad de tocas sus extremos para
nada.

Esta última herramienta te será muy útil para darle los últimos retoques a tu forma.

Una vez tengas listo el trazado podremos pasar a rellenarlo.

Puedes guardar estas formas para utilizarlas siempre que quieras y no tener que volver a
dibujarlas. Visita el avanzado de Formas personalizadas para aprender cómo .

Unidad 15. Avanzado: Formas personalizadas

Una vez creada una forma utilizando trazados podemos almacenarla en el programa para poder
utilizarla más tarde sin necesidad de tener que volver a dibujarla.

Para ello, con la capa de la forma seleccionada, deberás hacer clic en el menú Edición y seleccionar
la opción Definir forma personalizada...

234
 CESAR ANTE TORRES

Se abrirá el siguiente cuadro de diálogo donde deberás introducir un nombre para la forma y así
poder reconocerla más tarde:

Una vez almacenada podrás acceder a ella utilizando la herramienta Forma presonalizada y
desplegando la opción Forma en la barra de opciones de herramienta:

15.3. RELLENANDO UN TRAZADO

Como vimos al principio del tema, al crear un trazado, si usamos la opción Forma, inmediatamente
se nos crea una capa de forma en el proyecto.

Puedes ver el resultado en la ventana Capas:

235
 CESAR ANTE TORRES

La forma en la que Photoshop trata los trazados es muy sencilla de entender. Una vez terminada la
forma, se crea una máscara de capa vectorial asociada a una capa de relleno que en principio se trata
simplemente de un color sólido.

Esto quiere decir que Photoshop crea una capa de relleno que muestra un color sólido a nuestra
elección (el color frontal cuando creamos el trazado), y luego enlazado a ella una máscara de capa que
decide qué porción de la capa de color mostrar. Esta porción, coincidirá con la forma creada con
nuestros trazados.

Al crear un trazado con la herramienta Pluma, éste se rellena automáticamente con un color sólido.
Existen otros tipos de capas de relleno que por consiguiente podrían estar enlazados a una máscara
de capa vectorial.

Si queremos editar libremente el relleno de la forma, para asignarle un degradado, dibujar con el
pincel, etc, podemos rasterizarlo primero, desde el menú Capa → Rasterizar → Contenido de relleno:

236
 CESAR ANTE TORRES

Al rasterizar una capa el panel Capas cambia de aspecto y muestra la máscara vectorial y el color
de relleno.

Ahora se puede editar el relleno libremente, mostrándose sólo el área contenida en la forma que
define las máscara vectorial.

15.4. MÁSCARAS VECTORIALES

Como hemos visto en el apartado anterior, Photoshop incluye los trazados creando máscaras de
capa vectoriales.

Esto quiere decir que los objetos creados en este tipo de capas están basados en líneas y curvas
que Photoshop es capaz de interpretar matemáticamente.

Ahí radica su diferencia con las capas normales, basadas en píxeles de pintura que nos son
matemáticamente interpretables.

Una forma vectorial puede transformarse (y esto incluye cambiar su tamaño, deformarla, darle
perspectiva, etc..) y mantendrá siempre sus bordes perfectamente nítidos, nunca perderá su
definición pues al aplicársele un transformación, Photoshop recalcula las dimensiones del objeto
matemáticamente y lo vuelve a redibujar sus líneas y curvas conforme a la transformación aplicada.

De hecho, podemos ver cómo en las herramientas de forma nos encontrábamos con estas opciones:

Hasta ahora habíamos utilizado la opción Píxeles, que creaban la forma con pintura y la asociaban
a una capa.

237
 CESAR ANTE TORRES

Si seleccionamos la primera opción, Forma, Photoshop creará la forma utilizando una máscara
vectorial con las cualidades que acabamos de ver.

La segunda opción (Trazado) crea la forma como un trazado pero no la dibuja en el lienzo, sino que
esperará a que la modifiques utilizando las herramientas de trazado y puedas trabajar con ella desde
la ventana de Trazados.

Para ver con mayor claridad todos estos conceptos, practica un poco el trabajo con trazados en
el siguiente Ejercicio de Trazados.

Unidad 15. Ejercicio: Trabajo con Trazados

Objetivo.
Familiarizarnos con los trazados.

A partir de un archivo dado intentaremos conseguir esto:

Ejercicio paso a paso.

1. Abre el archivo Trazados.psd que encontrarás en la carpeta de ejercicios del curso.

2. Selecciona un color rojo para el color frontal.
3. Selecciona el menú Capa → Nueva capa de relleno → Degradado.
4. Dale el nombre miForma 2.
5. En el cuadro de diálogo que se abrirá selecciona un ángulo de 90º, crea un degradado
personalizado que tome más o menos el aspecto que puedes ver en la imagen de resultado. Ten
en cuenta que la parte superior debe ser transparente.

238
 CESAR ANTE TORRES

6. Desde el panel Capas, selecciona la capa miForma, selecciona el trazado e ir

a Edición → Copiar con esto copiaremos el trazado.
7. Vamos a la capa miForma 2, y seleccionar icono de Miniatura de

capa y Edición → Pegar. Así pegaremos el trazado en esta capa,

8. Con el trazado seleccionaro ir a Capa → Máscara vectorial →Trazado actual. Así crearemos
una máscara con la forma del trazado.
9. Borra u oculta la capa miForma.

10. Aplica, a la capa miForma 2, un efecto de Sombra paralela, como se muestra en la imagen del
resultado.

11. Crea tres duplicados de la capa miForma 2 utilizando el comando Capa → Duplicar capa.

239
 CESAR ANTE TORRES

12. Con ayuda del comando Transformar, (Rotar, Escalar) modifica el aspecto de las capas hasta
que se parezcan más o menos a lo que mostramos como resultado. Observa cómo al aplicar la
transformación los objetos siguen completamente definidos y no pierden calidad. Es gracias a que
son formas vectoriales.

15.5. LA VENTANA TRAZADOS

En Photoshop existe otro modo de trabajar con trazados y es utilizando la ventana especifica
de Trazados.

Puedes abrirla desde Ventana → Trazados o haciendo clic en su pestaña en el mismo grupo que la
ventana Capas.

Desde aquí trataremos y trabajaremos con los trazados de una forma un poco diferente.

Para crear un nuevo trazado deberás hacer clic en el botón Nuevo trazado . Luego selecciona las
herramientas de trazado que necesites y crea el trazado directamente sobre el lienzo tal y como hemos
visto en apartados anteriores.

Cuando hayas terminado y tengas la forma que necesitas utiliza los botones de esta ventana para
decidir qué hacer con la forma creada.

El botón Rellenar trazado rellenará el trazado con el color frontal del momento. Puedes pulsar la
tecla Alt mientras haces clic en el botón para que se abra el siguiente cuadro de diálogo y decidir las
características del relleno:

240
 CESAR ANTE TORRES

El segundo botón, Contornear trazado , dibuja el contorno del trazado utilizando la pintura del
color frontal, al revés que la opción anterior, este botón pinta el borde dejando el relleno transparente.

De igual modo puedes pulsar la tecla Alt para decidir cómo vas a pintar el contorno, se abrirá el
siguiente cuadro de diálogo:

Ten en cuenta que en este caso no podrás seleccionar el color que quieres utilizar, así que deberás
seleccionarlo previamente desde el panel de Herramientas.

Selecciona la herramienta con la que quieres dibujar el contorno y se utilizarán las opciones que en
ese momento tiene especificada esta herramienta. Por ejemplo, si decidimos contornear la forma
utilizando el Pincel, Photoshop dibujará los bordes tomando las opciones que en ese momento tiene la
herramienta, si está definida una punta de pincel de 45 píxeles será ese tamaño el que utilizará.

Utiliza la opción Simular presión para que el borde se dibuje como si estuvieses utilizando
una pluma estilográfica que deja ir más cantidad de tinta en diferentes puntos de presión (teniendo en
cuenta la curvatura y longitud de los trazos).

Los siguientes botones Cargar el trazado como selección y Hacer trazado de trabajo desde
selección interactúan con los trazados y selecciones de modo inverso.

Es decir, podemos transformar un trazado en selección utilizando el primer botón y viceversa:

podemos transformar una selección en un trazado utilizando el segundo.

241
 CESAR ANTE TORRES

Ejercicios unidad 15: Los trazados

Ejercicio 1: Modificación de Niveles

1. Abre el archivo borrado_fondo.jpg de la carpeta de ejercicios del curso.

2. Deberás crear un trazado que ajuste únicamente los niveles de color del edificio blanco de la
imagen.

Si no tienes muy clara la solución, en este vídeotutorial encontrarás ayuda

Ejercicio 2: Crear una tipografía personalizada

1. A partir de la fuente de Photoshop Magneto, modifica la forma de las letras para crear un nuevo
tipo de letra personalizado, similar al de esta imagen.

Escribe una letra, conviértela en trazado y guárdala como forma personaizada.

Si no tienes muy clara la solución, en este vídeotutorial encontrarás ayuda

UNIDAD 16. LAS INSTRUCCIONES (I)

16.1. LA VENTANA ACCIONES

Photoshop dispone de una herramienta muy útil orientada a trabajos repetitivos que utilicemos muy
a menudo.

La Ventana Acciones (accesible desde el menú Ventana → Acciones o pulsando la tecla F9)
permite almacenar procedimientos para ejecutarlos más tarde con un solo clic:

En principio, y para familiarizarnos con este panel podemos utilizar las acciones por defecto que
vienen incorporadas en Photoshop.

Puedes hacer clic en el botón situado en la parte superior derecha para desplegar el menú de la
ventana y cargar más acciones:

242
 CESAR ANTE TORRES

De esta forma podrás ver todas las acciones que Photoshop te ofrece desde un principio.

Su funcionamiento es muy sencillo, cada acción realiza algo diferente. Existe una acción que a partir
de un texto dado crea su reflejo en el agua. Para ello, simplemente tendrás que tener una capa de texto
seleccionada en el proyecto, seleccionar la acción en la ventana Acciones y hacer clic en el
botón Ejecutar acción .

Automáticamente se creará un reflejo sin tener que haber hecho nada por nuestra parte, como
puedes ver en la siguiente imagen.

Esto es posible ya que la acción está compuesta a su vez de diferentes acciones que en conjunto
realizan un efecto final.

Si desplegamos la acción Reflejo en el agua veremos que está compuesta de las siguientes
subacciones:

243
 CESAR ANTE TORRES

Como puedes ver en la imagen, las acciones en las que se desglosa la acción principal son más
reconocibles, de hecho se tratan de acciones directas de Photoshop.

Seguro que ya ves más claro el modo en el que actúa este método.

Al hacer clic en una de las acciones y ejecutarla se lanzan diversos comandos de Photoshop
que modifican la imagen de determinada manera.

Verás que esta ventana te ahorrará mucho tiempo cuando aprendas a crear tus propias acciones.

16.2. CREAR TUS PROPIAS ACCIONES

Para crear tus propias acciones o comandos automatizados es aconsejable que te crees un grupo
de acciones nuevo. Para ello, haz clic en el botón Crear grupo nuevo al pie de la
ventana Acciones.

Se abrirá el siguiente cuadro de diálogo donde deberás especificar el nombre del grupo para que lo
puedas reconocer más tarde:

El grupo se añadirá a la ventana de Acciones y estará listo para que lo rellenes con nuevos procesos
automáticos:

244
 CESAR ANTE TORRES

Ahora simplemente haz clic en Nueva acción y saltará el siguiente cuadro de diálogo donde
especificaremos las propiedades básicas de nuestra acción.

Aquí deberemos darle un Nombre descriptivo a la acción para reconocer lo que hace y poder
utilizarla más tarde.

En Conjunto indicaremos el grupo de acciones donde se guardará la nuestra, seleccionaremos el

nuevo grupo que hemos creado para tener todas nuestras acciones en un mismo sitio.

Podemos establecer una Tecla de función (F1, F2, F3, F4, etc...) para que la acción se ejecute al
pulsar la tecla seleccionada.

Finalmente, si quieres puedes escoger un Color para diferenciar esa acción de las demás, aunque
esta opción es totalmente opcional.

En el momento en el que pulses el botón Grabar el cuadro de diálogo se cerrará y Photoshop

empezará a grabar cada una de las acciones y comandos que ejecutes. Este conjunto de acciones
serán las que se grabarán en la acción que estamos creando y serán las que se ejecutarán cada vez
que ejecutemos la acción en cuestión.

En cualquier momento podemos detener la grabación pulsando el botón de Parar grabación .

Las acciones se almacenarán y desde ese momento, cada vez que ejecutes la acción guardada en
la ventana Acciones se ejecutarán los mismos procedimientos y por el mismo orden.

245
 CESAR ANTE TORRES

Ten en cuenta que los comandos que ejecutes durante la grabación se guardarán exactamente
como los utilizaste, las opciones de los comandos (como por ejemplo el valor del Radio en
el Desenfoque gaussiano) se almacenarán junto con la acción.

Durante la grabación de la acción podemos acceder a un par de opciones que nos pueden ser de
mucha ayuda al crear este tipo de procesos automáticos.

Para ello, y sin detener la grabación, tenemos que acceder al menú de la ventana Acciones.

Seleccionando la opción Insertar elemento de menú... podemos hacer que en la secuencia se

ejecute cualquier elemento que exista en la barra de menús, para ello hacemos clic en esta opción y
Photoshop nos mostrará un mensaje para que seleccionemos la opción de menú que queramos.

De esta forma podemos realizar acciones de vista (como por ejemplo sacar las reglas o guías) y
grabarlas. De otra forma estas acciones que en principio no tienen ningún efecto sobre la imagen (sino
sobre cómo nosotros vemos el área de trabajo) no se grabarían.

Otra opción más útil todavía es la de Insertar parada...:

Al hacer clic en esta opción insertaremos una pausa en la acción. Al ejecutarse, en el momento en
el que llegue a este punto mostrará un cuadro de diálogo con un mensaje personalizado que
especificaremos en este cuadro de diálogo:

246
 CESAR ANTE TORRES

Aquí podremos indicar mensajes que indiquen el estado del proceso para que podamos decidir qué
hacer cuando la ejecutemos desde la ventana Acciones.

Existen dos modos de tratar estas paradas: con continuidad o sin ella. Para ello deberemos indicarlo
marcando la casilla Permitir continuación o dejándola desmarcada.

Si no marcamos la casilla, el tipo de mensaje que recibimos será el siguiente:

En este caso la ejecución del proceso se parará y será necesario volver a pulsar el botón
de Ejecutar para continuar con la ejecución de la acción.

Este caso es muy conveniente para parar si necesitamos la interacción no automática, como por
ejemplo seleccionar alguna parte de la imagen o volcar algún tipo de pintura sobre el lienzo.

Cuando continúes con la acción se reanudará el proceso y seguirá hasta la siguiente parada o hasta
que termine completamente.

El otro modo de mensaje es que se muestra al marcar la casilla Continuar en el cuadro de diálogo
que hemos visto antes:

En este caso el mensaje nos permite elegir qué queremos hacer. Podemos hacer clic
en Continuar para que el proceso siga ejecutándose sin ningún tipo de interacción nuestra.

247
 CESAR ANTE TORRES

Si pulsamos el botón Detener, el proceso se parará, permitiéndonos crear copias de la imagen en

determinados estados (para poder volver a ellos más tarde) o para supervisar el estado del proceso,
este continuará cuando hagas clic de nuevo en el botón Ejecutar de la ventana Acciones.

16.3. LOTES DE IMÁGENES

Imaginemos que tenemos que hacer una serie de acciones sobre una imagen. Por ejemplo, abrir una
fotografía, realizar algunos ajustes, hacerla más pequeña y añadirle una sombra. Todo esto para crear
una miniatura de nuestra fotografía para una galería web. Con una imagen no sería problema, pero si
tenemos que hacerlo sobre 200 imágenes, sería muy tedioso hacerlo una a una.

Por eso Photoshop nos brinda la opción de trabajar con un lote de imágenes, aplicando la misma
acción a un conjunto de imágenes, de forma automática.

Primero, creamos y guardamos una acción con todas las modificaciones a hacer sobre la
imagen.

Después, accedemos al menú Archivo → Automatizar → Lote...

Al hacerlo, se abrirá la ventana de diálogo Lote:

248
 CESAR ANTE TORRES

Reproducir:
Aquí seleccionamos la Acción que queremos que se aplique a todas las imágenes.

Origen:
Elegimos de dónde se cogen las imágenes. En el desplegable, podemos seleccionar Carpeta, y
después pulsar en Elegir para seleccionar una carpeta del disco, o podemos trabajar con
los Archivos abiertos.

Destino:
Aquí elegimos qué hacer con las imágenes una vez procesadas: eligiendo entre Nada, que dejará
las imágenes abiertas en Photoshop, Guardar y cerrar, que hará eso mismo, o elegir
una Carpeta. Esta última opción nos permite componer el nombre de la imagen, con secuencias
numéricas, palabras, etc. Por ejemplo, en el ejemplo de las miniaturas, podríamos guardarla a
una carpeta eligiendo como nombre Nombre del documento (que sería el nombre original)
+ _mini + extensión.

Cuando necesites hacer una tarea repetitiva con muchas imágenes, comprueba primero si puedes
crear la acción correspondiente y automatizarlo con un lote. La mayoría de las veces lograrás ahorrar
tiempo y trabajo.

Ejercicios unidad 16: Las instrucciones

Ejercicio 1: Crear una acción

1. Abre Photoshop y escribe cualquier texto sobre el lienzo en color blanco.

249
 CESAR ANTE TORRES

2. Deberás crear una acción que modifique el aspecto de la imagen para que muestre esto:

Si no tienes muy clara la solución, en este vídeotutorial encontrarás ayuda

UNIDAD 17. OBTENER MÁS RECURSOS (I)

17.1. INTRODUCCIÓN
Una de las características más interesantes de Photoshop quizá sea el modo en el que permite
guardar nuestros pinceles, formas personalizadas, acciones, degradados, etc...

De este modo podemos acceder a ellos fácilmente y reutilizar elementos que creamos en el pasado.

Todos estos elementos añadidos se guardan en forma de archivos (como veremos más adelante) en
la carpeta del programa por lo que resulta extremadamente sencillo copiarlas y compartirlas en
diferentes máquinas.

Adobe cuenta con un sitio de intercambio donde todos los usuarios de Adobe Photoshop pueden
subir sus creaciones y ayudarse los unos a los otros aumentando la capacidad de actuación de este
software.

En Adobe Studio Exchange encontrarás un directorio de recursos enorme, donde podrás descargar
desde filtros a pinceles, pasando por diversos plugins que te ayudarán a realizar acciones que de otra
forma no podrían ejecutarse.

Simplemente haz clic en el vínculo anterior y navega por los directorios hasta que encuentres el
elemento que te interese. Este elemento estará incluido en un archivo, descárgatelo, cópialo en la
carpeta correspondiente según el tipo de elemento que sea, y ya podrás cargarlo en la aplicación para
empezar a utilizarlo.

Nota: Adobe Studio Exchange requiere que te registres para poder descargar sus contenidos.

250
 CESAR ANTE TORRES

En este tema veremos tipos de elementos que puedes descargar y dónde guardarlos para poder
utilizarlos con Photoshop.

17.2. MÁS ACCIONES

Una vez hayas descargado una acción verás que se trata de un archivo con extensión ATN.

Sólo tendrás que acceder a la carpeta de Photoshop, que por defecto se encuentra en C:\Archivos
de programa\Adobe\Adobe Photoshop CS6\ y abrir la carpeta Presets (Ajustes preestablecidos),
aquí se encuentran todos los archivos que contienen elementos que se utilizan en Photoshop.

Las acciones las guardaremos en la carpeta Actions (Acciones de Photoshop).

Una vez guardado el archivo descargado en su lugar podremos cargarlo sin ningún tipo de problema.

En la ventana Acciones haz clic en el botón y selecciona la opción Cargar acciones:

Selecciona la acción y se añadirá a la ventana Acciones lista para utilizarse.

Recuerda que tus acciones guardadas también se encontrarán en este directorio y las puedes
compartir subiéndolas a Adobe Studio Exchange.

17.3. MÁS PINCELES

Una vez hayas descargado el archivo de pinceles verás que se trata de un archivo con
extensión ABR.

Sólo tendrás que acceder a la carpeta de Photoshop, que normalmente se encuentra en C:\Archivos
de programa\Adobe\Adobe Photoshop CS6\ y abrir la carpeta Presets (Ajustes preestablecidos),
aquí se encuentran todos los archivos que contienen elementos que se utilizan en Photoshop.

Los pinceles los guardaremos en la carpeta Brushes (Pinceles).

Una vez guardado el archivo descargado en su lugar podremos cargarlo sin ningún tipo de problema.

Selecciona la herramienta Pincel y despliega la opción Pincel. Despliega el menú de puntas de

pincel y selecciona la opción Cargar pinceles:

251
 CESAR ANTE TORRES

Selecciona el pincel y estará listo para utilizarse.

Recuerda que tus pinceles guardados también se encontrarán en este directorio y los puedes
compartir subiéndolas a Adobe Studio Exchange.

17.4. Más Formas Personalizadas

Una vez hayas descargado el archivo de formas personalizadas verás que se trata de un archivo con
extensión CSH.

Sólo tendrás que acceder a la carpeta de Photoshop, que normalmente se encuentra en C:\Archivos
de programa\Adobe\Adobe Photoshop CS6\ y abrir la carpeta Presets (Ajustes preestablecidos),
aquí se encuentran todos los archivos que contienen elementos que se utilizan en Photoshop.

Las formas personalizadas las guardaremos en la carpeta Custom Shapes (Formas

Personalizadas).

Una vez guardado el archivo descargado en su lugar podremos cargarlo sin ningún tipo de problema.

Selecciona la herramienta Forma Personalizada y despliega la opción Forma en la barra

de opciones de herramientas.

Haz clic en el botón y selecciona la opción Cargar formas:

252
 CESAR ANTE TORRES

Selecciona la forma y estará lista para utilizarse.

Recuerda que tus formas guardadas también se encontrarán en este directorio y las puedes
compartir subiéndolas a Adobe Studio Exchange.

17.5. OTROS ELEMENTOS

Como puedes ver, el método de instalación y carga de estos archivos es muy similar para cada
elemento.

Únicamente deberás guardar una copia del archivo en su lugar correspondiente y cargarlo desde el
lugar indicado.

Hacer un listado de todos los elementos disponibles sería demasiado largo, así que si descargas
algún tipo de elemento para Adobe Photoshop y no sabes cómo instalarlo en Internet hay muchos foros
donde puedes encontrar ayuda, por ejemplo en el foro de aulaClic. Aunque junto a las descargas
oficiales (como los plugins) encontrarás archivos de ayuda que te indicarán en qué carpeta debes de
colocar cada elemento.

Y recuerda siempre que puedes compartir tus creaciones en un entorno libre donde todos nos
podemos beneficiar de los avances de los demás y crecer juntos.

253
 CESAR ANTE TORRES

UNIDAD 18. OBJETOS 3D EN PHOTOSHOP (I)

18.1. CREAR OBJETOS 3D

Aunque Photoshop no es un programa especializado en gráficos en tres dimensiones, como 3DMax,

Rhinoceros o SolidWorks, dispone de las funciones básicas para trabajar en gráficos 3D.

Uno de los usos más frecuente de 3D en Photoshop es para crear textos en tres dimensiones.
También se pueden crear otro tipo de objetos a partir de trazados, capas y selecciones.

Un objeto 3D en Photoshop está definido por seis elementos: Malla, material, iluminación, cámara,
entorno y escena.

La malla define la forma de objeto y depende del elemento de partida que nosotros seleccionemos
al crear el objeto (texto, forma, selección , ... )

El material determina la textura y el color del objeto, podemos cambiar los materiales de varias
formas: con colores, con materiales predefinidos y a partir de imágenes proporcionadas por nosotros.

La iluminación define los brillos y las sombras del objeto. Podemos modificar la intensidad de la
iluminación y añadir nuevos puntos de luz.

La posición de la cámara define desde qué ángulo se ve el objeto 3D. Podemos girar, mover y
escalar en cada uno de tres ejes.

El entorno y la escena afectan a elementos como el fondo y la sombra en la línea de tierra.

A lo largo de la unidad explicaremos más detalles de estos elementos.

Para crear un objeto 3D vamos al menú 3D y allí encontramos varias opciones, como muestra la
siguiente imagen.

Nueva capa 3D a partir de archivo ...

Podemos abrir un archivo 3D creado con otro programa, los formatos admitidos son los que puedes
ver en la siguiente imagen.

254
 CESAR ANTE TORRES

En internet se pueden conseguir archivos 3D en varios sitios, por ejemplo en archive3d.net

Nueva extrusión 3D a partir de capa seleccionada.

Se creará un objeto 3D a partir de los elementos que haya en la capa que tengamos seleccionada.
Por ejemplo, si es una capa de texto, se creará un texto en 3D, y si es una capa que contiene una forma
predefinida se creará el objeto 3D de esa forma predefinida.

Otra forma equivalente de crear un objeto de texto en 3D es desde el menú Texto → Extruir a 3D.

Nueva extrusión 3D a partir del trazado seleccionado.

Se creará un objeto 3D a partir del trazado que tengamos seleccionado. Por ejemplo, podemos
dibujar un trazado con la herramenta lapiz y convertirlo en un objeto 3D.

Unidad 18. Objetos 3D en Photoshop (II)

Nueva extrusión 3D a partir de la selección actual.

Se creará un objeto 3D a partir de la selección actual. Podemos crear una selección con cualquiera
de las herramientas de selección y se creará un objeto 3D con la forma de la selección. Por ejemplo,
en la siguiente imagen se ha seleccionado un texto con la herramienta Rectángulo, observa que lo que
está en 3D es el rectángulo, no las letras que contenía.

255
 CESAR ANTE TORRES

Nueva malla a partir de capa.

A partir de esta opción se nos abren varias opciones más, como se puede ver en la siguiente imagen.

Unas de las más utilizadas son las que muestra la imagen, Ajuste preestablecido de malla que
permiten crear objetos 3D de formas geométricas conocidas, como el Cono, Cubo, Cilindro, Rosco, etc.

En la siguiente imagen se puede ver la forma Rosco.

18.2. INTERFAZ 3D
Una vez creado un objeto 3D, veremos el entorno de trabajo 3D, tal y como se puede ver en la
siguiente imagen.

256
 CESAR ANTE TORRES

Para ver este entorno debemos tener seleccionada la herramienta Mover .

En el centro de la pantalla tenemos la vista principal con el objeto 3D, en este caso el texto "aulaClic"
y un entramado o cuadrícula en lo que sería "el suelo" que sirve de referencia para ver las tres
dimensiones.

En la esquina inferior izquierda aparecen los ejes XYZ que son muy útiles para saber dónde se
encuentra cada eje, algo que no es evidente si damos muchas vueltas al objeto. Como sabemos el
eje X es el de color rojo y que en esta imagen que apunta a la derecha, el eje Y de color en verde y que
apunta hacia arriba y el eje Z de color azul que apunta hacia adelante.

En la esquina superior izquierda aparece la vista secundaria. En esta vista podemos definir el punto
de vista que queramos, desde arriba, desde la izquierda, ... En cualquier momento podemos
intercambiar las vistas primaria y secundaria con el botón situado en la vista secundaria.

En la parte derecha vemos el panel de propiedades y el panel 3D. Al seleccionar un elemento del
panel 3D aparecen sus características en el panel de propiedades situado justo encima. Por ejemplo,
en la imagen anterior tenemos seleccionada el elemento aulaClicy en el panel de propiedades vemos
sus características como Capturar sombras, Proyectar sombras, etc.

Los controles gráficos nos permiten realizar giros, movimientos y escalar en cada uno de tres ejes.

A lo largo de esta unidad iremos ampliando estos conceptos de la interfaz que acabamos de ver
someramente.

18.3. MATERIALES 3D

Vamos a crear un objeto de texto 3D y a partir de él explicaremos varios aspectos, empezando por
los materiales. El material determina la textura y color del objeto.

257
 CESAR ANTE TORRES

Lo que vamos a explicar para el texto 3D se puede aplicar también a otros objetos 3D creados por
las diferentes opciones de extrusión 3D que hemos citado anteriormente.

Creamos un documento nuevo con fondo blanco y con la herramienta texto escribimos la letra "a",
como se ve en la siguiente imagen. Podríamos escribir más letras, pero con una sola lo veremos mejor.
Le damos un tamaño grande de 150 ptos.

Vamos al menú 3D y elegimos Nueva extrusión 3D a partir de capa seleccionada, lo cual nos
creará un objeto 3D. Pasaremos al espacio de trabajo en 3D con la interfaz que ya hemos visto y el
panel 3D tendrá el aspecto que muestra la imagen siguiente.

El panel refleja las partes de un objeto 3D: Entorno, Escena, Malla, Materiales, Luz y Cámara.

Ahora nos vamos a fijar en los materiales. Una extrusión de un objeto 3D de texto está formada por
cinco materiales, tal y como se ven en la imagen anterior.

Podemos entender a qué se refiere cada material si nos fijamos en la siguiente figura.

258
 CESAR ANTE TORRES

El material de inflación posterior es el que queda por la parte de atrás de la letra, y lo mismo ocurre
con el material de bisel posterior.

Podemos modificar cada material de forma independiente o varios a la vez, según lo que
seleccionemos. Puesto que hemos seleccionado la fila a Material de inflación frontal vamos a
modificar sólo este material. Inicialmente el panel de propiedades de este material es el siguiente.

Un material está compuesto por cuatro tipos de texturas: Difusión, Especular, Iluminación y
Ambiente. Estas texturas se pueden definir de un color o mediante un archivo que contiene la textura
(salvo Ambiente). Un material también tiene las propiedades de brillo, reflejo, rugosidad, relieve,
opacidad y refracción. Estas propiedades podemos regularlas moviendo el mando deslizador que hay
a su lado, o dando un valor numérico en la casilla correspondiente. También mediante un archivo que
contiene la textura (salvo Refracción).

259
 CESAR ANTE TORRES

El tipo de textura Difusión es el que determina principalmente el color del material. Vamos a ver
cómo podemos modificarlo.

Tanto el cuadrado como la bola roja de la derecha es de ese color porque el texto del que partimos
antes de realizar la extrusión era rojo, pero podemos modificarlo haciendo clic en el cuadrado para
abrir el selector de colores, o también haciendo clic en la bola para abrir el desplegable y asignar una
de las texturas predefinidas, por ejemplo, Tela, como puedes ver en la siguiente imagen.

Pulsando en el botón de la esquina superior derecha se pueden cargar más texturas que previamente
nos habremos descargado de internet.

Asignar una de estas texturas predefinidas es la opción más fácil, pero existe otra posibilidad que
consiste en utilizar una textura creada por nosotros. Para ello debemos hacer clic en el botón que
hay al lado de Difusión y se nos presentarán dos opciones, como muestra la siguiente imagen.

Nueva textura nos permite crear la textura en ese momento.

Cargar textura nos permite cargar una textura creada previamente y guardada en un archivo.

Tanto en un caso como en otro, para crear una textura podemos utilizar las herramientas de
Photoshop para crear una imagen que represente la textura que buscamos. Por ejemplo, la siguiente
imagen tiene aplicada una textura creada con el efecto Superposición de motivo.

260
 CESAR ANTE TORRES

Una vez tenemos la textura cargada podemos editarla, para ello hay que hacer clic en el botón que
hay al lado de Difusión y ahora se nos presentarán cinco opciones, como muestra la siguiente imagen.

Si escogemos Editar propiedades de UV... aparecerá el siguiente cuadro de diálogo donde es muy
útil variar la escala U y V para ajustar la textura al tamaño de nuestro objeto 3D.

Esto que hemos visto para el tipo de textura Difusión podemos repetirlo para otros dos tipos de
textura: Especular e Iluminación.

El tipo Especular define el color que se muestra para las propiedades especulares (iluminación,
resplandor o brillo).

El tipo Iluminación define el color que no se debe a la iluminación que llega al objeto, sino que es
como si el objeto estuviese iluminado desde dentro.

261
 CESAR ANTE TORRES

El grupo del brillo, reflejo, rugosidad, relieve, opacidad y refracción hacen lo que indica su nombre y
lo mejor es ir probando para ver el efecto que produce cada uno de ellos en el material que tengamos
asignado.

18.4. MALLA 3D

Como ya dijimos, la malla es la parte de un objeto 3D que contiene la estructura o forma del objeto.
La malla está formada por muchos polígonos pequeños que a su vez están formados por vectores. No
es posible modificar a mano estos polígonos pero sí tenemos opciones para deformar la malla en su
conjunto. Podemos aumentar y disminuir la escala del objeto sin que se pierda resolución ya que los
vectores están definidos de forma matemática, no por pixeles.

Para acceder a las propiedades de la malla podemos hacer doble clic en la línea del panel 3D que
contiene la malla, normalmente la malla se representa por este icono , pero en caso de objetos de
texto, como el ejemplo que estamos viendo, el icono es distinto, tiene esta forma , como puedes ver
en la siguiente imagen.

En cualquier caso, para editar las propiedades de la malla debemos hacer doble clic en la línea del
panel 3D que contiene la malla. Nos aparecerá el siguiente cuadro de diálogo

262
 CESAR ANTE TORRES

Desde aquí podemos editar las propiedades de la malla. Si marcamos el recuadro Capturar
sombras, se verán las sombras que se generan dentro del propio objeto 3D, si el objeto no tiene
huecos, por ejemplo un cilindro, no se generarán sombras de este tipo. En muchas de las letras de un
texto sí se generan.

Si marcamos el recuadro Proyectar sombras, se verán las sombras que proyecta el objeto sobre el
fondo.

Al abrir el Selector de extrusiones que contiene la miniatura del objeto 3D veremos una imagen
como la siguiente.

Aquí podemos seleccionar el tipo de malla que queremos para nuestro objeto, los iconos son bastante
descriptivos de las didtintas posibilidades. Podemos hacer que aparezca el bisel, que se curve la parte
frontal, etc. Podemos hacer diversas pruebas, siempre podemos volver a la situación inicial con el
botón Restaurar deformación.

Por ejemplo, la quinta opción, inflar, produce el siguiente efecto.

263
 CESAR ANTE TORRES

Con el regulador de Profundidad de extrusión podemos hacer que la extrusión sea más o menos
profunda, o dicho de otra forma, podemos hacer que el grosor de la letra sea mayor o menor.

Si pulsamos en Texto podremos cambiar el color del texto.

Al hacer clic en el botón Panel Carácter accedemos a las opciones para cambiar el tipo de letra,
tamaño, etc. El botón Editar origen nos permite editar el texto, cambiar, borrar y añadir letras.

Hemos visto las opciones más utilizadas de la malla pero todavía hay otras opciones que nos
permiten ajustar más parametros para realizar deformaciones de la extrusión y para modificar la tapa
(parte frontal y parte trasera). Para acceder a estas opciones hay que pulsar en el segundo
botón Deformar y tercer botón Tapa del panel de Propiedades.

Por ejemplo, desde Deformar podemos torcer estrechar y curvar el objeto 3D, estas operaciones las
podemos realizar desde los reguladores del panel o desde un manejador gráfico utilizando el ratón. Por
ejemplo, en la siguiente imagen se ve el manejador en la función de curvar.

18.5. ROTAR, DESPLAZAR Y ESCALAR

Un objeto 3D tiene una representación en dos dimensiones que depende de la posición
donde se coloque el observador. En Photoshop el observador está representado por la cámara.
El otro elemento que interviene en la representación es el sistema de coordenadas. Ya vimos
el significado de los ejes XYZ y su miniatura situada en la esquina inferior izquierda.

264
 CESAR ANTE TORRES

Podemos rotar, mover y escalar el objeto a lo largo de los tres ejes de dos formas, la más
intuitiva y gráfica es utilizando los controles gráficos que trae esta versión de Photoshop CS6.
Para activarlos basta tener seleccionada la herramienta Mover y hacer clic dentro del
objeto 3D, entonces aparecerán los controles que puedes ver en la siguiente imagen.

Hay tres controles en cada eje y un control en el centro, para activar cada control basta
hacer clic sobre él (para seleccionarlo) y arrastrar el cursor para realizar la acción
correspondiente. Por ejemplo, para mover sobre el eje X, hacemos clic en el control con forma
de cono y pasará a color amarillo, sin soltar, arrastramos el cursor y el objeto 3D se desplazará
sobre el eje X.

Como se ve en la figura anterior hay un control para Escalar, otro para Rotar y otro
para Mover en cada eje, además en el centro hay un control en forma de cubo que sirve
para Escalar de forma uniforme todo el objeto sobre los tres ejes.

Estos controles gráficos son muy fáciles de usar y en el vídeo que acompaña a esta unidad
puedes ver lo intuitivo que es su uso.

También podemos realizar acciones sobre la representación del objeto3D con los
botones Modo 3D.

El primer botón hacer rotar el objeto sobre el eje X al mover el cursor arriba y abajo; y
rotar sobre el eje Y al mover el cursor hacia derecha/izquierda, al pulsar la tecla Alt rota sobre
el eje Z.

El segundo botón hace rotar al objeto sobre el eje Z (igual que el botón anterior
pulsando Alt).

265
 CESAR ANTE TORRES

El tercer botón mueve el objeto hacia derecha/izquierda y arriba/abajo, para moverlo

hacia adelante/atrás pulsar la tecla Alt. Es similar al primer botón pero lo que se mueve es el
punto de vista de la cámara.

El cuarto botón es similar al anterior, mueve el punto de vista de la cámara hacia

derecha/izquierda y hacia adelante/atrás.

El quinto botón cambia la escala del objeto.

18.6. Iluminación 3D
En Photoshop no sólo podemos representar la geometría de un objeto 3D, también
podemos representar las sombras que genera según la posición de la luz que recibe. Al representar
las sombras el objeto adquiere mayor realismo.

Por defecto un objeto está iluminado por una luz infinita, pero podemos añadirle luces de más
tipos: luz puntual y luz de foco. En la siguiente imagen el objeto está iluminado por dos luces infinitas,
un foco y una luz puntual.

Para añadir una nueva luz basta hacer clic en el botón inferior y nos preguntará qué tipo de luz
deseamos crear. Para eliminar una luz hay que seleccionarla y pulsar el botón de la papelera.

Una vez creada una luz podemos indicar la dirección de la luz haciendo clic en la fila del panel 3D
correspondiente a esa luz, aparecerá un control gráfico como el que vemos en la siguiente imagen.
Haciendo clic y moviendo el extremo del control podemos variar la dirección desde la que se emite la
luz.

266
 CESAR ANTE TORRES

Al hacer clic en la fila del panel 3D correspondiente a la luz también aparecerá el panel de
propiedades que vemos en la imagen siguiente.

Desde este panel podemos cambiar el tipo de luz, su color, intensidad, si produce o no sombra sobre
el fondo y el grado de suavizado de la luz.

La luz por defecto es la luz infinita que tiene el origen en el infinito y sus rayos de luz son paralelos,
sería el equivalente de la luz solar.

La luz puntual tiene el origen en un punto más cercano y sus rayos tienen forma de cono. Sería el
equivalente de una bombilla.

El foco es una luz concentrada en un punto y en la que podemos variar el angulo del haz de luz y el
ángulo del cono. Es el equivalente de enfocar con una linterna una parte del objeto 3D.

18.7. EL ENTORNO Y LA ESCENA

El entorno permite definir propiedades de lo que rodea al objeto 3D. En la siguiente imagen podemos
ver estas propiedades.

267
 CESAR ANTE TORRES

Las propiedades que podemos definir en la escena son las que puedes ver en la siguiente imagen.
Los ajustes preestablecidos afectan a la forma de representar el objeto 3D y podemos elegir entre una
larga lista que contiene vistas en forma de malla metálica, máscara de pintura, vértices sombreados, ...

268
 CESAR ANTE TORRES

Si marcamos la casilla Sección transversal aparecerá el objeto partido por la mitad.

18.8. INTERPRETAR Y RENDERIZAR

Como hemos dicho un objeto 3D está formado por vectores, no por pixeles, y tiene definidas unas
características de iluminación, textura y mallas. Una vez hemos acabado de diseñar un objeto 3D hay
que someterle a un proceso para que todo esto se aplique de forma precisa, este proceso es la
interpretación.

Para ello debemos ir al menú 3D → Interpretar.

Una vez finalizada la interpretación tendremos una imagen de más calidad con los bordes mejor
definidos y las sombras mejor calculadas.

Es un proceso lento que puede tardar varios minutos dependiendo de la potencia del ordenador y de
la tarjeta gráfica, por lo tanto es conveniente realizar la interpretación una vez hayamos acabado
totalmente de diseñar nuestro objeto 3D.

En el menú Edición → Preferencias 3D podemos elegir la calidad de la sombra.

Por último, el proceso de Rasterizar convierte la capa 3D en una capa normal, y el objeto 3D
formado por vectores en una imagen de mapa de bits.

El objeto 3D deja de existir y ya no podremos realizar cambios de las propiedades del modelo 3D,
como cambiar la posición o la textura, por esto conviene guardar una copia de la versión 3D antes de
rasterizarla.

Para rasterizar hay que salir de la herramienta Mover y pulsar con el botón derecho sobre el objeto
3D y elegir Rasterizar en el menú contextual.

Ejercicios unidad 18: Objetos 3D en Photoshop

Ejercicio 1: Lata con etiqueta

1. Crea un objeto 3D como el que ves en la siguiente imagen. Para crear el objeto utiliza la
opción Nueva malla a partir de capa → Ajuste preestablecido de malla → Soda
2. Para la imagen del material abre el archivo etiqueta_lata_aulaClic.jpg de la carpeta
de ejercicios del curso

269
 CESAR ANTE TORRES

Si no tienes muy clara la solución, en este vídeotutorial encontrarás ayuda .

Si no puedes ver el vídeo inténtalo de nuevo con un navegador compatible con HTML5, como Google
Chrome, IE 10, ... o puedes ver el vídeo en YouTube.

UNIDAD 19. VÍDEO (I)

19.1. INTRODUCCIÓN

En esta versión CS6, Photoshop ha mejorado bastante el tratamiento del vídeo. Ahora ya se
puede utilizar Photoshop para realizar las tareas básicas de edición de vídeo sin necesidad de recurrir
a otros programas específicos para esa tarea.

Nuevas funciones:

- Línea de tiempo similar a los programas especializados en edición de vídeo como Adobe Premier.

- Nuevos formatos para importar y exportar vídeo.

- Nuevas funciones para cortar y editar vídeo, así como transiciones y efectos.

A continuación puedes ver un vídeo en mp4 realizado con Photoshop a partir de un vídeo tomado
con una cámara de fotos en formato .AVI. En este vídeo se han cortado y pegado varios fragmentos de
vídeo con transiciones, se ha añadido texto e incluso se ha realizado un efecto pictórico sobre un
fragmento. A lo largo de esta unidad veremos cómo hacerlo.

Si no puedes ver el vídeo inténtalo de nuevo con un navegador compatible con HTML5, como Google
Chrome, IE 10, ... o puedes ver el vídeo en YouTube.

270
 CESAR ANTE TORRES

19.2. Línea de Tiempo

La línea de tiempo es el panel específico para manejar los vídeos dentro de Photoshop.

Como puedes ver en la siguiente imagen la línea de tiempo tiene un aspecto similar a los programas
especializados en edición de vídeo como Adobe Premier.

Consta de varias líneas horizontales llamadas pistas donde colocar los elementos que intervienen en
el vídeo. Pueden ser pistas de vídeo o de audio. En la pistas de vídeo también podemos poner fotos,
gráficos, texto, etc. Por ejemplo, en la imagen anterior en la pista de vídeo Tórtola en aulaClic hay una
capa de texto. Con las pistas de vídeo ocurre igual que con las capas, la situada más arriba tapa a la
de abajo. En la imagen la capa de texto que está en la parte de arriba tiene fondo transparente para
permitir ver la capa inferior.

En la parte superior hay una escala de tiempo y sobre ella está el cabezal reproductor que indica en
qué fotograma del vídeo nos encontramos. El vídeo se visualiza en la zona de trabajo de Photoshop.

En la parte izquierda están los controles para reproducir el vídeo (avanzar, retroceder, reproducir, ...
) y los botones Dividir y Transición que veremos más adelante.

19.3. Abrir y Colocar vídeo

Para abrir un archivo de vídeo en Photoshop sólo tenemos que ir al menú Archivo → Abrir y
seleccionar un archivo de vídeo de un formato compatible con Photoshop.

Otra posibilidad es crear un archivo nuevo y en Predefinir seleccionar Película y vídeo y

en Tamaño elegir el adecuado al tipo de vídeo que vamos a usar. Por ejemplo en la siguiente imagen
hemos elegido HDV 1080p/29,97

271
 CESAR ANTE TORRES

A continuación ir a Archivo → Colocar y seleccionar el archivo que queremos abrir.

Una vez tenemos un archivo de vídeo abierto podemos agregar más vídeos con el
comando Abrir → Colocar ...

También podemos agregar vídeos desde el botón + de la parte derecha de las pistas de vídeo.

19.4. Cortar Y Pegar Vídeo

Una de las funciones más usadas al editar vídeo es modificar la duración del vídeo y añadir trozos
de vídeo en el orden que queramos. Estas funciones están muy bien resueltas en el editor de vídeo de
Photoshop.

Recortar por los extremos.

Basta colocar el cursor en el principio o en el final del vídeo y el cursor tomará esta forma en
ese momento hay que hacer clic y arrastrar hasta la posición que queramos. Para ayudarnos a recortar
con más precisión, al hacer clic aparecerá una ventana mostrando el fotograma correspondiente, tal y
como se puede ver en la siguiente imagen.

272
 CESAR ANTE TORRES

Cortar por el centro.

Para eliminar un trozo de vídeo de la parte central debemos hacerlo en dos pasos: Primero
seleccionamos el vídeo haciendo clic sobre él (veremos un fino recuadro a su alrededor) y colocamos
el cabezal reproductor en la posición deseada y finalmente pulsamos el botón Dividir en cabeza
lectora . Esto dividirá el vídeo en dos trozos. Ahora basta aplicar el segundo paso que consiste en
colocarse en el punto que hemos dividido y recortar hacia la derecha el segundo trozo que ha quedado
de la división Las dos partes del vídeo dividido quedarán una al lado de la otra sin ninguna separación
de tiempo.

Otra forma de hacer lo mismo es dividir el vídeo dos veces, con lo cual tendremos tres fragmentos,
y eliminar el fragmento central.

Una característica importante de la herramienta para recortar que acabamos de ver es que no es
destructiva. Es decir, si después de recortar y hacer otras cosas nos lo pensamos mejor, podemos
volver a la zona recortada y hacer clic y arrastrar en sentido inverso para recuperar el trozo eliminado.

Pegar.

Para pegar un fragmento de vídeo detrás de otro lo único que tenemos que hacer es seleccionar el
fragmento y arrastrarlo a continuación del vídeo que deseemos. Ambos fragmentos pueden estar en la
misma pista de vídeo o en distintas pistas. Es decir para pegar vídeo lo único que tenemos que hacer
es colocarlo en la línea de tiempo a continuación del momento que queramos. Para traer nuevos vídeos
debes utilizar el comando Colocar o el botón +, como ya hemos explicado anteriormente.

19.5. TRANSICIONES
Una transición permite pasar de un elemento a otro de forma suave. Puede haber transiciones
para pasar de un fragmento de vídeo a otro, o para para pasar de un texto a un vídeo, fotografía, etc.
La transición puede ser de inicio o de finalización según la coloquemos al principio o al final del
fragmento, esto lo hace Photoshop de forma automática.

273
 CESAR ANTE TORRES

Si colocamos la transición al inicio de un fragmento comenzará en fondo transparente para

gradualmente ir pasando a la imagen del vídeo (o del texto, fotografía, ...) Como veremos a continuación
en lugar de transparente se puede elegir un color.

Si colocamos la transición al final de un fragmento la imagen se irá desvaneciendo hasta quedar en

fondo transparente.

Es conveniente colocar transiciones siempre que se pase de un vídeo a otro para evitar saltos
bruscos en la imagen.

Para crear una transición hay que hacer clic en el icono Transición para que se abra una ventana
flotante como la que ves en la siguiente imagen.

Ahora hay que elegir la transición que queramos y arrastrarla a la pista que deseemos y en el instante
de la línea de tiempo que queramos. Veremos como aparece un icono en forma de triángulo en el punto
donde hemos colocado la transición, tal y como puedes ver en la siguiente imagen.

Al crear la transición podemos elegir su duración modificando el campo Duración. Una vez creada
también podemos cambiar la duración colocando el cursor en el icono de la transición y arrastrando el
cursor hacia la izquierda o derecha. En la siguiente imagen puedes ver un ejemplo.

Los diferentes tipos de transición son:

- Transición. Es la transición estándar, parte de un fondo transparente, si es una transición de inicio,

o acaba en un fondo transparente, si es una transición de finalización.

274
 CESAR ANTE TORRES

- Transición transversal. Se utiliza para unir dos fragmentos, equivale a poner una transición de
finalización y otra de inicio, son con fondo transparente.

- Transición con negro. Es igual que la transición estándar pero en lugar de acabar o empezar con
fondo transparente, lo hace en color negro.

- Transición con blanco. Es igual que la transición estándar pero en color blanco.

- Transición con color. Es igual que la transición estándar pero en el color que nosotros definimos en
la ventana emergente.

En cualquier transición, si hacemos clic con el botón derecho en el icono de la transición aparece
una ventana emergente en la que podemos modificar las propiedades de la transición: el tipo, la
duración y el color (en su caso), también podemos eliminar la transición.

19.6. TEXTO EN UN VÍDEO

Para añadir texto a un vídeo debemos crear una Capa de Texto y colocarla en la línea de tiempo
encima del vídeo, como el fondo de la capa de texto es transparente, se verá el texto y debajo el vídeo.

Si queremos ver sólo el texto colocaremos debajo una capa del color que deseemos.

A la capa de texto podemos aplicarle los efectos y filtros que deseemos, como a cualquier capa de
texto. En la imagen que ves a continuación se le ha aplicado un efecto de bisel y relieve.

En la siguiente imagen se puede ver la línea de tiempo con una capa de texto situada encima de la
pista de vídeo.

El efecto que produce lo puedes ver en la siguiente imagen.

275
 CESAR ANTE TORRES

19.7. SONIDO EN UN VÍDEO

Para añadir audio a un vídeo podemos incluir archivos de sonido en la Pistas de sonido. Si hemos
grabado en vídeo con sonido, ese sonido estará incluido en la propia pista de vídeo, no se creará para
él una pista propia de sonido, de forma que no podemos editar ese sonido de forma independiente.

Photoshop no tiene editor de sonido de forma que los sonidos que incluyamos en el vídeo ya deben
venir bien acabados. Lo único que podemos hacer es aumentar o disminuir el volumen, difuminado y
desaparecer. Para utilizar estas posibilidades debemos hacer clic con el botón derecho en la pista de
sonido para que aparezca la siguiente ventana.

En la pista de audio tenemos el botón para silenciar el audio y el botón que abre el
desplegable que ves a continuación y que permite Añadir sonido (importar archivo de audio) Eliminar
clip de audio (borra el clip seleccionado) Reemplazar clic de audio(sustituye por otro archivo de
audio) Nueva pista de audio y Eliminar pista.

276
 CESAR ANTE TORRES

19.8. EFECTOS Y FILTROS PARA VÍDEOS

La gran ventaja de editar vídeo con Photoshop es poder aplicar muchas de las herramientas del
programa al vídeo. Por ejemplo, los fiitros. Esto nos permite grandes posibilidades creativas. También
podemos aplicar los filtros y efectos a las capas de texto, así como a otros elementos, por ejemplo, las
formas predeterminadas. Así podremos incluir en el vídeo diversas formas como flechas, estrellas,
corazones, ...

Antes de aplicar un filtro a un fragmento de vídeo hay que convertir la capa que lo contiene en objeto
inteligente desde Filtro → Convertir para filtros inteligentes

A partir de ese momento podemos aplicar a la capa filtros y estilos de capa que afectarán a todo el
vídeo de la capa.

Por ejemplo, en la siguiente imagen puedes ver como la capa DSC_0257 tiene aplicado un filtro
inteligente y galeria de filtros, concretamente se ha aplicado el filtro Trazos de pastel, en la parte
izquierda se puede ver el efecto del filtro sobre el vídeo.

En la misma imagen también se aprecia como a la capa de texto Tórtola en aulaClic se le ha

aplicado un efecto de Bisel y relieve, con el resultado que se aprecia en la imagen siguiente.

277
 CESAR ANTE TORRES

19.9. PUBLICAR EL VÍDEO

Una vez tenemos acabado el vídeo debemos guardarlo como un archivo .PSD por si más adelante
queremos modificarlo y a continuación debemos crear un archivo en uno de los formatos de vídeo
disponibles. A este proceso se le suele llamar generar o renderizar el vídeo, pero Photoshop lo ha
llamado Interpretar. Para hacerlo hay que ir a Archivo → Exportar → Interpretar vídeo.

Nos aparecerá la siguiente pantalla para fijar los parámetros del proceso de interpretar el vídeo.

278
 CESAR ANTE TORRES

Aunque este cuadro de diálogo tiene muchos parámetros, Photoshop los ajusta inicialmente a las
características del documento por lo que bastaría elegir la calidad que queremos de las tres que nos
ofrece (Calidad alta, media o baja) y dejar el valor por defecto en los demás parámetros.

Hay bastante diferencia en el tamaño del archivo generado entre elegir calidad alta y baja, este último
puede ocupar hasta cuatro veces menos. Puede ser interesante generar en las dos calidades y
comprobar el resultado ya que la perdida de calidad puede no ser muy grande y si tenemos que subir
el archivo a Internet nos interesará que no sea de un tamaño demasiado grande.

En Formato podemos elegir entre H.264 y DPX. El más común es H.264 que nos genera un archivo
con extensión .mp4

Una vez fijado el formato H.264 en el campo Predefinir podemos seleccionar una de las calidades,
como deciamos antes, o si tenemos muy claro donde vamos a utilizar el vídeo podemos elegir una de
la opciones que se nos presentan según el dispositivo y la resolución, tal y como puedes ver en la
siguiente imagen.

279
 CESAR ANTE TORRES

Por ejemplo, si vas a subir el vídeo a YouTube basta con que selecciones una de las opciones
existentes para YouTube dependiento de la resolución de tu vídeo.

En el caso que queramos cambiar el tamaño del vídeo generado podemos seleccionar el valor A
medida en el campo Tamaño y escribir los valores de anchura y altura. Por ejemplo, si hemos
capturado el vídeo a 1280 x 720 podemos escribir los valores de 640 x 360 y el vídeo quedará generado
a la mitad del tamaño original.

Ejercicios unidad 19: Vídeo

Ejercicio 1: Editar víedo

1. Abre el archivo ejemplo_vídeo.mp4 de la carpeta de ejercicios del curso.

2. Deberás crear un texto en la parte central del vídeo con un efecto de sombra paralela. Corta el
vídeo en tres fragmentos, deberás aplicarle el filtro "Bordes acentuados" al fragmento central. El
vídeo debe quedar más o menos como el que puedes ver a continuación.

Si no puedes ver el vídeo inténtalo de nuevo con un navegador compatible con HTML5, como Google
Chrome, IE 10, ... o puedes ver el vídeo en YouTube.

280