INTRODUCCIÓN AL DISEÑO

ADOBE PHOTOSHOP

lV. GRÁFICAS Y PIXELES

INTRODUCCIÓN A LOS PROGRAMAS DE EDICIÓN DE IMAGEN

*Adobe Photoshop:

Los gráficos de vectores y de pixeles constituyen las herramientas básicas en la construcción e

impresión de imágenes.

Los gráficos de vectores constan de elementos geométricos definidos (Illustrator) y los gráficos de
pixeles (Photoshop) se forman de pequeños puntos individuales.

Photoshop es un programa de edición y retoque de imágenes y fotografías rasterizados, además

de construcción de gráficos.

Pantalla de inicio:

Introducida en la versión de octubre de 2018 de Photoshop (versión 20.0), incluye: Información

acerca de nuevas funciones, Tutoriales sobre los conceptos, flujos de trabajo, sugerencias y
trucos y Visualización y acceso a documentos recientes.

Para visualizar la pantalla de inicio mientras se trabaja, hacer click en el icono de inicio en la
Barra de opciones.

Para salir de la pantalla de inicio: tecla Esc.

A la izquierda de la pantalla aparecen las siguientes fichas y botones:

1. Inicio: abre pantalla de inicio.

2. Formación: lista de tutoriales
básicos y avanzados.
3. Fotos Lr: accede a fotografías
sincronizadas de Lightroom e
importadas a un documento
Photoshop.
4. Crear nuevo: crea nuevo
documento
5. Abrir: abre un documento ya
existente en Photoshop.

1
* INTERFACE:

1. Barra de menús: sectores con opciones desplegables, incluye los comandos o atajos de
teclado para la mayoría de las herramientas.
2. Barra de propiedades o de opciones: propiedades de la herramienta seleccionada,
eligiendo distintas opciones se cambia el comportamiento de la herramienta que se está
utilizando.
Hay botones (a la izquierda) que permiten abrir temporalmente un panel.
En el extremo derecho se encuentra el botón de Espacios de trabajo, que permite
trabajar sobre Pintura, Tipografía y Fotografía, abriendo los paneles correspondientes a
la opción elegida.
3. Ficha del documento: titulo de los documentos abiertos, % de zoom y modo de color (se
pueden cerrar son la X de la ficha). Si hay varios documentos abiertos a la vez, se
ubican en forma de pestañas y se accede a ella mediante un click izquierdo en la
pestaña correspondiente.
4. Barra de herramientas: listado de utensilios o recursos físicos, las herramientas que
incluyen un pequeño triángulo en la parte inferior derecha de su recuadro, pueden
desplegar más opciones, manteniendo pulsado con click izquierdo dicho triangulo.
Bajo la barra de herramienta existen puntos suspensivos (según la versión de
Photoshop) donde se encuentran albergadas otras herramientas-, también está el color
frontal y de fondo, herramientas de mascara rápida y botón de cambio de modo de
pantalla.
5. Paneles: paletas de opciones y utilidades, la más usual, y por lo tanto la que debe estar
visible de manera permanente es la de Capas. En el menú Ventana está la lista de
paneles, para activarlos y desactivarlos.
6. Barra de estado: expone información sobre el documento que se está trabajando, como
el zoom actual, el tamaño del documento, etc. A la derecha hay una flecha con la cual
se activa una lista de diferentes datos sobre dicho documento.

2
 7. Lienzo: espacio central de la inteface, constituye la zona de trabajo. Incluye la página o
área de trabajo, donde se visualiza de manera integral los elementos que están dentro
de la misma, fuera de ella no son visibles.

En la Barra de propiedades u de opciones se encuentra el botón de Espacios de trabajo, también

se puede activar desde el Menú Ventana, en él se encuentra el listado de Espacios de trabajo
predeterminados, aquí se selecciona el que más convenga a las necesidades de cada trabajo.

* Barra de herramientas:

Con estas lías se puede desplazar la barra completa: click izquierdo y deslizar, soltar.

Convierte la barra en una o dos columnas, pulsando click sobre las flechas.

La barra de herramientas está organizadas por secciones, según su utilidad.

1. Herramientas de selección:
a) Marco rectangular (M): elige secciones.
Marco elíptico.
Marco de columna única
Marco de fila única

b) Mover (V): desplaza elementos.

c) Lazo (L): crea el área de selección.

