Este documento presenta un equipo docente y describe brevemente el funcionamiento y herramientas principales de Adobe Photoshop. Explica conceptos como píxeles, resolución, modos de color y formatos de archivo. Luego detalla cada una de las herramientas del programa, como seleccionar, mover capas, usar pinceles, formas y correcciones. Finalmente, habla sobre los paneles y la importancia de trabajar con capas para componer una imagen.

1. Jefa de Trabajos Prácticos Mg. Arq. Susana Baccaglio
Jefa de Trabajos Prácticos Mg. Arq. Viviana Brebbia
Jefa de Trabajos Prácticos Arq. Lorena Klanjscek
Jefa de Trabajos Prácticos Mg. Arq. Laura Lagorio
Jefa de Trabajos Prácticos Arq. Maria Fernanda Martino
Jefa de Trabajos Prácticos Arq. Adriana Montelpare
Jefe de Trabajos Prácticos Dr. Arq. Marcelo Salgado
Jefa de Trabajos Prácticos Mg. Arq. Laura Soboleosky
Equipo docente:
Profesora Adjunta Arq. Natalia Jacinto
Adscripto Pablo Fernández
Adscripto Lucas García
Adscripta Ximena Reys
Adscripta Florencia Rinaldi
Adscripta Arq. María Valeria Svilarich
ADOBE PHOTOSHOP
Breve introducción a su funcionamiento y herramientas principales
Autor: Pablo Fernández
2014
i
>>
Profesor Titular Arq. Ricardo Bueno
Profesora Adjunta Arq. Esp. Nora Bianchi

2. · ADOBE PHOTOSHOP / Breve introducción a su funcionamiento y herramientas principales · 1
Píxeles
Las imágenes de mapa de bits están compuestas por
una gran cantidad de cuadrados muy pequeños, de-nominados
píxeles y que son de un color uniforme, ob-teníendose
el resultado visual debido a su proximidad,
variación de color y luminosidad, y a la interpretación
del ojo humano.
Resolución
La resolución de una imagen es la cantidad de píxe-les
que la componen por un área determinada, que
suele medirse en píxeles por pulgada (ppi) o píxeles
por centímetro (pcm). Cuanto mayor es la resolución
de una imagen más calidad tendrá, pero mayor será su
tamaño. Sobre el tema también es importante resaltar
que la resolución a determinar depende del destino fi-nal
de la imagen. Para imágenes que se muestran en
pantallas (monitores, proyectores, etc) la resolución
será de 72 píxeles por pulgada. En cambio para impre-siones,
la resolución óptima es 300 píxeles por pulga-da,
y como valor mínimo 200.
Estos valores se pueden controlar desde el menú Ima-gen
/ Image y yendo a la opción Tamaño de Imagen
/ Image Size [Alt + Ctrl + I], que se muestra a continu-ación.
Recordá no ampliar el tamaño de píxeles en la
imagen, ya que esto le hará perder calidad. Desde la
opción Tamaño de Lienzo / Canvas Size se ajusta el
espacio de trabajo o tamaño de la hoja.
Acerca de Photoshop
Photoshop es un programa fundamental para conse-guir
un buen resultado final en cualquier imagen de
proyecto, y que, como todo software, requiere tiempo
y práctica.
En este breve apunte explicaremos el entorno básico
del programa, cuáles son las herramientas principales,
y cómo funcionan para poder aplicarlas paso a paso a
un fotomontaje.
La Pantalla
Conceptos Básicos
Menu Desplegable
Menú Contextual
Barra de Herramientas Paneles expandibles
Paneles
Capas
Imagen / Espacio de Trabajo

