PR E PARAD O PO R FAB IANA CAL LAP

A R.

Gua básica
para
Photoshop
 Fabiana Callapa Ramírez.

CON TE N I DO
Guía Básica para Photoshop

PHOTOSHOP PANEL DE CAPAS

Área de trabajo Organización de capas

Clasificación de herramientas Botones de interfaz
Visibilidad y opacidad
Modos de fusión
HERRAMIENTAS DE PHOTOSHOP
DISEÑO FINAL
Herramientas de selección y recorte
Herramientas de retoque
Herramienta de pintura Tamaños y resoluciones
Herramientas tipográficas
Herramientas de dibujo
Herramientas de navegación
PHOTOSHOP
 Fabiana Callapa Ramírez.

ÁREA DE TRABAJO
 Fabiana Callapa Ramírez.

CLASIFICACIÓN DE HERRAMIENTAS
HERRAMIENTAS DE
PHOTOSHOP
-Selección-
 Fabiana Callapa Ramírez.

H E R RAM I E N DE SELECCIÓ
TA S N
Herramienta de selección

Es la primera herramienta y una de las más importantes ya que permite manipular, mover y cambiar
de tamaño los objetos de un archivo que por defecto va organizándose en capas.

Herramienta marco elípti co

i de
Es una herramienta que permite selec en ellas c ionar reg ones la capa activa para que así pueda trabajar
sin afectar a las áreas no selec c ionadas .

Esta herramienta puede ser ajustada o mod f icada

i según la función que querramos que cumpla,
desde la barra superior de herramientas, ya sea para aumentar o disminuir máscaras de selección.
 Fabiana Callapa Ramírez.

Herramienta Lazo

Esta herramienta es de selecci ón y c orte que nos da total libertad sobre el objeto o espacio que
queremos seleccionar, extraer o ed t i ar de una fotografía. Nos permite personalizar estas regiones y
seleccionar formas 100% irreg u lares .

l ona
Se ecc i e recorrdo
l dei l m ouse co n clic sostenido.

l ona
Se ecc i zonas rect ilíneas, a través de puntos que se marcan con clics.

Selecciona automáticamente trazando caminos fijándose en los pixeles.

 Fabiana Callapa Ramírez.

Herramienta Varita mágica

Es una herramienta que nos permite hace r se lecc ones

i "mág cas"i de a guna zonade
l n uestra imagen.
Su función es automática y busca los pixeles según la similitud de color.

Para su mejor desempeño se deben tener en cuenta la cantidad de colores que existen sobre nuestra
imagen a trabajar y saber manejar y ajustar la tolerancia en el barra superior de herramientas.

i se ecc ona
Esta herram enta l i ágil mente sobre a guna
l parte exacta de una fot ografía, guiándose
detalladamente por los colores y p ixe es
l .

Herramienta Recorte

Nos permite recortar el espacio del lienzo o del archivo en el que estamos diseñando.
 Fabiana Callapa Ramírez.

HERRAMIENTAS DE RETOQUE
 Fabiana Callapa Ramírez.

Herramienta Pincel corrector puntual

Esta herramienta se encarga de seleccionar cierta parte de un ob etoj y su textura y busca a rededorl
los pixeles que se parezcan para clonar sectores y arregla r la imagen .
Es utilizado para quitar granos y pequeñas imperfeccion es de textura de p e i l.

Se pueden ed tar isus func ones desde

i l or de ta
a barra super i reas, tanto tamaño como dureza.

Se encarga de se ecc lonar una

i parte afectada de a textura d l e la imagen y busca la manera de
arreg arl a buscando
l otra parte de a magenl que
i no esté dañ ada. A diferencia del pincel corrector
i de una forma manua
func ona l.

Nos permite corregir el reflejo rojo en los ojos de las fotografías de sujetos. Funciona de manera
automática, ubicando la herramienta sobre la zona afectada.
 Fabiana Callapa Ramírez.

Herramienta Tampón de clonar

Esta herramienta tiene la función de pintar con l i
os m smos p xeies de
l otra zona de a magenl es
i ,
decir, tiene la función de clonar zonas más amplias que las anteriores herramientas y de una forma
manual.

Herramienta Borrado r

Sirve para borrar partes de una i magen O. o j puesto