Lazo poligonal
Lazo magnético

2. Herramientas de recorte y creación de sectores:

a) Recortar: C: recorta sectores para eliminar sobrantes o definir envolvente.
Recorte con perspectiva
Sector
Seleccionar sector

3. Herramientas de medida:
a) Cuentagotas (I): transfiere un color de un elemento a otro.
Cuentagotas de material 3D
Muestra de color
3
Regla
Nota

4. Herramientas de retoque:
a) Pincel corrector puntual (J): elimina imperfecciones menores en fotográficas.
Pincel corrector
Parche
Movimiento con detección de contenido.
Pincel de ojos rojos

b) Tampón de clonar (S):

reproduce zonas de una imagen a otra.
Tampón de motivo

c) Borrador: elimina áreas.

Borrador de fondos
Borrador mágico

d) Desenfocar: difumina.
Enfocar
Dedo

e) Sobre exponer (O): aclara u obscurece ciertas áreas de una fotografía.

Sobreexponer
Esponja

5. Herramientas de pintura:

a) Pincel (B): aplica color.

Lápiz
Sustitución de color
Pincel mezclador
4
 b) Pincel de historia (Y): pinta con trazos estilizados, utilizando los datos de origen de
un estado o una instantánea especificados.
Pincel histórico.

6. Herramientas de dibujo y arte:

a) Pluma (P): dibuja por medio de vectores.
Pluma de forma libre
Añadir punto de ancla
Eliminar punto de ancla
Convertir punto de ancla

b) Texto (T): escribe textos.

Texto vertical
Máscara de texto horizontal
Máscara de texto vertical

c) Selección de trazado (A): define un área de la imagen para editar.

Selección directa

d) Rectángulo (U): crea formas geométricas y trazos libres.

Rectángulo redondeado
Elipse
Polígono
Línea
Forma personalizada

7. Herramientas de navegación:
a) Mano (H): permite mover un elemento dentro de la página.
Rotar vista (R)

b) Zoom (Z): amplia o reduce la visión de una imagen.

* *Documento nuevo: (Ctrl + N)

Menú Archivo – Nuevo (Ctrl + N) – aparece un cuadro de dialogo: en Definir, elegir papel EE.UU –
en Tamaño elegir Carta; si se desea la hoja vertical, escribir en Anchura 8.5 pulgadas y en Altura
11 pulgadas; si se desea un formato horizontal, poner inversas las medidas; en Modos de color:
CMYK (porque se va a imprimir); en Contenido de fondo elegir Transparente (los demás datos los
da automáticamente el programa) – Ok.

5
*Guardar documento:

1. Guarda por primera vez: (May + Ctrl + S)

Menú Archivo – Guardar como – poner Nombre – checar extensión .psd y ubicación del nuevo
archivo – Guardar

2. Guardar de forma subsecuente: (Ctrl + S)

Menú Archivo – Guardar

3. Guardar para usar en otras aplicaciones: útil para imprimir afuera del Photoshop.

Menú Archivo – Guardar como – poner Nombre – elegir extensión .jpeg y ubicación del nuevo
archivo – Guardar - ok.

*Zoom:

Formas de trabajar el acercamiento o alejamiento de los elementos o imagen:

1. En Barra de estado: dar click izquierdo al porcentaje existente y escribir el deseado.
2. Herramienta Zoom (Z): aparece una lupa con signo de +, se desliza sobre el elemento a
ampliar o se da click izquierdo en este.
Para reducir al tamaño, elegir en la Barra de opción la lupa con el signo de menos (-).
3. Ctrl + + para ampliar.
Ctrl + - para reducir.
4. Alt + girar el dial (disco) del mause: Hacia arriba aumente, hacia abajo disminuye.
5. Navegador: Menú Ventana – Navegador (aparece un miniatura de la página completa con
un recuadro donde está la visión, para cambiarla se desplaza el recuadro a otra zona).

*Desplazar área de recorte o mesa de trabajo:

Forma 1. Con Barra espaciadora + desplazamiento del cursor con el mause.

Forma 2: Ctrl + dial de mause (hacia Abajo se desliza hacia la izquierda y hacia Arriba se desliza
hacia la derecha).

Forma 3: click izquierdo en las flechas de navegación de la Barra de estado.

* Correcciones básicas de fotografías:

Términos:

 Fotografía plana: carente de contrastes.

 Dominancias: un color domina sobre la imagen, convirtiéndola en plana. Los colores neutros
suelen ser dominancias.

6
 Metamerismo: distintos colores parecen los mismos en determinadas condiciones de
iluminación.

 Corrección de color: readaptación inteligente de los datos de toda la imagen para lograr mejor
equilibrio de color, aspecto global más vivo.

 Corrección selectiva: eliminación de defectos como raspaduras, pelo o polvo, ajuste de color
en partes específicas.

 Modificación específica: acentúa o suprime determinado detalle de la imagen.

 Retoque: eliminación directa de elementos de la imagen e incorporación de nuevos

(desaparecer un rasguño, aparecer una mancha, etc).

Retoque: Modo 1:

Colocar una fotografía con deficiencias de detalle o con zonas obscuras: menú Archivo –Colocar
– buscar la imagen en la donde se tenga guardada, ya sea en la computadora o en la memoria –
Colocar – ampliarla deslizando los nodos de los extremos, pulsando tecla Shiff – pulsar
herramienta Mover – Colocar – activar Capas: menú Ventanas (F7) – duplicar la capa donde está
la imagen (Ctrl + J), desde donde se trabajara la corrección (la original queda de respaldo para
comprar resultados).
7
Menú Capa – Rasterizar - Ampliar la fotografía para visualizar las imperfecciones, ya detectadas
usar Pincel corrector puntual (J) pulsando sobre ellas – deslizar la imagen para irla corrigiendo -
panel Capas – botón Normal, desplegar y elegir Tramas. (la imagen se aclara).

Retoque: Modo 2:

Colocar la fotografía con deficiencia en tonos (obscura o ligeramente sepia) – Duplicar la capa
(Ctrl + J) – Tener activada la capa duplicada - Archivo Imagen – Ajustes – Sombras e
iluminaciones – aparece un Cuadro de dialogo, en éste activar Previsualizar (desde esta acción
hay un cambio en la imagen) para ver los cambios que se generen en la imagen y modular o
ajustar la cantidad de sombras, iluminación, color y contraste, deslizando los medidores hacia la
izquierdo o derecha, para disminuir o aumentar, según lo vaya requiriendo la imagen – Ok.
8
La acción
Sombra/iluminación
puede aclarar u
oscurecer una imagen
en función de los
píxeles adyacentes
(entorno local) de las
sombras o de las
iluminaciones. Es útil
para arreglar
imágenes que tienen
problemas de luz de
fondo. Cuenta con un
regulador Contraste de
semitono, de las opciones Recorte negro y Recorte blanco para ajustar el contraste global de la
imagen y del regulador Corrección de color para ajustar la saturación.

Aplica los ajustes directamente en la imagen y descartará la información de la propia imagen.

* Curvas:
Curvas es una herramienta para el control de contraste en fotografías, puede ajustar tonos o crear
ambientes. Se encuentra en el Archivo Imágenes – Ajustar – Curvas (Ctrl + M).
Cuando hay dificultad para activarla de este modo, se da click izquierdo en el icono inferir circular
del panel Capas y de despliega un menú, elegir Curvas.

9
 Punto blanco
Brillos
Nivel medio
Sombras
Punto negro

Contiene Ejes:
El Horizontal representa el rango de información de la imagen de negro a blancos, es la
información de entrada.
El Vertical representa la escala tonal a la que se lleva la información que se ingresa, es la
información de salida que da el resultado final.
La herramienta se encuentra dentro de una retícula de 4x4 espacios que crea cinco puntos,
donde se ubican: negros, sombras, tono medios, brillos y blancos (todos necesarios en una
imagen fotográfica).
Generalmente se agrega un nodo que define a donde llevar los tonos medios y posteriormente se
aplican los nodos de sombra y brillo para regular la imagen. Estos nodos se agregan con click
izquierdo sobre la línea curva.
Lo más recomendable es usar un sistema de curvas en S (se llama así por la forma que
adquieren los tres nodos de control).
Si las sombras se acercan más a los negros y los brillos más a los blancos, se aumenta el
contraste de la imagen y un poco de saturación de los colores. Con el contrario, si se acercan
más las sombras y los brillos a los medios tonos (curva S invertida), el contraste baja y los colores
se ven más saturados.
Los dos moduladores de la parte inferior del eje horizontal sirven para controlar el rango que se
desea utilizar en la fotografía, al moverlos, se redefine el punto negro y el punto blanco, al unir
ambos, se aumenta el contraste.
También se puede modificar el color, si se trabaja en RGB las curvas de color influyen
directamente los canales rojo, verde y azul; si se trabaja en CMYK, los colores que se modifican
son cyan, magenta y amarillo; aunque hay que experimentar sobre ellos para obtener los tonos
deseados.