3. · ADOBE PHOTOSHOP / Breve introducción a su funcionamiento y herramientas principales · 2
Mover / Move [V]: nos permite mover un
objeto o capa dentro del lienzo o pantalla.
Además desde el menú contextual podemos
alinear o activar las transformaciones como
rotar, escalar, etc, que veremos más adelante.
Selección / Marquee [M]: nos permite selec-cionar
dentro de la capa activa. Hay 4 formas
para hacerlo, las cuales se eligen mantenien-do
apretado el ícono. Desde el menú contex-tual
en la parte superior podemos verificar
las distintas opciones como agregar, restar,
calar, restringir, etc. También podremos usar
las teclas Shift para agregar o Alt para restar
a lo ya seleccionado, pudiendo alternar entre
esta y el resto de las herramientas de selec-ción,
que se describen a continuación.
Lazo / Lasso [L]: esta herramienta también
nos permite seleccionar pero con mayor lib-ertad.
Tiene 3 opciones que elegimos mante-niendo
apretado el ícono. También tiene op-ciones
en la barra de menú contextual.
Varita mágica / Magic wand [W]: otra her-ramienta
que nos permitirá seleccionar de
manera rápida a traves de los colores. Des-de
el menú contextual se elige la tolerancia,
continuidad, suavizado, etc.
Menú Selección / Select: en la barra de
menú desplegable, encontraremos más op-ciones
para seleccionar. Las más ultilizadas
son la Seleccionar por color / Color Range, o
la opción de Modificar / Modify para agran-dar,
achicar, suavizar, redondear o crear un
marco. También se encuentran las opciones
para deseleccionar [Ctrl + D] o invertir la se-lección
[Shift + Ctrl + I]
Pluma / Pen [P]: esta opción nos permite
crear una forma, que luego podrá convertirse
en selección. Nos permite mayor precisión
que el lazo, además de poder corregirlo con
Ctrl + Z para deshacer, o corriendo los nodos
una vez finalizado. Además, debemos elegir
la opción de pluma desde el menú contex-tual,
optando entre Trasado / Path o Forma /
Shape. Una vez terminado el trazado, con el
click derecho del mouse arriba del trazado
podemos realizar la selección.
La Pantalla
Herramientas de Photoshop
Barra lateral de herramientas
Restricción de proporciones
Dimensión en píxeles
Remuestreo (cambia la cant. de píxeles)
Modo de remuestreo
Dimensión en cm según la resolución
Modos de color
Desde el menú Imagen / Image, podemos acceder a
Modo / Mode, donde encontraremos los tres forma-tos
más usados. Escala de grises / Greyscale que ya lo
define su nombre; RGB (red - green - blue) que es la
forma de composición digital de las imágenes, es decir,
en cualquier monitor, proyector, etc; CMYK (Cyan - MA-genta
- Yellow - Black) que es la forma de composición
de los colores en impresoras. Lo ideal es trabajar en el
modo según el destino final de la imagen, aunque no
es de generar mayores problemas.
Formatos de archivos
Dividiremos los archivos en 3 grandes grupos, los ar-chivos
PSD o PDF que guardará el archivo con todas
sus capacidades de edición; JPG es el formato tradicio-nal,
que por su forma de compresión de la imagen nos
da archivos más pequeños y por ende menor calidad; y
PNG, BMP, TIFF o TGA entre otros, que contienen mayor
información, calidad y por ende resulta en archivos de
mayor tamaño. Como beneficio extra, estos archivos
nos permiten fondos transparentes.
Zoom y Paneo
Para poder acercarnos, alejarnos o desplazarnos en
el espacio de trabajo, usaremos la herramienta zoom
manteniendo apretado el botón Alt y girando la
ruedita del mouse, y para desplazarnos mantenemos
apretada la Barra espaciadora y el Click izquierdo del
mouse (en caso de invertir los botones para zurdos, se
utiliza el derecho).
Ejecución de las herramientas
Para ejecutar las distintas herramientas se recomienda
hacerlo desde el teclado, apretando la letra correspon-diente.
En los casos de que la misma ejecute distintas
herramientas, con el Shift apretado podemos ir cambi-ando
entre éstas. Para deshacer, usamos Ctrl + Z, y Alt
+ Ctrl + Z para volver atrás más de una vez.

