UNIVERSIDAD DEL ZULIA

FACULTAD DE ARQUITECTURA Y DISEÑO

ESCUELA DE DISEÑO GRÁFICO

UNIDADI

INTRODUCCIÓN
Guía

A LOS MEDIO
DIGITALE UNIDADII

UNIDADIII
UN
UNIDADV

ID
UNIDADVII

UNIDADVI

AD
IV

Profesor:Julio Rivas Sarcos

0414-661.80.44
juliojose1964@[Link]
©Todos los derechos reservados
Última revisión: 2015
 Unidad1
Introducción a la Edición en Mapa de Bits

UNIVERSIDAD DEL ZULIA

FACULTAD DE ARQUITECTURA Y DISEÑO
ESCUELA DE DISEÑO GRÁFICO
INTRODUCCIÓN A LOS MEDIOS DIGITALES
2do. SEMESTRE

U.1

U.2

U.3

U.4

U.5
Profesor:Julio Rivas Sarcos
0414-661.80.44
U.6
juliojose1964@[Link]
©Todos los derechos reservados
U.7
Última revisión: 2015
→→  Qué es Photoshop
→→  Iniciando Photoshop
→→  Abrir una Imagen Unidad 1
→→  Guardar una Imagen Introducción a la Edición en Mapa de Bits

Universidad del Zulia / 2do. semestre / Introducción a los Medios Digitales / Prof. Julio Rivas Sarcos
→→  Formatos de Imagen
→→  Abrir un Nuevo Documento de Trabajo

¿Qué es Photoshop?
Creado por Adobe Systems, Photoshop es una de los software para el tratamiento de
imagen más potente y popular que existe en el mercado.
Este programa no fue creado para dibujar, para eso es recomendable que se utilicen Illustrator
de Adobe o Freehand de Macromedia. Photoshop está principalmente orientado a tratar y mani-
pular imágenes, creadas por otros programas o digitalizadas por un escáner o cámara fotográ-
fica. A través de Photoshop, las imágenes podrán ser retocadas, transformadas y editadas con
las herramientas y los efectos propios del mismo.
De hecho, es esta, una de las características más interesantes de Photoshop, pues Adobe ha
sabido hacer un programa intuitivo y muy completo que hace que se desmarque de la compe-
tencia y sea el software más utilizado por diseñadores e ilustradores en todo el mundo.

Iniciando Photoshop

Una vez instalado el Photoshop en el computador, se debe hacer doble clic en el ícono del es-
critorio para arrancar el programa. En el caso de que no se tuviera un acceso directo, se puede
acceder al programa a través del menú Inicio / Todos los programas / Adobe Photoshop CS en
la versión disponible.

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

U.1

U.2

Abrir una Imagen U.3

Para abrir cualquier archivo de imagen se recomienda hacerlo desde el Photoshop.

U.4
Otra opción es hacer doble clic sobre el ícono del archivo para realizar una doble acción:
ejecutar el programa y abrir el documento al mismo tiempo.
U.5
Esto se logra siempre y cuando sea un archivo PSD, TIFF u otra extensión configurada en las
preferencias del programa para que se ejecute automáticamente.
U.6

U.7
 Unidad 1
Introducción a la Edición en Mapa de Bits

Universidad del Zulia / 2do. semestre / Introducción a los Medios Digitales / Prof. Julio Rivas Sarcos
Para hacerlo
desde el progra-
ma, se debe ir a la
Barra del Menú y
escoger la opción
“abrir”. Al accio-
narlo se desplegará
una ventana de
exploración para
buscar el lugar o la
carpeta en donde
se encuentre el
archivo deseado.

Guardar una Imagen

Existen 2 formas de guardar una imagen. Es importante diferencias ambas formas:

U.1

U.2

U.3
1.- GUARDAR COMO: Esta opción se utiliza para guardar
un archivo nuevo o una copia de una imagen ya existente
para preservar el original. Esta opción se encuentra en la U.4

Barra del Menú.

Es importante que el documento o archivo creado sea debi- U.5

damente identificado y guardado en un lugar ordenado y de

fácil ubicación. U.6

U.7
 Unidad 1
Introducción a la Edición en Mapa de Bits

Universidad del Zulia / 2do. semestre / Introducción a los Medios Digitales / Prof. Julio Rivas Sarcos
2.- GUARDAR: Una vez archivada la imagen en el ordenador,
existe la posibilidad de seguir guardando los cambios que se
vayan generando en ella con el fin de no perder las modifica-
ciones que se vayan haciendo. Para ello, hay que hacer clic en
la Barra del Menú y accionar la opción “Guardar”. También
se logra, pulsando las teclas Comando “S” al mismo tiempo.

Formatos de Imagen
Cuando se habla de imagen digital, se refiere a un archivo que contiene información matemática
transformadas en píxeles que luego serán almacenadas en forma de unos y ceros.
Desde que se inventaron los medios gráficos digitales, se ha buscado la forma de convertir
una imagen óptica a digital sin que éstas pierdan mucha información en su color, tonalidades y
nitidez.
Existen varios formatos de compresión para generar archivos manteniendo un resultado cohe-
rente y lo suficientemente bueno para poder ser útil a la hora de compartir, imprimir y almacenar
archivos de imagen.
En el caso de que sean para visualizar en pantalla o ser enviadas por la web, se hizo necesario
crear formatos más livianos, que contuvieran menos información para que el archivo final pesa-
ra cada vez menos.

A continuación se muestran los formatos de imágenes más comunes existentes

en estos momentos:

Formato JPEG U.1

Es uno de los más utilizados hoy en día, recomendado, sobre todo, para fotografías e imágenes
U.2
para ser utilizadas en presentaciones multimedia y para la web, debido a amplia gama de colo-
res y nitidez y realismo en las imágenes en pantalla.
U.3
Este formato soporta los modos de color CMYK, RGB y la escala de grises. Se ha convertido en
uno de los formatos más populares por su versatilidad y una compresión bastante elevada, sin
que por esto pierda información visual. U.4

Formato TIFF U.5

Su calidad es mayoral del formato JPEG, pero su compresión es mucho menor.

U.6
Este formato es utilizado sobre todo en la impresión de imágenes digitales, debido a que crea

U.7
 Unidad 1
Introducción a la Edición en Mapa de Bits

Universidad del Zulia / 2do. semestre / Introducción a los Medios Digitales / Prof. Julio Rivas Sarcos
archivos con casi el ciento por ciento de información, lo que hace que sean imágenes de alta
calidad. El único inconveniente de este formato es el peso de sus archivos, lo que hace difícil
la tarea de almacenarlo o transferirlos por internet u otra vía remota.
A pesar de ello, el formato TIFF es uno de los formatos más flexibles y prácticamente admitido
por todas las aplicaciones de pintura, edición de imágenes y diseño. Soporta casi todos los
modos de color: RGB, CMYK, Lab, Indexado y escala de grises, entre otros.

Formato BMP
Este formato tiene su origen en la plataforma Windows y DOS. Es muy utilizado por las aplica-
ciones basadas en Windows, podemos encontrarlo en infinidad de imágenes, aunque mayor-
mente es utilizado en el desarrollo de juegos y aplicaciones multimedia.

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

U.1

U.2

U.3
Formato PNG
Fue creado como alternativa al GIF. Viendo que este último carecía de un aspecto tan impor-
U.4
tante como lo es el modo de color, PNG nace con la pretensión de ser el nuevo formato de
imagen de intercambio en Internet.
U.5
PNG admite compresión con menos pérdidas de información, produce transparencias de fon-
do sin bordes irregulares y soporta los modos RGB, escala de grises y color indexado.
Este formato está siendo utilizado cada vez más para sustituir a GIF en gráficos para web y U.6

también en imágenes con mayor calidad que antes eran comprimidas con JPEG.
U.7
 Unidad 1
Introducción a la Edición en Mapa de Bits

Universidad del Zulia / 2do. semestre / Introducción a los Medios Digitales / Prof. Julio Rivas Sarcos
Abrir un Nuevo Documento de Trabajo
Ya conocido el proceso de abrir una imagen para tratarla en Photoshop y guardarla en los esta-
dos en la que se encuentre, es momento de saber cómo generar un Nuevo Documento.
Allí se podrá crear una imagen desde cero, bien sea, añadiendo objetos externos, tales como:
recortes o fotografías o introduciendo objetos propios generados con las herramientas propias
del Photoshop.
Para esta opción se deben seguir los siguientes pasos:

1 Se escoge la opción “Nuevo” en la Barra del Menú. Al hacer clic sobre ella, se desplegará
una ventana con algunas especificaciones exigidas para crear un nuevos documento.

2 Una vez abierta la ventana se procede a colocar los datos, tales como: identificación,
dimensiones, resolución y modo de color; además del color para el fondo.

3 Ya colocados los datos, se hace clic en “OK” para que darle paso al a colocación de la pá-
gina en la pantalla. Estos datos pueden archivarse, mediante la opción “Guardar ajustes
preestablecidos”, con la intensión de ser utilizados en otra oportunidad.
U.1

U.2

Color indexado
Este modo reduce la gama cro- U.3
mática de las imágenes a un
máximo de 256 colores, con lo
U.4
que el tamaño del archivo tam-
bien disminuye. Al cambiar una
imagen de modo RGB a la mo- U.5

dalidad de color indexado, el

programa reduce los tonos pre- U.6
sentes en la misma, con lo que
la imagen pierde calidad si tiene
U.7
mucha riqueza cromática.
 Unidad2
El entorno Photoshop

UNIVERSIDAD DEL ZULIA

FACULTAD DE ARQUITECTURA Y DISEÑO
ESCUELA DE DISEÑO GRÁFICO
INTRODUCCIÓN A LOS MEDIOS DIGITALES
2do. SEMESTRE

U.1

U.2

U.3

Profesor:Julio Rivas Sarcos U.4

0414-661.80.44
juliojose1964@[Link] U.5
©Todos los derechos reservados
Última revisión: 2015 U.6

U.7
→→  El Área de Trabajo
→→  La Barra de Menú
→→  El Panel de Herramientas Unidad 2
→→  La Barra de Opciones de Herramientas El entorno Photoshop

Universidad del Zulia / 2do. semestre / Introducción a los Medios Digitales / Prof. Julio Rivas Sarcos
→→  La Barra de Estado
→→  La Ventana Navegador
→→  La Ventana Color
→→  La Ventana Historia

