Manual de Diseño Gráfico

Edición a cargo de Escuela de Tecnologías de la Información (ETI).

Programa De Computación, Diseño y Extensión.

Dirección del Programa : Leonardo Noblecilla Mirano

Elaboración : Luis Miguel Pallin Tello

: Giancarlos Barboza Nieto
: María Susana Fuentes

Los derechos de la edición, distribución y comercialización de este material son de

Exclusividad del Instituto Sise.
 PRESENTACIÓN

Esta guía didáctica es un material de ayuda institucional, perteneciente al Área

Técnica de Computación, y que tiene por finalidad proporcionar los
conocimientos de diseño de imágenes usando Adobe Photoshop CC.

Photoshop es una aplicación informática en forma de taller de pintura y fotografía

que trabaja sobre un "lienzo" y que está destinado para la edición, retoque
fotográfico y pintura a base de imágenes de mapa de bits (o gráficos
rasterizados).

Es un producto elaborado por la compañía de software Adobe Systems,

inicialmente para computadores Apple pero posteriormente también para
plataformas PC con sistema operativo Windows.

Photoshop en sus versiones iniciales trabajaba en un espacio bitmap formado

por una sola capa, donde se podían aplicar toda una serie de efectos, textos,
marcas y tratamientos. En cierto modo tenía mucho parecido con las
tradicionales ampliadoras. En la actualidad lo hace con múltiples capas.

A medida que ha ido evolucionando el software ha incluido diversas mejoras

fundamentales, como la incorporación de un espacio de trabajo multicapa,
inclusión de elementos vectoriales, gestión avanzada de color (ICM / ICC),
tratamiento extensivo de tipografías, control y retoque de color, efectos creativos,
posibilidad de incorporar plugins de terceras compañías, exportación para web
entre otros.

La Organización SISE, líder en la enseñanza tecnológica a nivel superior,

promueve la elaboración de estos materiales de aprendizaje, en concordancia a
las actuales exigencias tecnológicas de nuestros tiempos, esperando que sirvan
de ayuda para facilitar el proceso de aprendizaje de los estudiantes.
ÍNDICE
 Presentación

 Contenido.

 Sesión 01……………………………………………………………………......... 01
Conociendo el entorno de Adobe Photoshop CC
Utilizarlas herramientas
Usar la barra de opciones y otros paneles
Deshacer acciones en Photoshop CC
Personalizar el área de trabajo
Foto correcciones Básicas 1
Estrategias para retocar
Resolución y tamaño de imagen
Ajustar el color en Camera Raw
Enderezar y cortar imagen en Photoshop
Reemplazar colores en una imagen
Guardar la imagen para impresión a cuatro tintas
Ejercicio.

 Sesión 02……………………………………………………………………......... 31
Herramientas de selección
Mover un área seleccionada
Manipular selecciones
Usar la herramienta Varita mágica
Seleccionar con la herramienta Lazo
Rotar una selección
Seleccionar con la herramienta Lazo magnético
Relleno según el contenido
Ejercicio.

 Sesión 03……………………………………………………………………......... 44
Trabajar con Capas
Utilizar el panel de capas 1
Nueva Capa.
Duplicar Capa.
Capa de Relleno.
Objetos Inteligentes.
Opacidad de Capa.
Rellenos sólidos y degradados.
Aplicar un gradiente a una capa
Aplicar relleno solido
Ejercicio.
 Sesión 04……………………………………………………………………......... 68
Utilizar el panel de capas 2
Rasterizar.
Agrupar, desagrupar, enlace de capas.
Combinar capas.
Alinear.
Bloquear Capas.
Aplicar un estilo a una capa
Añadir una capa de ajuste
Efectos de capa
Añadir un borde
Ejercicio.

 Sesión 05……………………………………………………………………......... 86
Diseño Tipográfico (texto)
Acerca de la tipografía
Mascara de texto
Escribir sobre un trazo
Texto de párrafo
Diseñar párrafos de tipografía
Ejercicio

 Sesión 06……………………………………………………………………......... 97
PRACTICA CALIFICADA

 Sesión 07……………………………………………………………………......... 98
Corrección de imágenes
Ajustar saturación con la herramienta Esponja
Reparar áreas con la herramienta tampón de clonar
Aplicar el filtro Mascara de enfoque
Novedad CC: Estabilizador de imágenes de cámara
Ejercicio

 Sesión 08……………………………………………………………………........106
Corregir y Mejorar fotografías digitales
Acerca de archivos de Camera Raw
Procesando archivos en Camera Raw
Aplicando corrección de color avanzada
Corrigiendo fotografías digitales en Photoshop
Pincel Corrector
Corrección de ojos rojos
Ejercicio
 Sesión 09……………………………………………………………………........115
Máscaras y Canales
Trabajar con máscaras y canales
Crear una máscara
Mascara Vectorial
Crear una máscara rápida
Trabajar con canales

 Sesión 10……………………………………………………………………........128
Técnicas de Dibujo de Vectores
Acerca de imágenes de bitmap y gráficos vectoriales
Trabajar con formas personalizadas definidas
Novedad CC: Rectángulos redondeados editables

 Sesión 11……………………………………………………………………........136
Mejorando los ajustes de imagen
Ajustes automáticos
Curvas
Niveles
Tono y Saturación
Equilibrio de Color

 Sesión 12……………………………………………………………………........142
EXAMEN PARCIAL

 Sesión 13……………………………………………………………………........143
Composición Avanzada 1
Aplicar filtros., Aplicar Filtros Inteligentes
Modos de Fusión

 Sesión 14……………………………………………………………………........161
Composición Avanzada 2
Añadir sombras
Procesamiento de un lote de archivos
Automatizar procesos multipasos
Pegarlas piezas de un panorama
Novedad CC: Enfoque suavizado

 Sesión 15……………………………………………………………………........178
Herramienta de trazados
Acerca de trazados, Rellenar trazado.
Contornear Trazado, Seleccionar trazado.
 Sesión 16……………………………………………………………………........189
Pintar
Seleccionar ajustes de pincel,Acerca del mezclador de pinceles
Crear pincel
Herramienta Sobreexponer y subexponer.
Herramienta desenfocar, enfocar, dedo.

 Sesión 17……………………………………………………………………........204
Acciones

 Sesión 18……………………………………………………………………........208
PRACTICA CALIFICADA

 Sesión 19……………………………………………………………………........209
Opciones adicionales
Galería de fotografías web, Crear sectores
Guardar para Web, Usando la función Zoomify

 Sesión 20……………………………………………………………………........216
Posibilidades de 3D en Photoshop CC 1.
Ajustes en Photoshop para 3D.
Extruyendo textos 3D
Composición de la escena.
Construyendo objetos 3D.
Ajuste de Materiales.
Cámara.
Aplicando material de textura.
Combinando capas 3D a 2D.
Interpretación.

 Sesión 21……………………………………………………………………........246
Posibilidades de 3D en Photoshop CC 2.
Iluminación de la escena.
Posición de luces.
Pintar modelos 3D.
Diferentes técnicas de pintura.

 Sesión 22……………………………………………………………………........260
Animaciones.
Reconocer la línea tiempo.
Importar videos, Editar videos
Animaciones por fotogramas.
Rasterización de capas de vídeo

 Sesión 23……………………………………………………………………........269
Presentación de proyectos finales

 Sesión 24……………………………………………………………………........270
EVALUACIÓN FINAL
 Sesión 01

Temas:
Conociendo el entorno de Adobe
Photoshop CC
Utilizarlas herramientas.
Usar la barra de opciones y otros
paneles.
Deshacer acciones en Photoshop CC.
Personalizar el área de trabajo.
Foto correcciones Básicas 1
Estrategias para retocar.
Resolución y tamaño de imagen.
Ajustar el color en Camera Raw.
Enderezar y cortar imagen en Photoshop.
Reemplazar colores en una imagen.
Guardar la imagen para impresión a cuatro tintas.
Ejercicio.
Competencias:

CC
Conocer las aplicaciones Básicas en Photoshop.
ADOBE PHOTOSHOP CC

CONOCIENDO EL ENTORNO DE ADOBE PHOTOSHOP CC

Es la mejor herramienta de retoque fotográfico y diseño artístico que existe actualmente

en el mercado. Con su integración en la nube, es posible sincronizar sus preferencias
independientemente del lugar o del equipo en el que se encuentre.

MODOS DE COLOR
RGB (rojo, verde y azul): Si se trabaja con una imagen destinada a ser visualizada en
pantalla, entonces este es el tipo de color adecuado para trabajar.

CMYK (cian, magenta, amarillo y negro): Este modo de color lo utilizaremos si la

imagen a trabajar será impresa.

ESPACIO DE TRABAJO DE PHOTOSHOP

El espacio de trabajo de Photoshop es muy fácil de usar e incluye diversas opciones
con este propósito:

 Distintos niveles de brillo: elija Edición > Preferencias (Windows) o Photoshop >
Preferencias (Mac OS) y seleccione una muestra de Tema de color en la sección
Interfaz.

 Pantallas en las imágenes: reciba información mientras usa sus herramientas

favoritas. Las pantallas en las imágenes muestran dimensiones de selección,
ángulos de transformación y mucho más. Para cambiar la posición de las
pantallas, elija una opción en Mostrar valores de transformación en las
preferencias de Interfaz.
 Nuevo Mini Bridge: la nueva galería de Mini Bridge facilita el acceso a imágenes
y documentos. Elija Ventana > Extensiones > Mini Bridge.

Página 2
 ADOBE PHOTOSHOP CC

 Espacio de pantalla maximizada: haga clic en el botón situado en la parte inferior

de la barra de herramientas para cambiar entre los modos de pantalla Estándar
y Pantalla completa.

NUEVO LIENZO
Nos dirigimos al menú Archivo / Nuevo o ctrl + N.

 Nombre: Definimos un nombre para nuestro trabajo.

 Predefinir: elegimos un tipo de hoja predeterminado por el programa.

 Anchura y Altura: Colocamos de manera personal las medidas de la hoja a

trabajar, al lado de esta definimos si las medidas serán en pixeles, milímetros,
centímetro, metro.

Página 3
ADOBE PHOTOSHOP CC

 Resolución: Esta es una de las partes más importantes de nuestro documento,

ya que depende de la resolución si nuestro trabajo se podrá agrandar sin afectar
la nitidez del diseño. También encontraremos ubicado a su lado el tipo de
medida, pixeles/pulgada (PPP) o pixeles/ centímetro.

 Modo de color: Aquí decidimos si trabajaremos en modo de color RGB, CMYK,

escala de grises, etc. A su costado encontraremos las opciones de color como 8
bits, 16 bits o 32bits. Claro que esto aunque se puede escoger libremente,
depende también del soporte de la tarjeta gráfica.

 Contenido de fondo: Decidimos si trabajaremos en una hoja en blanco o en

una hoja con un color personalizado.

 Avanzado: Acá se elige el perfil de color y la proporción de pixeles.

UTILIZAR LAS HERRAMIENTAS

Se encuentra ubicado en el lado izquierdo de la ventana de Photoshop.

 H. mover
 marco rectangular
 Lazo
 H. selección rápida y varita
mágica
 H. recortar
 Cuenta gotas
 H. pincel
 Tampón de clonar
 Borrador
 H. degradado y bote de
pintura
 H. texto
 H. rectángulo
 Color frontal y fondo (cuadro
de color)

SELECCIÓN DE COLORES EN EL CUADRO DE HERRAMIENTAS

El color frontal actual aparece en el cuadro superior de selección de color del cuadro
de herramientas y el de fondo, en el cuadro inferior.

A. Icono Colores por defecto B. Icono Conmutar colores C. Cuadro de

color frontal D. Cuadro de color de fondo

Página 4
 ADOBE PHOTOSHOP CC

 Para cambiar el color frontal, haga clic en el cuadro superior de selección de

color en el cuadro de herramientas y elija un color en el Selector de color de
Adobe.
 Para cambiar el color de fondo, haga clic en el cuadro inferior de selección de
color en el cuadro de herramientas y elija un color en el Selector de color de
Adobe.
 Para invertir los colores frontal y de fondo, haga clic en el icono Conmutar colores
del cuadro de herramientas.
 Para restaurar los colores frontal y de fondo por defecto, haga clic en el icono
Colores por defecto del cuadro de herramientas.

SELECCIÓN DE COLORES CON LA HERRAMIENTA CUENTAGOTAS

La herramienta Cuentagotas permite tomar muestras de color para designar un nuevo
color frontal o de fondo. Puede tomar muestras de la imagen activa o de cualquier otra
parte de la pantalla.

 Seleccione la herramienta Cuentagotas .

 En la barra de opciones, cambie el tamaño de la muestra del cuentagotas
mediante la selección de una opción en el menú Tamaño de muestra:

A. De 1 punto B. Muestra de promedio de 5 x 5

DESCRIPCIÓN GENERAL DEL SELECTOR DE COLOR DE ADOBE

En el Selector de color de Adobe, los colores se eligen según cuatro modelos de color:
HSB, RGB, Lab y CMYK. Utilice el Selector de color de Adobe para definir el color
frontal, el color de fondo y el color del texto.

Página 5
ADOBE PHOTOSHOP CC

A. Color seleccionado B. Color original C. Color ajustado D. Icono de alerta de fuera de gama E.
Icono de alerta de un color no compatible con Web F. Solo muestra colores compatibles con Web
G. Campo de color H. Regulador de color I. Valores de color

BARRA DE MENU
Se ubica en la parte superior de la ventana de Photoshop, desde aquí se puede acceder
a diferentes opciones como archivo, guardar, cerrar, capa, selección, 3D, vista, ventana,
etc.

BARRA DE OPCIONES
Esta barra la encontramos debajo de la barra de menú, en esta barra se encuentran la
opciones de todas la herramientas que se usan en Photoshop, la cual cambia según sea
la herramienta activa.

Página 6
 ADOBE PHOTOSHOP CC

PESTAÑA DE DOCUMENTO
Es un rectángulo pequeño que aparece cuando creamos o abrimos un documento, en
esta pequeña ventana se encuentra el nombre o título del documento, y a su lado el
modo de imagen en que se está trabajando, este puede ser RGB, CMYK, escala de
grises, etc. Y también el tamaño de zoom en la q se está trabajando.

AREA DE TRABAJAO
Es el documento en blanco o la imagen en la que se va a trabajar.
En pocas palabras es el lugar de trabajo, en la ventana de Photoshop.

Página 7
ADOBE PHOTOSHOP CC

USAR LA BARRA DE OPCIONES Y OTROS PANELES

PANELES FLOTANTES
Se ubica en el lado derecho de la ventana de Photoshop, se le denomina como flotante
porque también puede salir del grupo de paneles y colocarlo de manera flotante encima
de la hoja o mesa de trabajo.

 Colores
 Ajustes
 Capas
 Trazado
 Historial
 Propiedades
 Carácter
 Estilos
 Muestras de pinceles

Se pueden agregar o quitar paneles desde el menú Ventana

VISUALIZACIÓN DE OPCIONES DE PANEL

 Haga clic en el icono de menú del panel situado en la esquina superior
derecha.
 Puede abrir un menú de panel incluso cuando el panel está minimizado.

Página 8
 ADOBE PHOTOSHOP CC

RECONFIGURACIÓN DEL PANEL HERRAMIENTAS

Puede mostrar las herramientas del panel Herramientas en una columna única o unas
junto a las otras en dos columnas.

 Haga clic en la doble flecha de la parte superior del panel Herramientas.

CONTRACCIÓN Y EXPANSIÓN DE ICONOS DE PANELES

Puede contraer los paneles a iconos para reducir la acumulación de elementos en el
espacio de trabajo. En algunos casos, los paneles se contraen a iconos en el espacio
de trabajo por defecto.

Página 9
ADOBE PHOTOSHOP CC

GESTIÓN DE VENTANAS Y PANELES

Puede crear un espacio de trabajo personalizado moviendo y manipulando los paneles
y las ventanas Documento. También puede guardar espacios de trabajo y pasar de uno
a otro.

Movimiento de paneles
Conforme mueve paneles, verá zonas de colocación resaltadas en azul, áreas en las
que puede mover el panel. Por ejemplo, puede mover un panel hacia arriba o hacia
abajo en un conjunto acoplado arrastrándolo a la zona de colocación azul estrecha
encima o debajo de otro panel.

 Para mover un panel, arrástrelo por su

ficha.
 Para mover un grupo de paneles,
arrastre su barra de título.

La zona de colocación azul estrecha indica que el

panel Color se acoplará por sí mismo encima del
grupo de paneles Capas.
A. Barra de título B. Ficha C. Zona de colocación

ACOPLAMIENTO Y DESACOPLAMIENTO DE PANELES

 Para acoplar un panel, arrástrelo por su ficha al conjunto apilado, a la parte

superior, a la parte inferior o entre otros paneles.
 Para acoplar un grupo de paneles, arrástrelo por su barra de título (la barra vacía
sólida que se encuentra encima de las fichas) al conjunto acoplado.
 Para quitar un panel o grupo de paneles, arrástrelo fuera del conjunto acoplado
por su ficha o barra de título. Puede arrastrarlo a otro conjunto acoplado o hacer
que flote con libertad.

ADICIÓN Y ELIMINACIÓN DE PANELES

Si quita todos los paneles de un conjunto acoplado, este desaparece. Para crear un
conjunto acoplado, mueva paneles hacia el borde derecho del espacio de trabajo hasta
que aparezca una zona donde soltarlos.

Página 10
 ADOBE PHOTOSHOP CC

 Para quitar un panel, haga clic con el botón derecho (Windows) o pulse Control
y haga clic (Mac OS) en su ficha y elija Cerrar o bien deselecciónelo en el menú
Ventana.
 Para añadir un panel, selecciónelo en el menú Ventana y acóplelo donde desee.

APILADO DE PANELES FLOTANTES

Cuando arrastra un panel fuera de su conjunto apilado pero no a una zona de
colocación, el panel flota con libertad. Los paneles flotantes se pueden situar en
cualquier lugar del espacio de trabajo. Puede apilar paneles flotantes o grupos de
paneles de manera que se muevan como una unidad cuando arrastra la barra de título
que se encuentra más arriba.

Paneles apilados flotantes de libre movimiento

 Para apilar paneles flotantes, arrastre un panel por su ficha a la zona de

colocación en la parte inferior de otro panel.
 Para cambiar el orden de apilado, arrastre un panel arriba o abajo por su ficha.

CAMBIO DEL TAMAÑO DE LOS PANELES

Para minimizar o maximizar un panel, un grupo de paneles o una pila de paneles, haga
doble clic en una ficha. También puede hacer doble clic en el área de las fichas (el
espacio vacío que hay junto a ellas).

DESHACER ACCIONES EN PHOTOSHOP CC

Página 11
ADOBE PHOTOSHOP CC

Puede utilizar el panel Historia para ir a cualquier estado reciente de la imagen creado
durante la sesión de trabajo actual. Cada vez que aplica un cambio a una imagen, el
nuevo estado de esa imagen se añade al panel.

Para mostrar el panel Historia, seleccione Ventana > Historia o haga clic en la ficha del
panel Historia.

A. Define el origen del pincel de historia.

B. Miniatura de una instantánea
C. Estado de historia
D. Regulador de estado de historia

PERSONALIZAR EL ÁREA DE TRABAJO

VISUALIZACIÓN DE ESPACIOS DE TRABAJO

Seleccione un espacio de trabajo en el conmutador de espacios de trabajo de la barra
de la aplicación.

ELIMINACIÓN DE UN ESPACIO DE TRABAJO PERSONALIZADO

Seleccione Administrar espacios de trabajo en el conmutador de espacios de trabajo de
la barra de la aplicación, seleccione el espacio de trabajo y, a continuación, haga clic en
Eliminar.

Página 12
 ADOBE PHOTOSHOP CC

FOTO CORRECCIONES BÁSICAS 1

ESTRATEGIAS PARA RETOCAR

Recortar es el proceso de eliminar partes de una imagen para crear un enfoque o

reforzar la composición. Utilice la herramienta Recortar para recortar y enderezar
imágenes en Photoshop. Las herramientas de recorte en Photoshop CC y CS6 no son
destructivas y puede optar por conservar los píxeles recortados para optimizar los límites
de recorte más tarde. La herramienta Recortar también proporciona métodos intuitivos
para enderezar la imagen al recortar.

RESOLUCIÓN Y TAMAÑO DE IMAGEN

La resolución de una imagen indica cuánto detalle puede observarse en esta. El término
es comúnmente utilizado en relación a imágenes de fotografía digital, pero también se
utiliza para describir cuán nítida es una imagen de fotografía. Tener mayor resolución
se traduce en obtener una imagen con más detalle o calidad visual.

640 x 647 pixeles 4500 x 4548 pixeles

Página 13
ADOBE PHOTOSHOP CC

DIMENSIONES EN PÍXELES Y LA RESOLUCIÓN DE LA IMAGEN

IMPRESA
Las dimensiones en píxeles miden el número total de píxeles de altura y anchura de la
imagen. La resolución es la precisión del detalle en las imágenes de mapa de bits, que
se mide en píxeles por pulgada (ppp). Cuantos más píxeles por pulgada, mayor
resolución. En general, las imágenes con más resolución producen una calidad de
impresión mejor.

ACERCA DE LA RESOLUCIÓN DEL MONITOR

La medida de la resolución del monitor se expresa en píxeles. Por ejemplo, si la
resolución del monitor y las dimensiones en píxeles de la fotografía tienen el mismo
tamaño, la fotografía llenará toda la pantalla cuando se visualice al 100%. El tamaño de
la imagen en la pantalla depende de una combinación de factores: las dimensiones en
píxeles de la imagen, el tamaño del monitor y el ajuste de resolución del monitor. En
Photoshop, puede cambiar el tamaño de la imagen en pantalla para facilitar el trabajo
con imágenes de cualquier dimensión en píxeles.

Imagen de 620 x 400 píxeles mostrada en monitores de diferentes tamaños y resoluciones.

Al preparar las imágenes para su visualización en la pantalla, debe tener en cuenta la menor
resolución del monitor en la que es probable que se vea la fotografía.

Página 14
 ADOBE PHOTOSHOP CC

ACERCA DE LA RESOLUCIÓN DE LA IMPRESORA

La resolución de la impresora es distinta de la resolución de imagen pero sí están

relacionadas. Al imprimir una fotografía de gran calidad en impresoras de inyección de
tinta, una resolución de imagen de al menos 220 ppp suele ofrecer resultados
aceptables.

A. 65 lpp: trama gruesa que se suele usar para imprimir hojas informativas y vales de tienda
B. 85 lpp: trama promedio que se suele usar para imprimir periódicos
C. 133 lpp: trama de alta calidad que se suele usar para imprimir revistas en cuatricromía
D. 177 lpp: trama muy fina que se usa para informes anuales e ilustraciones en libros de arte

DETERMINACIÓN DE UNA RESOLUCIÓN RECOMENDADA PARA UNA

IMAGEN
Si decide imprimir la imagen utilizando una trama de semitonos, el rango de resoluciones
de imagen adecuadas depende de la frecuencia de trama del dispositivo de salida.
Photoshop puede determinar una resolución de imagen recomendada en función de la
frecuencia de trama del dispositivo de salida.