4. · ADOBE PHOTOSHOP / Breve introducción a su funcionamiento y herramientas principales · 3
Bote de pintura / Paint Bucket y Gradiente
/ Gradient [G]: con estas herramientas po-demos
pintar con colores sólidos o patrones,
y también degradados, pudiendo utilizar
distintas opciones que encontraremos en el
menú contextual.
Desenfoque / Blur - Enfoque / Sharpen :
para desenfocar o enfocar un sector de la
imagén, para que sea más borrosa, como en
los casos de agregar sombras, o más nítidos.
Dedo / Smudge: esta herramienta se en-cuentra
en el mismo ícono que los anteriores,
y nos permite “arrastrar” un sector de la ima-gen
encima de otro, como si de empujar los
píxeles se tratara.
Subexponer / Dodge - Exponer / Burn [O]:
sirven para corregir defectos en la exposición
aclarando u oscureciendo el sector seleccio-nado
de la imagen.
Esponja / Sponge [O]: esta herramienta esta
agrupada con las anteriores, y realiza casi la
misma función, solo que saturando o desat-urando
los píxeles, eligiéndo la opción corre-spondiente
en el menú contectual.
Texto / Text [T]: como indica su nombre, nos
permite insertar textos, horizontales o ver-ticales
y también como capa de selección, y
su manejo es intuitivo y controlable desde el
menú contextual.
Formas / Shapes [U]: nos permite dibujar
rectángulos, círculos, líneas, etc. Importante
elegir su método desde el menú contextu-al,
para pintar directamente sobre una capa,
crear una forma independiente o una más-cara
como cuando usamos la pluma.
Color: desde aquí podemos elegir el color de
los objetos que dibujaremos y también el del
fondo. En cambio cuando necesitemos cam-biar
el color color de un objeto podemos ha-cerlo
también desde el menú contextual o de
la paleta de colores lateral.
Goterón / Eyedropper [I]: podemos usar
para adquirir cualquier color de la imagen
con precisión. También encontraremos más
herramientas útiles si mantenemos apretado
este ícono en la barra de materiales.
Selección de trazados / Path Selection - Di-rección
/ Direction [A]: Para poder modificar
los trazados, debemos utilizar esta herra-mienta
y luego los trazados o vértices.
Recortar / Crop [C]: nos permite recortar
el tamaño del lienzo para ajustar las di-mensiones
finales de la imagen. En caso de
necesitar darle medidas exactas o agrandar
el tamaño, debemos ir al menú de Imagen /
Image y ajustarlo manualmente desde la op-ción
Tamaño de lienzo / Canvas Size.
Pinceles / Brush y Lápices / Pencil [B]: nos
permiten pintar y dibujar sobre la imagen
o capa. Desde el menú contextual debemos
elegir las distintas opciones que tiene cada
herramienta, como el tamaño, tipo, dureza,
color, etc. Los pinceles también pueden ser
utilizados por otras herramientas como la de
borrar.
Correctores / Healing [J]: basicamente son
3, dos pinceles y un parche, que nos permit-en
corregir imperfecciones o quitar elemen-tos
de manera sencilla. Debemos configurar-los
desde el menú contextual, y en el caso del
pincel corrector antes de comenzar, debe-mos
indicar la muestra manteniendo apreta-do
el botón Alt y picando sobre la muestra a
utilizar de la imagen.
Tampón de Clonar / Clone Stamp [S]: nos
permite copiar determinados motivos o par-tes
de una imagen en esa misma o en otra.
A diferencia de las herramientas Parche o el
Pincel Corrector, no tiene en cuenta valores
de contraste o brillo. También se debe usar el
Alt para indicar la muestra antes de comen-zar
a clonar, y se lo configura desde el menú
contextual.
Borrar / Erase [E]: como su nombre lo indica,
nos permite borrar, aunque también podem-os
elegir distintas opciones desde el menú
contextual, como la forma de hacerlo o uti-lizar
pinceles para ello. Si mantenemos apre-tado
el ícono, encontraremos las opciones
que nos permiten borrar el Fondo cuando
el mismo está bloqueado, o la Gomá mági-ca
que tiene un funcionamiento similiar a la
varita.