El Área de Trabajo
El entorno de Photoshop ofrece una serie de barras y paneles que, una vez abierto un docu-
mento, se activan ofreciendo diferentes opciones para trabajar en ella.
A continuación se ofrece una descripción de los componentes que rodean al área de trabajo:

Barra de Opciones
Barra de Menú de Herramientas

Área de trabajo
Ventanas de
Opciones
Panel de
Herramientas

Área de Trabajo

La Barra de Menú
Está ubicada en la parte superior. La Barra de Menú es muy reconocida, debido a que siem- U.1
pre está presente en todos los programas de autoedición digital. Desde allí se puede acceder
a diferentes opciones de menú, como por ejemplo abrir un archivo, guardarlo y luego cerrarlo,
U.2
además de permitir utilizar opciones mucho más complejas.
U.3

U.4

U.5

U.6

U.7
 Unidad 2
El entorno Photoshop

Universidad del Zulia / 2do. semestre / Introducción a los Medios Digitales / Prof. Julio Rivas Sarcos
El Panel de Herramientas
Con su forma alargada, el Panel de Herramientas muestra a través de
íconos, las herramientas que dispone Photoshop para lograr desde los
más sencillos trabajos hasta los más complejos. Algunas de estas herra-
mientas cuenta con otro ícono en forma de triángulo en su esquina inferior
derecha, el cual indica que existen un sub-grupo dentro de éstas.

Al posicionar el cursor sobre algunos de los íconos con el triángulo y

pulsando el botón derecho del ratón, se desplegará una lista con las he-
rramientas pertenecientes al grupo.

Por ejemplo, si se hace clic sobre el ícono del pincel, se podrá observar
que también muestra otras herramientas como la del lápiz, debido que
también sirve para dibujar y pintar, lo que hace que forme parte de un
grupo que realizan similares tareas.

A un lado de la lista se observa una

letra, la cual nos indica que se puede
cambiar de herramientas mediante el
teclado. Esto es posible apretando la
mayúscula sostenida y la letra que co-
rresponda al grupo.

Selectores de color
En el panel de herramientas también se encuentra los selectores de color, en
Photoshop se trabaja siempre con dos colores activos, que pueden ser total-
mente configurados por el usuario. El color situado al frente se le llama “Fron-
tal”, la mayoría de las herramientas lo tomarán como color de trabajo.
El que se encuentra detrás es el color de “Fondo”, el cual se puede establecer
como el color base del documento, de esta forma se podrá utilizar herramientas que pinten
con el color de fondo y así imitar de alguna forma el borrado de píxeles.

El recuadro que se encuentra al frente muestra el color que se está utilizando, al hacer clic
sobre el icono de doble flecha se intercambian los colores de los recuadros entre sí, haciendo
que el color que se encontraba en el recuadro del fondo pase al frente y viceversa.
U.1

Se puede cambiar el color

haciendo clic sobre el se- U.2

lector frontal. Una ventana

se desplegará y mostrará U.3

una gama de tonalidades

de colores donde se podrá U.4
escoger haciendo clic con
el cursor sobre el color y U.5
tono deseado.
U.6

U.7
 Unidad 2
El entorno Photoshop

Universidad del Zulia / 2do. semestre / Introducción a los Medios Digitales / Prof. Julio Rivas Sarcos
Por último, el Panel de Herramientas ofrece unos íconos en su parte inferior.
Éstos nos permiten crear máscaras para efectos en las imágenes y alternar las
distintas vistas del área de trabajo.

La Barra de Opciones de Herramientas

En la parte superior de la ventana y bajo la barra de menú se encuentra la Barra de Opciones
de Herramientas. El contenido de esta barra cambiará según la herramienta que se tenga
seleccionada

En esta barra se pueden cambiar aspectos de las herramientas como su tamaño y su opacidad,
entre otros. Cada vez que se haga un cambio en la herramienta, ésta se mantendrá para que
cuando vuelvas a seleccionarla su estado sea el mismo que era cuando se utilizó por última vez.
Para hacer algún cambio en cualquiera de sus opciones sólo se debe seleccionar y cambiarlo
manualmente o desplegando una pestaña si es el caso..

La Ventana de Navegación
Para mayor comodidad, la Ventana Navegación brinda la oportunidad de explorar todas las
zonas de la imagen. Muestra una miniatura de la imagen que se está trabajando.

U.1

U.2

U.3

U.4

No siempre esta ventana está visible de U.5

entrada. Para colocarla en pantalla se

puede activar desde el menú Ventana→- U.6
Navegador en la barra de menú.
U.7
 Unidad 2
El entorno Photoshop

Universidad del Zulia / 2do. semestre / Introducción a los Medios Digitales / Prof. Julio Rivas Sarcos
El navegador, como ya se ha dicho, muestra una miniatura de la imagen activa. Permite mo-
dificar la vista de la imagen acercándola y alejándola mediante este control:
Al moverse el control hacia la derecha el zoom aumenta, haciendo que la imagen se vea más
grande (o desde más cerca). Si, por el contrario, se desplaza el marcador hacia la izquierda,
la imagen se verá cada vez más pequeña (o desde más lejos), porque el zoom disminuye.

En la miniatura aparece un recuadro con el

borde rojo, este recuadro ayudará a navegar
por la imagen cuando el zoom sea demasiado
grande y se vea sólo una parte de la imagen.
Haciendo clic sobre la miniatura puedes des-
plazar el recuadro y mostrar en la ventana el
área contenida por éste.

Otra forma de desplazar la vista de la imagen sería usando la herra-

mienta Mano, en el Panel de Herramientas:
Ésta permite desplazar la vista de la imagen. Los pasos a seguir para
utilizarla son los siguientes:

1 La herramienta se activa al hacer clic sobre ella.

2 Al colar el puntero sobre la imagen en la Ventana de Navegación,

éste cambia de forma, permitiendo navegar sobre ella.

3 Para llegar a la parte de la imagen deseada, se debe arrastrar el

mouse, apretando el botón sin soltarlo.

La Ventana Color
Otra ventana interesante es la de Color, generalmente está situada debajo de la ventana de
Navegador. Allí se muestran tres pestañas: Color, Muestras y Estilos. Se puede acceder a ella
a través del menú Ventana→Color, o pulsando la tecla F6.
Desde esa ventana se seleccionan los colores de una forma más rápida que desde el cuadro
U.1
de diálogo de selección de color. Desplazando los controles de izquierda a derecha se logra
encontrar la proporción exacta de rojo, azul y verde para crear nuevas tonalidades de colores.
U.2

En la pestaña del “Color” se pueden

realizar combinaciones de colores para U.3
lograr crear miles o millones de nuevas
tonalidades, a través de los modos, entre U.4
otros, RGB, dispuestos para ser vistos
en pantalla y CMYK, diseñado para colo- U.5
rear trabajos que vayan a ser impresos.
U.6

U.7
 Unidad 2
El entorno Photoshop

Universidad del Zulia / 2do. semestre / Introducción a los Medios Digitales / Prof. Julio Rivas Sarcos
La segunda pestaña “Muestras” ofrece
diferentes colores guardados en el
sistema o pre-establecidos. En ella se
pueden incluir colores personalizados,
además de eliminar los que no hagan
falta. Esta pestaña es muy importante a
la hora de ahorrar tiempo en la esco-
gencia del color que se desee.

Otra pestaña es la de “Estilos” con-

tiene diferentes modismos de relleno
o texturas que se puede utilizar en
las composiciones.

La Ventana de Historia
La ventana de “Historia” puede ser colocada en pantalla a través del,
menú Ventana→Historia.

Ésta muestra por orden cronológico las acciones

realizadas sobre una imagen, donde las posiciones
al pie de la lista son más reciente que las situadas
al principio.

El control de desplazamiento indica la última acción

visible realizada.

Se puede deshacer un número indefinido de accio-

nes desplazando el control o haciendo clic sobre la
última acción que quieras que permanezca activa.

Photoshop ofrece también el coman- U.1

do Edición→Deshacer (Ctrl+Z) actúa

de forma diferente que en otros pro- U.2

gramas. Mediante este comando úni-

camente se puede deshacer la última U.3
acción realizada, a menos que se pro-
grame, mediante sus Preferencias,pa- U.4
ra que deshaga más de una acción.
U.5

U.6

U.7
 Unidad3
Las Herramientas
de Pintura y Edición

UNIVERSIDAD DEL ZULIA

FACULTAD DE ARQUITECTURA Y DISEÑO
ESCUELA DE DISEÑO GRÁFICO
INTRODUCCIÓN A LOS MEDIOS DIGITALES
2do. SEMESTRE

U.1

U.2

U.3

U.4
Profesor:Julio Rivas Sarcos
0414-661.80.44 U.5
juliojose1964@[Link]
©Todos los derechos reservados U.6
Última revisión: 2015

U.7
→→  Las Herramientas de Pintura y Edición
→→  Opciones del Pincel y el Lápiz
→→  El Concepto de Pincel Unidad 3
→→  La herramienta de Tampón Las Herramientas
de Pintura y Edición

Universidad del Zulia / 2do. semestre / Introducción a los Medios Digitales / Prof. Julio Rivas Sarcos
→→  La Herramienta Degradado
→→  La Herramienta Bote de Pintura

Las Herramientas de Pintura y Edición

Una vez conocido el entorno de Photoshop, es hora
de aprender cómo utilizarlo. Para ello se muestran las
principales herramientas del programa. Unas de ellas
son las herramientas de Pintura y Edición.
En el panel de herramientas se encuentra el ícono Pin-
cel, al hacer clic derecho sobre él, se desplegará una lista, mostrando el grupo formado por la
herramientas Pincel y Lápiz, ambas con características parecidas, pero con algunas diferen-
cias.
Estas dos herramientas permiten pintar con el color frontal, aunque por defecto, la herramienta
Pincel crea trazos mucho más suaves mientras que los bordes del lápiz son más irregulares.

Opciones del Pincel y el Lápiz

Dentro de las opciones de las herramientas del pincel y el lápiz está la Opacidad, la cual es
una opción que se encuentra a menudo mientras se trabaja con Photoshop. Se trata de un por-
centaje que controla la transparencia del trazo dibujado. Al 100%, la pintura es completamente
nítida, mientras que al mínimo (el 1%) es imperceptible.
Otra opción importante es la selección del grosor, el tipo de pincel y el modo con los cuales se
logran efectos lumínicos y transparentes.