PASOS:
 Seleccione Imagen > Tamaño de imagen.

Página 15
ADOBE PHOTOSHOP CC

 Haga clic en Automático.

En la opción de encajar elegimos “Resolución automática.”

 En Trama, introduzca la frecuencia de trama para el dispositivo de salida. En

caso necesario, seleccione una unidad de medida distinta. Tenga en cuenta que
el valor de trama se utiliza solo para calcular la resolución de imagen, no para
configurar la trama para impresión.

 En Calidad, seleccione una opción:

Borrador Produce una resolución igual que la frecuencia de trama (no menos de 72
píxeles por pulgada).
Buena Produce una resolución 1,5 veces mayor que la frecuencia de trama.
Óptima Produce una resolución 2 veces mayor que la frecuencia de trama.

VISUALIZACIÓN DEL TAMAÑO DE IMPRESIÓN EN PANTALL A

 Realice una de las siguientes acciones:
 Seleccione Vista > Tamaño de impresión.
 Seleccione la herramienta Mano o la herramienta Zoom y haga clic en Tamaño
de impresión en la barra de opciones.

Página 16
 ADOBE PHOTOSHOP CC

AJUSTAR EL COLOR EN CAMERA RAW

En el cuadro de diálogo Camera Raw, puede realizar ajustes y modificaciones

preliminares para una imagen RAW antes de editarla en Photoshop. Con la opción Vista
previa activada, se puede ver cómo aparece la imagen modificada.

USO DE HISTOGRAMAS Y VALORES RGB EN CAMERA RAW

El histograma de Camera Raw muestra los tres canales (rojo, verde y azul) de la imagen
a la vez. El histograma cambia de forma automática al definir los ajustes en el cuadro
de diálogo Camera Raw.

Conforme mueve la herramienta Zoom, Mano o Equilibrio de blancos sobre la

previsualización de la imagen, puede ver los valores RGB en la esquina superior
derecha del cuadro de diálogo.

Página 17
ADOBE PHOTOSHOP CC

CONTROLES DE EQUILIBRIO DE BLANCOS EN CAMERA RAW

Una cámara digital registra el equilibrio de blancos en el momento de la exposición como
metadatos que puede ver cuando abre el archivo en el cuadro de diálogo de Camera
Raw. Este ajuste suele producir una temperatura de color correcta. Si el equilibrio de
blancos no es del todo correcto, puede realizar ajustes.

La ficha Ajustar del cuadro de diálogo de Camera Raw de Photoshop dispone de los
tres controles siguientes para corregir tintes de color de la imagen:

 Equilibrio de blancos Define el equilibrio de blancos de la imagen para reflejar

las condiciones de iluminación en las que se realizó la fotografía.

 Temperatura Optimiza el equilibrio de blancos a una temperatura de color

personalizada. Establezca la temperatura de color mediante la escala de
temperatura de color Kelvin. Mueva el regulador hacia la izquierda para corregir
fotografías tomadas a una baja temperatura de color de luz: el plugin hace más
fríos (azulados) los colores de la imagen para compensar la baja temperatura de
color (amarillento) de la luz ambiental.

A. Si mueve el regulador Temperatura hacia la derecha, se corrige una fotografía tomada a una
mayor temperatura de color de la luz. B. ·Si mueve el regulador Temperatura hacia la izquierda, se
corrige una fotografía tomada a una menor temperatura de color de la luz. C. Fotografía después
de ajustar la temperatura de color.

Página 18
 ADOBE PHOTOSHOP CC

 Matiz Optimiza el equilibrio de blancos para compensar un matiz verde o

magenta. Mueva el regulador hacia la izquierda (valores negativos) para añadir
verde a la fotografía, o muévalo hacia la derecha (valores positivos) para añadir
magenta.

AJUSTES DE TONO E IMAGEN EN ARCHIVOS RAW DE CÁMARA

 Exposición Ajusta el brillo o la oscuridad de una imagen. Mueva el regulador
hacia la izquierda para oscurecer la imagen y hacia la derecha para aclararla.
Los valores se expresan en incrementos equivalentes a números f de apertura
del diafragma. Un ajuste de +1,50 es similar a ampliar la apertura en un paso y
medio. Igualmente, un ajuste de -1,50 es similar a reducir la apertura en un paso
y medio.

Página 19
ADOBE PHOTOSHOP CC

ENDEREZAR Y CORTAR IMAGEN EN PHOTOSHOP

ENDEREZAMIENTO DE UNA IMAGEN

Puede enderezar una imagen al recortarla. La imagen se gira y se alinea para
enderezarse. El lienzo de la imagen cambia de tamaño automáticamente para adaptarse
a los píxeles rotados.

PASOS:
 Seleccionamos la herramienta recortar.

 Coloque el puntero ligeramente fuera de los manejadores de las esquinas y

arrastre para rotar la imagen. Aparece una cuadrícula dentro del rectángulo de
recorte y la imagen gira detrás de ella.

 Haga clic en Enderezar en la barra de control.

Página 20
 ADOBE PHOTOSHOP CC

 Utilizando la herramienta Enderezar, dibuje una línea de referencia para

enderezar la fotografía. Por ejemplo, dibuje una línea a lo largo del horizonte o
un borde para enderezar la imagen en consonancia.

RECORTE O ELIMINACIÓN DE PARTE DE UNA IMAGEN

PASOS:
 En la barra de herramientas, seleccione la herramienta Recortar. Los bordes de
recorte se muestran en los bordes de la imagen.

 Dibuje una nueva área de recorte o arrastre los manejadores de los bordes y las
esquinas para especificar los límites de recorte en la imagen.

Página 21
ADOBE PHOTOSHOP CC

 Presione Enter.

TRANSFORMACIÓN DE LA PERSPECTIVA AL RECORTAR

 Para corregir la perspectiva de la imagen, mantenga pulsada la

herramienta Recortar y seleccione la herramienta Recorte con perspectiva.

 Dibuje un marco alrededor del objeto distorsionado. Haga coincidir los bordes
del marco con los bordes rectangulares del objeto.

 Presione Intro (Windows) o Retorno (Mac OS) para completar el recorte con
perspectiva.

A. Imagen original B. Ajuste el marco de recorte para que coincida con los bordes del objeto C.
Imagen final

REEMPLAZAR COLORES EN UNA IMAGEN

Pasos:
 Abrimos la imagen con la que vamos a trabajar.
 Ahora vamos a Imagen>Ajustes>Reemplazar color.

Página 22
 ADOBE PHOTOSHOP CC

 A continuación se mostrará el cuadro de dialogo Reemplazar color.

 En el cuadro de diálogos e asignado una tolerancia de 200.

 Tengo activada la casilla selección y la de Previsualizar.
 Pincho con el cuentagotas sobre el color que quiero sustituir y se visualizará en
blanco la zona seleccionada y en el caso de que quedaran zonas sin seleccionar,
pinchamos sobre el cuentagotas con el signo + y cogemos muestras de otras
zonas.

 En el apartado color se muestra el color que acabamos de seleccionar.

 Ahora en resultado pinchamos y elegimos un color, que podemos ir cambiando
con los deslizadores de tono, saturación y luminosidad.

Página 23
ADOBE PHOTOSHOP CC

 Cuando estemos conformes con el color escogido pinchamos en OK.

 También podemos sustituir el color con la herramienta Sustitución de color, pero
se suele utilizar para imágenes mucho más simples.

Página 24
 ADOBE PHOTOSHOP CC

GUARDAR LA IMAGEN PARA IMPRESIÓN A CUATRO TINTAS

CREAR UN NUEVO CANAL DE TINTA PLANA

Puede crear un nuevo canal de tinta plana o convertir un canal alfa existente a un canal
de tinta plana.

 Seleccione Ventana > Canales para ver el panel Canales.

 Realice una de las siguientes acciones para crear un canal:

Si ha realizado una selección, dicha área se rellena con la tinta plana actualmente
especificada.
 Seleccione Nuevo canal de tinta plana en el menú del panel Canales.

 En el cuadro de diálogo Nuevo canal de tinta plana, haga clic en el cuadro de

color. A continuación, en el Selector de color, haga clic en Bibliotecas de color
para seleccionar un sistema de color personalizado como PANTONE o TOYO y
elija un color.

Página 25
ADOBE PHOTOSHOP CC

Nota: Si selecciona una tinta plana personalizada, el proveedor de servicios de imprenta podrá
proporcionar con más facilidad la tinta apropiada para reproducir la imagen.

 Escriba un nombre para el canal de tinta plana. Si selecciona un color

personalizado, el canal adopta automáticamente el nombre de dicho color.

Asegúrese de que las tintas planas tienen nombre para que las reconozcan otras
aplicaciones al leer el archivo. En caso contrario, puede que no se imprima el archivo.

 En Solidez, introduzca un valor comprendido entre 0% y 100%.

Esta opción permite simular en pantalla la densidad de la tinta plana impresa. El valor
100% simula una tinta que cubre completamente las tintas que hay debajo (como una
tinta metálica); 0% simula una tinta transparente que revela completamente las tintas
que hay debajo (como un barniz claro).

Página 26
 ADOBE PHOTOSHOP CC

COMBINACIÓN DE CANALES DE TINTA PLANA

En el modo de color RGB o CMYK, puede quitar canales de tinta plana y combinarlos
con los canales de color estándares. Al combinar canales de tinta plana en el modo
CMYK, los colores resultantes no suelen coincidir con precisión con las tintas planas
originales, ya que las tintas CMYK no pueden producir la gama de colores disponibles
en las tintas planas.

 Seleccione el canal de tinta plana en el panel Canales.

 Seleccione Combinar canal de tinta plana en el menú del panel.

La tinta plana se convierte a los canales de color y se combina con ellos. El canal de
tinta plana se elimina del panel.

Página 27
ADOBE PHOTOSHOP CC

EJERCICIO.

 Abrimos una imagen.

 Seleccionamos imagen > ajustes > reemplazar color.

 Seleccionamos el área de color que deseamos reemplazar, con el cuentagotas.

 Aumentamos la tolerancia y cambiamos el color modificando (tono, saturación

y luminosidad).
Tolerancia: 190

Página 28
 ADOBE PHOTOSHOP CC

Tono: -119
Saturación: -76
Luminosidad: -53

 Aplicamos filtro camera raw.

Modificamos los sgts. Valores:

Página 29
ADOBE PHOTOSHOP CC

 Quedando esta imagen final.

Página 30
 Sesión 02

Temas:
Usar las herramientas de selección
Mover un área seleccionada
Manipular selecciones
Usar la herramienta Varita mágica
Seleccionar con la herramienta Lazo
Rotar una selección
Seleccionar con la herramienta Lazo magnético
Relleno según el contenido
Ejercicio.
Competencias:

CC
Conocimiento de herramientas básicas.
Creación de montajes.
ADOBE PHOTOSHOP CC

HERRAMIENTAS DE SELECCION

H. Mover (V): Esta herramienta nos permitirá mover una selección o imagen activada
en el entorno de trabajo.
H. Marco rectangular (M): Realiza una selección rectangular sobre un área específica.
H. Marco elíptico (M): Realiza una selección elíptica sobre un área específica.
H. Lazo: Realiza un trazo de selección a mano alzada.
H. Lazo poligonal: Realiza trazos de selección de manera libre, y nos permite crear
puntos de pausa durante la selección.
H. Lazo magnético: Esta clase de selección crea un trazo magnético, el cual se
adquiere al área escogida para seleccionar.
H. Varita mágica (W): Selecciona toda un área cuyo color sea igual o de tonalidad
similar, nos permite seleccionar toda un área con realizar un clic.
H. Selección rápida: nos permite seleccionar un área dependiendo de su color o
similitud, esta selección se aplica realizando como una especia de pintado sobre un
área.

MOVER UN ÁREA SELECCIONADA

PASOS:

 Seleccionamos una de las herramientas de selección.

 Realizamos un clic y arrastramos sobre el área de la imagen que queremos

seleccionar y luego soltamos.

Página 32
 ADOBE PHOTOSHOP CC

 Nos queda como una forma (rectángulo u elipse) punteada.

 Damos un clic dentro del área punteada y sin soltar movemos de esta forma
movemos la selección a otra área dentro de la imagen, sin necesidad de volver
a crear otra selección.

DESPLAZAMIENTO DE UNA SELECCIÓN

 Seleccione la herramienta Mover .
 Mueva el puntero dentro del borde de selección y arrastre la selección hasta
una nueva ubicación. Si ha seleccionado varias áreas, todas se mueven
conforme se arrastra.

MANIPULAR SELECCIONES

COPIA DE UNA SELECCIÓN

Página 33
ADOBE PHOTOSHOP CC

 Seleccione el área que desea copiar.

 Seleccione Edición > Copiar o Edición > Copiar combinado.

PEGADO DE UNA SELECCIÓN DENTRO O FUERA DE OTRA

 Corte o copie el área de la imagen que desea pegar.
 En la misma imagen o en otra, seleccione el área que desea pegar dentro o fuera
de la selección.

Nota: si pega fuera, seleccione un área más pequeña que la selección copiada.

 Lleve a cabo uno de los procedimientos siguientes:

 Seleccione Edición > Pegado especial > Pegar dentro. El contenido de la

selección de origen aparece en la selección de destino.
 Seleccione Edición > Pegado especial > Pegar fuera. El contenido de la
selección de origen aparece en torno a la selección de destino.

Página 34
 ADOBE PHOTOSHOP CC

A. Paneles de ventana seleccionados B. Imagen copiada C. Comando Pegar dentro D. Miniaturas

de las capas y la máscara de capa en el panel Capas E. Imagen pegada recolocada

CAMBIAR TAMAÑO
Podemos cambiar el tamaño de una selección mediante el menú Selección >
Transformar selección.

USAR LA HERRAMIENTA VARITA MAGICA

Página 35
ADOBE PHOTOSHOP CC

La desventaja de la varita mágica es que quizá sea la herramienta para seleccionar

menos precisa. Si trabajamos con fotos o imágenes de tonos continuos es difícil que la
varita mágica haga la selección deseada. Cuando tenemos que seleccionar zonas en
las que los colores son homogéneos es la herramienta más útil.

OPCIONES DE VARITA MAGICA

1. Botones de operación: Determinan que las nuevas selecciones reemplacen, se

sumen, se resten o se intersecten con las ya existentes.
2. Tolerancia: Es el grado de similitud de color que tiene que encontrar Photoshop para
seleccionar o no un píxel. Cuanto más bajo sea el número menos píxels incluirá la
selección. Un número alto aumenta la gama de colores en la selección.
3. Contiguo: Si el botón está seleccionado sólo se seleccionarán aquellos píxeles
contiguos que estén comprendidos dentro del rango marcado por la tolerancia. Si se
desactiva se seleccionarán los píxeles de cualquier parte de la imagen.
4. Suavizar: Hace que la transición de la selección no sea tan brusca, suavizando sus
bordes.
5. Muestrear todas las capas: Si está marcada esta opción se hará la selección en
todas las capas sea cual sea la capa activa.

PASOS:

 Abrimos una imagen (de preferencia que contenga fondo de un solo color).

 Seleccionamos la herramienta “varita mágica”

 Damos un clic en el color de fondo de la imagen, esto va a convertirse en una
selección.

Página 36
 ADOBE PHOTOSHOP CC

 En el panel capas (F7) damos doble clic en el candado que se encuentra al lado
de la miniatura de imagen.

 En la ventana emergente que nos aparece, simplemente damos un clic en Ok.

 Una vez realizado esto, presionamos la tecla suprimir (de esta forma eliminamos
el color del fondo)

Página 37
ADOBE PHOTOSHOP CC

SELECCIONAR CON LA HERRAMIENTA LAZO

La herramienta de lazo es una de esas que se utilizan bastante en Photoshop, incluso

está al alcance y resulta de utilidad para usuarios inexpertos.

Herramienta Lazo
La herramienta Lazo más básica, que para diferenciarla podemos llamar Lazo
a mano alzada, sirve para hacer una selección con un movimiento cualquiera
del ratón.

Herramienta Lazo Poligonal

Como variante de la herramienta de Lazo, tenemos la herramienta de
selecciones poligonales. El trabajo con ella es bien simple. Tenemos que ir
haciendo clic sobre la imagen en los puntos vértice de un polígono cualquiera
que queramos seleccionar. Con ello conseguiremos una selección compuesta por rectas
entre los puntos marcados, que forman un polígono.

OPCIONES DE LA HERRAMIENTA DE LAZO

Todas las variantes de la herramienta de lazo de Photoshop tienen algunas opciones

especiales para modificar tus preferencias de dibujo de selecciones. Hay unas opciones
comunes y la herramienta de lazo magnético tiene además unas opciones adicionales.

Las opciones que tienen en común todas las herramientas de lazo aparecen en esta
imagen:

Debes fijarte en el valor de calado, que permite poner un valor para hacer que la
selección tenga un difuminado en los bordes. La caja de selección de suavizado permite
que las líneas del borde de la selección no sean totalmente digitales, con cambios
bruscos, sino que hace que se suavicen los bordes, lo que también se conoce como
antialiasing.

PASOS:
 Abrimos una imagen

Página 38
 ADOBE PHOTOSHOP CC

 Seleccionamos una de las herramientas de laso (en este caso “lazo poligonal).

 Damos un un clic en la imagen y repetimos los pasos, formando la imagen que

queremos seleccionar (terminamos en el mismo lugar que se empezó).
 De esta forma la imagen quedara seleccionada.

ROTAR UNA SELECCIÓN

 Activa la selección, nos dirigimos a selección > transformar selección.

Página 39
ADOBE PHOTOSHOP CC

 Ahora nos aparecerá las opciones de rotar la selección.

SELECCIONAR CON LA HERRAMIENTA LAZO MAGNETICO

Para utilizar esta herramienta hacemos con el clic del ratón para comenzar la
selección y luego simplemente se trata de rodear con el puntero del ratón el
elemento a seleccionar, sin hacer nada más. Se irá realizando automáticamente
la selección, que se adaptará a la silueta del elemento que queremos seleccionar y se
irán colocando puntos de ancla para formar el área.

OPCIONES DE LAZO MAGNETICO

La herramienta de lazo magnético tiene además otras opciones que nos pueden ayudar
a que el comportamiento magnético de la herramienta se adapte mejor a la imagen
donde estamos realizando la selección. En la siguiente imagen podemos ver estas
opciones:

PASOS:
 Seleccionamos la herramienta “lazo magnético”

Página 40
 ADOBE PHOTOSHOP CC

 Damos un clic en una zona de la imagen y empezamos a mover por el borde,

automáticamente se va creando puntos sobre la imagen.

RELLENO SEGÚN EL CONTENIDO

Mediante la que el programa es capaz de sustituir un espacio de la imagen seleccionado

por el usuario con un contenido que el programa considera que se corresponde de forma
lógica con lo que hay alrededor.

PASOS:

 Primero seleccionamos el área que deseamos rellenar.

Página 41
ADOBE PHOTOSHOP CC

 Con la selección en su lugar, voy a ir hasta el menú Editar en la parte superior de

la pantalla y elegir el comando rellenar.

Página 42
 ADOBE PHOTOSHOP CC

EJERCICIO.

 Utilizando todo lo aprendido con las herramientas de selección, descargar

imágenes y realizar este ejercicio.

 En la sgte. Imagen quitar el puente (rellenarlo según el contenido).

IMAGEN INICIAL

IMAGEN FINAL

Página 43
 Sesión 03

Temas:
Trabajar con Capas
Utilizar el panel de capas 1
Nueva Capa.
Duplicar Capa.
Capa de Relleno.
Objetos Inteligentes.
Opacidad de Capa.
Rellenos sólidos y degradados.
Aplicar un gradiente a una capa
Ejercicio.
Competencias:

CC
Manejo de capas.
Conocer y aplicar colores.
 ADOBE PHOTOSHOP CC

TRABAJAR CON CAPAS

Al trabajar con capas se puede operar sobre una parte de una imagen, sin que se alteren
otras partes de la misma. Esto es muy útil, ya que nos permite realizar cambios en
elementos de la imagen sin preocuparnos del resto del diseño.

Las áreas transparentes de una capa dejan ver las capas situadas por debajo.

ORGANIZACIÓN DE LAS CAPAS

Cada imagen nueva tiene una sola capa. El número de capas, conjuntos de capas y
efectos de capa adicionales que puede añadir a la imagen está limitado solo por la
memoria de su equipo.

Las operaciones con las capas se llevan a cabo en el panel Capas. Los grupos de capas
le ayudan a organizar y gestionar las capas. Puede utilizar grupos para organizar las
capas de manera lógica y despejar el panel Capas. Puede anidar grupos en otros
grupos. También puede utilizar grupos para aplicar atributos y máscaras a varias capas
a la vez.

PASOS:
 Dar clic en una capa y sin soltar lo arrastramos hacia su nueva posición.

Página 45
ADOBE PHOTOSHOP CC

DESCRIPCIÓN GENERAL DEL PANEL CAPAS

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

A. Menú del panel Capas B. Grupo de capas C. Capa D. Expandir/Contraer efectos de capa E.
Efecto de capa F. Miniatura de la capa

VISUALIZACIÓN DEL PANEL CAPAS

 Elija Ventana > Capas o F7

Página 46
 ADOBE PHOTOSHOP CC

SELECCIÓN DE UN COMANDO EN EL MENÚ DEL PANEL CAPAS

Haga clic en el triángulo de la esquina superior derecha del panel.

CAMBIO DEL TAMAÑO DE LAS MINIATURAS DE CAPAS

Seleccione Opciones de panel en el menú del panel Capas y seleccione un tamaño de
miniatura.

Página 47
ADOBE PHOTOSHOP CC

MOSTRAR / OCULTAR CAPAS

Para mostrar u ocultar una capa de un clic sobre el icono del ojo. Cuando el ojo de la
capa esta visible la capa se está mostrando y cuando el ojo esta oculta la capa no se
está mostrando.

SELECCIONAR EL CONTENIDO DE UNA CAPA

 Mantenga la tecla CTRL presionada.
 De un clic sobre el icono en miniatura de capa que desea seleccionar su
contenido.

FILTRADO DE CAPAS
En la parte superior del panel Capas, las opciones de filtrado le ayudan a encontrar
rápidamente las capas clave en documentos complejos. Puede mostrar subconjuntos
de capas filtrando por nombre, tipo, efecto, modo, atributo o etiqueta de color.

Página 48
 ADOBE PHOTOSHOP CC

CONVERSIÓN DEL FONDO Y LAS CAPAS

Cuando crea una imagen con un fondo blanco o de color, la imagen inferior del panel
Capas se denomina Fondo. Las imágenes solo pueden tener una capa de fondo. No
puede cambiar el orden de apilamiento, el modo de fusión ni la opacidad de una capa
de fondo. Sin embargo, puede convertir un fondo en una capa normal y, acto seguido,
modificar cualquiera de sus atributos.

PASOS:

 Haga doble clic en Fondo en el panel Capas o elija Capa > Nueva > Capa a partir
de fondo.
 Defina las opciones de capa.
 Haga clic en OK.

