Jefa de Trabajos Prácticos Mg. Arq. Susana BaccaglioJefa de Trabajos Prácticos Mg. Arq. Viviana BrebbiaJefa de Trabajos Prácticos Arq. Lorena KlanjscekJefa de Trabajos Prácticos Mg. Arq. Laura LagorioJefa de Trabajos Prácticos Arq. Maria Fernanda MartinoJefa de Trabajos Prácticos Arq. Adriana MontelpareJefe de Trabajos Prácticos Dr. Arq. Marcelo SalgadoJefa de Trabajos Prácticos Mg. Arq. Laura Soboleosky

Equipo docente:

Profesora Adjunta Arq. Natalia Jacinto

Adscripto Pablo FernándezAdscripto Lucas García

Adscripta Ximena ReysAdscripta Florencia Rinaldi

Adscripta Arq. María Valeria Svilarich

ADOBE PHOTOSHOP

Breve introducción a su funcionamiento y herramientas principales

Autor: Pablo Fernández

201

4

i

>> 201

4 2

014

Profesor Titular Arq. Ricardo Bueno

Profesora Adjunta Arq. Esp. Nora Bianchi

· ADOBE PHOTOSHOP / Breve introducción a su funcionamiento y herramientas principales · 1

PíxelesLas 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ónLa 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 DesplegableMenú Contextual

Barra de Herramientas Paneles expandibles

Paneles

Capas

Imagen / Espacio de Trabajo

· 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 colorDesde 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 archivosDividiremos 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 PaneoPara 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 herramientasPara 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.

· 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.

· 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.

· 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.

· 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.