El Concepto de Pincel
Las herramientas Pincel y Lápiz permiten la personalización de la forma en la que se pinta
sobre un soporte, pudiendo crear trazos finos o gruesos y con más o menos dureza.

Desde la primera opción, Diámetro maestro, se puede escoger el tamaño del pincel, U.1

para ello se desplaza el control hacia derecha o izquierda hasta alcanzar el tamaño
deseado, o introducir su tamaño en píxeles directamente sobre la caja de texto. U.2

También es posible configurar la dureza del pincel, e igual que la anterior, seleccionándolo me- U.3
diante el control de desplazamiento una dureza entre los valores 0% y 100%, siendo el primero
el pincel más blando y el segundo el más duro. Cuanto más dureza tenga un pincel, menos U.4
suaves será su trazo.
U.5
Desde esta ventana también es posible escoger una variedad de pinceles preestablecidos.
Para ello sólo se debe seleccionar el que más se ajuste a las necesidades del proyecto
U.6
que se está realizando, haciendo clic sobre él para activarlo.

U.7
 Unidad 3
Las Herramientas
de Pintura y Edición

Universidad del Zulia / 2do. semestre / Introducción a los Medios Digitales / Prof. Julio Rivas Sarcos
El programa ofrece una
serie de pinceles agrupa-
dos en una venta. Éstos
se muestran por catego-
rías, grosores, texturas y
formas.

La herramienta de Tampón
Tampón clonador
Una de las herramientas más importantes y de gran utilidad es sin duda el Tampón de Clonar.
Es muy útil en el retoque fotográfico, su función principal es copiar exactamente una zona de
la imagen, permitiendo trasladarla hacia otro lugar del lienzo.

Como se puede observar

en la Barra de Opcio-
La herramienta de Tampón per-
nes, la configuración de
mite la selección de diferentes
esta herramienta no se
grosores y puntas de pincel para
diferencia mucho a la del
adecuar la salida del trazo.
Pincel.

U.1

U.2

U.3

U.4

U.5

El uso del Tampón es relativamente sencillo, sólo hay que seleccionarlo y U.6

mantener apretado la “tecla alternativa” para clonar la zona que queremos

repetir en otro lugar. El cursor se convierte en una “mira” al copiar y en un U.7
círculo al vaciar el fragmento de la imagen en el lienzo.
 Unidad 3
Las Herramientas
de Pintura y Edición

Universidad del Zulia / 2do. semestre / Introducción a los Medios Digitales / Prof. Julio Rivas Sarcos
Tampón de Motivos
El Tampón de Motivos permite pintar del mismo modo que el pincel y el lápiz, por lo que mu-
chas de sus opciones son iguales a éstas. La diferencia se encuentra en que esta herramienta
no utiliza pintura sino patrones o texturas.

Las únicas opciones

diferentes son las tres
últimas.

1
2
Otra opción disponible es
la de Alineado, esta opción
activada, asegurará de que
el motivo se muestre unifor-
me aunque haya sido creado
con diferentes trazados. Este
La opción recurso es muy útil para evitar
Motivo da la opor- la superposición de trazos,
tunidad de que el creando un motivo final homo-
Tampón pinte con géneo.
texturas pre-estable-
cidas o personaliza-
das. 3
También es posible añadirle al Tam-
La ventana cuenta
pón un ligero efecto Impresionista
con un menú de op-
marcando su correspondiente casilla.
ciones donde, entre
De este modo, el resultado será más
otras, permite la co-
suave y difuso.
locación de texturas
personales.

U.1

U.2

La Herramienta Degradado U.3

Con esta herramienta es posible incluir degradados U.4

y combinaciones de colores a los trabajos realizados
en Photoshop, que van desde un tono al 100% hasta U.5
un 0%, utilizando para ello el Frontal y el Fondo en
la ventana de herramientas. U.6

U.7
 Unidad 3
Las Herramientas
de Pintura y Edición

Universidad del Zulia / 2do. semestre / Introducción a los Medios Digitales / Prof. Julio Rivas Sarcos
Su aplicación es muy sencilla. A
continuación se muestra el paso
a paso de su uso.

1 Se selecciona la herramienta
Degradado en el Panel de Herra-
mientas.

2 Se escoge el color de Fondo y

Frontal en el panel de herramien-
tas. Estos dos colores serán los
que formarán parte de la transición
del degradado o combinación de
los colores.
→→  Punto de partida →→  Punto de llegada
3 Por último se hace clic donde se
quiere comenzar el degradado y
→→  Recuerda que si mantienes pulsada la tecla Shift se arrastra el ratón hasta el lugar
podrás hacer degradados en línea recta o en 45º. en donde se quiera termine, allí se
suelta el botón del ratón.

Opciones del degradado

Las opciones de esta herramienta son relativamente sencillas y muy parecida al resto de
las otras de pinturas.

1 4
5
2
La Opacidad
determina Si se activa la
el grado de casilla Invertir
Desde el Menú de
transparencia se cambiará el
Modos se puede
que puede orden, provo-
seleccionar el tipo de
llevar un de- cando que el
degradado que se
gradado. degradado se
Desde el desplegable quiera aplicar. Existen
Ésta se muestre en sen- U.1
en la Barra de Opciones cuatro con diferentes
puede hacer tido contrario.
de herramientas se pue- direccionamientos.
de forma
de acceder a diferentes U.2
automática o
tipos de degradados
manual colo-
pre-diseñados. U.3

Haciendo clic en el icono

cando el valor 6
3 numérico.
podremos seleccionar U.4
diferentes grupos de La opción Tramado, mar-
degradados para darle cada por defecto, realiza U.5
mayor vistosidad a los El degradado ofrece
una serie de “Modos” transiciones más suaves.
proyectos. Si se desactiva la casilla U.6
que dan efectos espe-
ciales en transparen- se podrá ver como la gama
cias y superposición de de colores en el degradado U.7

colores. cambia bruscamente.

 Unidad 3
Las Herramientas
de Pintura y Edición

Universidad del Zulia / 2do. semestre / Introducción a los Medios Digitales / Prof. Julio Rivas Sarcos
La Herramienta Bote de pintura
La herramienta Bote de pintura permite pintar
de un color toda un área del lienzo.
Esta herramienta evalúa el punto donde haces
clic y pinta todos los píxeles contiguos del mis-
mo color con el Frontal.

Opciones del Bote de pintura

Existen algunas opciones que diferencia al Bote de pintura con el resto de las herramien-
tas, a continuación se muestran algunas de ellas:

1 1 1

Esta opción permite La Tolerancia determi- Si se quiere selec-

pintar de dos mane- na el radio de selección cionar varios ele-
ras: una con el color donde actuará gama de mentos que conten-
escogido en el “Fron- colores sobre la actúe. gan el mismo color
tal” de la ventana de se debe desactivar
herramientas y otra, a Con una Tolerancia alta la opción Contiguo,
través del “Motivo”, la herramienta coloreará el Bote de Pintura
con el cual el relleno también zonas de color coloreará todos los
es texturizado. similares al que se deter- píxeles que conten-
minó con el clic. gan ese color en
Al escoger esta cualquier lugar del
opción se desplegará Una Tolerancia baja sólo lienzo.
una serie de motivos pintará los píxeles del
prediseñados. color escogido.
U.1

U.2

U.3

U.4

U.5

U.6

U.7
Unidad4 La Selección, el Borrado
y la Redimensión como
acciones de transformación

UNIVERSIDAD DEL ZULIA

FACULTAD DE ARQUITECTURA Y DISEÑO
ESCUELA DE DISEÑO GRÁFICO
INTRODUCCIÓN A LOS MEDIOS DIGITALES
2do. SEMESTRE

U.1

U.2

U.3

U.4

Profesor: Julio Rivas Sarcos

U.5
0414-661.80.44
juliojose1964@[Link]
U.6
©Derechos Reservados
Última revisión: 2015
U.7
→→  La Selección
→→  Selección de Marco
→→  Los Lazos Unidad 4
→→  La Vara Mágica La Selección, el Borrado
→→  El Borrador y la Redimensión como

Universidad del Zulia / 2do. semestre / Introducción a los Medios Digitales / Prof. Julio Rivas Sarcos
→→  La Edición de Recorte acciones de transformación
→→  La Re-dimensión de la imagen

La Selección
La función principal de las Herramientas de Selección, es tomar un área de la imagen, para así
poder realizar en ella diferentes tareas. Es decir que, la zona escogida será vulnerable a cualquier
acción realizada sobre el espacio activo del lienzo.

Existen otras funciones adaptadas

a las necesidades del usuario y del
proyecto con el cual se esté traba-
jando, tales como: copiar, cortar,
pegar, mover el área,
pintar, entre otras.

Configuración en la Barra de Opciones: A igual que otras, estas herramientas actúan

conjuntamente con la Barra de Opciones para ajustes
pre-determinados.

Radiografía
El Desvanecimiento: 2 3 El Estilo de selección está compuesto por tres Con la opción Per-
actúa sobre la selección, opciones: feccionar Bordes,
desenfocando los bordes A.- Normal: permite una selección libre. se logra ajustar la
de ésta. Puede tomar B.- Proporción Fija: Con ésta se pueden colocar selección, colo-
un valor entre 0 y 250 las dimensiones, tanto de ancho como de alto. cando en ella los
píxeles. C.- Tamaño Fijo: a través de esta opción, se colo- valores deseados.
can las medidas y con un clic se define la selección.
7

4 5
1 6

Selección Añadir a la Restar Interceptar El Suavizado A través de Este icono

nueva: se selección: a las con la Permite que las pro- conmuta e
crea una suma una selección: selección los bordes porciones, intercambia
selección selección a permite permite crear sean definidos se pueden los valores
única sobre la existen- restar de la una selec- o no. El suavi- establecer de las
la capa, te, agran- selección ción final zado sólo está el Ancho y medidas.
eliminando dando más actual, el resultante de disponible al Alto del
cualquier el radio de área que se la intersec- para la herra- área a selec-
selección acción. escoja. ción de las mienta Marco cionar.
anterior. selecciones elíptico. U.1
existentes.

La Selección de Marco U.2

Este grupo realiza selecciones basadas en dos formas U.3