Conversión de una capa en un fondo

 Seleccione una capa en el panel Capas.
 Seleccione Capa > Nueva > Fondo a partir de capa.

Los píxeles transparentes de la capa adoptan el color del fondo y la capa se traslada a
la parte inferior de la pila de capas.

Página 49
ADOBE PHOTOSHOP CC

UTILIZAR EL PANEL DE CAPAS 1

NUEVA CAPA.

 Seleccione Capa > Nueva > Capa o Conjunto de capas o Shif +Ctrl + N
 Defina las opciones de capa y haga clic nueva capa.
 Nombre:
 Agrupar con capa anterior.
 Color: para asignar un color a la capa o conjunto de capas.
 Modo: para especificar el modo de fusión de la capa o conjunto de capas

DUPLICAR CAPA.

PASOS:
 Arrastre la capa o el grupo al botón Crear una capa nueva y suelte.

 Elija Duplicar capa o Duplicar grupo en el menú Capas o en el menú del

panel Capas. Introduzca un nombre para la capa o el grupo y haga clic
en OK.

Página 50
 ADOBE PHOTOSHOP CC

 Presione Ctrl + J.

CAPA DE RELLENO.

Las capas de relleno permiten rellenar una capa con un color uniforme, un degradado o
un motivo. A diferencia de las capas de ajuste, las capas de relleno no afectan a las
capas que se encuentran por debajo.

CREACIÓN Y LIMITACIÓN DE LAS DE RELLENO

Las capas de ajuste y de relleno cuentan con las mismas opciones de opacidad y de
modo de fusión que las capas de imagen. Puede reorganizarlas, eliminarlas, ocultarlas
y duplicarlas del mismo modo en que crea capas de imagen.

A. Capa de ajuste limitada únicamente a la capa "Inicio de registro" B. Miniatura de la capa C. Capa
de relleno D. Máscara de capa

Página 51
ADOBE PHOTOSHOP CC

CREACIÓN DE UNA CAPA DE RELLENO

 Elija Capa > Nueva capa de relleno y seleccione la opción que le interese. Asigne
un nombre a la capa, defina las opciones de capa y haga clic en OK.

 Haga clic en el botón Nueva capa de ajuste de la parte inferior del panel
Capas y seleccione un tipo de capa de relleno.

Color uniforme
Rellena la capa de ajuste con el color frontal actual. Use el Selector de color para
seleccionar otro color de relleno.

Degradado
Haga clic en el degradado para acceder al Editor de degradado o bien en la flecha
invertida y seleccione un degradado en el panel emergente. Defina otras opciones si lo
considera necesario. Estilo, especifica la forma del degradado. Ángulo, específica el
ángulo con el que se aplica el degradado. Escala, cambia el tamaño del degradado.
Invertir, cambia la orientación del degradado. Tramado, reduce las bandas aplicando un
tramado al degradado. Alinear con capa se sirve del cuadro delimitador de la capa para
calcular el relleno degradado. Arrastre por la ventana de la imagen para mover el centro
del degradado.

Página 52
 ADOBE PHOTOSHOP CC

Motivo
Haga clic en el motivo y elija un motivo del panel emergente. Haga clic en Escala y
escriba un valor o arrastre el regulador. Haga clic en Ajustar al origen para que el origen
del motivo sea el mismo que el del documento. Seleccione Enlazar con capa si desea
que el motivo se desplace con la capa a medida que ésta se mueve. Cuando se
selecciona Enlazar con capa, puede arrastrar en la imagen para colocar el motivo
mientras está abierto el cuadro de diálogo Relleno de motivo.

OBJETOS INTELIGENTES

Los objetos inteligentes constituyen capas que contienen datos de imagen procedente
de imágenes rasterizadas o vectorial como, por ejemplo, archivos de Photoshop o
Illustrator. Los objetos inteligentes conservan el contenido original de la imagen con
todas sus características originales, de tal modo que posibilitan la edición no destructiva
de la capa en cuestión.

Página 53
ADOBE PHOTOSHOP CC

Capa normal y objeto inteligente en el panel Capas. El icono de la esquina inferior derecha de la
miniatura indica que se trata de un objeto inteligente.

CREACIÓN DE OBJETOS INTELIGENTES INCRUSTADOS

 Clic derecho sobre la capa.
 Convertir en objeto inteligente.

OPACIDAD DE CAPA.

La opacidad global de una capa determina el grado en que ésta oculta o muestra la capa
situada debajo. Una capa con un 1% de opacidad es casi transparente, mientras que
una capa con un 100% de opacidad es completamente opaca.

Nota: no se puede cambiar la opacidad de una capa de fondo o bloqueada.

RELLENOS SOLIDOS Y DEGRADADOS

APLICAR UN GRADIENTE A UNA CAPA

Esta herramienta permite crear degradados de color, para pasar de un color a otro de
una manera suave y gradual. Lógicamente, los colores del degradado se pueden
configurar para obtener distintos resultados e incluso se pueden seleccionar varios
colores para obtener degradados más complejos. Los colores del degradado en principio
se pueden escoger desde los paneles de selección de color frontal y color de fondo, que
ya hemos comentado que se encuentran en el panel de herramientas del programa, en
la parte de abajo.

Página 54
 ADOBE PHOTOSHOP CC

APLICACIÓN DE UN RELLENO DEGRADADO

 Para rellenar parte de la imagen, seleccione el área deseada. Si no, el relleno

degradado se aplicará a toda la capa activa.

 Seleccione la herramienta Degradado . (Si la herramienta no se encuentra

visible, mantenga pulsada la herramienta Bote de pintura).

 En la barra de opciones, elija un relleno de la amplia muestra de degradado:

 Haga clic en el triángulo que aparece junto a la muestra para seleccionar

un relleno degradado preestablecido.

 Haga clic en el interior de la muestra para ver el Editor de degradado.

Seleccione un relleno degradado preestablecido o cree uno nuevo.

Página 55
ADOBE PHOTOSHOP CC

 Seleccione el tipo de degradado.

Degradado lineal
Ensombrece desde el punto inicial hasta el punto final en línea recta.

Degradado radial
Ensombrece desde el punto inicial hasta el punto final con un motivo circular.

Degradado de ángulo
Ensombrece con un barrido en sentido contrario a las agujas del reloj alrededor del
punto inicial.

Página 56
 ADOBE PHOTOSHOP CC

Degradado reflejado
Refleja el mismo degradado lineal a los lados del punto inicial.

Degradado de diamante
Sombrea de la mitad a las esquinas exteriores de un motivo de diamante.

 Realice un clic en una zona cómo el punto inicial (donde se pulsa el ratón) y el
punto final (donde se suelta el botón del ratón) afecta al aspecto del degradado.

Página 57
ADOBE PHOTOSHOP CC

DESCRIPCIÓN GENERAL DEL EDITOR DE DEGRADADO

El cuadro de diálogo Editor de degradado le permite definir un nuevo degradado
modificando una copia de uno existente. También puede añadir colores intermedios a
un degradado, creando una fusión entre más de dos colores.

A. Menú Panel B. Nivel de opacidad C. Niveles de color D. Ajustar valores o eliminar el nivel de
color o de opacidad seleccionado E. Punto medio

ESPECIFICACIÓN DE LA TRANSPARENCIA DEL DEGRADADO

Cada relleno degradado contiene ajustes que controlan la opacidad del relleno en
diferentes posiciones del degradado. Por ejemplo, puede ajustar el color inicial a una
opacidad del 100% para que el relleno se funda gradualmente con un color final con una
opacidad del 50%. El motivo de tablero de ajedrez indica la cantidad de transparencia
en la previsualización del degradado.

 Cree un degradado.
 Para ajustar la opacidad inicial, haga clic en el nivel de opacidad situado debajo
de la barra de degradado. El triángulo situado debajo del nivel se vuelve negro,
lo que indica que se está modificando la transparencia inicial.

Página 58
 ADOBE PHOTOSHOP CC

 En la sección Detenciones del cuadro de diálogo, introduzca un valor en el

cuadro de texto Opacidad o arrastre el regulador emergente Opacidad.

 Aplica el degradado.

Página 59
ADOBE PHOTOSHOP CC

CREACIÓN DE UN DEGRADADO DE RUIDO

Un degradado de ruido es un degradado que contiene colores distribuidos
aleatoriamente dentro de la gama de colores especificada.

A. 10% de rugosidad B. 50% de rugosidad C. 90% de rugosidad

 Seleccione la herramienta Degradado .

 Haga clic en la muestra de degradados de la barra de opciones para mostrar el
cuadro de diálogo Editor de degradado.

 En el menú emergente Tipo de degradado, seleccione Ruido y configure las

opciones siguientes:

Rugosidad Controla la gradualidad de las transiciones entre las bandas de colores del
degradado.

Página 60
 ADOBE PHOTOSHOP CC

Modelo de color Cambia los componentes de color que puede ajustar. Para cada
componente, arrastre los reguladores para definir el rango de valores aceptables. Por
ejemplo, si elige el modelo HSB, puede restringir el degradado a tonos azules verdosos,
saturación alta y brillo medio.

Limitar colores Evita colores sobresaturados.

Añadir transparencia Añade transparencia a colores aleatorios.
Aleatorio Crea un degradado aleatoriamente conforme a los ajustes anteriores. Haga
clic en el botón hasta que encuentre el ajuste deseado.

 Aplica el Degradado.

APLICAR RELLENO SOLIDO

El bote de pintura se encuentra situada en la barra de herramientas de Photoshop,

compartiendo espacio en la botonera con la herramienta de degradado. Si vemos el
botón de degradado, simplemente tenemos que hacer un clic prolongado para que
aparezca la herramienta de bote de pintura.

Página 61
ADOBE PHOTOSHOP CC

PASOS:
 Seleccionamos la herramienta bote de pintura.

 El bote de pintura tiene algunas opciones, al igual que la mayoría de las

herramientas del programa, que se pueden definir en el panel de
opciones, generalmente situado en la parte de arriba de la ventana de
Photoshop. Cuando seleccionemos la herramienta, aparecerá
automáticamente el panel de opciones, que tiene esta forma:

Color frontal: Esta opción sirve para seleccionar entre pintar con el color frontal o
pintar con un motivo.

 Por defecto pinta con el color frontal, que es el que tenemos seleccionado
en la barra de herramientas, en el selector de color que aparece abajo.

 Opacidad: Con esta opción podemos pintar del color seleccionado,

pero creando una transparencia.

 Tolerancia: Este valor sirve para que la herramienta tolere más o menos
los límites que tenga la capa donde estamos pintando.

 Suavizar: Sirve para que los bordes del área a pintar tengan un
suavizado y no se note tanto el mapa de píxeles que es una imagen.

 Damos un clic en la zona donde deseamos pintar.

Página 62
 ADOBE PHOTOSHOP CC

 Motivo: En el caso que seleccionemos la opción motivo, no se pintará

con un color plano, sino con un mapa gráfico determinado, que hará un
mosaico, repitiéndose las veces que hagan falta para rellenar todo el área
que se pueda.

 Podemos seleccionar cualquier motivo y probar a pintar, para ver que

se hace un mosaico con el motivo, en vez de pintar con un color
homogéneo.

 Simplemente damos un clic.

Página 63
ADOBE PHOTOSHOP CC

EJERCICIO.

 Creamos un nuevo lienzo tamaño A4.

 Pintamos el fondo con un color sólido.

 Creamos una nueva capa y la pintamos de otro color.

 Abrimos la paleta estilos y elegimos texturas.

Página 64
 ADOBE PHOTOSHOP CC

 Y aplicamos una textura a la capa.

 Aplicamos opacidad de capa a 52%

Abrimos las imágenes y les quitamos los colores de fondo.

Página 65
ADOBE PHOTOSHOP CC

 Colocamos la primera imagen en el lienzo preparado y disminuimos la

opacidad a 30.

 Colocamos la segunda imagen.

Página 66
 ADOBE PHOTOSHOP CC

 Lo mismo hacemos con el texto.

 Repetimos el paso anterior, para que nos quede así:

Página 67
 Sesión 04

Temas:
Utilizar el panel de capas 2
Rasterizar.
Agrupar, desagrupar, enlace de capas.
Combinar capas.
Alinear.
Bloquear Capas.
Aplicar un estilo a una capa
Añadir una capa de ajuste
Efectos de capa
Añadir un borde
Ejercicio
Competencias:

CC
Conocer y aplicar estilos a capas.
Aplicar efectos y ajustes.
 ADOBE PHOTOSHOP CC

UTILIZAR EL PANEL DE CAPAS 2

RASTERIZAR.

No puede utilizar las herramientas de pintura ni los filtros en capas que contengan datos
vectoriales (como capas de texto, capas de formas, máscaras vectoriales u objetos
inteligentes) o datos generados (como capas de relleno). Sin embargo, puede rasterizar
estas capas para convertir su contenido en una imagen rasterizada plana.

Seleccione las capas que desea rasterizar, elija Capa > Rasterizar y, a continuación,
seleccione una opción del submenú:

 Texto Rasteriza el texto en una capa de texto. No rasteriza ningún otro dato
vectorial de la capa.
 Forma Rasteriza una capa de formas.
 Contenido de relleno Rasteriza el relleno de una capa de formas sin incluir la
máscara vectorial.
 Máscara vectorial Rasteriza la máscara vectorial de una capa y la convierte en
una máscara de capa.
 Objeto inteligente Convierte un objeto inteligente en una capa rasterizada.
 Vídeo Rasteriza el fotograma de vídeo actual en una capa de imagen.
 3D (solo en Extended) Rasteriza la vista actual de datos tridimensionales en
una capa rasterizada plana.
 Capa Rasteriza todos los datos vectoriales de las capas seleccionadas.
 Todas las capas Rasteriza todas las capas que contienen datos generados y
vectoriales.

Nota: para rasterizar capas enlazadas, seleccione una capa enlazada, elija Capa > Seleccionar capas
enlazadas y, a continuación, rasterice las capas seleccionadas.

Página 69
ADOBE PHOTOSHOP CC

AGRUPAR, DESAGRUPAR, ENLACE DE CAPAS.

AGRUPACIÓN Y DESAGRUPACIÓN DE CAPAS

 Seleccione varias capas en el panel Capas.
 Realice una de las siguientes acciones:
Seleccione Capa > Agrupar capas.

Pulse la tecla Alt (Windows) u Opción (Mac OS) y arrastre las capas al icono de
carpeta situado en la parte inferior del panel Capas para agruparlas.

 Para desagrupar las capas, seleccione el grupo y, a continuación, Capa >

Desagrupar capas.

Página 70
 ADOBE PHOTOSHOP CC

ENLACE Y DESENLACE DE CAPAS

Puede enlazar un mínimo de dos capas o grupos. A diferencia de lo que sucede al
seleccionar varias capas al mismo tiempo, las capas enlazadas continúan estando
asociadas hasta que se desenlazan. Puede mover las capas enlazadas o aplicarles
transformaciones.

PASOS:
 Seleccione las capas o los grupos en el panel Capas.

 Haga clic en el icono de enlace situado en la parte inferior del panel Capas.

 Para desenlazar capas, realice una de las siguientes acciones:

 Seleccione una capa enlazada y haga clic en el icono de enlace.

Para desactivar la capa enlazada de manera temporal, pulse la tecla Shif y haga clic en
el icono de enlace de la capa enlazada. Aparecerá una X roja. Pulse la tecla Shif y haga
clic en el icono de enlace para volver a activar el enlace.

COMBINAR CAPAS.

Página 71
ADOBE PHOTOSHOP CC

Las capas en Photoshop permiten trabajar en un solo elemento de una imagen sin tener
que modificar las demás partes, por lo que esta herramienta es indispensable. Es
fundamental el uso de las capas para trabajar en Photoshop.

 Vincula todas las imágenes que desees combinar: La opción de combinar una
capa puede ser encontrada en el panel de capas. Revisa todas las capas que
deseas vincular.

Combinar capas enlazadas: Selecciona la capa > Combina hacia abajo (Ctrl+E).
Encontrarás que todas las capas enlazadas son ahora una sola capa.

Acoplar imagen: Si deseas fusionar todas las capas para formar una sola imagen
plana, sólo elige Capa -> Acoplar imagen.

ALINEAR.

ALINEACIÓN DE OBJETOS EN CAPAS DIFERENTES

Página 72
 ADOBE PHOTOSHOP CC

PASOS:
 Para alinear varias capas, seleccione las capas con la herramienta Mover o
seleccione un grupo en el panel Capas.

 En el panel de propiedades, utilizamos las alineaciones deseadas.

Bordes superiores
Alinea el píxel superior de las capas seleccionadas con el píxel superior de todas las
capas seleccionadas o con el borde superior del borde de selección.

Centros verticales
Alinea el píxel del centro vertical de cada capa seleccionada con el píxel del centro
vertical de todas las capas seleccionadas o con el centro vertical del borde de
selección.

Bordes inferiores
Alinea el píxel inferior de las capas seleccionadas con el píxel inferior de todas las
capas seleccionadas o con el borde inferior del borde de selección.

Bordes izquierdos
Alinea el píxel izquierdo de las capas seleccionadas con el píxel izquierdo de la capa
situada más a la izquierda o con el límite izquierdo del borde de selección.

Centros horizontales
Alinea el píxel del centro horizontal de las capas seleccionadas con el píxel del centro
horizontal de todas las capas seleccionadas o con el centro horizontal del borde de
selección.

Bordes derechos

Página 73
ADOBE PHOTOSHOP CC

Alinea el píxel derecho de las capas enlazadas con el píxel derecho de todas las
capas seleccionadas o con el límite derecho del borde de selección.

BLOQUEAR CAPAS.

Puede bloquear capas total o parcialmente para proteger su contenido. Por ejemplo,
puede bloquear completamente una capa cuando termine de trabajar con ella. Puede
que desee bloquear una capa parcialmente si posee la transparencia y los estilos
adecuados, pero aún debe decidir dónde colocarla. Al bloquear una capa, aparece el
icono de un candado a la derecha del nombre de la capa. El icono del candado aparece
sólido cuando la capa está totalmente bloqueada y hueco cuando está parcialmente
bloqueada.

BLOQUEO DE TODAS LAS PROPIEDADES DE UNA CAPA O UN GRUPO

PASOS:
 Seleccione una capa o un grupo.

 Haga clic en la opción Bloquear todo del panel Capas.

Página 74
 ADOBE PHOTOSHOP CC

BLOQUEO PARCIAL DE UNA CAPA

 Seleccione una capa.
 Haga clic en una o varias opciones de bloqueo del panel Capas.

Bloquear píxeles transparentes

Limita la edición a los fragmentos opacos de la capa. Esta opción equivale a la opción
Preservar transparencia de las versiones anteriores de Photoshop.

Bloquear píxeles de imagen

Impide que se modifiquen los píxeles de la capa con las herramientas de pintura.

Bloquear posición
Impide que se muevan los píxeles de la capa.

Nota: para las capas de texto o formas, las opciones Bloquear transparencia y Bloquear imagen
están seleccionadas por defecto y no pueden desactivarse.

APLICAR UN ESTILO A UNA CAPA

Un estilo de capa consiste en un efecto o varios efectos que se aplican a una capa o a
un grupo de capas. Puede aplicar uno de los estilos preestablecidos que ofrece
Photoshop o bien crear un estilo personalizado mediante el cuadro de diálogo Estilo de
capa. El icono de efectos de capa aparece a la derecha del nombre de la capa en el
panel Capas. Puede expandir el estilo en el panel Capas para ver o editar los efectos
que forman el estilo.

A. Icono de efectos de capa B. Clic para expandir y mostrar los efectos de la capa C. Efectos de
capa

DESCRIPCIÓN GENERAL DEL CUADRO DE DIÁLOGO ESTILO DE CAPA

El cuadro de diálogo Estilo de capa permite editar estilos aplicados a las capas así
como crear otros estilos.

Página 75
ADOBE PHOTOSHOP CC

Cuadro de diálogo Estilo de capa. Haga clic en una casilla de verificación para aplicar
los ajustes actuales sin mostrar las opciones del efecto. Haga clic en el nombre de un
efecto para mostrar sus opciones.

Puede crear estilos personalizados mediante uno o varios de los siguientes efectos:

 Sombra paralela Añade una sombra que se sitúa detrás del contenido de la
capa.
 Sombra interior Añade una sombra que se sitúa justo dentro de los bordes del
contenido de la capa, lo que proporciona a la capa un aspecto hueco.
 Resplandor exterior y Resplandor interior Añaden resplandores procedentes
de los bordes interiores o exteriores del contenido de la capa.
 Bisel y relieve Añaden varias combinaciones de iluminaciones y sombras a una
capa.
 Satinado Aplica sombreado interior que crea un acabado satinado.
 Superposición de colores, de degradado y de motivo Rellena el contenido
de la capa con color, un degradado o un motivo.
 Trazo Traza el contorno del objeto de la capa actual utilizando un color, un
degradado o un motivo. Resulta especialmente útil en formas bien definidas,
como por ejemplo texto.

Página 76
 ADOBE PHOTOSHOP CC

PASOS:
 Abrimos una imagen, y eliminamos el color de fondo.

 Creamos un nuevo lienzo y le aplicamos un color.

 Colocamos la capa creada debajo de la capa de imagen.

 Aplicamos un estilo de “sombra paralela” a la capa de imagen.

Página 77
ADOBE PHOTOSHOP CC

 Modificamos el ángulo de la sombra, la distancia, la extensión y el tamaño.

 Presionamos Ok y tenemos una imagen con una sombra detrás.

AÑADIR UNA CAPA DE AJUSTE

Una capa de ajuste aplica ajustes de color y de tono a la imagen sin cambiar
permanentemente los valores de píxeles. Por ejemplo, en lugar de efectuar un ajuste de
niveles o de curvas directamente en la imagen, puede crear una capa de ajuste de
niveles o de curvas. Los ajustes tonales y de color se almacenan en la capa de ajuste y
se aplican a todas las capas situadas por debajo de ella. Puede corregir varias capas
con un solo ajuste en lugar de ajustar cada una de las capas por separado. Se puede
descartar los cambios y restaurar la imagen original en cualquier momento.

Página 78
 ADOBE PHOTOSHOP CC

Original (izquierda); capa de ajuste aplicada únicamente al granero, lo que permite verlo con más
detalle; y capa de ajuste aplicada a toda la imagen (derecha), con lo que se aclaran todos los
elementos pero se pixelan las nubes

CREACIÓN DE UNA CAPA DE AJUSTE

Realice una de las siguientes acciones:

 Haga clic en el botón Nueva capa de ajuste de la parte inferior del panel
Capas y seleccione un tipo de capa de ajuste.
 Elija Capa > Nueva capa de ajuste y seleccione la opción que le interese. Asigne
un nombre a la capa, defina las opciones de capa y haga clic en OK.

EFECTOS DE CAPA

Photoshop proporciona numerosos efectos como sombras, resplandores o biseles que

permiten cambiar la apariencia del contenido de una capa. Los efectos de capa están
enlazados con el contenido de la capa. Al mover o editar el contenido de la capa, se
aplican los mismos efectos al contenido modificado. Por ejemplo, si aplica una sombra
paralela a una capa de texto y añade más texto, se añade sombra de forma automática
al texto nuevo.