5. · ADOBE PHOTOSHOP / Breve introducción a su funcionamiento y herramientas principales · 4
Paneles
Capas
Paneles desplegables: estos se encuentran sobre la
izquierda de la imagen, y se despliegan cada vez que
hacemos click encima. También podemos dejarlos des-plegados
si tocamos la flechita que se encuentra inme-diatamente
encima de éstas. Por defecto tendremos el
historial de acciones, propiedades y pinceles.
Paletas: a los paneles que encontramos fijos a la
derecha se los denominan Paletas / Palettes. Desde la
flechita que está encima a la derecha podemos achi-carlos,
quedando desplegables como los anteriores.
Desde estas paletas podemos modificar colores, textu-ras;
ajustes de contraste, niveles, etc.
El panel o paleta de Capas, se encuentra debajo de las
anteriores, pero por su importancia lo explicaremos
con mayor detalle.
Los archivos de Photoshop se organizan en capas, cuyo
comportamiento se puede asimilar a trabajar con lámi-nas
que iremos superponiendo una encima de la otra
para conseguir la composición final. El orden de super-posición
se determina de arriba hacia abajo, y pueden
desplazarse simplemente manteniendo el botón izqui-erdo
del mouse y arrastrando.
Cada vez que debamos realizar cambios, transfor-maciónes,
etc, primero debemos asegurarnos de se-leccionar
la capa correspondiente.
Cada vez que creemos objetos (como formas o textos)
debemos asegurarnos de que se creen como nuevas
capas desde el menú contextual de cada uno, y a su
vez cuando agreguemos nuevas imágenes o recorte-mos
partes de las que ya tenemos, también las incor-poraremos
como nuevas capas al pegar.
Para agregar una Nueva Capa podemos usar el ícono
con forma de Hoja o Lámina que se encuentra en la
parte inferior del panel o apretando Shift + Ctrl + N.
Las podemos Renombrar haciendo doble click enci-ma,
fundamentalmente a la capa Fondo / Background
que nos aparece bloqueda al abrir una imagen.
Para Duplicarlas (recomendable al realizar transforma-ciones
para siempre conservar el original en caso de
volver a necesitarlo) podemos usar Ctrl + J, y si pre-viamente
seleccionamos un sector de la capa, solo se
copiará éste. En caso de querer Recortar la selección,
oprimimos Shift + Ctrl +J. Tambén podemos arrastrar-la
hasta el ícono de Nueva Capa.
Se pueden Apagar / Prender desde el Ícono con forma
de Ojo a su izquierda, y controlar su transparencia, o
relleno desde la parte superior del panel.
Para seleccionar varias capas, mantenemos apretada
la tecla Ctrl y hacemos click arriba de cada una. Tam-bién
podemos Linkearlas / Deslinkearlas desde el
primer ícono con forma de cadena en la parte inferior,
o Agruparlas arrastrando hasta el ícono con forma de
carpeta que se encuentra más a la derecha del anterior.
Para Borrar una capa podemos usar el último ícono de
la parte inferior, o incluso arrastrar la capa hasta éste.
Por último podemos Combinarlas / Merge para juntar-las
y que varias capas se conviertan en una, con Ctrl +
E o eligiéndola luego de hacer click derecho, para ha-cerlo
de a una o las seleccionadas. Con Shift + Ctrl + E
combina todas. Igualmente, para esto se recomienda
usar la opción Aplicar Imagen / Apply Image desde
el menú Imagen / Image, que las combinará en una
nueva capa, manteniendo todas las originales.

6. · ADOBE PHOTOSHOP / Breve introducción a su funcionamiento y herramientas principales · 5
Capas de Ajuste Estilos de Capa
Modos de Fusión
Máscara de capa
Las Capas de Ajuste también son importantes para re-alizar
modificar una o varias capas a la vez, de mane-ra
similar a hacero desde Ajuste / Adjustments en el
menú Imagen / Image, pero con la particularidad de
aplicarlos como si fueran una capa encima que man-tiene
las propiedades originales de la/s capa/s que es-tamos
ajustando.
Accedemos a ellas desde el ícono circular semipinta-do
en la parte inferior del panel de capas o yendo al
menú Capas / Layer y a Nueva capa de Ajuste / New
Adjustment Layer. Allí podemos ir optando por todos
los ajustes como Balances, Curvas, Niveles, Contraste,
Brillo, Colores, etc.
Cada vez que agregamos una capa de ajuste, ésta afec-tara
a todas las capas que se encuentren por debajo.
En caso de querer afectar solo a la capa inmediata infe-rior,
debemos mantener apretado el botón Alt y hacer
click entre la capa de ajuste y la capa afectada.
Funcionan igual que cualquier otra capa, por lo que
podemos apagarlas, copiarlas, eliminarlas, etc de la
misma manera que a cualquier otra.
La última herramienta que nos queda de la parte infe-rior
del panel de capas son los Estilos de Capas / Layer
Styles, que nos permiten agregar Efectos como som-bras
arrojadas o interiores, o brillos entre otros.
También se aplican directamente sobre una capa se-leccionándola
y haciendo click sobre el ícono que dice
fx o también haciendo doble click sobre la capa por
fuera del nombre.
Al activar los estilos, se nos abrirá una nueva ventana
desde donde se controlan los distintos parámetros de
cada uno, pudiendo además agregar más de una op-ción
a cada capa.
Por último, podemos copiar las características de esti-lo
de una capa a otro con el click derecho, usando la
opción de Copiar estilo de capa / Copy layer style, y
pegándose a la otra también con click derecho encima.
Esta es otra opción que se encuentra en el panel su-perior
y es importante, ya que nos permite definir el
comportamiento entre capas que se superponen y por
defecto está en Normal.
Nos permite definir tipos de tratamientos para oscure-cer,
aclarar, multiplicar información, etc, basándose en
la información de las capas superpuestas, obteniendo
nuevos resultados.
Es una herramienta muy potente para ajustar renders,
principalemente a través de las capas de ajustes que
facilitan su edición, realzan reflejos y transparencias o
hasta incluso nos permite ajustar colores y materiales.
Las Máscara de capa / Layer Mask nos permitira apli-car
ajustes sobre una sección de la capa o imagen. Las
podemos definir como una plantilla de dos colores,
donde lo que sea blanco nos permitirá ver todo lo que
hay en la capa a la que está aplicada, mientras que lo
que esté en negro se ocultará de la capa.
Son muy útiles para justamente hacer retoques de
ajustes a solo un sector de la imagen, sin necesidad de
estar seleccionando a cada momento, y además per-mite
mantener el aspecto original en caso de necesi-tarlo.
La manera más recomendable de usarlas, es primero
duplicar la capa que afectaremos, luego seleccionar
mediante la herramienta que nos resulte más sencillo
el sector a afectar de la capa copiada, y luego hacer
click en el Icono con forma de rectángulo perforado en
la parte inferior del panel de capas o desde el Menú
Capas / Layer, Máscara de Capa / Layer Mask, Trans-parencia
/ From transparency.
Luego podemos realizar todos los ajustes que querra-mos
a esta capa, afectando solo lo enmascarado.
Otra forma, es hacer click en el ícono de Capa de Ajuste
luego de seleccionar el sector de la capa a modificar, lo
que automáticamente nos creará una Capa de ajuste
con una Máscara de capa.
Todas estas herramientas y opciones de Capas, y otras
más que no se mencionan en el apunte, también las en-contraremos
en el menú superior de Capas / Layers.