, que como muchas otras herram en i tas, sólo actúa
sobre la capa que está seleccion . dec r isó, o lborra as cosas
ada Es l que haya en a capa q l ue estamos
trabajando. Por eso a veces podrá ocurrir que intentamos borrar algo y no se borra, quizás porque
esté en otra capa.

Esta herramienta permite reemplazar los pixeles de una capa con transparencias mientras vamos
pasando el cursor haciendo clic sostenido.
 Fabiana Callapa Ramírez.

Borra sectores de color comunes,

Desenfocar, enfocar, d edo

Estas herramientas no se encuen tran entre aslmás func ona esi de Photoshop
l pero p ueden
ayudarnos a realizar algunos trabajos de retoque digital.

Como indican sus nombres, los dos primeros realizan efectos ópticos que nos ayudan a mejorar
ciertos detalles de las fotografías.
Así mismo la herramienta dedo sirve para mezclar colores.
HERRAMIENTAS DE PINTURA
 Fabiana Callapa Ramírez.

Herramienta pincel

Esta herramienta nos sirve par
de grosuras y formas distintas
superior de herramientas.
puede camb ar dei co or l .
i arj a mano a zada lsobre a magenl Se
a d bu i . dispone de varios pinceles,
j a dureza
y se puede a ustar l l
de trazo entre , p nta tras cosas desde la barra
o nce
El pi en al capa
i que esté
l act va en ese i momento y también

Nos perm tei p ntar

i sobreuna fotogr afía sin dañar los demás componentes de esta, respetando la luz,
sombra y textura .

Al igual que en la pintura, esta herramienta nos ayuda a mezclar colores presionando clic sostenido.
 Fabiana Callapa Ramírez.

Herramienta de Pintu ra

Rellena áreas Esta herramienta f i co ocando

unc ona l l un área estab ec da Estaherram
co or sobre l i . ienta
sirve para rellenar de color una c apa entera o ,b en ei áreal se ecc onada
l dei a capa Re lena con e. ll l
color que se haya seleccionado en la barra de herramientas como color frontal.

i podemos hacer degrad re enandoados de color,

Con esta herram enta funciona como el bote de pintura,
collor en toda una
l capa o en e áre hacer e degradado
l a seleccionada de una capa, con la diferencia que para
l hacer una
tenemos que línea, pulsando con el ratón y arrastrando, para que el
degradado se haga en ese espacio marcado.
HERRAMIENTAS TIPOGRÁFICAS
 Fabiana Callapa Ramírez.

Herramienta de Texto

Sirve para escribir texto en una im agen E. texto

l i i d st ntas fuentes
puede escr b rse con i i yt amaños y
tendrá el color frontal que se haya se lecc onado
i . adai a esta herram enta (si hacemoi
Asoc s clic con
pulsación prolongada) veremos q ue hay otras herram entasi de texto entre a, que podr l a í ser útil la de
texto vertical.

Panel caracter

Este panel nos ayudará a hacer arreglos sobre el texto que

tengamos seleccionado. Tanto como el interlineado y la
separación de letras.
 Fabiana Callapa Ramírez.

Panel párrafo

Este panel sirve para alinear los párrafos tal y como sucede en otros
programas como word o excel.

De formac óni de texto

Esta herramienta nos permite editar el texto con opciones

predeterminadas, que van desde curvaturas y hondas.
 Fabiana Callapa Ramírez.

i crea una máscara de se ecc ó

Esta herram enta l i n sobre el texto escrito y sirve para copiar texturas
de otras imágenes.
HERRAMIENTAS DE DIBUJO
 Fabiana Callapa Ramírez.

Herramienta pluma

Es una herramienta muy com p leta y út pero l j ar S rve pa j . i

trazadosde cualquier tipo, cur
vez hechos y que pueden ajus
il, un tanto comp e a de mane ra hacer
vos o po li gona esl Lo. bueno es que nos perm te ed tar oi i l s trazados una
tarse a cua qul er recorrdo
i i neces temos por
que i comp , lejo que sea.

En este caso la herramienta pl i con puntos de anc a que pueden

uma func ona l ser rect os (solo con
clics) o curvos (con clic sostenido)

Esta herram enta i func ona con

i e de a l dominio del mouse sobre un clic sostenido, el trazado depende
hab l dad que
ili se tenga con el mouse o lápiz digital. Posterior al trazado a mano alzada se
puede editar, ya que deja puntos de ancla que pueden ser modificados.
 Fabiana Callapa Ramírez.