MODIFICACIÓN DE LOS EFECTOS DE CAPA CON CONTORNOS

Al crear estilos personalizados para capas, puede utilizar contornos para controlar la
forma de los efectos Sombra paralela, Sombra interior, Resplandor interior, Resplandor
exterior, Bisel y relieve, y Satinado sobre un determinado rango. Por ejemplo, un
contorno lineal en una Sombra paralela provoca una disminución de la opacidad en una
transición lineal. Utilice un contorno personalizado para crear una transición de sombras
exclusiva.

Página 79
ADOBE PHOTOSHOP CC

A. Haga clic para abrir el cuadro de diálogo Editor de contorno. B. Haga clic para mostrar el panel
emergente.

AÑADIR UN BORDE

Los bordes en una fotografía pueden hacer una gran diferencia y con Photoshop se
puede añadir bordes fácilmente, una vez que aprendas a hacerlo. Sigue estos pasos
para hacer que tu imagen se destaque del resto de la página con un borde en
Photoshop.

 Abre la imagen a la que deseas agregar un borde.

 Utilice la herramienta Selección en la barra de herramientas y seleccione el área
que desea.

 En el menú selección > Modificar y, a continuación Borde. En el cuadro de

diálogo, elije el tamaño de píxel del borde.

Página 80
 ADOBE PHOTOSHOP CC

 Localiza la paleta de colores en el lado izquierdo de la pantalla, selecciona un

color de borde de la paleta.

 Selecciona Rellenar en el menú Edición. En el cuadro de diálogo, elije las

opciones que se aplican al borde. En usar elegimos color frontal y damos clic en
Ok.

Página 81
ADOBE PHOTOSHOP CC

EJERCICIO.

IMAGEN NOCTURNA.
 Abrir una imagen (foto de día)

 Duplicamos la capa.

 Aplicar capa de ajuste (brillo/contraste)

- Brillo -60
- Contraste 30

 Aplicar capa de ajuste (Niveles)

- negro 19
- blanco 217

Página 82
 ADOBE PHOTOSHOP CC

 Aplicar capa de ajuste (curvas)

- Rojo (entrada 23, salida 3)

- Verde (entrada 206, salida 219)

Página 83
ADOBE PHOTOSHOP CC

-Azul (entrada 22, salida 46)

 Aplicar capa de ajuste (tono/saturación) activamos colorear.

- tono: 189
- saturación: 24
- luminosidad: -47

Página 84
 ADOBE PHOTOSHOP CC

 Aplicar cámara Raw a la imagen de fondo.

Modificamos los valores de manera personal, hasta conseguir que la imagen final
parezca nocturna.

Página 85
 Sesión 05

Temas:
Diseño Tipográfico (texto)
Acerca de la tipografía
Mascara de texto
Escribir sobre un trazo
Texto de párrafo
Diseñar párrafos de tipografía
Ejercicio
Competencias:

CC
Conocer y manejar textos.
 ADOBE PHOTOSHOP CC

DISEÑO TIPOGRÁFICO (Texto)

ACERCA DE LA TIPOGRAFÍA

La tipografía es el oficio que trata el tema de las letras, números y símbolos de un texto
impreso (ya sea sobre un medio físico o electromagnético), tales como su diseño, su
forma, su tamaño y las relaciones visuales que se establecen entre ellos.

Utilice las herramientas Texto horizontal ( ) y Texto vertical ( ) para crear y editar texto.
El texto nuevo que escriba estará contenido en una capa de texto nueva. Puede crear
una sola línea de texto o un párrafo. Cada línea de texto sola que escriba es
independiente (la longitud de la línea aumenta o disminuye al editarla, pero no pasa a
la línea siguiente). Para crear una nueva línea de texto, pulse Intro. El texto de un párrafo
sí pasa a la línea siguiente dentro de los límites que especifique para el párrafo.

ADICIÓN DE TEXTO
 En la barra de herramientas, seleccione la herramienta Texto horizontal o
Texto vertical .

 Para crear una sola línea de texto, haga clic en la imagen para establecer un
punto de inserción para el texto.

Para crear un párrafo, arrastre un cuadro de texto para introducir el texto.

Página 87
ADOBE PHOTOSHOP CC

OPCIONES DE LA HERRAMIENTA TEXTO

0
Barra de opciones

Panel carácter

 Familia de fuentes Aplica una familia de fuentes al texto nuevo o existente.

 Estilo de fuente Aplica estilos de fuente, como negrita, al texto nuevo o
existente.
 Tamaño de fuente Aplica un tamaño de fuente al texto nuevo o existente.
 Menú de colores Aplica un color al texto nuevo o seleccionado.
 Menú Interlineado Define el espacio existente entre las líneas del texto nuevo
o seleccionado.
 Falsa negrita Aplica un estilo de negrita al texto nuevo o existente. Utilice esta
opción si la fuente no tiene un estilo de negrita real que se pueda seleccionar en
el menú Estilo de fuente.
 Falsa cursiva Aplica un estilo de cursiva al texto nuevo o existente. Utilice esta
opción si la fuente no tiene un estilo de cursiva real u oblicuo que se pueda
seleccionar en el menú Estilo de fuente.
 Subrayado Aplica un subrayado al texto nuevo o al texto existente
seleccionado.
 Tachado Dibuja una línea sobre el texto nuevo o el texto existente seleccionado.
 Alineación de texto Específica la alineación del texto. Si la orientación de texto
es horizontal, permite alinear el texto: izquierda, centro o derecha. Para la
orientación vertical: superior, centro o inferior.
 Conmutar orientación del texto Transforma el texto horizontal en vertical y el
vertical en horizontal.
 Deformar texto Deforma el texto de la capa seleccionada.
 Suavizado Aplica un efecto de suavizado para proporcionar un aspecto más
uniforme al texto.

Página 88
 ADOBE PHOTOSHOP CC

MASCARA DE TEXTO

Las herramientas Máscara de texto horizontal y Máscara de texto vertical crean una
selección en forma de texto. Puede lograr efectos muy interesantes recortando el texto
de una imagen para dejar al descubierto el fondo o pegando el texto seleccionado en
una imagen nueva. Experimente con las distintas opciones para personalizar sus
imágenes y composiciones.

PASOS:
 Seleccione la herramienta Máscara de texto horizontal o Máscara de texto
vertical .

 Damos un clic y escribimos, modificamos el tamaño y tipo de fuente desde

propiedades.

 Damos un clic en la herramienta mover y nuestro texto parecerá un texto de

selección.

 Copiamos, creamos un nuevo lienzo y lo pegamos.

Página 89
ADOBE PHOTOSHOP CC

 Para poder notar el texto, lo podemos mover y aplicar un estilo de bisel al texto.

ESCRIBIR SOBRE UN TRAZO

PASOS:
 Seleccionamos la herramienta Pluma y dibujamos un trazo.

 Seleccionamos la herramienta texto y damos un clic al inicio del trazo,

justamente encima de él y empezamos a escribir.

Página 90
 ADOBE PHOTOSHOP CC

TEXTO DE PARRAFO

APLICACIÓN DE FORMATO A PÁRRAFOS

 Seleccione la herramienta Texto horizontal o Texto vertical .

 Creamos un marco con le herramienta.

 Empezamos a escribir texto dentro de ella.

Página 91
ADOBE PHOTOSHOP CC

DESCRIPCIÓN GENERAL DEL PANEL PÁRRAFO

El panel Párrafo sirve para cambiar el formato de columnas y párrafos. Para visualizar
este panel, seleccione Ventana > Párrafo o haga clic en la ficha del panel Párrafo si el
panel está visible pero no está activo. También puede seleccionar una herramienta de
texto y hacer clic en el botón Panel en la barra de opciones.

A. Alineación y justificación B. Sangría izquierda C. Sangría izquierda en primera línea D. Espacio

antes de párrafo E. Separación de sílabas F. Sangría derecha G. Espacio después del párrafo

Puede acceder a otros comandos y opciones en el menú del panel Párrafo. Para utilizar
este menú, haga clic en el triángulo de la esquina superior derecha del panel.

DISEÑAR PÁRRAFOS DE TIPOGRAFÍA

ESPECIFICACIÓN DE LA ALINEACIÓN

 En el panel Párrafo o en la barra de opciones, haga clic en una opción de

alineación.
Las opciones para texto horizontal son:

 Alinear texto a la izquierda Alinea el texto a la izquierda, dejando desigual el

borde derecho del párrafo.
 Centrar texto Alinea el texto en el centro, dejando desiguales ambos bordes del
párrafo.

Página 92
 ADOBE PHOTOSHOP CC

 Alinear texto a la derecha Alinea el texto a la derecha, dejando desigual el

borde izquierdo del párrafo.
 Las opciones para texto vertical son:
 Alinear texto arriba Alinea el texto arriba, dejando desigual el borde inferior del
párrafo.
 Centrar texto Alinea el texto en el centro, dejando desiguales los bordes
superior e inferior del párrafo.
 Alinear texto abajo Alinea el texto abajo, dejando desigual el borde superior del
párrafo.

ESPECIFICACIÓN DE LA JUSTIFICACIÓN PARA TEXTO DE PÁRRAFO

 En el panel Párrafo, haga clic en una opción de justificación.
Las opciones para texto horizontal son:

 Justificar última a la izquierda Justifica todas las líneas excepto la última, que
se alinea a la izquierda.
 Justificar última al centro Justifica todas las líneas excepto la última, que se
centra.
 Justificar última a la derecha Justifica todas las líneas excepto la última, que
se alinea a la derecha.
 Justificar todo Justifica todas las líneas incluida la última, que también se
justifica.
 Las opciones para texto vertical son:
 Justificar última arriba Justifica todas las líneas excepto la última, que se alinea
arriba.
 Justificar última al centro Justifica todas las líneas excepto la última, que se
centra.
 Justificar última abajo Justifica todas las líneas excepto la última, que se
justifica abajo.
 Justificar todo Justifica todas las líneas incluida la última, que también se
justifica.

Página 93
ADOBE PHOTOSHOP CC

AJUSTE DEL ESPACIO ENTRE PALABRAS Y LETRAS EN TEXTO

JUSTIFICADO

Espacio entre palabras Espacio entre palabras que resulta al pulsar la barra
espaciadora. Los valores de Espacio entre palabras pueden oscilar entre 0% y 1.000%;
en 100%, no se añade espacio adicional entre palabras.

Espacio entre letras Distancia entre letras, incluidos los valores de kerning o tracking.
Los valores de Espacio entre letras pueden oscilar entre el -100% y el 500%; con el 0%,
no se añade espacio adicional entre letras y con el 100% se añade un espacio entero
entre las letras.

Escala de pictograma La anchura de los caracteres (un pictograma es cualquier

carácter de fuente). Los valores pueden oscilar entre el 50% y el 200%. Con el 100%,
la altura de los caracteres no se escala.

SANGRÍA DE LOS PÁRRAFOS

La sangría especifica la cantidad de espacio entre el texto y el rectángulo delimitador o
línea que contiene el texto. La sangría afecta solo al párrafo o párrafos seleccionados,
por lo que se pueden establecer fácilmente diferentes sangrías para cada párrafo.

Sangría en margen izquierdo Sangra desde el borde izquierdo del párrafo. Para texto
vertical, esta opción controla la sangría desde la parte superior del párrafo.

Sangría en margen derecho Sangra desde el borde derecho del párrafo. Para texto
vertical, esta opción controla la sangría desde la parte inferior del párrafo.
Sangría en primera línea Sangra la primera línea de texto de un párrafo. En texto
horizontal, la sangría en primera línea está en relación con la sangría izquierda y en
texto vertical con la sangría superior. Para crear una sangría en primera línea fuera de
margen, introduzca un valor negativo.

Página 94
 ADOBE PHOTOSHOP CC

AJUSTE DEL ESPACIADO ENTRE PÁRRAFOS

 En el panel Párrafo, ajuste los valores de Añadir espacio antes del párrafo y
Añadir espacio después del párrafo .

DEFINICIÓN DEL INTERLINEADO

 Seleccione los caracteres que desea cambiar. Si no selecciona ningún texto, el
interlineado se aplica al nuevo texto que cree.
 En el panel Carácter, defina el valor de Interlineado.

Página 95
ADOBE PHOTOSHOP CC

EJERCICIO.

Diseñar la portada de una Revista.

Página 96
 Sesión 06

Temas:
Practica calificada
Competencias:

CC
Evaluación de los conocimientos adquiridos.
 Sesión 07

Temas:
Corrección de imágenes
Ajustar saturación con la herramienta
Esponja
Reparar áreas con la herramienta
tampón de clonar
Aplicar el filtro Mascara de enfoque
Novedad CC: Estabilizador de imágenes de cámara
Ejercicio
Competencias:

CC
Conocer las herramientas de corrección.
Manejar las herramientas de corrección.
 ADOBE PHOTOSHOP CC

CORRECCION DE IMAGENES

AJUSTAR SATURACIÓN CON LA HERRAMIENTA ESPONJA

La herramienta Esponja cambia sutilmente la saturación de color de un área. En modo

Escala de grises, la herramienta aumenta o disminuye el contraste desplazando niveles
de gris desde o hacia el gris intermedio.

PASOS:
 Seleccione la herramienta Esponja .

 Realice una de las acciones siguientes en la barra de opciones:

 Elija un pincel y defina las opciones del mismo.

 Seleccione cómo desea cambiar el color: Saturar, para intensificar la

saturación de color; o Desaturar, para diluir la saturación de color.

Página 99
ADOBE PHOTOSHOP CC

 Arrastre sobre el área de la imagen que desea modificar.

REPARAR ÁREAS CON LA HERRAMIENTA TAMPON DE CLONAR

La herramienta tampón de clonar de Photoshop es una de las más útiles para el retoque
digital de fotografías. Requiere mucha experiencia y su uso no es fácil. Clonar con el
tampón de Photoshop permite copiar determinados motivos o partes de una imagen en
esa misma imagen o en otra. El tampón de clonar, a diferencia de las herramientas
Parche o el Pincel Corrector, no tiene en cuenta valores de contraste o brillo. Es por ello
que la fusión de las zonas copiadas prácticamente no existe. Los mejores resultados al
usar el tampón se dan cuando la combinamos con el pincel corrector y el parche.

OPCIONES DEL TAMPÓN

 Para comenzar a clonar con el tampón lo primero es elegir el tamaño

adecuado del pincel que dependerá de la zona a clonar en cada
fotografía. Un flujo y la opacidad bajos harán que tengamos que repetir
la operación más veces pero el resultado será más satisfactorio. En la
opción Muestra determinaremos en qué capa queremos que se tome en
cuenta para clonar.

 Una vez determinados todos los parámetros comenzaremos a trabajar.

Página 100
 ADOBE PHOTOSHOP CC

PASOS:
 Abrimos la imagen a trabajar.

 Seleccionamos la herramienta tampón de clonar.

 Mantenemos presionada la tecla ALT, y damos clic en la zona que queremos

duplicar o clonar.
 Una vez elegida la zona, empezamos a dar clic en las zonas donde queremos
que aparezca la zona elegida anteriormente para duplicar (podemos hacerlo
como si se estuviese pintando)

Página 101
ADOBE PHOTOSHOP CC

APLICAR EL FILTRO MASCARA DE ENFOQUE

En muchas ocasiones, nos puede interesar añadir un punto extra de enfoque a nuestras
fotografías. Tanto para conseguir mejores impresiones, como para ver más nítidas las
fotografías en la pantalla, podemos usar la Máscara de Enfoque.

PASOS:

 Menú Filtro —> Enfoque —> Máscara de Enfoque.

Modificamos las opciones:

 Cantidad: indica la cantidad de enfoque que aplicamos.

 Radio: indica la cantidad de píxeles que se ven afectados por la Cantidad
aplicada.
 Umbral: Determina el límite de píxeles que se consideran parte del borde.

Página 102
 ADOBE PHOTOSHOP CC

NOVEDAD CC: ESTABILIZADOR DE IMÁGENES DE CÁMARA

Este filtro se encarga de estabilizar una imagen que se encuentre en movimiento,

causado por una falla al momento de tomar la fotografía.

Solo en caso de que la corrección automática fallara es aconsejable cambiar los valores
que por defecto añade Photoshop.

 Límites de trazo de desenfoque: Consiste en el tamaño en píxeles del

desenfoque, de acuerdo con las estimaciones de Photoshop.
 Ruido de Origen: Si lo dejamos en modo automático, Photoshop seleccionará
el ruido que tenga nuestra imagen para compensarlo. En caso que no quede
bien compensado es necesario seleccionar el valor más adecuado, recordad que
cuanto más alto sea este valor más detalles perderemos.
 Suavizado: Reduce el ruido de enfoque de alta frecuencia. Lo ideal es utilizar
un valor menor de 20%.
 Supresión de defectos: A veces, durante el enfoque de la imagen, pueden
observarse algunos defectos de ruido evidentes. Estos elementos pueden
eliminarse aumentando el valor de Supresión de defectos. La supresión de

Página 103
ADOBE PHOTOSHOP CC

defectos al 100% da lugar a la imagen original, mientras que una supresión de

defectos al 0% no suprime los defectos de ruido.

EJERCICIO

 Arreglar las imperfecciones de la imagen con tampón de clonar.

 Abrir una imagen con movimiento y acomodarlo, utilizando el estabilizador de

imagen.

Página 104
 ADOBE PHOTOSHOP CC

IMAGEN INICIAL

IMAGEN FINAL

Página 105
 Sesión 08

Temas:
Corregir y Mejorar fotografías
digitales
Procesando archivos en Camera Raw.
Aplicando corrección de color
avanzada.
Corrigiendo fotografías digitales en
Photoshop
Pincel Corrector.
Corrección de ojos rojos.
Ejercicio
Competencias:

CC
Conocer y manejar cámara Raw.
Corregir fotografías.
 ADOBE PHOTOSHOP CC

CORREGIR Y MEJORAR FOTOGRAFÍAS DIGITALES

ACERCA DE ARCHIVOS DE CAMERA RAW

Para utilizar archivos RAW, es necesario configurar la cámara para que guarde los
archivos en su propio formato de archivo RAW. Al descargar los archivos desde la
cámara, tienen extensiones de nombre de archivo como NEF, CR2, CRW y otros
formatos RAW. Photoshop Elements puede abrir archivos RAW solo de cámaras
compatibles. Visite el sitio web de Adobe para ver una lista de cámaras compatibles.

PROCESANDO ARCHIVOS EN CAMERA RAW

ABRIR Y PROCESAR ARCHIVOS RAW DE CÁMARA

 En el espacio de trabajo Filtro, seleccione Filtro de Camera Raw.

 El histograma del cuadro de diálogo RAW de cámara muestra la gama tonal de
la imagen con los ajustes actuales. Al realizar ajustes, el histograma se actualiza
automáticamente.
 (Opcional) Ajuste la vista de la imagen con controles como la herramienta Zoom
y opciones como las sombras y las iluminaciones, que dejan ver los recortes en
el área de previsualización.

 (Opcional) Defina las opciones para ajustar el equilibrio de blancos.

Nota: Puede controlar los valores RGB de los píxeles de la imagen mientras los ajusta en el cuadro
de diálogo RAW de cámara. Coloque las herramientas Zoom, Mano, Equilibrio de blancos o Recortar
sobre la imagen de previsualización para mostrar los valores RGB justo debajo del puntero.

 Realice ajustes de tono con los reguladores de exposición, brillo, contraste y

saturación.

Página 107
ADOBE PHOTOSHOP CC

A. Opciones de visualización B. Haga clic en la ficha Básico o Detalle para acceder a distintos
controles C. Valores RGB D. Histograma E. Ajustes de imagen F. Menú Más G. Herramientas H.
Niveles de zoom I. Opciones de profundidad de bits

APLICANDO CORRECCIÓN DE COLOR AVANZADA

HISTOGRAMA Y NIVELES RGB

Los histogramas son una representación del número de píxeles en cada valor de
luminancia de una imagen. Los histogramas que tienen valores distintos de cero para
cada valor de luminancia indican una imagen que aprovecha toda la escala tonal. Los
histogramas que no utilizan todo el rango tonal corresponden a una imagen apagada sin
contraste. Los histogramas con un pico a la izquierda indican un recorte de sombras; los
histogramas con un pico a la derecha indican un recorte de iluminaciones.

El histograma cambia de forma automática al definir los ajustes en el cuadro de diálogo

Camera Raw. Los valores RGB del píxel bajo el puntero (en la previsualización)
aparecen bajo el histograma.

Nota: También puede usar la herramienta Muestra de color para colocar hasta nueve muestras
de color en la vista previa de la imagen. Los valores RGB aparecen encima de la imagen de
previsualización. Para eliminar una muestra de color, pulse la tecla Alt (Windows) u Opción (Mac
OS) y haga clic en la muestra. Para borrar las muestras de color, haga clic enBorrar muestras.

Página 108
 ADOBE PHOTOSHOP CC

El cuadro de diálogo Camera Raw mostrará los valores RGB del píxel debajo del puntero.

AJUSTE DEL COLOR O TONO CON LA HERRAMIENTA DE AJUSTE DE

DESTINO

La herramienta Ajuste de destino permite realizar correcciones de tono y color

arrastrándola directamente a una foto. Con la herramienta Ajuste de destino puede
arrastrar hacia abajo en un cielo azul para desaturarlo, por ejemplo, o arrastrar hacia
arriba sobre una chaqueta roja para intensificar el tono.

 Para realizar ajustes de color con la herramienta Ajuste de destino , haga clic
en ella en la barra de herramientas y seleccione el tipo de corrección que desea
realizar: Tono, Saturación, Luminancia o Mezcla de escala de grises. A
continuación, arrastre el puntero en la imagen.

La herramienta Ajuste de destino de curva paramétrica ajusta la región de curva de

Iluminaciones, Claros, Oscuros o Sombras basada en los valores de la imagen en el
lugar en el que haga clic.

CORRIGIENDO FOTOGRAFÍAS DIGITALES EN PHOTOSHOP

PINCEL CORRECTOR

El Pincel corrector es una herramienta muy buena que te permitirá corregir

imperfecciones de la imagen como motas de polvo, rascaduras, grietas, etc.

Para usar esta herramienta selecciona una zona del lienzo con la pintura exacta con la
tecla Alt Tecla Alt presionada para tomarla como muestra y ya estarás listo para reparar
la imagen.

Página 109
ADOBE PHOTOSHOP CC

CORRECCIÓN DE OJOS ROJOS

La herramienta de Sustitución de color tiene la función de pintar sobre un color para
transformarlo en otro a nuestra elección.

Sus opciones son las siguientes:

Página 110
 ADOBE PHOTOSHOP CC

EJERCICIO.

 Abrimos la imagen a trabajar.

 Utilizamos herramientas de corrección para corregir las imperfecciones de la

imagen.

 Aplicamos filtro de camera raw.

Página 111
ADOBE PHOTOSHOP CC

 Modificamos los valores que se muestran a continuación.

 Abrimos la segunda imagen.

 Seleccionamos el área de los ojos y los montamos en la imagen de la chica,