principales: el rectángulo y el elipse. Para todo el grupo,
la Barra de Opciones es la misma: U.4

Existen también, las herramientas Marco U.5

Fila Única y Marco Columna Única. És-
tas no admiten configuraciones debido que
están destinadas a la selección horizontal U.6
para generar filas y vertical para un radio
de selección en columna. Su tamaño esta
definido en un píxel de ancho o alto por el U.7

tamaño de la imagen.
 Unidad 4
La Selección, el Borrado
y la Redimensión como

Universidad del Zulia / 2do. semestre / Introducción a los Medios Digitales / Prof. Julio Rivas Sarcos
El Lazo acciones de transformación

Esta herramienta tiene como objetivo principal, la selección de un área del lienzo de
una forma manual y automática, Sus opciones son las mismas del Marco rectan-
gular y el elíptico.

1 La Herramienta Lazo permite realizar una

selección a mano alzada, dando un clic,
define el inicio de la selección y se cerrará
cuando se suelte el botón del ratón.
__Apretando la tecla Alternativa, la selec-
ción puede ser controlada por cada clic
que se haga.

3 La herramienta Lazo magnético

es algo más compleja en su uso. 2 El Lazo Poligonal es muy parecido al Lazo. Crea
Su puntero inteligente actúa una selección poligonal definiendo los vértices
ajustándose a los bordes de las de ésta. Se utiliza dando clic sobre las zonas
áreas definidas de la imagen, del lienzo que se quiera seleccionar. Es posible
evaluando los cambios de color. cerrar el trazo desde cualquier punto, pulsando
Es por esto que su uso se acon- la tecla Ctrl y haciendo clic en cualquier lugar
seja cuando el área a seleccionar del lienzo. Sosteniendo la tecla Shift se crearán
contrasta con su fondo. trazos horizontales, verticales ó en 45 grados.

La Vara Mágica
La Vara Mágica no se basa en la forma,
como las herramientas anteriores, sino que
su método de selección se define por el co-
lor. Su uso es muy sencillo, basta con hacer
clic en el color que se quiera seleccionar y
su comportamiento variará según la configu-
ración de sus opciones.

La Tolerancia indicará la
extensión de la gama
de colores que aceptará
la Vara Mágica. Si se U.1

introduce un 0, el único
color seleccionado será U.2
aquel en el que se hizo clic.
Con valores más altos,
su radio de acción será U.3
más axtenso.

U.4

Selección por menú U.5

En Photoshop es posible realizar se- 1 Extender: selecciona
las áreas más cercanas
lecciones desde la Barra de Menú. U.6
al punto escogido.
Allí existen varias formas para se-
leccionar diferentes áreas del lienzo. 2 Similar: selecciona las áreas tomando en
cuenta los colores, independientemente U.7
De todas las que contiene el menú, del lugar donde se encuentre dentro del
dos de ellas son las más utilizadas: lienzo.
 Unidad 4
La Selección, el Borrado
y la Redimensión como

Universidad del Zulia / 2do. semestre / Introducción a los Medios Digitales / Prof. Julio Rivas Sarcos
acciones de transformación

El Borrador
Del mismo modo que existen herramientas que sirven para añadir pintura al lienzo,
ya sea en forma de color plano, motivo preestablecido o, incluso, copia de una
zona de la imagen. También hay otras que permiten eliminarlas. Estas herramien-
tas pertenecen al grupo de lo borradores.

En la barra de opciones se encuentran prácticamente todas las opciones ya cono-

cidas. Esto es porque se puede utilizar el borrador como si se tratase de un pincel,
configurando su dureza, opacidad o flujo hasta adaptarse a las necesidades del
usuario o del proyecto que se está realizando.

Radiografía

1
Borrador
Permite quitar la pintura de 2
una zona determinada del
lienzo y sustituirla por el 3
color de Fondo.
Con esta opción, existen
tres formas de borradores:
1.-Lápiz, 2.-Cuadrado y
3.- Pincel, siendo este últi-
mo, al que su difuminación,
se puede controlar.

Borrador de Fondos U.1

Resulta de gran ayuda
cuando es necesario U.2
extraer un objeto de una
imagen. La punta de esta U.3
herramienta tiene una for-
ma especial. Está formada
U.4
por una base redondeada Borrador Mágico
(como un pincel normal) Este borrador actúa única-
U.5
pero añade una mirilla mente sobre un color en la
en forma de aspa en su imagen, dejando las áreas
centro. afectadas de color trans- U.6

parente.
Es recomendable a la U.7

hora de siluetear imáge-

nes.
 Unidad 4
La Selección, el Borrado
y la Redimensión como

Universidad del Zulia / 2do. semestre / Introducción a los Medios Digitales / Prof. Julio Rivas Sarcos
acciones de transformación

La Edición de Recorte o Guillotina

La herramienta Recortar, aun no siendo una
de selección, contiene rasgos parecidos a
éstas.

Su función específica
es editar las imágenes,
generando selección
de recortes, basado
en pasar una diagonal,
enmarcando y selec-
cionando el área que
se desea conservar.
El resto del lienzo es
borrado.

El corte puede ser programado mediante la

colocación del tamaño tanto de ancho como
de alto en su Menú de Opciones.

Re-dimensión de la imagen
Existen verían maneras de editar las dimensiones de una imagen. Desde reducirlas hasta
ampliarlas, pasando por el recorte y la distorsión de la misma.

1 Opción: Tamaño de la Imagen

Una y la más co-
mún, es la reduc-
ción de una imagen
ya existente, a U.1

través de la opción
Tamaño de la Ima- U.2
gen, dispuesta en la
Barra del Menú. U.3

U.4

U.5
Allí, no sólo se pueden cambiar el Alto y
el Ancho de la imagen, sino también su
Resolución y su sistema de medidas. Al U.6
hacerlo, éstas se realizarse en forma pro-
porcionada o desproporcionadamente.
U.7
 Unidad 4
La Selección, el Borrado
y la Redimensión como

Universidad del Zulia / 2do. semestre / Introducción a los Medios Digitales / Prof. Julio Rivas Sarcos
acciones de transformación

2 Opción: Tamaño del Lienzo

A través de diferente variables que ofrece esta forma de redimensionar el espacio
de trabajo, reduciéndolo o ampliándolo, según sea la necesidad del proyecto.

Otro modo de editar el tamaño

del lienzo de la imagen, es
seleccionando en la Barra
de Menú, la opción Imagen y
dentro de ella, escoger Tamaño
del Lienzo.

Desde esta ventana se puede modificar la altura y

anchura del lienzo y escoger dónde anclar la imagen
existente, para que al recortarla, se mantenga en el
centro o en alguna de las esquinas. También en ella,
se puede colocar el color del fondo, el cual se observa-
rá al ampliar el espacio.

3 Opción: Transformar
Esta modalidad permite crear distorsio-
nes a las imágenes, mediante controla-
dores matemáticos que indican posi-
ciones pocos comunes, dándoles otras
dimensiones con las cuales se logran
efectos especiales en ellas.

A través de la Barra de Menú /

Edición, se accede a la opción
Transformar. Seleccionándola,
se desplegará un sub-menú que U.1
ofrece varios tipos de transforma-
ciones.
U.2

En este sub-menú también se encuentran U.3

las opciones de Rotación y Volteo de las
imágenes.
U.4

Ejemplos de las transformaciones U.5

U.6

U.7
Escala Rotar Sesgar Distorsionar Perspectiva Deformar
Unidad5 Las capas, las formas
y el texto como
elementos compositivos

UNIVERSIDAD DEL ZULIA

FACULTAD DE ARQUITECTURA Y DISEÑO
ESCUELA DE DISEÑO GRÁFICO
INTRODUCCIÓN A LOS MEDIOS DIGITALES
2do. SEMESTRE

+ +

U.1

U.2

U.3

U.4

Profesor: Julio Rivas Sarcos U.5

0414-661.80.44
juliojose1964@[Link] U.6
©Todos los derechos reservados
Última revisión: 2015
U.7
→→  Concepto de Capas
→→  Panel de Capas Unidad 5
→→  Creación de Capas Las capas, las formas
→→  Las Formas y el texto como

Universidad del Zulia / 2do. semestre / Introducción a los Medios Digitales / Prof. Julio Rivas Sarcos
→→  El texto elementos compositivos
→→  Efectos en textos

El concepto de Capas
Las capas en Photoshop semejan hojas apiladas de
acetato. Se pueden ver las capas que se encuentran
debajo a través de sus áreas transparentes.
Si mueve una Capa a fin de colocar el contenido en ella,
es como si deslizara una hoja de acetato dentro de una
pila. Permite la posibilidad de cambiar la opacidad de
algunas capas de manera que su contenido sea parcial-
mente transparente y manejable.

¿Para que sirven?

Las capas sirven para realizar diversas tareas, entre
Las áreas trans- otras, trabajar con elementos de individual, añadir texto
parentes de una a una imagen o añadir formas de gráficos vectoriales.
Capa dejan ver las En ellas se pueden aplicar efectos especiales como
otras situadas por
debajo. sombras paralelas o algún tipo de resplandor.

Capa 1 Capa 1 Composición global

Introducción al Panel de Capas

El Panel Capas casi siempre se activa al abrir un nuevo documento. En el caso
contrario se puede colocar a través de la Barra del Menú en la pestaña Venta-
na. Allí se escoge la opción Capas.
U.1
Cada imagen nueva tiene una sola Capa. El núme-
ro de capas, conjuntos de capas y efectos de capa
U.2
adicionales que puede añadir a la imagen está
limitado solo por la memoria del equipo donde se
trabaja con el programa. U.3

U.4
Las operaciones con las capas se llevan a cabo en el
Panel Capas. En cada capa se puede observar el o los
elementos que contiene. U.5
Las capas se pueden almacenar en grupos, los cuales
ayudarán a organizarlas y gestionarlas de una manera
lógica. U.6

A cada capa se le puede identificar a través de un

nombre propio o un color. Esto hará más fácil la bús-
U.7
queda del elemento deseado, más aun, si se trata de un
número alto de capas.
 Unidad 5
Las capas, las formas
y el texto como

Universidad del Zulia / 2do. semestre / Introducción a los Medios Digitales / Prof. Julio Rivas Sarcos
Radiografía elementos compositivos
El Panel contiene todas las capas, grupos de capas y efectos de capa de una
imagen. A través de ella, se les puede mostrar y ocultar capas, crear nuevas y
trabajar con grupos de capas. Así mismo, en el se puede acceder a comandos y
opciones adicionales en el menú del panel Capas.