10
Partiendo de un gris medio se crea un color cyan agregando azul y verde a los medio tonos. En
RGB, al aumentar azul ganamos azul, al quitarlo obtenemos amarillo, al aumentar rojo obtenemos
rojo y al quitarlo obtenemos cyan; al aumentar verde se obtiene verde y al quitarlo se obtiene
magenta (es el uso de los colores complementarios luz: azul violeta-amarillo, rojo naranja-cyan,
verde-magenta).

Para transformar un negro y blanco puro en otro color: al negro se agrega luminancia y los tres
colores cromáticos (verde, azul y rojo). También se pueden ajustar colores creativamente para
generar ambientes.
Trabajar Curvas:

 Una vez activado el panel de curvas, se puede dar cliz izquierdo sobre la retícula presionando
la tecla Alt para activar cuadricula chica o grande, según se prefiera para tomarlo como
referencia.

 El botón Automático
hace un ajuste
automático de curvos,
útil para partir de allí
el trabajo. De allí se
parte a desplazar la
curva con click y
deslizamiento o con
las flechas de
navegación
(izquierdo-derecho)
para ir ajustando la
imagen a las
necesidades de la
misma. Si se presiona

11
 la tecla Atl y se da click izquierdo al botón Automático, aparece una lista de modos
automáticos.

 Con la herramienta Curva activada se pueden incorporar nodos para hacer los ajustes
deseados. Con las teclas + y – se pasa de un punto a otro. Una vez elegido el nodo (se puede
elegir también dando click izquierdo sobre él) se desplaza para hacer el ajuste en la fotografía,
ya sea con click y deslizar el mause o con las flechas de navegación (izquierda y derecha).

 Al activar el lápiz del panel Curvas, se activas las otras herramientas ubicadas en el lado
izquierdo del mismo. El lápiz permite dibujar la curva a mano alzada, activando las
propiedades de ésta sobre la imagen. Ya dibujada la curva, se suaviza con la herramienta
Suavizar, ubicada debajo de lápiz, para que el ajuste que conlleva sea más sutil.
Para trazar una curva a base de curvas se hace el dibujo con el lápiz y se presiona May +
click en cada cambio de dirección, al terminar se puede suavizar.
El lápiz sirve para crear inserciones (negativos), polarizaciones y otros efectos de matices.

12
 Cuando se mueve la curva para ajustar la imagen, se usan las flechas de navegación para
desplazar de una en una unidad, ya sea para aumentar o disminuir; si se presiona a la vez la
tecla May o Shif, se mueve de 10 en 10 unidades para hacer un ajuste más rápido.

 Para mover varios puntos o nodos a la vez, se pulsa la tecla Shif y se va dando click a cada
pinto elegido para que se seleccionen, así se mueven conjuntamente arrastrando o con las
flechas de navegación.

 Eliminar nodos: seleccionar el nodo y presionar tecla Sup. También se elimina presionando
Ctrl mientras se da click al nodo. También se puede dar click en el nodo y arrastrarlo hacia
afuera del recuadro del panel.

 Herramienta Ajuste de destino (mano en panel Curvas): se activa la herramienta y se desliza

el mause por la imagen, en la cuadricula de la curva se visualiza dónde están los valores del
punto que se están tocando en la imagen:
Se da click al punto deseado sobre y la imagen y aparece un nodo donde corresponde en el
panel curvas, si se mantiene pulsado el botón izquierdo de mause y se desplaza
verticalmente se mueve la curva, ajustando a los valores que se desean obtener.
Si solo existe un modo, su desplazamiento afecta toda la imagen, si se desea hacer una
corrección más localizada, se pone otro nodo relativamente cerca, que bloquea la acción de
toda la curva.

Ajustes de color:
Panel de Curvas – herramienta Ajuste de destino – May + click izquierdo en algún punto de la
imagen, así se elige una muestra de color Aparece un cuadro de información con datos sobre