Estas herramientas nos ayudan a modificar los trazados ya hechos, ya sea aumentando puntos o
disminuyendo los mismos.

Herramienta Rectángul o

Sirve para hacer rectángulos, que pueden estar o no re enosllde color En e ugar
. donde
l l est á el
rectángulo hay otra serie de herra i
m entas para hacer otrost pos de iformas como e pses
, li , líneas o
incluso formas personalizadas.

Ta les formas pueden ser mod f cadasi i y

personalizadas desde la barra superior de
herramientas, según el efecto que deseemos
lograr.
HERRAMIENTAS DE NAVEGACIÓN
 Fabiana Callapa Ramírez.

Herramienta Mano
Esta herramienta nos sirve p ara mo ver el lienzo. No mueve ni modifica ninguna parte de la imagen,
sino que traslada el área que estamos viendo de la imagen, si es que el lienzo entero no cabe en la
ventana que tenemos abierta, ya sea porque la imagen sea muy grande o porque hayamos hecho
zoom. Funciona con clic sostenido o con el atajo presionando la tecla de espaciado.

Herramienta Zoom
El zoom nos sirve para ampliar la imagen o reducirla, pero sin alterar la imagen. Simplemente se hace zoom para que se
vea más grande y podamos hacer retoques con más precisión, o se aleja el zoom para hacer la imagen menor y así poder
verla toda en nuestra pantalla. Funciona también con los atajos ctrl + o ctrl -
PANEL DE CAPAS
Capas
Es el panel más importante y característico de Photoshop, nos permite organizar cada
elemento para que la creación que imaginamos, se haga realidad.

Por defecto, cada vez que se crea una nueva capa en Photoshop éste la sitúa en la parte superior de las capas.
Teniendo esto en cuenta, en determinadas ocasiones tendremos que arrastrar capas a posiciones superiores o
inferiores, en función de la fusión que deseemos de las mismas. Esto es muy sencillo, bastará con pinchar y
arrastrar cada capa a la posición deseada.

Por otro lado, para que en aquellas ocasiones en las que trabajemos con un número elevado de capas
podamos mantener una ventana de capas ordenada, Photoshoppone a tu disposición los grupos de capas.
Que no son más que carpetas que permiten agrupar varias capas.

Con ellos podrás apilar o desapilar las capas, cuando necesites. Ocultarlas para tener más espacio, o bien
desplegarlas para trabajar con alguna de ellas.
Botones de interfaz
1. Sección para el filtrado de Capas. Permite filtrar las capas por
nombre, tipo (imagen, texto, capa de ajuste, etc.) Esta funcionalidad
tiene sentido cuando el número de capas es elevado.

2. Modode fusión de capa. Como veremos más adelante, el

modo en que se fusiona una capa con aquellas que se
encuentran debajo varía radicalmente dependiendo del
modo de fusión seleccionado.

3. Opacidad. Define el nivel de transparencia (inversa de la

opacidad) de la capa. Una mayor opacidad dará lugar a una
mayor fuerza de la capa en la fusión con las demás capas.

4. Bloqueo de la capa. El primero de los botones (la cruz con

las cuatro flechas) bloquea el movimiento de la capa. Mientras
que el segundo (el candado) bloquea no sólo el movimiento
de la capa, sino cualquier acción sobre ésta.
5. Visibilidad de la capa. Se muestra "un ojo" a la izquierda de
cada capa. Éste indica que la capa es visible y, por tanto, se
fusiona con el resto. Se puede desactivar la visibilidad de una
capa, o grupo de capas, haciendo clic en este ojo, de modo
que se oculte.

6. Indicador de capa bloqueada. Si una capa se bloquea, se

mostrará a su derecha el icono del candado que vimos
anteriormente. Al abrir una imagen en Photoshop, se creará
una capa denominada de Fondo, que aparecerá inicialmente
bloqueada, sobre la que habrá que hacer doble clic para
desbloquearla. Para el resto de capas bloqueadas, bastará con
hacer clic en el botón de bloqueo/desbloqueo que vimos en
el punto 4.

7. Otras funciones. En la parte inferior de la ventana Capas se

incluyen una serie de botones cuya funcionalidad paso a
indicar:
*Enlazar. Permite que aquellas capas que se seleccionen, y tras lo cual se haga clic en este botón, queden
enlazadas. De modo que si una de las capas se desplaza de posición, las otras capas también se
desplazarán.