2 Menú del panel Capas

Efectos de Capas
1
3 Grupo de capas

4 Capas con efectos

5 Capa
6 Capa de texto

7 Controladores
de efectos

8 Ícono miniatura

Crear nueva Capa

Cuando se crea una nueva imagen con contenido transparente, la imagen no
tiene ninguna capa de fondo. La capa inferior no tiene las limitaciones de la capa
de fondo: puede trasladarla a cualquier posición del Panel Capas y cambiar su
opacidad y modo de fusión.

Para añadir una nueva Capa en el Panel

de Capas, se debe hacer clic en el icono
de Nueva Capa, dispuesta en el Menú
del panel.

Sobre este espacio se irán colo-

cando cada Capa creada sobre el
Fondo, el cual puede servir como
base o como un área más de
trabajo. Estas capas son trans-
parentes, lo que significa que las U.1

zonas donde se coloque elementos

deja de serlo. U.2

U.3
Por defecto, Photoshop, identifica Otra forma de añadir una capa es
a las capas automáticamente. Es hacerlo mediante la combinación de las
necesario darles un nombre para U.4
teclas Control+Mayúscula sostenida + la
reconocerla más fácilmente y trabajar tecla N. En ambos casos aparecerá una
en forma ordenada.
Para identificarlas en el Menú del Pa-
nel, también se puede hacer dándole
+N ventana de opciones para colocarles
algunas características individuales
U.5

doble clic sobre identificación de la U.6

capa y escribir el nuevo nombre.
Las Capas de Textos siempre se identificarán
U.7
automáticamente, colocando parte del escrito
que allí contenga.
 Unidad 5
Las capas, las formas
y el texto como

Universidad del Zulia / 2do. semestre / Introducción a los Medios Digitales / Prof. Julio Rivas Sarcos
elementos compositivos

Opciones del Panel de Capas

Mediante algunas opciones que ofrece el Panel de Capas, éstas son vulnerables a cual-
quier modificación. A continuación se describen estaos cambios que van desde la elimina-
ción capas hasta la aplicación de algunos efectos especiales.

SUPERPOSICIÓN: Las
Capas poseen la misma trans- TIPO: Su función EFECTOS: Photoshop ofrece una serie de
parencia que el papel Cebolla o es la búsqueda de efectos de transparencias, colores, luces y
Croquis. las capas, según texturas aplicable a las capas y a los elementos
Las Capas, cuando se crean, las modalidades que existen en ellas.
se sitúan una sobre las otras, o efectos que
cubriendo con elementos tengan.
algunas zonas y dejando TRANSPAREN-
transparentes otras. Estas CIAS: Ofrece una
capas pueden ser cambiadas disminución de la
de posición con sólo darles un tonalidad del elemento
clic sostenido y moviéndolas al y del fondo, que van
lugar deseado. desde 1% (casi im-
perceptible) hasta un
100%. Esto se logra
moviendo el mane-
jador de izquierda a
derecha o viceversa o
colocando la numera-
ción de forma manual.
BLOQUEO: Cuando se tiene
capas en estados finales, es
decir, no se vaya a mover o mo-
dificar más, es recomendable
bloquearlas para evitar hacer
cambios sobre ellas por error. PROPIEDADES:
Haciendo clic el botón
derecho del mouse, se
puede seleccionar la
VISIÓN DE LA CAPA: Su opción Propiedades de
función principal es la activa- capas, en el cual permi-
ción o desactivación de las te, mediante un cuadro
capas. Haciendo clic sobre de diálogo, el cambio de
el ícono del ojo se puede nombre y la asignación
desaparecer los elementos de un color a la Capa
que contengan la Capa. para destacarla o dife-
renciarla de las demás.

FONDO: El fondo únicamente aparece al escoger un color de fondo al crear el nuevo documento de trabajo (.PSD)
en vez de dejarlo transparente. El elemento fondo permanece siempre en último nivel y no puede ser transparente. U.1
Se puede editar a nivel de pintura tanto como quieras, pero no puede aprovechar las características que ofrecen las
capas.
U.2

Controladores U.3

de Efectos BOTE DE
MÁSCARA: CAPA CARPE- NUEVA BASURA: Fun- U.4
EFECTOS FX: de capa son efec- ciona para elimi-
Sirven para DE RE- TA GRU- CAPA:
tos que proporciona Photoshop nar las capas no
realizar selec- LLENO O PAL: Con Permite U.5
para dotar de diferentes acabados deseadas.
ciones del área AJUSTES: esta opción crear una
a las capas.
de la composi- Permite se puede Capa de
ción dejándola crear capas generar forma casi U.6
ENLACE CAPAS: Agrupa las vulnerable a con ajustes Capas automá-
capas permitiendo algunas acciones cualquier ac- para efectos agrupadas tica.
y la movilidad de todas al mismo U.7
ción o cambio. especiales. por temas.
tiempo.
 Unidad 5
Las capas, las formas
y el texto como

Universidad del Zulia / 2do. semestre / Introducción a los Medios Digitales / Prof. Julio Rivas Sarcos
elementos compositivos

Las Formas
Tras saber cómo funcionan las capas y como trabajar con ellas, es hora de pasar a conocer
las Formas, las cuales ayudarán a crear composiciones más vistosas y de mayor calidad.

Las Herramientas de Forma

Las herramientas de Forma permiten añadir imágenes, prediseñadas o definidas por
el usuario a la sus composiciones. Se puede acceder a ellas desde el Panel de Herra-
mientas.

Radiografía
Se observa 1 La herramienta Rectángulo
que una vez permite colocar forma con-
seleccionada la creta a su estructura.
herramienta de
2 La herramienta Rectángu-
forma, se puede
cambiar entre lo Redondeado permite
ellas directamente seleccionar el radio de sus
desde la Barra esquinas desde la barra de
de Opciones de opciones de herramientas.
herramientas.
3 El Elipse permite colocar for-
ma concreta a su estructura.

4 5 La herramienta Línea, ade-

La herramienta Polígono más de permitir configurar su
toma el primer clic como grosor, ofrece otros efectos
6
centro de la forma y el fin del en los trazos,.Coloca flechas
arrastre como el tamaño de La herramienta de Forma al inicio y/o al final, además
su radio. Personalizada permite el trazo de configurar su borde y
El polígono contiene las con formas predeterminadas fondo.
siguientes opciones: que ofrece el programa. Estas
formas pueden configurase en
medidas, posición y color.
Esta herramienta contiene las
siguientes características: Como en otras opcio-
nes, aquí es posible
elegir entre un gran
número de opciones,
al pulsar el botón se
accede a las opciones
de formas.

La Anchura y Altura Per-

mite dar un tamaño fijo a la U.1
forma final.
El Número de lados indica
cuantas caras va a tener el U.2
polígono.
La Esquina suavizada da
una difuminacion a las pun- Es posible cargar más formas predefinidas U.3

tas en las esquinas de la por Photoshop, escogiendo entre uno de

figura. estos grupos:
U.4
La opción Estrella creará un
polígono en forma de estre-
lla con tantas aristas como Es importante saber que cuando se traza U.5
lados se haya especificado. con cualquiera de estas herramientas, auto-
Las Sangrias suavizadas máticamente se crará una capa en el Panel
comvierte en curvas los tra- de Capas U.6
zos rectos.

U.7
 Unidad 5
Las capas, las formas
y el texto como

Universidad del Zulia / 2do. semestre / Introducción a los Medios Digitales / Prof. Julio Rivas Sarcos
elementos compositivos
Composición Tipográfica
Esta herramienta sirve para introducir
texto en las composiciones. A través de
esta herramienta se puede lograr dife-
rentes familias de textos y darles valores
agregados, tales como: efectos especiales,
editarlas y tecturizarlas, entre otros.

Lo primero que hay que

notar es que da la posibi-
lidad de escribir texto en 2
direcciones diferentes, una
de izquierda a derecha y la
otra de arriba abajo.
También se nota que las dos
últimas herramientas, Máscara
de texto horizontal y Máscara
de texto vertical, no dibujan
Efectos con texto, sino que crean una selección con la

estilo
forma del texto que hayas escrito.

de Capas En la Barra de Opciones, las dos primeras herramientas, Texto hori-

zontal y Texto vertical, comparten las mismas características.
La prengunta más frecuente
con respecto a la edición de
textos, es sobre la creación de
efectos típicos como sombras
o trazos. Photoshop tiene un 1
editor de efectos pre-estable- 2 4
El icono per- También permite elegir la
cidos muy sencillo de aplicar mite visualizar
La alinea-
sobre cualquier capa, pero en fuente, el modo y tamaño ción y el
la dirección de las letras.
especial sobre las capas de de la
3 color pueden
texto, resulta muy fácil, rápido escritura.
definirse en
y, sobre todo, interesante para El desplegable la Barra de
dar un toque especial a los indicará la forma en Opciones.
diseños. la que los bordes del
texto se fusionan con
el fondo.
La opción
Ninguno dejará
los bordes El resto realizan suavizados y
completamente transiciones para mejorar el acople
rectos del texto a la imagen.

Otra de las opciones 5

a destacar sería Crear
texto deformado, el cual
6
muestra un cuadro de
dialogo con diferentes U.1
tipos de deformaciones
modificables:
U.2

Desde este icono se puede

Paso a paso Texto + Capas acceder a más opciones,
aunque éstas son más útiles
U.3

En la venta Estilo de Capas se para grandes cantidades de

puede crear efectos. texto. U.4

A Seleccinando con un checkbox

el efecto o los efectos que se Existe la posibilidad de conver- U.5
desea aplicar. Al escribir se pue- tir una Capa de texto en una
de observa que imagen, para ello haz clic dere-
B Se hace un clic en cada uno de ha aparecido una cho sobre la capa y selecciona U.6
los efectos. capa de textos en Rasterizar Capa.
la ventana Capas.
C Si es necesario, se puede confi- Este tipo de capas no aceptan más U.7
gurar las opciones para cada uno pintura, así que el fondo y otras imá-
de los efectos. genes deberán ir distribuidas en capas
diferentes.
 Unidad6
La vectorización y la pintura como
herramientas ilustrativas