13
los pixeles de ese punto de la imagen, en la barra de estado aparece un desplegado sobre
datos de cada punto específico elegido, se elige la primera opción -

Al desplegar la opción de cuentagotas del panel información aparece un listado de opciones a

elegir –

14
 Ctrl + May + click para elegir valores en cada canal y manipularlos por separado, así hacer
cambios de color – en el panel Capas, el botón RGB despliega los colores independientes de
la imagen – elegir uno por uno y hacer los ajustes necesarios deslizando la curva de cada
uno.

* Aplicación de ajuste Brillo - Contraste:

El ajuste brillo-Contraste permite realizar ajustes sencillos en la gama tonal de una imagen.
Si se mueve el regulador de brillo a la derecha, aumenta los valores tonales y expande las
iluminaciones en la imagen. Si se mueve a la izquierda disminuye los valores y expande las
sombras. El regulador contraste aumenta o disminuye la gama general de valores tonales de la
imagen. Los cambios afectan la imagen original.
Colocar la imagen fotográfica – click izquierdo en ícono Brillo-Contraste del panel de Ajustes
(otras formas de activarlo son: Menú Capa - Nueva capa de ajuste – Brillo-Contraste – aparece un
cuadro de dialogo: ok; o también: Menú Imagen – Ajustes – Brillo-Contraste) – En el panel de
Propiedades que se activa arrastrar los reguladores para brillo y contraste según los necesite la
imagen, teniendo desactivado –sin seleccionar- el botón Usar heredado (a la izquierda disminuye
el nivel, a la derecha aumenta).
El número situado a la derecha de cada regulador refleja el valor del brillo o contraste.

15
* Panel de ajustes:
Capa de ajustes que no afectan la imagen original.
Al trabajar Ajustes, aparece un ojo debajo de su panel, mientras este presionado se activa la
visión del estado original de la fotografía que se está corrigiendo).
El ajuste Blanco/negro convierte la imagen en bitono, si se activa Matiz se hace sepia.
Una capa de ajuste se elimina desde su panel.
Menú Ventana – Ajustes: aparece un panel con distintos ajustes: brillo-contraste, curva,
intensidad, tono-saturación, equilibrio de color, etc. (cuando se activa un ajuste se abre una
nueva capa) – Experimentar las opciones que cada uno ofrece, se pueden aplicar varios
ajustes a una misma imagen.

16
* Eliminar ojos rojos:
Colocar imagen – activar en menú Capa: Nueva capa de ajuste – Mezclador de canales – en
el cuadro de dialogo Ok – aparece una panel Propiedades: mezclador de canales: poner Rojo
en 0%, verde y azul en 50% - pintar la capa creada con negro, usando el bote de pintura –
eliminar el color rojo de los ojos con herramienta Borrador, solo desplazar sobre lo rojo de los
ojos.

17
* Como recortar una imagen:
Colocar la imagen – activar herramienta Pincel /B) – elegir Editar en modo estándar (debajo
de barra de herramientas) – elegir Pintar sobre la imagen de recorte: cubrir toda la imagen, de
afuera hacia adentro – deseleccionar la herramienta Editor de modo estándar, se hace
automáticamente una selección de recorte – menú Selección – Invertir (MAy + Ctrl +I) –
herramienta Lazo y click en botón Perfeccionar bordes (en barra de propiedades) – dar click
18
izquierdo en el triángulo del icono de la imagen que está en el cuadro de dialogo que se abre
con la última acción), checar que esté seleccionado solo negros – pintar sobre el halo blanco
(con el cuadro de dialogo abierto) – ok – duplicar capa (Ctrl + J) – ocultar capa original
(desactivar el ojo).
Esto puede generar transparencias que eliminan los bordes, para corregirlo:
Desactivar capa
realizada y continuar
trabajando en la original
– activar panel Canales
– seleccionar canal que
dé más contraste (rojo,
verde, azul) – duplicar
esta capa (por ejemplo,
azul) y trabajar sobre
ella (duplicar canal azul
con click derecho y
duplicar, sale un cuadro
de dialogo, elegir Ok) –
Ctrl + L – en la capa de
niveles ajustar el
contraste al gusto – ok – Ctrl + click sobre esta capa (azul) – menú Selección – Invertir – click
en RGB en paneles de canales – ir a capas – duplicar capa (Ctrl + J9 – visualizar las dos
capas creadas.

19
20
21