*Efectos. Ofrece al usuario la posibilidad de aplicar efectos sobre cada capa. Efectos tales como sombras,
biseles, trazos, etc.

*Máscara de capa. Permite seleccionar las zonas visibles e invisibles de la capa a la que se aplica la máscara.
¿Recuerdas cómo funcionaban y para qué servían las máscaras de capa?

*Capas de ajuste. A través de este botón es posible añadir una nueva capa de ajuste a la imagen para variar
ajustes como el brillo, contraste, saturación, tono, luminosidad, etc.

*Crear grupo de capas. Como vimos en el apartado anterior, este botón sirve para crear un grupo de capas
(carpeta) y poder mantener mejor organizado el conjunto de capas que componen la imagen.

*Nueva capa. Crea una capa nueva y la sitúa en la parte superior del conjunto de capas. Si en lugar de hacer
clic sobre este botón, lo que se hace es arrastrar una capa ya existente sobre este botón lo que se conseguirá
es duplicar la capa (Ctrl + J).

*Borrar capa. Si se arrastra una capa sobre este botón, o bien se presiona este botón con una capa o grupo
de capas seleccionadas, se borrará la capa o capas seleccionadas. También pueden eliminarse capas
seleccionándolas y haciendo clic en la tecla Supr.
 Visibilidad y opacidad

La visibilidad se controla con el icono del ojo que aparece a la izquierda

de cada capa. En la imagen de la derecha, por ejemplo, la capa "Curvas
- Mar" sí está visible, mientras que la capa "Curvas - Cielo" no está visible,
por lo que a efectos de la imagen resultado es como si no existiese.

En cuanto a la opacidad, por defecto al 100% en todas las capas, mide,

como veíamos anteriormente, la intensidad con la que participa la capa en la imagen
final.

Así, una capa al 100% de opacidad participa por completo, mientras

que una capa con una opacidad al 0% es como si se hubiese marcado
como invisible, ya que no participará en la composición.
Modos de fusión /Estilos de capa

Un estilo de capa consiste en un efecto o varios

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

Para añadir un nuevo Estilo de capa a una imagen o a un texto, deberemos situarnos sobre la
capa que queramos modificar en el panel Capas y en la parte inferior del panel de capas
hacer clic sobre el icono FX que nos aparece. Se nos abrirá entonces una ventana donde
podremos seleccionar directamente el Estilo de capa que nos interese.
* Sombra paralela: Añade una sombra que se sitúa detrás del contenido de la capa

* Sombra interior: Añade una sombra que se sitúa justo dentro de los bordes del contenido de la
capa, lo que proporciona a la capa un aspecto hueco.

* Resplandor exterior y resplandor interior: Añaden resplandores procedentes de los bordes interiores
o exteriores del contenido de la capa.

* Bisel y relieve: Añaden varias combinaciones de iluminaciones y sombras a una capa.

* Satinado: Aplica sombreado interior que crea un acabado satinado.

* Superposición de color: Rellena el contenido de la capa con color.

* Superposición de degradado: Rellena el contenido de la capa con degradado.

* Superposición de motivo: Rellena el contenido de la capa con un motivo.

* Trazo: Traza el contorno del objeto de la capa actual utilizando un color, un degradado o un motivo.
Resulta especialmente útil en formas bien definidas, como por ejemplo texto.
TAMAÑOS Y RESOLUCIONES PARA REDES
MEDIDAS FOTOS DE PORTADA FACEBOOK

Resolución 300 - baja a 72

MEDIDAS FOTO DE PORTADA FACEBOOK EN MÓVIL
Para que las medidas de foto de portada en Facebook se adapten a dispositivos móviles, puedes establecer dos
columnas a cada lado de 134 px y colocar el diseño principal en el rectángulo central con unas medidas de 560 x 315 px.

Marcador de texto
Resolución 300 - baja a 72
MEDIDAS DE FOTOS FACEBOOK EN PUBL ICAC IONES

Marcador de texto
Resolución 300 - baja a 72
MEDIDAS DE EVENTOS EN FACEBOOK

Marcador de texto
Resolución 300 - baja a 72
MEDIDAS DE EVENTOS EN FACEBOOK

Marcador de texto
Resolución 300 - baja a 72