7. · ADOBE PHOTOSHOP / Breve introducción a su funcionamiento y herramientas principales · 6
Transformaciones
Punto de Fuga
Filtros
Una herramienta importante que usaremos para ajus-tar
las imágenes al momento de montarlas, ya que nos
permite escalar, rotar, ajustar la perspectiva, reflejar, o
inlcuso defmormar libremente hasta conseguir el re-sultado
buscado.
Se puede ejecutar desde el menú Edición / Edit, o
apretando Ctrl + T. Esto activa la transformación libre,
que permite escalar desde los cuadraditos que se ac-tivan,
recuerden mantener apretado Shift para man-tener
las proporciones o restringirlas desde el menú
contextual. Si mantenemos apretado Ctrl y movemos
los vértices podemos deformar la imagen libremente,
o también rotar la imagen alejándose un poquito de
los vértices hasta que nos aparece el símbolo.
Podemos hacer click derecho arriba del objeto mien-tras
está activado el comando, y cambiar al resto de las
opciones para ajustar las perspectivas, deformar, etc.
Una vez terminadas las transformaciones, debemos
apretar Enter para confirmar, y con Escape / Esc po-demos
cancelar los cambios realizados.
En el menú de Filtros encontraremos esta opcion (Van-ishing
Point en inglés, Alt + Ctrl + V para ejecutar por
teclado) que simplifica la edición en perspectiva.
Luego de activar la opción se nos abre una ventana
emergente, donde especificamos los planos de trabajo
de una imagen y, a continuación, se aplican ediciones
como pintar, clonar, copiar o pegar, y transformar. To-das
estas opciones las encontramos sobre la izquierda
de la ventana.
Las ediciones respetan la perspectiva del plano en el
que se trabaja. Al retocar, añadir o quitar contenido de
una imagen, los resultados son más realistas porque
las ediciones se orientan y se redimensionan de mane-ra
correcta según los planos de perspectiva. Al termi-nar
de trabajar en Punto de fuga, hacemos click en Ok
y regresamos al espacio de trabajo por defecto.
En el menú superior, encontraremos el de Filtro / Fil-ter.
El uso de éstos nos permite aplicar efectos como
convertir la imagen a bosquejos o pinturas, desenfo-car,
corregir ruidos, crear una imagen con texturas, o
incluso agregar iluminación.
Desde la Galería de Filtros / Filter Gallery podemos
previsualizar una gran parte de estos. Se abre una
ventana emergente con la imagen pudiendo editar los
efectos y modificar sus valores hasta lograr el resultado
deseado. También podemos agregar más de un filtro
en una misma imagen, o eliminarlos facilmente.
También se pueden aplicar directamente desde el
menú de cada uno, pero se aplican directamente sobre
la imagen o Capa, no pudiendo quitarlos en caso de
ser necesario, salvo que recordemos duplicar la capa a
la que se lo estemos aplicando.
La página oficial de Adobe Photoshop tiene tutoriales
muy prácticos para profundizar en todo lo mencionado,
además de que una simple búsqueda en Google también
les permitirá encontrar cientos de tutoriales más.