disminuimos la opacidad para que se vean más reales.

Página 112
 ADOBE PHOTOSHOP CC

 Seleccionamos los labios, lo copiamos y pegamos en otra capa.

 Aplicamos camera raw para corregir el color de los labios.

 Aplicamos camera raw a los ojos para que tengan más vida.

Página 113
ADOBE PHOTOSHOP CC

 Imagen final.

Página 114
 Sesión 09

Temas:
Máscaras y Canales
Trabajar con máscaras y canales.
Crear una máscara.
Mascara Vectorial.
Crear una máscara rápida.
Trabajar con canales.
Ejercicio
Competencias:

CC
Conocer y trabajar con máscaras.
Creación de diseños con canales y máscaras.
ADOBE PHOTOSHOP CC

MÁSCARAS Y CANALES

TRABAJAR CON MÁSCARAS Y CANALES

Al seleccionar parte de una imagen, el área que no está seleccionada es un área con
máscara o protegida frente a modificaciones. De este modo, al crear una máscara, aísla
y protege áreas de una imagen conforme se aplican cambios de color, filtros u otros
efectos al resto de la imagen. Las máscaras también se utilizan para modificaciones
complejas de imágenes como la aplicación gradual de color o efectos de filtro a una
imagen.

A. Máscara opaca utilizada para proteger el fondo y editar la mariposa B. Máscara opaca utilizada
para proteger la mariposa y colorear el fondo C. Máscara semitransparente utilizada para colorear
el fondo y parte de la mariposa

Para guardar una selección de forma permanente, puede almacenarla como un canal
alfa. El canal alfa almacena la selección como una máscara en escala de grises editable
en el panel Canales. Una vez almacenada como un canal alfa, puede volver a cargar la
selección en cualquier momento o incluso cargarla en otra imagen.

Selección guardada como un canal alfa en el panel Canales

Página 116
 ADOBE PHOTOSHOP CC

CREAR UNA MÁSCARA

ADICIÓN DE MÁSCARAS DE CAPA

Al añadir una máscara de capa, puede ocultar o mostrar toda la capa, o basar la máscara
en una selección o transparencia. Además, se puede pintar en la máscara a fin de
ocultar con precisión partes de la capa y mostrar las capas subyacentes.

PASOS:
 Creamos un nuevo lienzo de 1024 x 430, de fondo transparente.

 Creamos un nuevo lienzo y lo pintamos de color blanco.

 Aplicamos una máscara de capa.

 Seleccionamos la herramienta pincel.

Página 117
ADOBE PHOTOSHOP CC

 Elegimos un modelo de pincel.

 Modificamos el tamaño del pince y nos cercioramos que el color frontal sea
negro.

 Damos un clic en una zona del lienzo, en este caso lo haremos al extremo
derecho e izquierdo de la capa.

 Colocamos una imagen y lo ubicamos debajo de la capa blanca y lo

acomodamos a uno de los lados.

Página 118
 ADOBE PHOTOSHOP CC

 Duplicamos la imagen y lo colocamos al otro extremo.

 Le aplicamos un estilo de bisel y relieve.

 Colocamos otra imagen y la rasterizamos.

 Utilizamos los aprendido anteriormente, para que la imagen que así.

Página 119
ADOBE PHOTOSHOP CC

 Colocamos otra imagen que contiene texto, la rasterizamos y le hacemos lo

mismo que en el anterior.

MASCARA VECTORIAL.

Las máscaras vectoriales no dependen de la resolución y se crean con una herramienta

de forma o de pluma.

En el panel Capas, tanto las máscaras de capa como las vectoriales aparecen como
una miniatura adicional a la derecha de la miniatura de la capa. En la máscara de capa
esta miniatura representa el canal de escala de grises que se crea al añadir la máscara
de capa. La miniatura de la máscara vectorial representa el trazado por el que se recorta
el contenido de la capa.

Nota: si desea crear una máscara de capa o vectorial en la capa de fondo, conviértala primero en
una capa normal (Capa > Nueva > Capa a partir de fondo).

A. Miniatura de máscara de capa B. Miniatura de máscara vectorial C. Icono de enlace de máscara

vectorial D. Añadir máscara

Página 120
 ADOBE PHOTOSHOP CC

PASOS:
 Abrimos una imagen y le quitamos el candado.

 Nos dirigimos a Capa > Mascara vectorial > Descubrir todas y

aplicamos.

 Seleccionamos la herramienta pluma.

 Empezamos a crear trazados, y veremos que la imagen se va

mostrando poco a poco según el trazado que se va realizando.

Página 121
ADOBE PHOTOSHOP CC

CREAR UNA MÁSCARA RÁPIDA

 Haga clic en el botón del modo Máscara rápida del cuadro de herramientas.

 Seleccionamos la herramienta pincel y empezamos a pintar, el área que

deseamos.

 Volvemos hacer clic en máscara rápida y quedara seleccionado.

Página 122
 ADOBE PHOTOSHOP CC

TRABAJAR CON CANALES

El panel Canales muestra una lista de todos los canales de la imagen con el canal
compuesto en primer lugar (para imágenes RGB, CMYK y Lab). Una miniatura del
contenido del canal aparece a la izquierda del nombre del canal; la miniatura se actualiza
automáticamente conforme se modifica el canal.

A. Canales de color
B. Canales de tinta plana
C. Canales alfa

VISUALIZACIÓN DEL PANEL CANALES

Seleccione Ventana > Canales.

SELECCIÓN Y EDICIÓN DE CANALES

En el panel Canales se pueden seleccionar un canal o varios. Los nombres de todos los
canales seleccionados, o activos, aparecen resaltados.

A. No visible o no editable
B. Visible pero no seleccionado para la edición
C. Seleccionado para la visualización y la edición
D. Seleccionado para la edición pero no para la
visualización

Página 123
ADOBE PHOTOSHOP CC

EJERCICIO.

 Abrir la imagen copa en Photoshop

 Quitar el candado de la capa para poder modificarla (doble clic)

 Quitarle el fondo y ampliar el lienzo

 Creamos una capa con fondo blanco

 Seleccionamos la copa dentro de capa

 Guardamos la selección en selección > guardar selección, con el nombre "copa"

Página 124
 ADOBE PHOTOSHOP CC

 Creamos una nueva capa y cargamos la selección, selección > cargar selección.

 Aplicamos selección > transformar selección

 Clic derecho sobre la selección y elegimos distorsionar

 Guardamos la selección con el nombre "sombra"

 Abrimos la paleta canales y seleccionamos nuestra sombra

Página 125
ADOBE PHOTOSHOP CC

 Activamos mascara rápida.

 Aplicamos un degradado dentro de la sombra de la copa

 Desactivar mascara rápida e ir a filtros > desenfocar > desenfoque gaussiano

 Ir a capa y cargar la selección en una capa diferente a la de la imagen y pintarla

Página 126
 ADOBE PHOTOSHOP CC

 Imagen final

Página 127
 Sesión 10

Temas:
Técnicas de Dibujo de Vectores
Acerca de imágenes de bitmap y
gráficos vectoriales
Trabajar con formas personalizadas
definidas
Novedad CC: Rectángulos
redondeados editables
Ejercicio.
Competencias:

CC
Dibujar objetos de Photoshop.
Crear diseños de DVD y CD.
 ADOBE PHOTOSHOP CC

TÉCNICAS DE DIBUJO DE VECTORES

ACERCA DE IMÁGENES DE BITMAP Y GRÁFICOS VECTORIALES

ACERCA DE LAS IMÁGENES DE MAPA DE BITS

Las imágenes de mapa de bits dependen de la resolución, es decir, contienen un

número fijo de píxeles. Como consecuencia, pueden perder detalle y aparecer dentadas
si se cambia la escala a grandes ampliaciones en pantalla o si se imprimen con una
resolución inferior que aquélla para la que fueron creadas.

ACERCA DE LOS GRÁFICOS VECTORIALES

Los gráficos vectoriales (a veces denominados formas vectoriales u objetos vectoriales)
están compuestos de líneas y curvas definidas por objetos matemáticos denominados
vectores, que describen una imagen de acuerdo con sus características geométricas.

TRABAJAR CON FORMAS PERSONALIZADAS DEFINIDAS

La herramienta de formas personalizadas se puede seleccionar desde la barra de

herramientas, en el icono de formas.

Si tenemos seleccionada cualquiera de las herramientas de formas, también podremos

acceder rápidamente a las formas personalizadas a través de las opciones de la
herramienta de formas.

Página 129
ADOBE PHOTOSHOP CC

1. Podemos seleccionar la herramienta de forma personalizada.

2. Pulsamos sobre la flechita hacia abajo que hay al lado de la forma seleccionada actualmente
3. Seleccionamos cualquiera de las formas que tengamos instaladas en Photoshop.

NOVEDAD CC: RECTÁNGULOS REDONDEADOS EDITABLES

Puede ajustar las dimensiones y la colocación de un rectángulo. En Photoshop CC,

también puede modificar los radios de los vértices de las formas de rectángulo
redondeado después de haberlas dibujado. Cada vértice se puede ajustar de forma
independiente; asimismo, se pueden realizar ajustes simultáneos en rectángulos en
varias capas.

 En el panel Propiedades, realice una de las siguientes acciones para modificar

el radio de los vértices:

Introduzca los valores en los cuadros de texto para ajustar los radios de los vértices por
separado.
Introduzca un valor en el cuadro de texto Radio para ajustar todos los vértices con el
mismo radio.

EJERCICIO.

 Creamos un documento de 12.5 x 12.5 cm, resolución: 100

Página 130
 ADOBE PHOTOSHOP CC

 Utilizamos líneas guías para encontrar el centro.

 Vista > guía nueva.

 Creamos una elipse con las dimensiones: 12x12 cm.

 Damos un clic en el centro y en el cuadro de diálogo ingresamos las medidas y
activamos la opción “desde el centro”.

 Creamos otros don círculos, con las medidas:

 117x117mm
 18x18mm

Página 131
ADOBE PHOTOSHOP CC

 Trabajamos en el diseño de la imagen que ira en el cd.

 Combinamos las capas y lo colocamos encima de la capa del segundo círculo

creado.

 Damos un clic derecho sobre la capa de la imagen y seleccionamos “crear

mascara de recorte”

 Combinamos las capas y con la herramienta varita mágica eliminamos el

centro.

Página 132
 ADOBE PHOTOSHOP CC

 Colocamos la otra imagen.

 Seleccionamos la imagen de que hemos colocado y la pintamos de blanco.

 Aplicamos el estilo superposición de colores en negro.

 Estilo resplandor interior.

Página 133
ADOBE PHOTOSHOP CC

 Estilo resplandor exterior.

 Estilo bisel y relieve.

 Seleccionamos la herramienta borrador y empezamos a borrar parte la imagen,

para que parezca que se encuentra detrás de la silueta de la chica.

 Disminuimos la opacidad de la capa a 23.

Página 134
 ADOBE PHOTOSHOP CC

 Creamos un trazo y escribi9mos un texto en el.

 Escribimos los 2 textos faltantes.

Página 135
 Sesión 11

Temas:
Mejorando los ajustes de imagen
Ajustes automáticos.
Curvas.
Niveles.
Tono y Saturación.
Equilibrio de Color.
Ejercicio
Competencias:

CC
Arreglo de Imágenes en Photoshop.
Corregir colores.
 ADOBE PHOTOSHOP CC

MEJORANDO LOS AJUSTES DE IMAGEN

AJUSTES AUTOMÁTICOS

Podemos aplicar una serie de tono, colores y contraste de forma automática, desde el
menú “imagen”

CURVAS

Con el ajuste Curvas, puede ajustar los puntos de la gama tonal de una imagen.
Inicialmente, la tonalidad de la imagen se representa como una línea recta en diagonal
sobre un gráfico. Al ajustar una imagen RGB, la zona superior derecha del gráfico
representa las iluminaciones; mientras que el área inferior izquierda representa las
sombras.

PASOS:

Imagen > ajustes > curvas.

Página 137
ADOBE PHOTOSHOP CC

NIVELES

Utilice el ajuste Niveles para corregir la gama tonal y el equilibrio de color de una imagen
ajustando los niveles de intensidad de las sombras, los medios tonos y las iluminaciones
de la imagen.

PASOS:

Imagen > Ajustes > Niveles.

 Niveles de negro y blancos.

 Niveles de salida (negro y blanco)

TONO Y SATURACIÓN

Tono/saturación permite ajustar el tono, la saturación y la luminosidad de una gama de

colores concreta de una imagen o ajustar todos los colores de una imagen a la vez. Este
ajuste resulta especialmente útil para reajustar colores de una imagen CMYK de modo
que estén dentro de la gama de un dispositivo de salida.

PASOS:

Página 138
 ADOBE PHOTOSHOP CC

Imagen > Ajustes > Tono/Saturación.

EQUILIBRIO DE COLOR

El comando Equilibrio de color cambia la mezcla global de los colores de una imagen
para conseguir correcciones de color generalizadas.

PASOS:

Imagen > Ajustes > Equilibrio de color.

 Podemos modificar los niveles de los colores para sombras, medios tonos e
iluminaciones.

Página 139
ADOBE PHOTOSHOP CC

EJERCICIO
 Abrimos una imagen.

 Aplicamos Niveles.
Negro: 25
Blanco: 195
Niveles de salida:
Blanco: 199

 Aplicamos curvas.
Colocamos un punto en la línea del gráfico y colocamos los valores:
Salida: 219 y entrada: 185

Página 140
 ADOBE PHOTOSHOP CC

Agregamos un segundo punto en el gráfico y colocamos los valores:

Salida: 81 y entrada: 98

 Aplicamos equilibrio de color.

Sombras:
+6, -4 y -2

Medios tonos:
-22, -11 y -9

Iluminaciones:
-17, +2 y -5

Página 141
 Sesión 12

Temas:
Examen Parcial
Competencias:

CC
Evaluación de los conocimientos adquiridos.
 Sesión 13

Temas:
Composición Avanzada 1
Aplicar filtros
Aplicar Filtros Inteligentes
Modos de Fusión
Ejercicio
Competencias:

CC
Conocimiento y manejo de fusiones.
Conocer la importancia de filtros y fusiones para el diseño.
ADOBE PHOTOSHOP CC

COMPOSICIÓN AVANZADA 1

APLICAR FILTROS

Los filtros se emplean para limpiar o retocar las fotografías, aplicar efectos especiales
que doten a la imagen de la apariencia de un bosquejo o un cuadro impresionista o bien
crear transformaciones exclusivas mediante distorsiones y efectos de iluminación. Los
filtros que ofrece Adobe aparecen en el menú Filtro. Algunos filtros que proporcionan
otros desarrolladores están disponibles en forma de plugins. Una vez instalados, estos
filtros de plugins aparecen en la parte inferior del menú Filtro.

DESCRIPCIÓN GENERAL DE LA GALERÍA DE FILTROS

La Galería de filtros ofrece una previsualización de muchos de los filtros de efectos
especiales. Puede aplicar varios filtros, activar o desactivar el efecto de un filtro,
restaurar las opciones de un filtro o cambiar el orden de aplicación de los filtros. Cuando
haya obtenido la previsualización deseada, aplíquela a la imagen. No todos los filtros
del menú Filtro están disponibles en la Galería de filtros.

A. Previsualizar B. Categoría de filtro C. Miniatura del filtro seleccionado D. Mostrar/Ocultar

miniaturas de filtros E. Menú emergente Filtros F. Opciones para el filtro seleccionado G. Lista de
efectos de filtro para aplicar u organizar H. Efecto de filtro seleccionado pero no aplicado I. Efectos
de filtro aplicados de manera acumulativa pero no seleccionados J. Efecto de filtro oculto

Página 144
 ADOBE PHOTOSHOP CC

APLICAR FILTROS INTELIGENTES

Todo filtro aplicado a un objeto inteligente es un filtro inteligente. Los filtros inteligentes
aparecen en el panel Capas debajo de la capa de objetos inteligentes en la que estén
aplicados. Como se pueden ajustar, eliminar y ocultar, se entiende que no son
destructivos.

APLICACIÓN DE UN FILTRO INTELIGENTE

 Realice una de las siguientes acciones:

o Para aplicar un filtro inteligente a toda la capa de objetos inteligentes,

seleccione ésta en el panel Capas.
o Para limitar los efectos del filtro inteligente a una zona concreta de la capa
de objetos inteligentes, realice la selección oportuna.
o Para aplicar un filtro inteligente a una capa normal, seleccione ésta, elija
Filtro > Convertir para filtros inteligentes y haga clic en OK.

MODOS DE FUSION

El modo de fusión especificado en la barra de opciones controla la influencia de una

herramienta de pintura o de edición sobre los píxeles de la imagen. Al visualizar los
efectos de un modo de fusión, resulta útil considerar los colores siguientes:

 El color base es el color original de la imagen.

 El color de fusión es el color aplicado con la herramienta de pintura o de edición.
 El color resultante es el color obtenido de la fusión.

Página 145
ADOBE PHOTOSHOP CC

EJEMPLOS DE MODOS DE FUSIÓN

Estos ejemplos muestran el resultado de pintar parte de la cara de la imagen utilizando
cada modo de fusión.

Imagen original Normal, 100% de Normal, 50% de Disolver, 50% de

opacidad opacidad opacidad

Detrás Borrar Oscurecer Multiplicar

Subexponer color Subexposición lineal Aclarar Trama

Sobreexponer color Sobreexposición lineal Superponer Luz suave

(Añadir)

Página 146
 ADOBE PHOTOSHOP CC

Luz fuerte Luz intensa Luz lineal Luz focal

Mezcla definida Diferencia Exclusión Restar

Dividir Tono Saturación Color

Luminosidad, 80% de Color más claro Color más oscuro

opacidad

Página 147
ADOBE PHOTOSHOP CC

EJERCICIO.

 Abrir un nuevo documento de 1024 x 430

 Aplicar filtro interpretar > fibras

 Varianza: 24
 Intensidad: 18

 Ir a canales y seleccionar el canal azul y duplicar.

Página 148
 ADOBE PHOTOSHOP CC

 Al canal azul copia, aplicar imagen > niveles (70, 1.16, 200)

 Ir al panel capas
 Quitarle el candado a la capa y crear una nueva capa y pintarla de color negro,
colocarla debajo de la primera capa creada.

 En capas, seleccionamos el azul copia y presionar control más clic, para

seleccionar el blanco que está dentro.

 Crear una máscara

 Aplicarle estilos de capa

- resplandor interior
Color: blanco
Tamaño: 8

Página 149
ADOBE PHOTOSHOP CC

- bisel y relieve
Profundidad: 250
Tamaño: 5
Angulo: 90
Altitud: 45
Contorno de resplandor: aro
Modo resaltado
Opacidad: 50
Modo de sombra:
Opacidad: 44

- contorno: cono invertido

Rango: 100

Página 150
 ADOBE PHOTOSHOP CC

 Cambiar propiedades de capa (modo de fusión: multiplicar, opacidad: 25)



 Crear nueva capa

 Aplicar filtro > interpretar >nubes

 Aplicar filtro > interpretar > nubes de diferencia

 Volver aplicar nubes de diferencia

 Crear mascara de capa

Página 151
ADOBE PHOTOSHOP CC

 Aplicarle los efectos anteriores (nubes y nubes de diferencia)

 Propiedades de capa (modo de fusión: sobreexponer lineal (añadir), opacidad:
50)


 Crear nueva capa

 Activar la herramienta pincel (dureza cero, tamaño (elegir))
 Color frontal blanco

 Crear nueva capa

 Imagen > aplicar imagen

 Crear mascara de capa

 Aplicar filtro > galería de filtros > textura > grietas (57, 7, 6)

Página 152
 ADOBE PHOTOSHOP CC

 Propiedades de capa (opacidad: 10)

 Aplicar estilos de capa
- bisel y relieve
Técnica: cincel duro
Profundidad: 250
Tamaño: 3

 Seleccionar todo y colocarlo dentro de un grupo (ctrl+g)

 Con la herramienta texto, escribir un texto y centrarlo.

 Crear una nueva capa y ponerlo debajo de la capa de texto

Página 153
ADOBE PHOTOSHOP CC

 Presionar control + clic sobre la capa de texto

 Seleccionamos la capa que está debajo del texto, y aplicamos Edición >
rellenar (negro)

 Mover la capa de relleno negro un poco más abajo y moverlo un poco hacia la
derecha.

 Duplicar la capa (ctrl + j)

 A la capa duplicada aplicar filtro > desenfocar > desenfoque de movimiento
(ángulo: 90, distancia: 30)

Página 154
 ADOBE PHOTOSHOP CC

 Seleccionar la otra capa que está debajo

 Aplicar filtro > desenfocar > desenfoque de movimiento (ángulo: -90, distancia:
60)

 Seleccionar las 2 capas y fusionarlas (ctrl + e)

 Aplicar filtro > desenfocar > desenfoque gaussiano (2)

 Presionar control y clic sobre la capa de texto y presionar suprimir.

Página 155
ADOBE PHOTOSHOP CC

 A la capa de texto aplicar estilos de capa:

- sombra paralela
Angulo: 90
Distancia: 10
Tamaño: 7

- sombra interior
Modo de fusión: luz suave
Opacidad: 100
Angulo 90
Distancia: 5
Tamaño: 10
Contorno: semicircular

- resplandor interior
Modo de fusión: luz suave
Opacidad: 49

Página 156
 ADOBE PHOTOSHOP CC

Color: blanco

- bisel y relieve
Técnica: cincel duro
Profundidad: 429
Tamaño: 2
Modo resaltado: sobrexpos.lineal (añadir)
Opacidad: 100
Modo de sombra
Opacidad: 100

- contorno: semicircular
Rango: 85

Página 157
ADOBE PHOTOSHOP CC

 Propiedades de capa (relleno: 0)

 Duplicar la capa donde se aplicó el filtro fibras (dentro del grupo)

 Sacarlo del grupo y colocarlo debajo de la capa de texto (eliminar el estilo de
capa)

 Presionar control + clic sobre la capa de texto

 Invertir la selección (shif + ctrl + i)

 Presionar suprimir
 Seleccionar la capa texto y aplicar mascara