UNIVERSIDAD DEL ZULIA

FACULTAD DE ARQUITECTURA Y DISEÑO
ESCUELA DE DISEÑO GRÁFICO
INTRODUCCIÓN A LOS MEDIOS DIGITALES
2do. SEMESTRE

U.1

U.2

U.3

Profesor: Julio Rivas Sarcos U.4

0414-661.80.44
juliojose1964@[Link] U.5
©Todos los derechos reservados
Última revisión: 2015
U.6

U.7
→→  La Pluma
→→  La Vectorización
→→  Cómo Vectorizar
→→  La Pintura Unidad 6
→→  Panel de Trazados →→  El Modo de color La vectorización
y la pintura como

Universidad del Zulia / 2do. semestre / Introducción a los Medios Digitales / Prof. Julio Rivas Sarcos
herramientas
ilustrativas
La Pluma
Sirve para realizar trazados, es decir, dibujar con vectores. Los
dibujos que se hagan con la Pluma no sólo podrán ser formas,
sino también selecciones.

Punto de Ancla o Nodo

Trazo
Controladores

Lo primero es, seleccionar esta herramienta de la barra lateral. Se puede hacer tam-
bién presionando la tecla P. Si se mantiene el botón del mouse presionado unos ins-
tantes se accederá al menú completo de la herramienta.

A igual que otras herramientas, en la Barra de Op-

ciones de la Pluma se pueden elegir diferentes op-
ciones, tales como: dibujar un trazado o una capa de

Trabajar con la Pluma

La idea de dibujar con la pluma, es la de generar trazos cerrados que conlleven a
una forma coherente o a una selección para aplicar acciones sobre ella. A continua-
ción se muestra las dos formas de trazos más comunes:
Al sostener la tecla Mayúscula
durante el trazado, las líneas
3
siempre serán rectas.
Líneas rectas
Las líneas rectas son de fácil
trazado, sólo hay que seguir una
dirección.

1 Al hacer clic en 2
algún punto del Si se hace clic
lienzo o imagen, se en otro lugar, se 4
verá que allí que- verá que aparece Cada punto se conoce por el nombre
dará “marcado” el de “punto de ancla” o “nodo”. Incluso
una línea uniendo
punto de partida de se puede, en algún momento, volver
ambos puntos del a hacer clic sobre el primer nodo para
la línea o trazado. trazado. “cerrar” la forma .
U.1
Líneas Curvas
El trazado o vectorización en curvas requiere de habilidades más complejas que U.2
las del trazo recto. La práctica es de suma importancia para ¨soltar¨ la manos
al movimiento requerido. Para ello se muestran tres pasos a seguir para lograr
hacerlo. U.3
Para continuar el trazado y rea-
2 lizar una curva, se debe hacer
clic sin soltarlo en otra área del U.4
lienzo.

U.5

1 Se hace clic en cualquier parte U.6

del lienzo o la imagen con la he-
rramienta Pluma para iniciar con
un Punto de ancla o Nodo.. 3 Al arrastrar el cursor horizontalmente,
aparecerán dos líneas, llamadas Con- U.7
troladores o Anclas, con las cuales se
puede formar la curvatura deseada.
Modificaciones Unidad 6
La vectorización
Los Puntos de Anclas pueden editarse, a través de otras plumillas que están en y la pintura como

Universidad del Zulia / 2do. semestre / Introducción a los Medios Digitales / Prof. Julio Rivas Sarcos
la sub-herramienta. herramientas
Pluma de Forma Libre: Añadir Punto de Ancla:
Selectores ilustrativas
Permite realizar Suma Punto de
trazos a mano Anclas al trazado Su función es la de mover el traza-
alzada. Sosteniendo la para modificar la forma, do a cualquier lugar del lienzo.
tecla Alt, se controlar el aun cuando ésta se
recorrido de la línea. encuentre terminado. Controla los Nodos, permitiendo
moverlos, modificando la forma o
Eliminar Punto de Ancla: Convertidor: el trazado.
Permite quitar los Modifica el trazo
La Pluma, además de ser una
Nodos o Puntos de una forma. Al excelente herramienta de dibujo,
de Anclas del trazado. darle clic al trazo, auto- también se puede utilizar como
Al hacerlo, la forma máticamente aparece- una de selección.
puede modificarse. rán los Controladores.

La Vectorización
Cuando se habla de vectorizar, se está haciendo referencia a la manera de dibujar digitalmente me-
diante el uso de vectores, los cuales generan figuras en rectas o curvas con la herramienta de Pluma.
Un Vector es un punto
matemático que
ofrece exactitud en
las dimensiones y en
la resolución de la
imagen.

La principal ventaja cuando se trabaja

con vectores es que el programa
El Panel comprende lo que se está haciendo.
de Trazado Los vectores se pueden controlar
para crear líneas rectas o curvas, a
El Panel de Trazados con- través de controladores matemáticos,
tiene todas las dibujadas, que permiten realizar dibujos muy
almacenadas de una forma parecidos a las imágenes reales.
cronológica. Estos trazos U.1
pueden activarse en el mo-
mento cuando se necesite Radiografía U.2
trabajar en ellos. RELLENO: CONTOR-
Los trazos que se van 1 Menú del panel
Permite co- NO: Permite U.3
generando, se acumulan en locar el color Colorea el
una ventana llamada Panel de Frontal dentro borde del
Trazados. 1 Trazados del trazado. U.4
trazado.
Al terminar de trazar un
U.5
elemento, se puede observar 1
el ícono del trazado.
U.6
Automáticamente el SELECCIÓN: TRAZADO: MÁSCARA: NUEVO
programa lo identifica de una Convierte el Convierte la Crea una TRAZO
forma genérica. Este nombre trazado en selección en zona de U.7
se debe cambiar por uno un área de trazado selección POTE
coherente. selección. vulnerable. DE BASURA
 Unidad 6
La vectorización
y la pintura como

Universidad del Zulia / 2do. semestre / Introducción a los Medios Digitales / Prof. Julio Rivas Sarcos
herramientas
Cómo vectorizar ilustrativas
La técnica de vectorización consiste en trazar sobre una imagen fotográfica o
realizada a lápiz e introducida al computador por dispositivos de entradas.
Existen diferentes tipos de vectorización, para ello es necesario tener un domi-
nio básico del mouse y, sobre todo, paciencia, ya que, aunque se trate de una
técnica sencilla, para obtener imágenes de calidad hay que poner un poco de
esfuerzo. A continuación se muestra dos de las técnicas más comunes.

El dibujo a Mano alzada

Aunque es la más común, esta técnica exige más es-
fuerzo. Aquí la herramienta principal es la Pluma y sus
derivados.

Dependiendo del boceto, tam-

bién se pueden utilizar las
herramientas de formas para
crear elementos del diseño.

Paso a paso A
Selección de la imagen: Ésta puede
abrirse directamente o copiarse y
pegarse en un lienzo con característi-
cas personalizada. Es recomendable
que la imagen sea en escala de grises
y con buena resolución para mejor
visualización de sus características.

B
Preparación de la imagen: Para las
fotografías se escoge la modalidad Niveles,
que se encuentra en opciones Imagen/
Ajustes en la Barra de Menú.
En esta ventana se ajustan las sombras
y las luces de la imagen para resaltar las
partes más oscuras. En el caso de que la
imagen sea un dibujo a lápiz, es recomen-
dable, además, bajar la intensidad para
visualizar mejor el trazado.
U.1
C Trazado de imagen: Con la Pluma se comienza a redibujar
o vectorizar por partes. Es importante el acercamiento de
U.2
cada zona a trazar. La técnica de vectorización a mano al-
zada requiere de tiempo y esfuerzo para lograr trazados de
alta precisión y dibujos de muy buena definición en píxeles. U.3

U.4

El dibujo Pre-determinado
U.5
La técnica predeterminada consiste en extraer mediante algunas opciones del Panel de
Menú y la herramienta de Formas Personalizadas, los valores de un dibujo realizado a
U.6
lápiz. Es preciso acotar que dibujar bajo esta modalidad es muy sencillo, pero tienes sus
desventajas ante la de Mano Alzada. Dos de ellas son: que todas las partes del dibujo que-
dan agrupadas y su resolución puede ser de baja calidad. U.7
 Unidad 6
La vectorización
y la pintura como

Universidad del Zulia / 2do. semestre / Introducción a los Medios Digitales / Prof. Julio Rivas Sarcos
herramientas
Paso a paso ilustrativas
A Selección de la imagen:
Una vez escaneado el dibujo
a lápiz, se abre en Photoshop.
Es recomendable realizar los
trazos bien definidos a la hora
de dibujarlo en el papel.

B En la Barra de
Menú se des-
pliega la pesta-
ña Selección y
allí se escoge
la opción Gama
de Colores, en
donde se abre
una ventana
de ajustes de
selección.

C
Se hace clic en la zona blan-
ca del dibujo para definir el
tono oscuro de la imagen. En D
la ventana Gama de Colores Una vez definida la selección, se escoge una
se pre-visualizará la figura. capa nueva, se oculta la capa del dibujo y con
Luego se chequea la opción cualquier herramienta de Selección se da un
Invertir para realizar la selec- clic con el botón derecho sobre la imagen y se
ción una vez se le de Ok a la escoge la opción Hacer trabajo del trazado,
acción. Existen un control de colocándole una tolerancia de 2.0 píxeles para
tolerancia para definir o no la fijar los trazos del dibujo.
intensidad de la selección.

E Con la herramienta
Pluma, se hace un
clic con el botón
derecho sobre la
imagen y se escoge la
opción Definir forma
personalizada. Se
F
abre una ventana para
El dibujo queda digitalizado y archivado en ventana de la herramienta Formas
identificar el dibujo.
personalizada y dispuesta para ser utilizado en reiteradas ocasiones. El color del
dibujo dependerá del escogido en la opción frontal del Panel de herramientas.

La Pintura
U.1
La pintura cambia el color de los píxeles de la imagen. Se pueden utilizar las herramientas y
técnicas de pintura retocar imágenes fotográficas, usar la técnica rotoscope o pintar en cua-
dros de vídeo y pintar ilustraciones originales o vectorizadas. U.2

Para la colorización de imágenes es importante saber que se cuenta U.3