Página 158
 ADOBE PHOTOSHOP CC

 Seleccionar un pincel, achicarlo y pasarlo sobre el texto (para darle un efecto

de grietas o madera al texto

 Aplicar capa de ajustes > tono saturación (activar colorear) (33, 29, -9)

 Aplicar capa de ajustes > niveles (25, 1.16, 238)

 Aplicar capa de ajustes > color uniforme (89b7af)

 Propiedades de capa (modo de fusión multiplicar, opacidad: 38)

Página 159
ADOBE PHOTOSHOP CC

 Aplicar capa de ajustes > brillo/contraste ( brillo: 25, contraste: 23)

 Imagen final.

Página 160
 Sesión 14

Temas:
Composición Avanzada 2
Añadir sombras.
Procesamiento de un lote de archivos.
Automatizar procesos multipasos.
Pegarlas piezas de un panorama.
Novedad CC: Enfoque suavizado.
Ejercicio
Competencias:

CC
Aprender a componer imágenes.
ADOBE PHOTOSHOP CC

COMPOSICIÓN AVANZADA 2

AÑADIR SOMBRAS

Una de las maneras más rápidas y simples de agregar sombras en Photoshop es usar
la función "Sombra paralela". Esta se encuentra en el botón "Efectos" en la parte inferior
del panel de "Capas". En el diálogo de "Sombra paralela", ajusta la distancia, el ángulo,
el color y otros atributos de la sombra que agregas alrededor del objeto. Este efecto
funciona bien para las sombras alrededor de los botones pero no para formar sombras
detrás de una persona u objeto.

AGREGACIÓN DE UNA SOMBRA PARALELA

Las sombras paralelas agregan profundidad a una imagen. Puede aplicar el efecto
Sombra paralela a cualquier objeto, ya sea texto, botones u otro elemento gráfico.

Sombra original (izquierda) y paralela aplicadas al texto y a la imagen del botón (derecha)

Lo primero que podemos modificar es el tipo de sombra que aplicar (por defecto, el estilo
multiplicar), así como el color de la sombra que quizás no quieras que sea siempre
negro.

Página 162
 ADOBE PHOTOSHOP CC

Podemos modificar la opacidad, es decir, la fuerza de oscurecimiento con la que

constará la sombra, desde casi imperceptible hasta un 100% de opacidad.

El ángulo (con luz global seleccionada o no), nos indicará desde dónde queremos
simular el foco que proyecta la sombra de nuestro texto. En función del resultado que
buscamos, podremos elegir un ángulo distinto.

Las tres siguientes opciones modifican la propia forma de la sombra.

AGREGAR UNA SOMBRA INTERIOR

El uso tradicional de una sombra interior es para simular la profundidad en 3D en una
imagen 2D. Esto se hace mediante la creación de un desplazamiento de la sombra
dentro de una forma de hacer que parezca que se corta y se proyecta una sombra sobre
el objeto debajo de ella.

Página 163
ADOBE PHOTOSHOP CC

Esto también es donde se define el color de tu sombra, haga clic en el bloque de color
junto al menú desplegable de modo de fusión. Por defecto, el color de la sombra será
de color negro, pero usted puede agregar un tinte de color e incluso de intentar algo
escandaloso para conseguir efectos especiales.

En el siguiente ejemplo, se puede ver que el color de la sombra a la izquierda es de

color negro con un modo de fusión de Multiplicar, mientras que el color de la sombra a
la derecha es de un color púrpura oscuro con un modo de fusión de Normal. Esto crea
el resultado que vemos a continuación.

El control de opacidad le permite especificar la transparencia de su sombra estará. Un

ajuste de 0% es totalmente ver a través mientras que el 100% es totalmente opaco.

En el siguiente ejemplo, se puede ver que la sombra de la izquierda, añade un sutil

toque de profundidad al texto, mientras que la sombra de la derecha es más visible y
añade aún más profundidad.

Página 164
 ADOBE PHOTOSHOP CC

La ruleta y el ángulo casilla correspondiente le permiten cambiar el ángulo de manifiesto

que la fuente de luz proviene. Al girar el "Usar luz global" en la casilla de verificación,
cualquier cambio que realice en el ángulo de la sombra interior también cambiará el
ángulo de las fuentes de luz utilizadas en otros efectos como el bisel y relieve y la
sombra. Al dejar sin marcar, se puede cambiar el ángulo de la luz para la sombra interior,
independientemente de otros efectos.

El valor recomendado está "marcado" para la mayoría de los casos, porque queremos
tener una fuente uniforme de luz para el efecto más cohesionada buscando.

En el siguiente ejemplo, cambiar el ángulo de la fuente de luz cambia la forma en que

la sombra cae, y ya que "Usar luz global" está marcada, también cambió el ángulo de la
luz para la sombra paralela y Bisel y relieve los efectos también.

El control deslizante Distancia cambia la distancia aparente entre el sujeto y el fondo. El

efecto se consigue mediante la alteración de la compensación entre el sujeto y la
Sombra interior sí mismo.

En el siguiente ejemplo, el aumento de la distancia da el efecto que el texto de la

izquierda es simplemente sangría en el cartón, mientras que el texto de la derecha es
una pieza totalmente independiente flotando sobre el fondo.

Página 165
ADOBE PHOTOSHOP CC

El control deslizante del estrangulador cambia la caída de la sombra de una forma lineal,
o en otras palabras, cómo poco a poco se desvanece en los bordes.
Para una sombra interior típico, que normalmente va a querer salir de esta a 0%, pero
para más duras sombras que debe aumentar, y las sombras con bordes duros o
derrames cerebrales, incluso interiores y luces de fantasía se puede establecer todo el
camino hasta el 100%.

Ajuste del estrangulador es casi el mismo que cambiar el tamaño a 0px y luego alterar
la distancia. Básicamente, consigue el mismo efecto de una manera diferente.

En el siguiente ejemplo, aumentando el porcentaje del cebador a 100% cambia la caída

de la sombra de forma que tenga un borde duro.

El control deslizante Tamaño cambia el tamaño aparente de la fuente de luz, suavizando

los bordes de la sombra. Cuando se pone a 0, la sombra es exactamente el mismo
tamaño que la forma del objeto. A medida que aumenta el tamaño, la sombra crece en
incrementos de 1 píxel.

Página 166
 ADOBE PHOTOSHOP CC

En el siguiente ejemplo, aumentando el tamaño de la sombra nos da flexibilidad sobre

controlando no sólo el tamaño total de la sombra, pero la suavidad de la misma también.

Las formas curvas de nivel le permiten cambiar la caída de la sombra de una manera
no lineal. Al elegir diferentes perfiles de la curva, puede hacer que la sombra se
desvanezca de diferentes maneras.

La única vez que esto es realmente útil cuando usted está tratando de lograr brillo
especial o efectos abstractos.

Además, el "Anti-alias" casilla de verificación permite mejorar la calidad de la sombra

con un ligero descenso en el rendimiento. El impacto en el rendimiento es insignificante,
por lo que recomendamos mantener siempre la casilla marcada.

En el siguiente ejemplo, cambiando la forma del contorno de una "U" invertida resultados
en sombra con un pequeño espacio entre el borde de la forma y donde empieza la
sombra. Esto no suele ser un efecto deseable.

El control deslizante de ruido es una herramienta útil para dar a su sombra una
sensación arenosa. Si está creando un estilo que va a parecerse a la suciedad o de
hormigón, añadiendo un poco de ruido puede ayudar el efecto global. Para una sombra
totalmente lisa, lo deje en el 0%.

Página 167
ADOBE PHOTOSHOP CC

En el ejemplo siguiente, estableciendo el ruido a 30% nos da sólo un poco de arena en

la sombra. Una buena variedad para usar es de 0% -30%, ya que va más del 30% a
menudo puede resultar en un aspecto muy natural.

PROCESAMIENTO DE UN LOTE DE ARCHIVOS

El procesador de imágenes convierte y procesa varios archivos. A diferencia del

comando Lote, el procesador de imágenes permite procesar archivos sin crear una
acción primero. En Procesador de imágenes, puede realizar cualquiera de las siguientes
acciones:

PASOS:
 Elija Archivo > Secuencias de comandos > Procesador de imágenes
(Photoshop).

 Seleccione las imágenes que desea procesar. Puede procesar cualquier archivo
abierto o seleccionar una carpeta de archivos para procesar.

 Seleccione la ubicación donde desea guardar los archivos procesados.

Página 168
 ADOBE PHOTOSHOP CC

 Seleccione los tipos de archivo y las opciones de guardado.

Guardar como JPEG Guarda imágenes en el formato JPEG dentro de una carpeta
llamada JPEG en la carpeta de destino.

Calidad Define la calidad de imagen JPEG entre 0 y 12.

Redimensionar para encajar Redimensiona la imagen para adaptarla a las

dimensiones de anchura y altura introducidas. La imagen conserva sus proporciones
originales.

Convertir perfil en sRGB Convierte el perfil de color a sRGB. Asegúrese de que la

opción Incluir perfil ICC está seleccionada si desea guardar el perfil con la imagen.

Guardar como PSD Guarda imágenes en el formato Photoshop dentro de una carpeta
llamada PSD en la carpeta de destino.

Maximizar compatibilidad
Guarda una versión compuesta de una imagen con capas en el archivo de destino para
que sea compatible con aplicaciones que no pueden leer imágenes con capas.

Guardar como TIFF Guarda imágenes en el formato TIFF dentro de una carpeta
llamada TIFF en la carpeta de destino.

Compresión LZW Guarda el archivo TIFF utilizando el esquema de compresión LZW.

Página 169
ADOBE PHOTOSHOP CC

 Defina las otras opciones de procesamiento.

Ejecutar acción Ejecuta una acción de Photoshop. Seleccione el conjunto de acciones

del primer menú y la acción del segundo menú. El conjunto de acciones debe estar
cargado en el panel Acciones para aparecer en estos menús.

Información de copyright Incluye cualquier texto introducido en los metadatos de

copyright IPTC del archivo. El texto que se incluya aquí sobrescribirá los metadatos de
copyright del archivo original.

Incluir perfil ICC Incrusta el perfil de color en los archivos guardados.

 Haga clic en Ejecutar.

AUTOMATIZAR PROCESOS MULTIPASOS

PROCESAMIENTO DE UN LOTE DE ARCHIVOS

El comando Lote ejecuta una acción en una carpeta de archivos. Si tiene una cámara
digital o un escáner con un alimentador de documentos, también puede importar y
procesar varias imágenes con una única acción. El escáner o la cámara digital pueden
necesitar un módulo plugin de adquisición que admita acciones.

PASOS:
 Elija Archivo > Automatizar > Lote (Photoshop).

 Especifique la acción que desea utilizar para procesar los archivos en los menús
emergentes Conjunto y Acción. Los menús muestran las acciones disponibles
en el panel Acciones. Es posible que deba seleccionar un conjunto distinto o
cargar uno del panel si no ve la acción.

Página 170
 ADOBE PHOTOSHOP CC

 Seleccione los archivos que se procesarán en el menú emergente Origen:

Carpeta Procesa archivos de la carpeta especificada. Haga clic en Elegir para localizar
y seleccionar la carpeta.

Importar Procesa imágenes de una cámara digital, un escáner o un documento PDF.

Archivos abiertos Procesa todos los archivos abiertos.

Bridge Procesa los archivos seleccionados en Adobe Bridge. Si no hay ningún archivo
seleccionado, se procesan los archivos que se encuentran actualmente en la carpeta
Bridge.

 Defina las opciones de procesamiento, guardado y nombres de archivos. Para

ver la descripción de los ajustes del cuadro de diálogo Lote.

CREACIÓN DE UN DROPLET A PARTIR DE UNA ACCIÓN

Un droplet aplica una acción a una imagen o a varias imágenes, o bien a una carpeta
de imágenes, arrastradas hasta el icono de droplet. Puede guardar un droplet en el
escritorio o en otra ubicación del disco.

 Seleccione Archivo > Automatizar > Crear droplet.

Página 171
ADOBE PHOTOSHOP CC

 Especifique dónde desea guardar el droplet. Haga clic en Elegir en la sección

Guardar droplet del cuadro de diálogo y desplácese hasta la ubicación.

 Seleccione el conjunto de acciones y, a continuación, designe la acción que va

a utilizar en los menús Conjunto y Acción. (Seleccione la acción en el panel
Acciones antes de abrir el cuadro de diálogo para preseleccionar estos menús).

 Defina las opciones de procesamiento, guardado y nombres de archivos.

COMBINAR PARA HDR

Para conseguir una imagen HDR de una escena tenemos que hacer varias fotografías
con distinta exposición de esa escena.

Página 172
 ADOBE PHOTOSHOP CC

 Nos vamos a Archivo > Automatizar > Combinar para HDR y clic en el botón
Explorar.

 Seleccionamos los archivos que vamos a usar para hacer nuestra imagen HDR,
después le damos a Aceptar.

Página 173
ADOBE PHOTOSHOP CC

Una vez cargadas comenzará el proceso de combinar para HDR y nos aparecerá una
ventana mayor donde podemos ver la fotografía resultante, debajo de esta todas las
fotografías usadas y a la derecha los ajustes que haremos.

Página 174
 ADOBE PHOTOSHOP CC

PEGARLAS PIEZAS DE UN PANORAMA

ACERCA DE PHOTOMERGE
El comando Photomerge™ combina varias fotografías para crear una imagen continua.
Por ejemplo, puede tomar cinco fotografías superpuestas del horizonte de una ciudad y
posteriormente combinarlas en una vista panorámica. El comando Photomerge puede
combinar fotografías segmentadas tanto horizontal como verticalmente.

Página 175
ADOBE PHOTOSHOP CC

Imágenes originales (arriba) y composición de Photomerge completa (abajo)

NOVEDAD CC: ENFOQUE SUAVIZADO

Una nueva herramienta de enfoque inteligente hace aparición en Photoshop CC. Con
esta herramienta, el programa de Adobe analiza los datos de nuestras imágenes para
mejorar la nitidez y reducir el ruido y los halos. Un panel con nuevas opciones nos
permite modificar nuestras imágenes hasta conseguir texturas más detalladas, bordes
más definidos y en general una mayor calidad de imagen con mucho menos ruido.

PASOS:
 Filtro > Enfocar > enfoque suavizado.

 Modificamos los valores hasta que nuestro enfoque quede como se desea.

Página 176
 ADOBE PHOTOSHOP CC

EJERCICIO.

 Utilizar Combinar para HDR y consigue esta imagen final, con las imágenes
proporcionadas.

Página 177
 Sesión 15

Temas:
Herramienta de trazados
Acerca de trazados
Rellenar trazado.
Contornear Trazado.
Seleccionar trazado.
Mover nodos.
Panel trazado.
Ejercicio
Competencias:

CC
Dibujar con Photoshop.
 ADOBE PHOTOSHOP CC

HERRAMIENTA DE TRAZADOS.

La herramienta pluma de Photoshop nos permite dibujar trazados de una manera

detallada y con posibilidades completas, haciendo tanto rectas como curvas. Además,
la pluma tiene la particularidad que nos permite alterar un trazado una vez realizado o,
si nos equivocamos, volver hacia atrás con el comando edición-deshacer.

ACERCA DE TRAZOS

SEGMENTOS DE TRAZADO, COMPONENTES Y PUNTOS

Un trazado se compone de uno o varios segmentos rectos o curvos. Los puntos de ancla
marcan los puntos finales de los segmentos del trazado. En los segmentos curvos, cada
punto de ancla seleccionado muestra una o dos líneas de dirección, que terminan en
puntos de dirección. Las posiciones de las líneas y los puntos de dirección determinan
el tamaño y la forma de un segmento curvo. Al mover estos elementos se cambia la
forma de las curvas de un trazado.

A. Segmento rectilíneo curvo B. Punto de dirección C. Línea de dirección D. Punto de ancla

seleccionado E. Punto de ancla deseleccionado

Página 179
ADOBE PHOTOSHOP CC

Un trazado puede estar cerrado, sin puntos de inicio o finales (por ejemplo, un círculo)
o abierto, con marcados puntos finales (por ejemplo, una línea ondulante).

Las curvas suaves están conectadas mediante puntos de ancla llamados puntos suaves.
Los trazados con curvas muy acentuadas están conectados mediante puntos de
esquina.

Punto suave y punto de esquina

Al mover una línea de dirección de un punto suave, los segmentos curvos situados a
ambos lados del punto se ajustan al mismo tiempo. En contraste, al mover una línea de
dirección de un punto de esquina, solo se ajusta la curva situada en el mismo lado del
punto que la línea de dirección.

Ajuste de un punto suave y un punto de esquina

Un trazado no tiene que ser una serie de segmentos conectados. Puede contener más
de un componente de trazado distinto e independiente. Cada forma de una capa de
formas es un componente de trazado, como describe el trazado de recorte de la capa.

Página 180
 ADOBE PHOTOSHOP CC

Componentes de trazado independientes seleccionados

RELLENAR TRAZADO.

Un trazado creado con la herramienta Pluma no se convierte en un elemento de la

imagen hasta que lo contornea o lo rellena. El comando Rellenar trazado le permite
rellenar un trazado con píxeles utilizando un color, un estado de la imagen, un motivo o
una capa de relleno especificados.

Trazado seleccionado (izquierda) y rellenado (derecha)

PASOS:
 Seleccionamos la herramienta pluma.

Página 181
ADOBE PHOTOSHOP CC

 Creamos un trazado (podemos utilizar una imagen para redibujar)

 Una vez cerrado el trazado, creamos una nueva capa.

 Damos un clic derecho y elegimos rellenar trazado.

 En usar, elegimos color, para que se habrá la paleta de colores y podamos
elegir un color para nuestro relleno.

 Ahora para eliminar el trazo, damos un clic derecho y elegimos eliminar

trazado.

Página 182
 ADOBE PHOTOSHOP CC

CONTORNEAR TRAZADO

El comando Contornear trazado pinta el borde de un trazado. El comando Contornear

trazado le permite crear un trazo de pintura (utilizando los ajustes actuales de las
herramientas de pintura) que sigue a cualquier trazado. Este comando es
completamente diferente del efecto de capa Contornear, que no imita el efecto de
ninguna de las herramientas de pintura.

Trazado seleccionado (izquierda) y contorneado (derecha)

PASOS:
 Seleccione el trazado en el panel Trazados.

 Seleccione la herramienta de pincel o edición que desee utilizar para contornear

el trazado. Y configuramos el tamaño de pincel (esto determina el grosor del
trazado).

Página 183
ADOBE PHOTOSHOP CC

 Volvemos a seleccionar la herramienta pluma.

 Damos un clic derecho y en el cuadro de diálogo Contornear trazado, seleccione
una herramienta Para simular trazados manuales, seleccione Simular presión.
O, si lo prefiere, desactive esta opción para crear trazados más lineales y
uniformes.

 Presione Ok.

SELECCIONAR TRAZADO.

Para seleccionar un componente de trazado (incluida una forma de una capa de formas),
seleccione la herramienta Selección de trazado y haga clic en cualquier parte dentro
del componente de trazado. Si un trazado está compuesto de varios componentes de
trazado, solo se selecciona el componente de trazado situado bajo el puntero.

Para seleccionar un segmento de trazado, seleccione la herramienta Selección

directa y haga clic en uno de los puntos de ancla del segmento o arrastre un marco
sobre parte del segmento.

Página 184
 ADOBE PHOTOSHOP CC

Arrastrar un marco para seleccionar segmentos.

MOVER NODOS.

 Con la herramienta Selección directa , seleccione el trazado que desee ajustar.

 Arrastre el segmento a su nueva posición.

Para ajustar la posición del segmento, arrástrelo. Mantenga pulsada la tecla shif y
arrastre el puntero para restringir el ajuste a múltiplos de 45°.

Haga clic para seleccionar el segmento curvo. A continuación, arrastre para ajustar.
Para ajustar la forma del segmento de cualquier lado de un punto de ancla seleccionado,
arrastre el punto de ancla o el punto de dirección. Mantenga pulsada la tecla Shif y
arrastre el puntero para restringir el movimiento a múltiplos de 45°.

Arrastre el punto de ancla o el punto de dirección.

Página 185
ADOBE PHOTOSHOP CC

ADICIÓN O ELIMINACIÓN DE PUNTOS DE ANCLA

El cuadro de herramientas contiene tres herramientas para añadir o eliminar puntos: las
herramientas Pluma , Añadir punto de ancla y Eliminar punto de ancla .

CONVERSIÓN DE PUNTOS DE CURVA EN PUNTOS DE ESQUINA Y

VICEVERSA
Para convertir un punto de esquina en un punto suave, arrastre fuera del punto de
esquina para que aparezcan las líneas de dirección.

Arrastre de un punto de dirección fuera de un punto de vértice para crear un punto de curva

Para convertir un punto de curva en un punto de vértice sin líneas de dirección, haga
clic en el punto de curva.

Clic en un punto de curva para crear un punto de vértice

Para convertir un punto redondeado en un punto de vértice con líneas de dirección

independientes, arrastre cualquier punto de dirección.

Página 186
 ADOBE PHOTOSHOP CC

Conversión de un punto de curva en un punto de vértice

PANEL TRAZADO.

El panel Trazados (Ventana > Trazados) muestra el nombre y una imagen en miniatura
de cada trazado guardado, el trazado de trabajo actual y la máscara vectorial actual. Si
desactiva las miniaturas, es posible que mejore el rendimiento. Para ver un trazado,
primero debe seleccionarlo en el panel Trazados.

A. Trazado guardado B. Trazado de trabajo temporal C. Trazado de máscara vectorial (solo aparece
cuando la capa de formas está seleccionada)

Página 187
ADOBE PHOTOSHOP CC

EJERCICIO.

Utilizando la herramienta pluma, realizar el sgt. Diseño.

Página 188
 Sesión 16

Temas:
Pintar
Seleccionar ajustes de pincel.
Acerca del mezclador de pinceles.
Crear pincel.
Herramienta Sobreexponer y
subexponer.
Herramienta desenfocar, enfocar, dedo.
Ejercicio
Competencias:

CC
Pintar utilizando Photoshop.
ADOBE PHOTOSHOP CC

PINTAR

Adobe Photoshop cuenta con varias herramientas para pintar y editar imágenes en
color. La herramienta Pincel y la herramienta Lápiz funcionan como las herramientas de
dibujo tradicionales aplicando color mediante trazos de pincel. Herramientas como
Borrador, Desenfocar o Dedo modifican los colores existentes de la imagen. En la barra
de opciones de cada una de estas herramientas de pintura, puede definir la forma en la
que se aplica el color a una imagen y elegir varias puntas de pincel preestablecidas.

Página 190
 ADOBE PHOTOSHOP CC

SELECCIONAR AJUSTES DE PINCEL

AJUSTES PREESTABLECIDOS DE HERRAMIENTAS DE PINCEL

Puede seleccionar rápidamente los ajustes preestablecidos desde el selector Pincel

predefinido de la barra de opciones, lo que le permitirá modificar temporalmente el
tamaño y la dureza de un ajuste predefinido de pincel.

OPCIONES DE PUNTA DE PINCEL

Junto con los ajustes de la barra de opciones, las opciones de punta de pincel controlan
la forma en la que se aplica el color. Puede aplicar color de forma gradual, con bordes
suaves, con grandes trazos de pincel, con distintas dinámicas de pincel, con diversas
propiedades de fusión y con pinceles de distintos tamaños. Puede aplicar una textura
con los trazos de pincel para simular la pintura en lienzo o papel de dibujo. También
puede simular el pulverizado de pintura mediante un aerógrafo. Puede utilizar el panel
Pincel para definir las opciones de punta de pincel.

Página 191
ADOBE PHOTOSHOP CC

PINTURA CON LAS HERRAMIENTAS PINCEL O LÁPIZ

La herramienta Pincel y la herramienta Lápiz pintan el color frontal en una imagen. La
herramienta Pincel crea suaves trazos de color. La herramienta Lápiz crea líneas con
bordes duros.

PASOS:
 Seleccione un color frontal.

 Seleccione la herramienta Pincel o la herramienta Lápiz .

 Seleccione un pincel del panel Pinceles preestablecidos.

 Defina las opciones de la herramienta de modo, opacidad, etc. en la barra de

opciones.

Página 192
 ADOBE PHOTOSHOP CC

 Haga clic donde desea pintar o arrastre.

 Cuando utilice la herramienta Pincel como aerógrafo, mantenga pulsado

el botón del ratón sin arrastrar para incorporar un color.

OPCIONES DE LAS HERRAMIENTAS DE PINTURA

Página 193
ADOBE PHOTOSHOP CC

Modo
Define el método para fusionar el color que pinte con los píxeles subyacentes existentes.
Los modos disponibles cambian según la herramienta seleccionada actualmente. Los
modos de pintura son similares a los modos de fusión de capa.

Opacidad
Define la transparencia del color que aplique. Al pintar sobre un área, la opacidad no
excederá el nivel definido (independientemente de las veces que mueva el puntero
sobre el área) hasta que suelte el botón del ratón. Si vuelve a realizar un trazo sobre el
área, se aplicará color adicional, equivalente a la opacidad definida. La opacidad de
100% es opaca.

Flujo
Define la velocidad a la que se aplica el color mientras se mueve el puntero sobre un
área. Al pintar sobre un área, si mantiene pulsado el botón del ratón, la cantidad de color
se aplicará según la velocidad del flujo, hasta alcanzar el ajuste de opacidad. Por
ejemplo, si define la opacidad en un 33% y el flujo en un 33%, cada vez que mueva el
ratón sobre un área, su color se acercará un 33% al color del pincel. El total no excederá
una opacidad del 33%, a menos que suelte el botón del ratón y vuelva a realizar un trazo
sobre el área.

Aerógrafo
Simula la pintura con aerógrafo. Al mover el puntero sobre un área, la pintura se crea
mientras se mantiene pulsado el botón del ratón. Las opciones de dureza, opacidad flujo
del pincel controlan la rapidez y la cantidad de pintura que se aplica. Haga clic en el
botón para activar o desactivar esta opción.

Borrado automático
(Solo para la herramienta Lápiz) Pinta el color de fondo sobre áreas que contienen el
color frontal. Seleccione el color frontal que desee borrar y el color de fondo al que desee
cambiar.

Botones de presión de la tableta

Utilice la presión de stylus para anular la opacidad y los ajustes de tamaño del panel
Pincel.

ACERCA DEL MEZCLADOR DE PINCELES

El pincel Mezclador simula técnicas de pintura reales como la mezcla de colores en el

lienzo, la combinación de colores en un pincel o la modificación de la humedad de la
pintura a lo largo de un trazo.

 Primero, abrimos una imagen.

Página 194
 ADOBE PHOTOSHOP CC

 Creamos una nueva capa.

 Utilizamos la herramienta pluma, y creamos los trazos como si estuviésemos
calcando la imagen en papel.

 Seleccionamos la herramienta pincel y un modelo especifico de pincel.

 Creamos un nuevo lienzo.

 Damos un zoom a la imagen, vamos a copiar el color original de la imagen,
presionamos la tecla ALT y esto hace que se convierta en un cuentagotas y
damos un clic en el área de color a copiar.
 Luego empezamos a pintar dando solo un clic en la zona (solo uno)
empezaremos a pintar la imagen punto por punto, ya que el rostro humano tiene
diferentes tonalidades de color en el rostro.

Página 195
ADOBE PHOTOSHOP CC

 Una vez terminado, seleccionamos la herramienta pincel mezclador y

empezamos a mezclar la pintura de la imagen, teniendo en cuenta las líneas de
expresión.

 Una vez terminado, creamos nuevas capas para el ojo, labio, cabello, cejas,
pestañas, ropa y realizamos el mismo procedimiento.

Página 196
 ADOBE PHOTOSHOP CC

CREAR PINCEL

 Primero creamos un dibujo o trazamos la selección de una imagen.

 Luego, con el dibujo o imagen, creado en una o varias capas, pulsamos sobre la
opción del menú, "Edición - Definir valor de pincel"

 Ahora nos solicitan un nombre para darle al pincel, que podemos escoger el que
queramos. Siempre está bien que sea descriptivo.

Con estas acciones nuestro pincel está guardado y listo para usar en nuestra lista de
pinceles de Photoshop. Para utilizar el pincel creado tenemos que seleccionar la
herramienta pincel o la herramienta lápiz y escoger el pincel recién creado.

HERRAMIENTA SOBREEXPONER Y SUBEXPONER.

Las herramientas sobreexponer y subexponer de Photoshop sirven para corregir

pequeños defectos en la exposición de las fotografías. Cuando tomemos nuestras
imágenes y no estemos conforme con la cantidad de luz y de sombras en zonas

Página 197
ADOBE PHOTOSHOP CC

concretas de la imagen podemos corregirla usando las herramientas subexponer o

sobreexponer.

PROPIEDADES
Tanto la herramienta sobreexponer como la de subexponer tienen los mismos
parámetros en su barra de opciones. Aquí podemos cambiar el tamaño del pincel
ajustándolo a nuestras necesidades. La pestaña Rango nos dejará elegir a qué tonos
queremos que se apliquen los cambios. Si elegimos medios tonos la herramienta sólo
actuará en el rango intermedio de grises. Al elegir la opción sombras se actuará sobre
las partes oscuras de la imagen y si elegimos la opción luces cambiaremos las zonas
más claras.

Modificando el grado de exposición cambiaremos la intensidad del efecto. Si tenemos

seleccionada lo opción proteger tonos los colores de la imagen no cambiarán.

HERRAMIENTA DESENFOCAR, ENFOCAR, DEDO.

Las herramientas Desenfocar, Enfocar y Dedo de Photoshop no se encuentran entre las

más utilizadas pero pueden ser fundamentales en determinados trabajos de retoque
digital. Junto con herramientas como sobreexponer, subexponer y esponja, las
herramientas dedo, enfocar y desenfocar no permiten aplicar colores y sólo modifican el
aspecto de la zona editada. Es por esto que no son herramientas de pintura sino de
retoque o edición. Enfocar, desenfocar y dedo se encuentran bajo el mismo botón en la
barra de herramientas.

Página 198
 ADOBE PHOTOSHOP CC

HERRAMIENTA DESENFOCAR
El icono que corresponde a la herramienta desenfocar simula una gota. Una vez elegido
podemos establecer el tamaño del desenfoque, su intensidad y los modos de fusión
igual que si fuese un pincel. Para desenfocar alguna zona de la imagen basta con dejar
pulsado el botón izquierdo del ratón y pintar en la zona que queramos editar como si
fuese un pincel. El grado de desenfoque variará en función de la intensidad que
hayamos determinado pero por lo general el cambio será muy sutil.

HERRAMIENTA ENFOCAR
El efecto de esta herramienta es el contrario del explicado para desenfocar. Cuando
usamos la herramienta enfocar Photoshop aumenta el contraste en el color de los pixels.
Esto da una sensación de aumento de nitidez. El enfoque debe ser usado con cuidado
ya que si nos excedemos con él sobresaturaremos la imagen y se perderá la referencia
de los colores originales. Incluso si la imagen es negra como en nuestro caso. Se aplica
del mismo modo que el desenfoque, pintando sobre la zona a enfocar como si fuese un
pincel.

Página 199
ADOBE PHOTOSHOP CC

HERRAMIENTA DEDO
El dedo de Photoshop es una herramienta que genera un efecto de arrastre y
movimiento sobre los colores de la zona a la que lo aplicamos. Su utilización es igual
que el resto de herramientas. Sin dejar de pulsar el botón izquierdo del ratón pintamos
sobre la zona que queremos difuminar.

Página 200
 ADOBE PHOTOSHOP CC

EJERCICIO.

 Abrimos una imagen.

 Quitamos el candado y seleccionamos el área a pintar, con la herramienta

varita mágica.

 Pintamos y repetimos el mismo proceso hasta terminar de pintar la imagen.

 Seleccionamos la herramienta subexponer y empezamos a crear sombras en

la imagen.

Página 201
ADOBE PHOTOSHOP CC

 Seleccionamos la herramienta Sobrexponer y empezamos a crear las zonas de

iluminación del dibujo.

 Seleccionamos la herramienta enfocar, para aumentar el contraste de algunos

sectores de color.

 Seleccionamos la herramienta desenfocar, para los sectores de ojos y

sombras.

Página 202
 ADOBE PHOTOSHOP CC

 Creamos un nuevo lienzo y la herramienta pluma creamos manchas de colores

todas en una capa nueva y eliminamos el color de fondo de la imagen.

 Seleccionamos la herramienta dedo, y empezamos a deformar las manchas

creadas.

Página 203
 Sesión 17
Acciones
Creación de acciones
Ejercicio
Competencias:

CC
Creación de grabación de acciones.
 ADOBE PHOTOSHOP CC

ACCIONES

Una acción es una serie de tareas que se reproduce en un archivo único o lote de
archivos: comandos de menú, opciones de panel, acciones de herramientas, etc. Por
ejemplo, puede crear una acción que cambie el tamaño de una imagen, aplique un
efecto a la imagen y, a continuación, guarde el archivo en el formato deseado.

Utilice el panel Acciones (Ventana > Acciones) para grabar, reproducir, editar y eliminar
acciones individuales. Este panel también permite guardar y cargar archivos de
acciones.

A. Conjunto de acciones B. Acción C. Comandos grabados D. Comando incluido E. Control modal

(activado o desactivado)

CREACION DE ACCIONES.

Cuando crea una nueva acción, los comandos y herramientas que utiliza se añaden a
la acción hasta que la grabación se detiene.

PASOS:

 Abra un archivo.
 En el panel Acciones, haga clic en el botón Crear acción nueva o
seleccione Acción nueva en el menú del panel.

 Introduzca un nombre de acción, seleccione un grupo de acciones y defina otras

opciones:

Página 205
ADOBE PHOTOSHOP CC

Tecla de función
Asigna un método abreviado de teclado a la acción. Nota: si asigna a una acción el mismo
método abreviado que se utiliza para un comando, dicho método abreviado se aplicará a
la acción y no al comando.

Color
Asigna un color para la visualización en Modo de botón.

Haga clic en Iniciar grabación. El botón Iniciar grabación del panel Acciones se pondrá
de color rojo .

Realice las operaciones y comandos que desea grabar.

Para detener la grabación, haga clic en el botón Detener reproducción/grabación o
seleccione Detener grabación en el menú del panel Acciones.

EJERCICIO.

 Abrimos una imagen.

Página 206
 ADOBE PHOTOSHOP CC

 Creamos una nueva acción, la cual llamaremos “varita mágica” y damos un clic
en grabar.

 Seleccionamos la herramienta varita mágica.

 Ahora quitamos el candado y borramos el fondo de la imagen y detenemos la

grabación.

Página 207
 Sesión 18

Temas:
Practica calificada
Competencias:

CC
Evaluación de los conocimientos adquiridos.
 Sesión 19

Temas:
Opciones adicionales
Galeria de fotografías web.
Crear sectores.
Guardar para Web.
Usando la función Zoomify.
Ejercicio
Competencias:

CC
Diseñar para web.
ADOBE PHOTOSHOP CC

OPCIONES ADICIONALES

GALERIA DE FOTOGRAFIAS WEB

PASOS:
 Comenzaremos organizando las imágenes que formaran parte de
nuestra galería, para ello sería conveniente que las imágenes tengan
el mismo tamaño.

 Si esto no se cumple, la Galería tendrá una apariencia no uniforme

debido a la disparidad en tamaño de los gráficos y en sus ajustes.

 Buscaremos las imágenes en Adobe Bridge, para él o ir al Menú

Archivo > Buscar en Bridge.

 Se abrirá en siguiente cuadro de diálogo en donde ubicaremos la carpeta

con las imágenes a trabajar.

 Ir al botón SALIDA > Salida.

Página 210
 ADOBE PHOTOSHOP CC

 Seleccionar las imágenes que formarán la Galería. Luego activar el botón

 GALERIA WEB que se muestra en el Panel de la derecha.

 Allí podrá encontrar opciones de personalización, como seleccionar el estilo,

cambiar el título o los colores de fondo y texto y guardarlo en una carpeta
específica. No olvidar que al realizar algún cambio debe activar el botón
ACTUALIZAR PREVISUALIZACION.

 Seleccionar el lugar en donde guardará los archivos.

Página 211
ADOBE PHOTOSHOP CC

 Y ahora podrá reproducirlo, o modificar el código en un editor especializado

como Dreamweaver, e incluirlo en un Sitio Web.

Página 212
 ADOBE PHOTOSHOP CC

CREAR SECTORES

Con el comando Guardar para Web y dispositivos puede exportar y optimizar una
imagen con sectores. Photoshop guarda cada sector como un archivo independiente y
genera los códigos HTML o CSS necesarios para mostrar la imagen con sectores.

Página web dividida en sectores.

PASOS:
 Seleccionamos la herramienta sector.

 Usando la herramienta SECTOR, podemos dividir el diseño de una página web

en partes, las que luego pueden ser reemplazadas por otros elementos.

GUARDAR PARA WEB

Página 213
ADOBE PHOTOSHOP CC

Si la imagen contiene varios sectores, debe especificar los sectores que desea
optimizar. Puede aplicar los ajustes de optimización a otros sectores enlazándolos. Los
sectores enlazados en formato GIF y PNG-8 comparten una paleta de colores y un
motivo de tramado para evitar la aparición de grietas entre los sectores.

PASOS:
 Al incluir este proceso, nos dirigimos al Menú Archivo > Guardar para Web y
Dispositivos.

USANDO LA FUNCIÓN ZOOMIFY

Zoomify dividen una imagen de alta resolución en partes más pequeñas, o azulejos. De
esta manera y, junto con Adobe Flash Player, podemos ver una imagen de alta
resolución completa o fragmentada en internet.

 Vaya a Archivo > Abrir para abrir la imagen Big.jpg.

 Vaya a Archivo > Exportar > Zoomify para abrir el cuadro de diálogo Exportar
Zoomify

Página 214
 ADOBE PHOTOSHOP CC

 Eliga el fondo blanco en Zoomify Viewer (Plantilla).

 Vaya a Archivo y elija la carpeta de la que desea exportar las imágenes.
 Seleccione calidad alta en Opciones de azulejo de la imagen.
 Mantenga las Opciones del navegador tal y como están, ya que varían en función
del tamaño de la imagen original.
 Haga clic en OK para exportar y abrir el documento en su navegador.

 Haga clic en la tecla + para agrandar la imagen o utilice el ratón para

desplazarse por ella.
 Cierre la ventana.
 Abra la carpeta en la que ha almacenado las imágenes exportadas.
 Como puede comprobar, dispone ahora de un documento HTML y de una
carpeta Big_img.
 Abra la carpeta Big_img. En ella encontrará, entre otros, el archivo TileGroup0.
 Abra el archivo TileGroup0, donde están guardadas los 192 azulejos en los que
Zoomify ha dividido la imagen original. Estos archivos ya están listos para ser
exportados a una página web.

EJERCICIO.

 Crear una galería web

 Crear una portada de página web.

Página 215
 Sesión 20

Temas:
Posibilidades de 3D en Photoshop CC 1
Ajustes en Photoshop para 3D.
Extruyendo textos 3D
Composición de la escena.
Construyendo objetos 3D.
Ajuste de Materiales.
Cámara.
Aplicando material de textura.
Combinando capas 3D a 2D.
Interpretación.
Ejercicio
Competencias:

CC
Conocer en entorno 3D.
Crear publicidad utilizando 3D.
 ADOBE PHOTOSHOP CC

POSIBILIDADES DE 3D EN PHOTOSHOP CC 1.

AJUSTES EN PHOTOSHOP PARA 3D.

La versión de Photoshop CS6 exclusiva de Creative Cloud incluye funciones 3D

adicionales. Estas funciones también están disponibles en Photoshop CC.

 Cambiar el entorno a 3D.

Los archivos 3D contienen los siguientes componentes:

DESCRIPCIÓN GENERAL DEL PANEL 3D

Al seleccionar una capa 3D, el panel 3D muestra los componentes del archivo 3D
asociado. La parte superior del panel muestra una lista de las mallas, materiales y luces
del archivo. La parte inferior del panel muestra los ajustes y las opciones del
componente 3D seleccionado en la sección superior.

Los botones situados en la parte superior del panel 3D filtran los componentes que
aparecen en la sección superior. Para ver todos los componentes, haga clic en el botón
Escena; en Materiales para ver todos los materiales y así sucesivamente.

Página 217
ADOBE PHOTOSHOP CC

VISUALIZACIÓN DEL PANEL 3D

Realice una de las siguientes acciones:

 Seleccione Ventana > 3D.

 Seleccione Ventana > Espacio de trabajo > 3D avanzado.

EL PANEL 3D SE APLICA A LOS ELEMENTOS DE ESCENA

 En el panel 3D optimizado, seleccione los elementos específicos que desea
editar:
 En la parte superior del panel 3D, seleccione Escena , Mallas ,
Materiales o Luces .
 Seleccione un elemento individual (como Vista actual en la sección Escena). O
seleccione varios elementos para aplicar propiedades uniformes.
 Ajuste la configuración en el panel Propiedades, o arrastre en la ventana de
documento. (Si se arrastra un objeto o una luz específicos, el panel 3D
selecciona dicho elemento).

Nota: para agregar nuevas luces, haga clic en el icono del documento en la parte inferior de las
secciones Escena y Luces. O haga clic en el menú del panel para guardar y cargar grupos de
luces como ajuste preestablecido.

LA HERRAMIENTA MOVER CONSOLIDA LOS AJUSTES DE OBJETO Y

DE CÁMARA

La herramienta Mover permite ajustar la colocación de objetos y la cámara:

 En la barra de opciones, elija entre los modos Rotar , Desplazar , Arrastrar
, Deslizar y Escala .
 Para desplazarse rápidamente por estos modos, presione Mayús + V.
 Para cambiar rápidamente entre los controles de cámara y entorno, haga clic
fuera de los objetos 3D.

Página 218
 ADOBE PHOTOSHOP CC

Nota: en la ventana del documento, un borde dorado indica control de la cámara, un borde azul
control del entorno, un borde verde control de la escena y ningún borde control de la malla.

EXTRUYENDO TEXTOS 3D.

La extrusión 3D permite ampliar el texto, las selecciones, los trazados cerrados, las
formas y las capas de la imagen en tres dimensiones.

EJEMPLO:
 Seleccione un trazado, una capa de forma, una capa de texto, una capa de
imagen o una zona de píxeles específica.

 Seleccione 3D > Nueva extrusión 3D a partir de trazado seleccionado, capa o

selección actual.

 Damos un clic derecho sobre la imagen o en el panel propiedades.

 Con la malla seleccionada en el panel 3D, seleccione el icono Deformar

Profundidad de extrusión: 201

Torcer: -257
Estrechar: 63

Página 219
ADOBE PHOTOSHOP CC

Angulo horizontal: 3
Angulo vertical: 3

 Clic en Tapa

Contorno: gaussiano
Anchura: 26
Angulo: 46
Inflar
Angulo: 90
Intensidad: 13
 Clic en interpretar.

COMPOSICIÓN DE LA ESCENA.

Use los ajustes de escena 3D para cambiar los modos de interpretación, seleccionar
una textura para pintar o crear secciones transversales. Para acceder a los ajustes de
escena, haga clic en el botón Escena en el panel 3D y, a continuación, seleccione la
entrada Escena en la sección superior del panel.

En esta nueva versión se han aumentado nuevas opciones a la escena.

Página 220
 ADOBE PHOTOSHOP CC

CONSTRUYENDO OBJETOS 3D.

Según el tipo de objeto que elija, el modelo 3D resultante puede contener una o varias
mallas. La opción Panorama esférico asigna una imagen panorámica en el interior de
una esfera 3D.

La capa 2D original aparece en el panel Capas como un mapa de textura de difusión.

Puede utilizarse en una o varias superficies del objeto 3D nuevo. Puede asignarse a
otras superficies un mapa de textura de difusión predeterminado con un ajuste de color
predeterminado.

CERACIÓN DE UNA MALLA 3D

El comando Nueva malla a partir de escala de grises convierte una imagen en escala
de grises en un mapa de profundidad que traduce los valores de luminosidad en una
superficie de profundidad variable. Los valores más claros crean áreas elevadas en la
superficie, mientras que los valores más oscuros crean áreas más hundidas. Photoshop
aplica entonces el mapa de profundidad a una de cuatro posibles geometrías para crear
un modelo 3D.

Página 221
ADOBE PHOTOSHOP CC

PASOS:
 Abra una imagen 2D y seleccione una o varias capas que desee convertir en una
malla 3D.

 Seleccione 3D > Nueva malla a partir de capa y elija una de las opciones:

 Seleccionamos uno de ellos.

Página 222
 ADOBE PHOTOSHOP CC

AJUSTE DE MATERIALES

En el panel de propiedades de 3D muestra los materiales usados en el archivo 3D.

Puede utilizarse uno o varios materiales para crear el aspecto general del modelo. Si un
modelo posee varias mallas, puede que haya un material específico asociado a cada
malla. O bien, un modelo puede constar de una única malla pero utilizar distintos
materiales en varias zonas diferentes.

Difusión
El color del material. El mapa de difusión puede ser un color sólido o cualquier contenido
2D. El valor de la muestra de color Difusión define el color de difusión si elige quitar el
mapa de textura de difusión. También puede crear un mapa de difusión pintando
directamente sobre el modelo.
Opacidad
Aumenta o reduce la opacidad del material (0 - 100 %). Puede utilizar un mapa de textura
o el regulador de mano para controlar la opacidad. Los valores de escala de grises del
mapa de texturas controlan la opacidad del material. Los valores blancos crean una
opacidad total mientras que los valores negros crean una transparencia total.

Rugosidad
Crea protuberancias en la superficie del material sin alterar la malla subyacente. Un
mapa de rugosidad es una imagen en escala de grises en la que los valores más claros
crean áreas de superficie elevadas y los valores más oscuros crean áreas de superficie
más planas. Puede crear o cargar un archivo de mapa de rugosidad o empezar a pintar
en el modelo para crear automáticamente un archivo de mapa de rugosidad.

Reflejo

Página 223
ADOBE PHOTOSHOP CC

Aumenta el reflejo de otros objetos en la escena 3D y el mapa de entorno de la superficie

del material.

Iluminación
Define un color que no depende de la iluminación para mostrarse. Crea el efecto de que
el objeto 3D está iluminado desde el interior.

Brillo
Define la dispersión de la luz reflejada generada por el ajuste Resplandor. Un brillo bajo
(dispersión alta) produce más luz aparente con menos enfoque. Un brillo alto (dispersión
baja) produce menos luz aparente e iluminaciones más nítidas y brillantes.

Ajuste de resplandor (cifra de la izquierda) y Brillo (cifra de la derecha)

Especular
El color que se muestra para las propiedades especulares (por ejemplo, iluminación,
resplandor o brillo).
Ambiente
Establece el color para la luz de ambiente visible en las superficies reflectantes. Este
color interactúa con el Color de ambiente global de toda la escena.

Refracción
Establece el índice de refracción cuando la calidad de la escena está definida como Con
trazo de rayo y la opción Refracciones está seleccionada en el cuadro de diálogo 3D >
Ajustes de interpretación. La refracción es el cambio de dirección de la luz que se
produce en la intersección de dos medios (como el aire y el agua) con diferentes índices
de refracción. El valor predeterminado para los materiales nuevos es de 1,0
(aproximadamente el valor para el aire).

APLICACIÓN, ALMACENAMIENTO O CARGA DE AJUSTES

PREESTABLECIDOS DE MATERIALES
Los ajustes preestablecidos de materiales le permiten aplicar rápidamente grupos de
ajustes de textura. Entre los ajustes predeterminados se incluyen varios materiales
como acero, tela y madera.

Página 224
 ADOBE PHOTOSHOP CC

En el panel 3D, haga clic en el pre visualización del material.

 Para aplicar un ajuste preestablecido, haga doble clic en una previsualización en

miniatura.

 Para crear un ajuste preestablecido a partir de los ajustes de textura actuales,

haga clic en el icono de menú emergente y seleccione Nuevo material.

CAMARA

La vista de cámara lo podemos encontrar en propiedades.

Página 225
ADOBE PHOTOSHOP CC

VISTAS DE CAMARA

Podemos acceder a los diferentes tipos de vistas desde propiedades.

Vista izquierda.

Vista derecha.

Vista superior.

Página 226
 ADOBE PHOTOSHOP CC

Vista inferior.

Vista atrás.

Vista Frente.

Vista perspectiva.

LENTE DE CAMARA
Podemos modificar el lente de la cámara.

Página 227
ADOBE PHOTOSHOP CC

APLICANDO UN MATERIAL DE TEXTURA

PASOS:
 Haga clic en el icono de carpeta situado junto al tipo de difusión.
 Seleccione Nueva textura.

 Introduzca el nombre, las dimensiones, la resolución y el modo de color del

nuevo mapa y, a continuación, haga clic en OK.

 El nombre del nuevo mapa de textura se muestra junto al tipo de mapa de textura
en el panel Materiales. También se añade a la lista de texturas bajo la capa 3D
en el panel Capas. El nombre predeterminado es el tipo de mapa de textura
unido al nombre del material.

Página 228
 ADOBE PHOTOSHOP CC

 Hacemos clic en Editar textura.

 Se empieza a trabajar en la textura.

 Guardamos la textura y automáticamente se aplica al objeto 3D.

Página 229
ADOBE PHOTOSHOP CC

CARGA DE UN MAPA DE TEXTURA

Puede cargar un archivo de textura 2D existente para cualquiera de los nueve tipos de
mapa de textura disponibles.

 Haga clic en el icono de carpeta situado junto al tipo de textura.

 Seleccione Cargar textura y, a continuación, seleccione y abra el archivo de
textura 2D.

EDICIÓN DE LAS PROPIEDADES DE UNA TEXTURA

Un mapa de textura se aplica a un área de superficie determinada del modelo según
sus parámetros de asignación UV. Si fuera necesario, puede ajustar el desplazamiento
y la escala UV para mejorar el modo en que la textura se ajusta al modelo.

 Haga clic en el icono de imagen situado junto al tipo de textura.

 Seleccione Editar propiedades.

Página 230
 ADOBE PHOTOSHOP CC

 Seleccione una capa de destino y establezca los valores de desplazamiento y

escala UV. Puede introducir los valores directamente o utilizar los reguladores
de mano.

Destino
Determina si los ajustes se aplican a una capa específica o a la imagen compuesta.
Escala U y V
Redimensionar texturas asignadas. Para crear un motivo repetitivo, reduzca el valor.

Desplazamiento U y V
Cambiar de posición texturas asignadas.

COMBINANDO CAPAS 3D A 2D.

Al convertir una capa 3D en una capa 2D, el contenido 3D se rasteriza en su estado

actual. Convierta una capa 3D en una capa normal únicamente cuando ya no desee
editar la posición del modelo 3D, el modo de interpretación, las texturas ni las luces. La
imagen rasterizada conserva el aspecto de la escena 3D pero en un formato 2D plano.

 Seleccione la capa 3D en el panel Capas y elija 3D > Interpretar.

Página 231
ADOBE PHOTOSHOP CC

INTERPRETACIÓN 3D

Los ajustes de interpretación determinan el modo en que se dibujan los modelos 3D.
Photoshop instala varios ajustes preestablecidos con ajustes comunes. Personalice los
ajustes para crear sus propios ajustes preestablecidos.

Nota: los ajustes de interpretación son específicos para cada capa. Si un documento posee varias
capas 3D, especifique unos ajustes de interpretación independientes para cada capa.

A. Por defecto (Calidad definida como Interactivo) B. Por defecto (Calidad definida como Con trazo
de rayo y plano de tierra visibles).C. Cuadro delimitador D. Mapa de profundidad E. Malla metálica
oculta F. Ilustración de línea G. Normales H. Máscara de pintura I. Ilustración sombreada J.
Vértices sombreados K. Malla metálica sombreada L. Malla metálica opaca M. Contorno del cuadro
delimitador transparente N. Cuadro delimitador transparente O. De dos lados P. Vértices Q. Malla
metálica

El ajuste preestablecido De dos lados se aplica únicamente a secciones transversales

y muestra un modelo sólido en una mitad y una malla metálica en la otra.

Página 232
 ADOBE PHOTOSHOP CC

EJERCICIO.

 Crear una nueva hoja 1024 * 420

 Rellenar con degradad (radial) medidas:
Color 1: 4a4f65
Color 2: 161a28

 Abrir la imagen que servirá de textura.

 Menú imagen>ajustes>niveles.
Aplicar 70 en sombras y 0.70 para gamma.

 Aplicar imagen>ajustes>tono/saturación.
Saturar (-60)

Página 233
ADOBE PHOTOSHOP CC

 Pasar la imagen al fondo antes creado y ajustar tamaño.

 Aplicar modo de fusión (multiplicar)

 Con la herramienta texto, escribir un texto, asegurarse que el color frontal sea
blanco.
Tipo de fuente (cooper std)
Modificar el tamaño del texto.

Página 234
 ADOBE PHOTOSHOP CC

 Menú 3d>nueva extrusión 3D a partir de capa seleccionada.

Elegir:
- inflar lados

- profundidad: 34

- Angulo: 90
- intensidad: 5

Página 235
ADOBE PHOTOSHOP CC

- seleccionamos “material de bisel frontal” y clic derecho sobre la imagen 3D.

- ancho: 30
- contorno (desnivel profundo)

 Seleccionamos material de inflación frontal.

Cambiar reflejo: 25
Brillo 80%

Página 236
 ADOBE PHOTOSHOP CC

 Color de iluminación

 Color especular

Página 237
ADOBE PHOTOSHOP CC

 Refracción 1.460

 Cargar textura en entorno (cargar la otra imagen q servirá como textura)

 Ir a bisel frontal
- color de difusión

Página 238
 ADOBE PHOTOSHOP CC

- opacidad 30%
- reflejo 30

- Iluminación

Página 239
ADOBE PHOTOSHOP CC

 Ambiente

Página 240
 ADOBE PHOTOSHOP CC

- Refracción: 1,768

 En material de extrusión.
- Difusión

- Entorno, cargamos el mismo material que se cargó anteriormente.

- Reflejo: 10

- Iluminación.

Página 241
ADOBE PHOTOSHOP CC

- Brillo: 70
- Rugosidad: 80

- Especular

Página 242
 ADOBE PHOTOSHOP CC

- Refracción: 1,250

Página 243
ADOBE PHOTOSHOP CC

 Material de inflación posterior.

- Difusión

- Modificamos los valores de luz infinita y la movemos a una nueva ubicación (de
manera personal y manual)
- Intensidad: 5

Página 244
 ADOBE PHOTOSHOP CC

 Agregamos una segunda “luz infinita” y lo movemos igual como se hizo con el
anterior.
- Intensidad: 4

 Agregamos una tercera luz infinita y lo movemos igual que los anteriores.
- Intensidad: 3

 Estilo de Escena: normales e interpretar

 Volver a interpretar pero como Solido.

 Guardar ambas interpretaciones.

Página 245
 Sesión 21

Temas:
Posibilidades de 3D en Photoshop CC 2
Iluminación de la escena.
Posición de luces.
Pintar modelos 3D.
Diferentes técnicas de pintura.
Ejercicio
Competencias:

CC
Pintar objetos creados en 3D.
 ADOBE PHOTOSHOP CC

POSIBILIDADES DE 3D EN PHOTOSHOP CC 2.

ILUMINACIÓN DE LA ESCENA.

Las luces 3D iluminan modelos desde diferentes ángulos y añaden profundidad y

sombras realistas.

ADICIÓN O ELIMINACIÓN DE LUCES INDIVIDUALES

En el panel 3D, realice una de las siguientes acciones:

PASOS:

 Para añadir una luz, haga clic en el botón Filtrar por luces del panel 3D.

 Seleccionamos nueva luz y elegimos entre:

 Las luces puntuales brillan en todas direcciones, al igual que lo hacen las
bombillas.
 El brillo de los focos es ajustable y tiene forma cónica.
 Las luces infinitas brillan desde un plano direccional, al igual que la luz
del sol.
 Las luces basadas en imágenes proyectan una imagen iluminada
alrededor de la escena 3D.

 Para borrar una luz, selecciónela en la lista de la parte superior de la sección

Luces . A continuación, haga clic en el botón Eliminar , situado en la parte
inferior del panel.
AJUSTE DE LAS PROPIEDADES DE LA LUZ
 En la sección Luces del panel 3D, seleccione una luz de la lista.
 En el panel de propiedades, defina las siguientes opciones:

Página 247
ADOBE PHOTOSHOP CC

Ajuste preestablecido aplica un grupo guardado de luces y ajustes.

Tipo Elija una de las opciones descritas en Añadir o eliminar luces individuales.

Intensidad Ajusta el brillo.

Color Define el color de la luz. Haga clic en el cuadro para acceder al Selector de color.

Crear sombras Proyecta sombras desde superficies frontales a superficies de fondo,

desde una única malla a sí misma o desde una malla a otra. Si se desactiva esta opción,
el rendimiento mejora ligeramente.

Suavizado Desenfoca el borde de las sombras, produciendo una difuminación gradual.

 Para los focos o las luces puntuales, establezca estas otras opciones
adicionales:

Página 248
 ADOBE PHOTOSHOP CC

Haz de luz (Solo luz focal) Establece la anchura del centro brillante de la luz.
Difuminación (Solo luz focal) Establece la anchura exterior de la luz.

POSICIÓN DE LUCES.

 En la sección Luces del panel 3D, seleccione alguno de los siguientes:

PINTAR MODELOS 3D.

Puede usar cualquier herramienta de pintura de Photoshop para pintar directamente en

un modelo 3D tal y como lo haría en una capa 2D. Use las herramientas de selección
para seleccionar áreas específicas del modelo o deje que Photoshop identifique y resalte
las áreas que pueden pintarse. Los comandos del menú 3D le permiten retirar áreas de
un modelo para acceder a partes interiores u ocultas para pintarlas.

PASOS:

 Seleccionamos la herramienta pincel, elegimos un tamaño y un modelo.

 Elegimos un color para pintar.

Página 249
ADOBE PHOTOSHOP CC

 Empezamos a pintar el objeto, pasando el pincel sobre un área del objeto 3D.

 Intercambiamos las vistas y los pinceles, hasta dejar nuestro objeto con los
colores y diseño deseado.

PINTAR EN EL MODO NO ILUMINADO

Puede optar por pintar objetos 3D en el modo no iluminado. Este modo ignora cualquier
iluminación de la escena y ajusta los datos de textura sin procesar del tipo

Página 250
 ADOBE PHOTOSHOP CC

correspondiente alrededor de los objetos 3D. Pintar en el modo no iluminado permite

pintar sin sombreado y con mayor precisión de color.

 En el panel 3D, seleccione el panel Escena.

 En el panel Propiedades, seleccione Superficie.
 Seleccione Textura no iluminada en el menú emergente Estilo.

DIFERENTES TÉCNICAS DE PINTURA.

REVELADO DE SUPERFICIES EN LAS QUE PINTAR

Para aquellos modelos más complejos con áreas interiores u ocultas, puede ocultar
secciones del modelo para facilitar el acceso a las superficies que desee pintar. Por
ejemplo, para pintar el cuadro de mandos de un modelo de coche, puede retirar
temporalmente el techo o el parabrisas y aumentar el interior del coche para conseguir
una vista libre de obstáculos.

PASOS:
 Menú 3D > seleccionar áreas para pintar.
 O elegimos una de las herramientas de selección.

Nota: tengamos en cuenta que cuando se selecciona un área para pintar, este se moverá del lugar
colocado si al mover la vista 3D, cambiamos un Angulo en la rotación.

 Seleccionamos la herramienta pincel y pintamos.

DEFINICIÓN DEL ÁNGULO DE DIFUMINACIÓN DE LA PINTURA

Al pintar sobre un modelo, el ángulo de difuminación controla la cantidad de pintura que
se aplica a una superficie a medida que ésta se va curvando y alejando de la vista de la
cara frontal. El ángulo de difuminación se calcula en base a una "normal" o una línea
recta que se proyecta desde la parte de la superficie del modelo que se sitúa enfrente
de usted. Por ejemplo, en un modelo esférico como un balón de fútbol, el ángulo de

Página 251
ADOBE PHOTOSHOP CC

difuminación del centro exacto del balón cuando se encuentra delante de usted es de 0
grados. A medida que la superficie del balón se curva, el ángulo de difuminación
aumenta hasta alcanzar los 90 grados en los bordes del balón.

A. Ojo/ángulo de cámara B. Ángulo mínimo C. Ángulo máximo D. Comienzo de la transición de

pintura E. Final de la transición de pintura

PASOS:
 Creamos una forma 3D.

 Seleccionamos la herramienta pincel.

 Seleccione 3D > Difuminación de pintura

 Establezca los ajustes de ángulo máximo y mínimo.

Página 252
 ADOBE PHOTOSHOP CC

El máximo rango de difuminación de pintura es de 0 a 90 grados. Para un valor de 0

grados, la pintura solo se aplica a la superficie que se encuentra directamente de frente,
sin ningún ángulo de disminución. Para un valor de 90 grados, la pintura sigue una
superficie curvada como una esfera hasta sus bordes visibles. Para un ajuste de 45
grados, el área que recibe la pintura se limita a aquellas áreas cuya curvatura no supera
los 45 grados.

El ángulo de difuminación mínimo define un rango dentro del cual la pintura pierde
intensidad gradualmente a medida que se aproxima al ángulo de difuminación máximo.
Por ejemplo, si el ángulo de difuminación máximo es 45 y el mínimo es 30, el porcentaje
de la opacidad de pintura disminuye de 100 a 0 entre los 30 y los 45 grados de
difuminación.

OTRAS OPCIONES.

Podemos tener diferentes tipos de pintura.

Página 253
ADOBE PHOTOSHOP CC

EJERCICIO.

 Crea una forma 3D.

 Seleccionamos la herramienta pincel y elegimos un tipo de pincel difuminado y

elegimos un color.

 Con la herramienta selección rectangular, seleccionamos el área que

deseamos pintar.

 Procedemos a pintar.

Página 254
 ADOBE PHOTOSHOP CC

 Elegimos otro modelo de pincel y elegimos el color blanco.

 Pintamos el parte inferior de la lata.

Página 255
ADOBE PHOTOSHOP CC

 Elegimos otro modelo de pincel y utilizamos otro color y disminuimos la

opacidad en 20.

 Elegimos un modelo distinto para el otro lado.

 Utilizamos el mismo color del anterior y la misma opacidad.

Página 256
 ADOBE PHOTOSHOP CC

 Aplicamos pintura en reflectividad.

 Procedemos a pintar de un color azul claro.

 La parte superior blanca de la lata, pintarlo con color plomo oscuro medio.

Página 257
ADOBE PHOTOSHOP CC

 Volvemos a pintar en difusión.

 Elegimos color plomo claro.

 Elegimos la herramienta pincel.

 Procedemos a pintar las partes blancas de la lata.

 Volver pintar en Reflectivilidad, y pintamos la tapa, con plomo oscuro, medio.

 Volvemos al pintar sobre difusión.

 Seguimos aplicando diseños a nuestra lata, con pincel.

 Aplicamos el pincel en modo “Multiplicar” con opacidad de 80.

Página 258
 ADOBE PHOTOSHOP CC

 Al otro lado elegimos el otro pincel con texto.

 Modificamos la luz infinita.

 Guardamos e Interpretamos.

Página 259
 Sesión 22
Animaciones.
Reconocer la línea tiempo.
Importar videos.
Editar videos.
Animaciones por fotogramas.
Rasterización de capas de vídeo.
Ejercicio.
Competencias:

CC
Crear animaciones en Photoshop.
 ADOBE PHOTOSHOP CC

ANIMACIONES.

RECONOCER LA LÍNEA TIEMPO.

Para animar el contenido de la capa en modo de línea de tiempo, defina imágenes

principales en el panel Animación o Línea de tiempo a medida que mueve el indicador
de tiempo actual a un cuadro/tiempo diferente y, a continuación, modifique la posición,
la opacidad o el estilo del contenido de la capa. Photoshop añade o modifica
automáticamente un conjunto de cuadros entre dos cuadros existentes variando las
propiedades de capa (posición, opacidad y estilos) de forma equitativa entre los nuevos
cuadros para crear la ilusión del movimiento o transformación.

IMPORTAR VIDEOS

Realice una de las siguientes acciones:

 Para abrir un archivo de vídeo directamente, seleccione Archivo > Abrir y

seleccionar un video.

Página 261
ADOBE PHOTOSHOP CC

 Para importar vídeo a un documento abierto, seleccione Capa > Capas de vídeo
> Nueva capa de vídeo desde archivo.

EDITAR VIDEOS.

RECORTE O MOVIMIENTO DE UNA CAPA DE VÍDEO

PASOS:
 En los paneles Línea de tiempo (CC, CS6), Animación (CS5) o Capas,
seleccione la capa que desea editar.

 Mueva el indicador de tiempo actual al cuadro (o tiempo) que desee como nuevo
punto de entrada o salida.

 En el menú de los paneles Línea de tiempo (CC, CS6) o Animación (CS5), elija
una de las siguientes opciones:

Mover inicio a cabeza de lectora Mueve de forma permanente el principio de la capa

hasta el indicador de tiempo actual. Has un clic al inicio del video y arrastra.

 En el menú de la línea de tiempo elegimos “mover inicio a cabezal lectora”.

Página 262
 ADOBE PHOTOSHOP CC

Mover final a cabeza de lectora Mueve de forma permanente el final de la capa hasta
el indicador de tiempo actual. Has un clic al final del video y arrastra.

 Realizamos los mismos pasos anteriores.

Recortar inicio en cabeza lectora Oculta de forma temporal la sección desde el

indicador de tiempo actual hasta el principio de la capa.

 Colocamos el cabezal en un punto en la línea de tiempo.

 En el menú de la línea de tiempo elegimos “recortar inicio en cabeza lectora”.

Recortar final en cabeza lectora Oculta de forma temporal la sección desde el

indicador de tiempo actual hasta el final de la capa.

 Realizamos los mismos pasos anteriores.

DIVISIÓN DE LAS CAPAS DE VÍDEO
Una capa de vídeo puede dividirse en dos nuevas capas de vídeo en el cuadro que se
especifique.

PASOS:
 Seleccione una capa de vídeo en los paneles Línea de tiempo (CC, CS6) o
Animación (CS5).
 Mueva el indicador de tiempo actual al tiempo o número de cuadro en el que
desea dividir la capa de vídeo.

Página 263
ADOBE PHOTOSHOP CC

 Haga clic en el icono de menú del panel y elija Dividir en cabeza de lectora o
clic en la herramienta dividir en cabeza de lectora.

 La capa de vídeo seleccionada se duplica y aparece inmediatamente debajo de

la capa original en los paneles Línea de tiempo (CC, CS6) o Animación (CS5).

ANIMACION POR FOTOGRAMAS.

Una animación es una secuencia de imágenes, o cuadros, que se visualiza en el tiempo.

Cada cuadro varía ligeramente, creando la ilusión de movimiento u otros cambios
cuando los cuadros se ven en sucesión rápida.

A. Selecciona el primer cuadro B. Selecciona el cuadro anterior C. Reproduce la animación D.

Selecciona el siguiente cuadro E. Intercala cuadros de animación F. Duplica los cuadros
seleccionados G. Elimina los cuadros seleccionados H. Realiza una conversión al modo de línea
de tiempo I. Menú del panel Animación

PASOS:
 Comenzamos creando un documento con las dimensiones adecuadas (ya
sea para un gif animado o como para un banner publicitario).

Página 264
 ADOBE PHOTOSHOP CC

 Con la herramienta pluma, dibujamos una imagen en una posición de

movimiento.
 Creamos una nueva capa, y rellenamos el trazado.

 Repetimos el mismo procedimiento cuantas veces sea necesario, cada

una en una posición distinta de movimiento.

 Luego nos dirigimos al Menú Ventana > Línea de tiempo.

Se mostrará de la sgte. Manera.

Página 265
ADOBE PHOTOSHOP CC

 Archivo > Guardar para web y elegimos guardar en gif.

 Imagen final en movimiento.

RASTERIZACIÓN DE CAPAS DE VÍDEO

Al rasterizar capas de vídeo, la capa seleccionada se acopla en una composición del

cuadro actual seleccionado en el panel Animación. Aunque es posible rasterizar más de
una capa de vídeo a la vez, solo podrá especificar el cuadro actual de la capa de vídeo
superior.

PASOS:
 Seleccionar la capa de video.

 Menú capa > rasterizar > video.

Página 266
 ADOBE PHOTOSHOP CC

ANIMACIÓN 3D.

Con la línea de tiempo de Animación de Photoshop puede crear animaciones 3D que

mueven un modelo 3D a través del espacio y que modifican la manera en que éste se
mueve en el tiempo. Puede animar cualquiera de las siguientes propiedades de una
capa 3D:

PASOS:
Creamos una forma 3D.

 Activamos la línea de tiempo.

 Damos un clic en “crear línea de tiempo de video”

 Activamos el reloj de posición de escena 3D al inicio de la línea de tiempo.

 Se crea el primer keyframe de la animación.

 Nos posicionamos en otra parte del tiempo.

Página 267
ADOBE PHOTOSHOP CC

 Activamos el keyframe de posición de la escena 3D.

 Ahora activamos rotación de objetos y rotamos el objeto (izquierda o derecha).

 Nos ubicamos en otra parte de la línea de tiempo y repetimos los mismos pasos
de keyframe y rotación.

 Archivo > exportar > interpretar video.

Damos un nombre y una ubicación y clic en “interpretar”

Página 268
 Sesión 23

Temas:
Presentación de proyectos finales.
Competencias:

CC
Entrega de proyectos.
 Sesión 24

Temas:
Evaluación final.
Competencias:

CC
Evaluación de los conocimientos adquiridos.