con los tonos de fondo y el Frontal. Todas las herramientas trabajan
con estos dos planos de colores, en especial, el Frontal. Hay que
recordar que al hacer doble clic en el frontal, se desplegará la ventana U.4
de Opciones de Colores, donde se pueden combinar varios tonos
para conseguir el color deseado. También se puede escoger entre
modos de colores, dispuestos para varias plataformas. U.5

Dentro de las herramien- Las puntas de Pincel, los pince- U.6

ta del Pincel, tambén se les preestablecidos y muchas de

encuentra el Lápiz, el cual las opciones de pincel le otorgan
ofrece efectos de trazos un control creativo para producir U.7

coloridos. efectos de pintura.

Panel de Opciones del Pincel Unidad 6
La vectorización
y la pintura como

Universidad del Zulia / 2do. semestre / Introducción a los Medios Digitales / Prof. Julio Rivas Sarcos
herramientas
ilustrativas
1 2 3 4 5
Grosor: A Modos de Pintu- Opacidad: Define Flujo: Define la Aerógrafo: Simula la 6
través de esta ra: Los Modos de la transparencia del velocidad a la pintura con aerógrafo.
opción se puede Pintura pueden Borrado
color que se aplique. que se aplica el Al mover el puntero automático:
color tanto el ser accedidos Al pintar sobre un color mientras se sobre un área, la pin-
grosor del pincel desde cualquier (Sólo para la
área, la opacidad mueve el puntero tura se crea mientras herramienta
como la intensi- herramienta no excederá el nivel sobre un área. se mantiene pulsado
dad del mismo. de pintado de Lápiz) Pinta el
definido hasta que La cantidad del el botón del ratón. Las color de fondo
En esta pestaña Photoshop o se suelte el botón color que se opciones de dureza,
exisntes una desde las mismas sobre áreas
del ratón. Al volver vierte sobre el opacidad y flujo del que contienen
gran canti- Capas. Se eligen a realizar un trazo lienzo dependerá pincel controlan la
dad de trazos desde un menú el color frontal.
sobre el área ya de la intensidad rapidez y la cantidad
pre-establecidos desplegable. pintada, se aplicará del flujo que se de pintura que se
con tamos y color adicional. escoja. aplica.
texturas.

Histórico, degradado Pinceles Históricos: Realizan una

retrospectiva de los trazos hechos con
y vaciado el pincel tradicional.

Bote de Pintura: Esta herra- Degradado: La herramienta Degradado

mienta derrama pintura y/o crea una devaluación de un tono o color
texturas sobre un área cerrada, y la fusión gradual entre varios colores.
tomando siempre como referen- Se puede rellenar un área con un
cia el color plano. degradado arrastrándolo en la imagen
con punto inicial y soltando el clic en un
Editor punto final.
Tipos

1 2 3 4 5
Degrada- Degradado Degradado Degradado Degradado
do lineal: radial: Ensom- de ángulo: reflejado: de diamante:
Ensombrece brece desde Ensombrece Ensombrece Ensombrece con
desde el el punto inicial con un barrido con degrada- un motivo de
Su cuadro de diálogo permite punto inicial hasta el punto en sentido dos lineales diamante desde
definir un nuevo degradado hasta el final con un contrario a las simétricos a los el punto inicial
modificando una copia de uno punto final motivo circular. agujas del reloj lados del punto hacia fuera.
existente. También puede aña- en línea alrededor del inicial.
dir colores intermedios a un recta. punto inicial.
degradado, creando una fusión
entre más de dos colores.

Los Modos de colores

Para comenzar en edición en Mapa de Bits, es muy importante entender los modos de colores que exis-
ten, sus estructuras y sus usos en las diferentes plataformas de comunicación, Para llegar a la opción U.1
Modo de Color, se puede acceder a través de la Barra del Menú, se hace clic en la opción Imagen /
Modo.
U.2

Mapa de bits Escala Duo Tono Indexado RGB CMYK

Para pasar una de grises Para convertir una El modo Color indexa- Todo lo que es Las siglas U.3
imagen a Modo Utiliza distintos imagen a Modo do produce archivos virtual o lo que CMYK signifi-
de Mapa de Bits, tonos de gris en Duotono, primero se de imágenes de 8 bits se ve en internet, can: Cyan, Ma-
se debe colocar una imagen, sus debe pasar a modo con un máximo de 256 en los celulares, genta, Yellow, U.4
primero a Modo: variantes de co- Escala de grises y colores. monitores, entre Black (Cian,
Escala de Grises. El lor abarcan toda después a modo Este modo es muy utili- otros está en Magenta, Ama-
modo Mapa de bits la escala de color Duotono. En este zado en el diseño web, modo RGB. rillo y Negro). U.5
utiliza uno de los del blanco al ne- modo se utilizan de ya que se caracteriza Las siglas RGB Se utiliza en la
dos valores de color gro. En imágenes 2 a 4 tintas persona- por hacer una reduc- significan Red, preparación de
(blanco o negro) de 8 bits, puede lizadas, pueden ser ción al peso del archivo Green y Blue. imágenes que U.6
para representar haber hasta 256 Pantones persona- manteniendo la calidad Ideal para se van a impri-
los píxeles de una tonos de gris. lizados para darle acorde con la exoigida presentaciones y mir utilizando
imagen. colores más exactos. por el ojo humano. páginas web. cuatricromía. U.7
Unidad7 El Retoque Digital
como complemento
de la Edición
Fotográfica

UNIVERSIDAD DEL ZULIA

FACULTAD DE ARQUITECTURA Y DISEÑO
ESCUELA DE DISEÑO GRÁFICO
INTRODUCCIÓN A LOS MEDIOS DIGITALES
2do. SEMESTRE

U.1

U.2

U.3

U.4

Profesor: Julio Rivas Sarcos

0414-661.80.44 U.5
juliojose1964@[Link]
©Todos los derechos reservados U.6
Última revisión: 2015

U.7
 →→  La fotografía Digital
Unidad 7
El Retoque Digital como
→→  La Edición fotográfica complemento de la Edición

Universidad del Zulia / 2do. semestre / Introducción a los Medios Digitales / Prof. Julio Rivas Sarcos
→→  La Composición Fotográfica Fotográfica
→→  El Retoque Corporal y Facial

La Fotografía Digital
Un poco de historia La fotografía digital surgió hace un poco más de 30 años,
como mecanismo y tácticas de defensa en el campo militar
estadounidense. Las primeras cámaras digitales surgen en
la década de los 90´. Tuvieron gran aceptación de los fotó-
grafos profesionales de la época, siendo hoy día una de las
tecnologías más utilizadas en el campo fotográfico.

Definición La fotografía es una representación del mundo real en forma digital. Esta
digitalización consiste en capturar una visión de los elementos reales
y transformarlos en números de píxeles que formarán la imagen digital
final y son almacenadas en formatos tales como: JPG, TIFF, PNG, entre
otros, para luego ser pasadas a los ordenadores, pudiendo así ser ma-
nipuladas.

É
Antes de hablar
de la Edición fotográ-
fica y sus técnicas, es El problema del ser
bueno saber los que
significa la palabra: y el deber ser
La ética estudia qué es lo moral, cómo se justifica racionalmente un sistema moral, y
cómo se ha de aplicar posteriormente a nivel individual y a nivel social. En la vida coti-
diana constituye una reflexión sobre el hecho moral, busca las razones que justifican la
adopción de un comportamiento.

La Edición Fotográfica
Anteriormente la edición de fotografías se limitaba a la jornada que se hacía en un
cuarto oscuro con sus rústicos implementos de trabajo y el olor de los productos quí-
micos para revelar y copiar las imágenes en un papel fotosensible.

Con los softwares de autoedición digital, en especial en Photoshop, ese proceso quedo atrás. La mayoría de
los profesionales que tengan que ver con imágenes fotográficas lo utilizan. Existen muchas formas de editar
una foto, a través de las herramientas del Photoshop. A continuación se mostrarán las más comunes, aquellos
que cubren aspectos esenciales como: el tamaño, el ajuste del color, los contrastes, el encuadre, el recorte y la
aplicación de filtros.

1._El tamaño adecuado

Para Pantalla Para Imprimir U.1
JPG/GIF

U.2

U.3

U.4
Las fotos para imprimir necesitan una
Para publicar una fotografía en inter- resolución más alta. Dependiendo del medio,
net o proyectarla en un multimedio los píxeles oscilan entre 180 DPI hasta 300 U.5
es recomendable ponerlas con un píxeles por pulgada este último es lo mínimo
Son los formatos ideales tamaño adecuado en píxeles. A mayor para imprimir en una revista y el mejor para
para esta plataforma. número de píxeles mayor va a ser el imprimir a color. Su medidas se calcula en U.6
Comprimen los archivos peso de la imagen. Cms. ó Mm.
diez veces más pequeños
Los píxeles por pulgada (ppp) del inglés dots per inch (dpi) es una unidad de medida para U.7
que otras extensiones.
resoluciones de impresión, concretamente, el número de puntos individuales de tinta que
una impresora o tóner puede producir en un espacio lineal de una pulgada.
 Unidad 7
2._Ajustes del Brillo y el Contraste El Retoque Digital como
complemento de la Edición

Universidad del Zulia / 2do. semestre / Introducción a los Medios Digitales / Prof. Julio Rivas Sarcos
No siempre se toma una buena fotografía con la cámara. Photoshop ofrece varias herramientas Fotográfica
para regular los colores, el brillo, la saturación y los contrastes de los tonos para mejorar una
imagen fotográfica. Son muchos los casos de fotografías famosas, exhibidas es póster, afiches
o fondos de pantallas que han pasado por estas herramientas.

Aclaratoria
Ante todo, es necesario saber que los softwares de autoedición
de imágenes ayudan a mejorar las fotografías y no pudiendo así
realizar magias con ellas.

1 La imagen debe poseer la mayor cantidad de píxeles o in-

formación para ser ajustada y lograr una aceptación visual,
tanto en pantalla como en un impreso. Para esto
es necesario que tenga un buen tamaño o una
alta resolución. Esto quiere decir, que una foto
muy clara o muy oscura, por más que se inten-
te nivelar sus tonos, no se lograrán resultados
positivos.

2 Otro punto que hay que tomar en cuenta, es la

configuración del monitor en materia de gama
de colorización. El diseñador que trabaja ar-
tes para varias plataforma debe considerar el
ajuste periódico del monitor, aun más si reali-
za artes para ser impresos.
A continuación se muestran dos de las opcio-
nes más comunes para ajustar las fotografías:

Niveles
A la hora de comenzar a ajustar una fotografía, la primera opción que se debe utilizar es
la de Nivelar. Ésta se encuentra ubicada la Barra del Menú | Imagen | Ajustes | Niveles.
Para ello, es necesario tener la imagen abierta.
En esta ventana existen tres sectores con los cuales se pueden ajustar las imágenes.

El Canal: A través de 1
esta opción se pueden
nivelar los colores juntos
o por separados. Allí se
observa el Modo de Color 2 Niveles de Entrada:
en el cual se encuentre la En este canal se puede
fotografía. modificar el espectro o la
información del color. A
Niveles de Salida: Este 3 través del módulo de nive-
último sector consiste les de Luz, Medios Tonos
en una barra que va del y Sombras. Moviendo las
negro al blanco, con el anclas se pueden ajustar
se ajusta la luminosidad al ojo por ciento o colocan-
del rango elegido. do los valores exactos
en las casillas correspon-
dientes.

Curvas U.1

Es la segunda opción para equilibrar el color y la nitidez de una imagen. Para acceder
a ella se debe ir a la Barra del Menú | Imagen | Ajustes | Curvas. U.2
Aquí también se puede elegir el canal a modificar el Modo de Color en conjunto o individual-
mente.
U.3

Esta ventana contiene una caja cen-

tral con una línea diagonal. Esta línea U.4
representa el rango tonal desde 0 en
la esquina inferior izquierda hasta 255
U.5
en la esquina superior derecha.

U.6
En la parte resaltada de abajo se
puede elegir si se quiere modificar
por medio de nodos o dibujarla a U.7
mano alzada.
 3._El Encuadre
Unidad 7
El Retoque Digital como
complemento de la Edición

Universidad del Zulia / 2do. semestre / Introducción a los Medios Digitales / Prof. Julio Rivas Sarcos
Cuando se habla de encuadre, se hace re-
ferencia al enmarcado de la fotografía. Para Fotográfica
ello hay que enfocarse en que elementos
dejar fuera, cuáles incluir y dónde ponerlos.
El error más común, es hacer una fotografía y
no enmarcar el objeto principal. Allí es donde
se debe decidir cuales son los elementos que
no aportan información importante o, peor
aun, en algunos casos, le resta protagonismo
al mismo.

Para encuadrar se
recomienda utilizar la
Herramienta de Recorte.

4._El Recorte Para recortar sólo

hay que seleccionar
la parte o el elemen-
Recortar objetos para eliminarlos, colo- to que se desee
carlos en otro lugar o siluetearlos, pue- extraer, ir a la Barra
de ser una tarea propia de un escolar. del Menú,opcio-
En Mapa de Bits, esta tarea es muy nes Edición /
importante a la hora de realizar un Cortar. o en el
proyecto de diseño, donde la fusión teclado Control
de imágenes o la superposición de X. Si la intención
elementos juega un papel protagóni- es utilizar el
co en la composición. elemento cortado,
se debe escoger la
opción Pegar para
colocarlo en la hoja
de trabajo.
Para cortar es necesario
utilizar algunas herramientas Es importante saber que al
de selección o Trazados y de pegar un elemento cortado
Recortes, tales como: la Pluma, o copiado, éste se pegará
el Lazo, Las herramientas de Selec- en una nueva Capa auto-
ción y la Guillotina. máticamente.

5._Aplicación de filtros
Dentro del programa de autoedición en Mapa de Bits existen una cantidad de filtros pre-determi-
nados que ayudan a mejorar la calidad de las fotografías. Reparar fotos con problemas de desen-
foque o con poca nitidez son algunas de las bondades de estos filtros. Por otra parte, se pueden
lograr una serie de efectos especiales a través de ellos.
U.1

Están ubicados en U.2

la Barra de Menú.
Filtros de
Allí se despliega
Desenfoque U.3
una pestaña con
muchas opciones
y sub-opciones de
filtros. U.4

U.5

U.6

U.7
 Unidad 7
La Composición fotográfica El Retoque Digital como
complemento de la Edición

Universidad del Zulia / 2do. semestre / Introducción a los Medios Digitales / Prof. Julio Rivas Sarcos
Existen diversas opciones para crear composiciones fotográficas con los softwa- Fotográfica
res de autoedición en Mapa de Bits. Desde adaptaciones de elementos, hasta la
colorización de imágenes en blanco y negro, forman parte de un mundo de posibi-
lidades para lograr obras de arte en el terreno digital. A continuación se muestran
algunas técnicas de composición fotográficas.

1._La adaptación
La transformación, incorpo-
ración de elementos o la
eliminación de los mismos
dentro de una imagen, se
logra a través de las herra-
mientas de Recorte, clona-
ción y las opciones Cortar
y Pegar, dispuestas en la
Barra del Menú.

La Tipografía juega un papel muy

importante a la hora de realizar una
composición. Con ellas se pueden
realizar diseños sin la necesidad de
utilizar fotografías.

2._La Edición
Para editar elementos dentro de una fotografía podemos considerar las siguientes técnicas:
3 Fusionar
Recortar y Pegar 1 La fusión de dos o más
Se trata de sustraer elementos de otras imágenes y imágenes se logra a través
colocarlas sobre un soporte, el cual pudiera ser una de la herramienta Borra-
hoja de trabajo o una fotografía ya existente. Para ello dor o Tampón Clonador,
se pueden utilizar las herramientas Lazo, Pluma o en su versión pincel. Es
Borrador. ideal para realizar combi-
nación de colores, totalida-
des de grises y elementos.
Clonar 2 Se debe tener cuidado U.1
con la compati-
Esta técnica se trata de copiar y pegar a bilidad en las
través de la herramienta Tampón Clona- imágenes U.2
dor, los elementos que para lograr
se desea, bien sea la armonía
de la misma visual en U.3
fotografía el aco-
o de pla-
otra y do. U.4
pa-
sarlo
a otro U.5
lugar de la
imagen.
U.6

U.7
 Unidad 7
El Retoque Digital como
complemento de la Edición

Universidad del Zulia / 2do. semestre / Introducción a los Medios Digitales / Prof. Julio Rivas Sarcos
El Retoque Facial Fotográfica

Uno de las técnicas que llama más la atención y resulta ser más lucrativa es la del
Retoque Facial. Existe un mercado dedicado a mejorar la calidad de las fotografías
cuando se trata del cuerpo humano, Pero hay que tomar muy en cuenta los exce-
sos que pudieran atentar contra la ética del profesionalismo e, incluso, contra el
estado emocional del personaje a quienes se les aplica el “bisturí digital”, fotográ-
ficamente hablando. A continuación se mostrarán algunas técnicas muy demanda-
das en el mercado.

Técnica 1: Eliminar imperfecciones

Paso a paso

Duplicar la capa, para luego 1

comparar e antes y el después.

Se selecciona la herramienta Pincel 2

Corrector Puntual y se hace clic sobre las
imperfecciones.

Para eliminar las arrugas o sombras se 3

escoge la herramienta Parche, se selec-
ciona la zona afectada y se arrastra sobre
una limpia.

Técnica 2: Modificación de estructura ósea

Paso a paso

1
Se utiliza el efecto Licuar,
dispuesto en la Barra del
Menú, para modificar la
zona deseada.

Se escoge la herramienta Empujar

2 hacia la Izquierda y se arrastra el
Pincel de abajo hacia arriba en el lado U.1
derecho y viceversa sobre el lado
izquierdo.
U.2
Dependiendo de la
3 imagen y el acer-
U.3
camiento que se le
de en la pantalla,
se debe hacer los
U.4
ajustes de grosor, densidad y
presión del Pincel.
U.5

4 Al tratar de reparar una zona, se

puede afectar la que esta más
U.6
cerca de ésta. Para que esto no su-
ceda, se debe utilizar la herramienta
Para deshacer la máscara se debe escoger la Congelar Máscara y pintar la zona
herramienta Descongelar Máscara. U.7
que se quiera proteger.
 Unidad 7
El Retoque Digital como
complemento de la Edición

Universidad del Zulia / 2do. semestre / Introducción a los Medios Digitales / Prof. Julio Rivas Sarcos
Fotográfica

Técnica 3: Suavizado, textura y tonalidad

Paso a paso

1 Se comienza por duplicar

la Capa, para comparar.

En el Panel del
Menú /Imagen /
Ajustes, se escoge
la opción Invertir.

4
5 En el Panel del Menú / Filtros, escoger En el Panel de Capas
la opción Otro / Paso Alto. Colocán- en el Modo de Fusión de
dole un radio de 29 píxeles aproxima- la Capa se cambia a Luz
damente. Luego se le aplica el filtro Intensa y se convierte en
Para ocultar los Desenfoque Gaussiano a 2.1 píxeles. Objeto Inteligente para
efectos añadidos, se Con esto se puede ver como se suaviza no trabajar con ella en
crea una Máscara de la piel, sin que esta pierda su textura. manera no destructiva.
Capa y se pulsan las
teclas Control + i.
6 Se escoge un Pincel con el 7 Con el Pincel se va pintando
Ésto permitirá descu-
color Frontal en Blanco para la piel, respetando, en el caso
brir con el Pincel las
desenmascarar o borrar del rostro, las áreas de los
zonas que se quiera
la parte de la imagen de ojos, los labios y el contorno
reparar.
interés. de la nariz.

Para el que el efecto sea menos intenso, se puede bajar la opacidad a la capa.

Cambio de totalidad U.1

Para aplicar mayor impacto visual al suavizado facial, se puede intensificar la tonalidad de los matices en la piel. Ésto se
logra de la siguiente manera:
U.2

A B C
Con la herramienta Con el Controlador de Efec- U.3
Sobre una nueva
Cuenta Gota se toma tos en el Panel de Capas,
Capa se coloca,
un tono de la piel como se crea una Capa de Ajuste/
en un principio,
referencia. Tono/Saturación y se escoge U.4
en el Modo Dife-
Se comienza a pintar la opción que Sólo Afecte
rencia.
todo el rostro, excepto a la Capa inmediatamente
los ojos, los dientes y inferior. U.5
el pelo.

U.6

Se recomienda incluir este efecto en una carpeta. Al aumentar la luminosidad se lograr el efecto
“Piel de Porcelana”.
U.7