1. ¿Qué es Adobe Photoshop?
Adobe Photoshop es uno de los programas más populares de la empresa Adobe, y se trata
esencialmente de una aplicación informática que trabaja sobre un "lienzo" y que está
destinada a la edición, retoque fotográfico y pintura a base de imágenes de mapa de bits (o
gráficos rasterizados).
Su nombre en español significa "taller de Fotos".
Su capacidad de retoque y modificación de fotografías le ha dado el rubro de ser el programa
de edición de imágenes más famoso del mundo.
Photoshop fue creado en el año 1990, soporta muchos tipos de archivos de imágenes, como
BMP, JPG, PNG, GIF, entre otros,y además tiene formatos de imagen propios; el que más
utilizamos es PSD.
BIENVENIDOS A ADOBE PHOTOSHOP
Interfase visual de Adobe Photoshop
Barra de opciones de Herramienta
Panel de Herramientas Área de trabajo Panel de ventanas
DISEÑOGRÁFICODISEÑO GRÁFICO
a u l a L I N K / C o l e g i o J e s ú s M a r í a / C ó r d o b a - 2 0 1 1
2. Existen programas específicos para
trabajar en detalle los gráficos
vectoriales, tales como Corel Draw o
Adobe Illustrator. Sin embargo, sin
constituir su especificidad, Photoshop
ofrece bastantes posibilidades.
Información fundamental sobre imágenes
Acerca de las imágenes de mapa de bits
Photoshop es un programa que trabaja con imágenes de mapas de bits, denominadas
técnicamente imágenes rasterizadas, las cuales utilizan una cuadrícula constituida por
puntos (píxeles) para representar imágenes. Son el medio electrónico más usado para las
imágenes de tono continuo, como fotografías o pinturas digitales, puesto que pueden
representar de manera más eficaz degradados sutiles de sombras y color.
Al trabajar con imágenes de mapa de bits, lo que editamos son simpre píxeles
Las imágenes de mapa de bits dependen de la resolución (píxeles por pulgada), es decir,
contienen un número fijo de píxeles. Como consecuencia, pueden perder detalle y aparecer
“pixeladas” si se agranda la escala o si se imprimen con una resolución inferior que aquélla
con la que fueron creadas.
Ejemplo de imagen de mapa de bits
con diferentes niveles de ampliación
Las imágenes de mapas de bits son
pesadas o sea que suelen requerir
grandes cantidades de espacio de
almacenamiento y por eso se comprimen
para trabajar.
El formato de compresión es lo que le da
el nombre a la extensión del archivo, por
ejemplo: jpg, bmp, png, etc.
camino incierto.jpg
estensión
nombre del archivo
Acerca de los gráficos vectoriales
Los gráficos vectoriales, son imágenes sustancialmente
diferentes a los mapas de bits.
Están compuestos de líneas y curvas definidas por objetos
matemáticos denominados vectores, que describen una
imagen en base a sus características geométricas.
Cuando en Photoshop trabajamos con textos,
formas o dibujos, estaremos trabajando con
gráficos vectoriales.
Al ser independientes de los píxeles y por ende de la
resolución, se pueden mover o modificar con libertad sin
perder detalle ni claridad y mantienen los bordes nítidos
cuando se les cambia el tamaño.
Los gráficos vectoriales se pueden redimensionar
sin problema. No hay riesgo de pixelado
DISEÑOGRÁFICODISEÑO GRÁFICO
a u l a L I N K / C o l e g i o J e s ú s M a r í a / C ó r d o b a - 2 0 1 1
3. ¿Para qué nos sirve aprender a modificar estos atributos? Pues bien, si llevamos una fotografía
a imprimir en un determinado tamaño, digamos 13 x18 cm. desconociendo el tamaño original
de la imagen, puede que el resultado quede pixelado (si la imagen era más pequeña que el
tamaño de impresión deseado) o que queden bordes indeseados si la proporción de ancho x
alto no coincide con el tamaño de impresión.
A veces podemos desear que se imprima un borde parejo alrededor de la fotografía como para
darle un marco, y en este caso es que modificaremos el lienzo para lograr tal efecto.
1. Importamos la imagen a la pantalla del programa. Para esto
vamos al menú ARCHIVO / ABRIR / (y buscamos la ubicación
de la imagen)
2. Para ajustar el tamaño de la imagen al deseado, vamos a
IMAGEN / TAMAÑO DE IMAGEN o también podemos hacer clic
con el botón derecho del mouse en la barrita que se encuentra
justo arriba de la imagen, donde está escrito el nombre de la
misma.
Entonces nos aparecerá un cuadro de diálogo como este:
En el recuadro “Dimensiones en píxeles”, el ancho
y el alto son las medidas actuales de la imagen. Se
puede modificar el tamaño escribiendo directamente
el valor en píxeles o en porcentaje (haciendo clic en la
flechita)
En “Tamaño del documento” aparecen los datos
del tamaño traducidos a centímetros. Podemos elegir
que independientemente de los píxeles que la
conformen, mida “x” milímetros, centímetros, etc.
3. Vamos a imaginar que deseamos ajustar la imagen a la medida en que deseamos
imprimirla. Digamos, 13 x18 cm. Para comenzar verificaremos que la casilla restringir
proporciones esté destildada, si no procederemos a quitarle el tilde haciendo clic sobre ella.
Luego posicionaremos el cursor sobre la casilla “Anchura” y tipearemos 18; luego sobre la
casilla “Altura” tipearemos 13.
4. Como deseamos imprimir la imagen, en la casilla “Resolución” tipearemos 300.
5. Hacemos clic en ok.
AJUSTAR TAMAÑO DE IMAGEN Y TAMAÑO DE LIENZO
DISEÑOGRÁFICODISEÑO GRÁFICO
a u l a L I N K / C o l e g i o J e s ú s M a r í a / C ó r d o b a - 2 0 1 1
4. Probablemente cambie la proporción de la
imagen que vemos en la pantalla al modificar el
tamaño. Lo que debemos hacer en ese caso,
para volver a ver la imagen completa, es
modificar el porcentaje que aparece en el
ángulo inferior izquierdo de la foto. Hacemos
clic sobre el número y escribimos uno menor.
6. Imaginemos que deseamos además que quede un recuadro blanco simétrico alrededor de
la imagen como marco a la foto. Deberemos modificare el tamaño del lienzo. Para ello
vamos al menú IMAGEN / TAMAÑO DE LIENZO o también podemos hacer clic con el botón
derecho del mouse en la barrita que se encuentra justo arriba de la imagen, donde está
escrito el nombre de la misma. Aparecerá un cuadro de diálogo como este:
7. Nos aseguraremos de que el
recuadro “Relativo” esté tildado
y a continuación escribiremos
en las casillas “altura” y
“anchura” el tamaño que
deseamos que tenga el
recuadro alrededor de la foto.
Por ejemplo: 1 cm
8. También podemos darle color
al recuadro. En la opción “Color
de extensión de lienzo”, si
dejamos “fondo” el recuadro
será blanco, si no podemos
optar por otro color.
DISEÑOGRÁFICODISEÑO GRÁFICO
a u l a L I N K / C o l e g i o J e s ú s M a r í a / C ó r d o b a - 2 0 1 1
5. RECORTAR UNA IMAGEN
La herramienta de recortar de Photoshop nos permite eliminar áreas no
necesarias de una imagen.A continuación exploraremos esta herramienta y sus
posibilidades.
1. Seleccionamos la herramienta, haciendo clic sobre ella en la barra. Luego
haremos clic en cualquier parte de la imagen y sin soltar arrastraremos hacia
donde deseamos extender el recuadro.
Deberíamos ver algo parecido a esto:
La herramienta recortar hace una selección rectangular del área marcada con el ratón, que
podemos editar una vez realizada, para ajustarla a las dimensiones deseadas. Una vez que
tenemos la selección creada, del área que nos interesa recortar, podemos ordenar el
recorte pulsando la tecla Enter, o bien apretando con el botón derecho en cualquier parte
de la selección y seleccionando la opción Recortar.
También podemos cancelar la selección en cualquier momento con la tecla Escape (ESC).
Esta herramienta también nos brinda la posibilidad de además de recortar, modificar el tamaño
de la imagen en un solo paso. De esta manera por ejemplo podemos recortar una imagen pero
mantener la relación o la proporción entre ancho y alto.
Para esto procederemos así:
1. En primer lugar seleccionamos la herramienta recortar en la barra de menú.
2. Antes de delimitar el marco que deseamos recortar, nos concentraremos en la barra de
opciones de la herramienta que aparece arriba del espacio de trabajo.
Aquí es donde colocaremos la indicación del alto y ancho que deseamos
que tenga la imagen. Así evitaremos tener que redimensionarla luego.
3. Luego de ajustar el tamaño, procedemos a cortar de la misma forma que explicamos
anteriormente.
DISEÑOGRÁFICODISEÑO GRÁFICO
a u l a L I N K / C o l e g i o J e s ú s M a r í a / C ó r d o b a - 2 0 1 1
6. Herramientas de Selección
las herramientas de selección de Photoshop tienen una finalidad muy sencilla: sirven para
seleccionar conjuntos de píxeles, de forma que sobre esos conjuntos se puedan realizar las
operaciones que se desee, como ajustes de niveles, tono, saturación, copiar y pegar en otros
documentos.
Existen varias herramientas distintas para realizar selecciones, divididas en tipos, y agrupadas
por ellos en la paleta de herramienta.
Se utilice la herramienta que se utilice, si se presiona Shift antes de comenzar la nueva
selección, esa nueva selección se añadirá a la que existiera previamente.
Las herramientas de selección
de marco son cuatro,aunque
e n r e a l i d a d l a s q u e
utilizaremos ciertamente son
Marco Rectangular y Marco
Elíptico.
La forma de realizar una
s e l e c c i ó n c o n M a r c o
rectangular o marco Elíptico es
similar. Al hacer clic
comienza la selección, cuyo tamaño se va modificando al arrastrar el ratón. En ambos
casos, si el arrastre se realiza con la tecla Shift presionada, la selección tendrá forma de
cuadrado o de círculo perfecto, en vez de rectángulo y elipse respectivamente.
Las herramientas de lazo son tres: el lazo, el lazo poligonal y el lazo magnético.
El lazo permite hacer selecciones a mano alzada, con la forma que se desee, arrastrando el
cursor. Para cerrar la selección, se puede volver a la posición inicial, o soltar el ratón en
cualquier punto, con lo que la selección se cerrará con una línea recta entre el punto inicial y el
punto en el que se suelte el ratón.
El lazo poligonal no se arrastra, sino que permite realizar selecciones construyendo un
polígono cuyos vértices serán los puntos en los que se haga clic con la herramienta
seleccionada. Cuando se posiciona el cursor sobre el punto de origen, aparece un pequeño
círculo en la parte inferior izquierda del mismo, que indica que se ha completado la selección.
El lazo magnético es la herramienta ideal para hacer selecciones de objetos que están muy
contrastados con el fondo sobre el que pisan. Por ejemplo, un objeto sobre un fondo de color
plano (blanco). Hay que clikear y arrastrar alrededor del objeto a seleccionar.
La varita mágica sirve para seleccionar píxeles de color similar al píxel en el que se clic. La
similitud en el color se determina a través del valor que se asigne a la tolerancia. A mayor
tolerancia, mayor rango de color.
MARCO
LAZO
VARITA MÁGICA
DISEÑOGRÁFICODISEÑO GRÁFICO
a u l a L I N K / C o l e g i o J e s ú s M a r í a / C ó r d o b a - 2 0 1 1
7. EDICIÓN DE TEXTOS EN PHOTOSHOP
ncorporar textos a una imagen es una tarea realmente artesanal. Lograr la
complementariedad de ambos elementos suele ser un desafío interesante.
Lo primero será definir el texto que queremos introducir y seleccionar las características de la
tipografía.
Los textos en Photoshop pueden recibir el mismo tratamiento que una imagen, pero para
aplicarle ciertos efectos primero debemos rasterizarlos.
Para comenzar debemos saber que Photoshop permite crear dos tipos de textos: objetos
de texto y párrafos de texto.
Los objetos de texto se emplean para crear textos cortos de una o varias
palabras en una sola linea para títulos, cabeceras, rótulos, etc. Un objeto de texto puede
contener más de una linea pulsando la tecla enter al final de la linea, pero no podremos
alinear, ni justificar esos textos. Para crear un objeto de texto, pulsamos en la
herramienta, hacemos un clic en cualquier parte de la imagen y escribimos el texto.
Los párrafos de texto sirven para escribir muchas lineas. Creamos un párrafo
cuando pulsamos en la herramienta y arrastramos en la imagen para crear un
rectángulo en el que se encajará el texto. Con los párrafos de texto disponemos de
justificaciones, sangrados, guionados, separación de párrafos, etc. Las diferencia entre
objetos de texto y párrafos de texto sólo afectan a cuestiones de formato.
Existe un grupo de herramientas para
trabajo con textos, que se encuentran
agrupadas con varias otras herramientas
también utilizadas para trabajar con texto en
imágenes. Como ya debemos saber, para ver
todas las herramientas agrupadas en el
mismo icono, se debe hacer una pulsación
prolongada sobre el icono de texto, con lo
que veremos todas las utilidades asociadas,
tal como se muestra en la siguiente imagen.
Herramienta texto horizontal
Su utilización es muy parecida a cualquier otra herramienta de texto, por lo que estas
explicaciones servirán en general para todas las herramientas de texto disponibles.
Una vez seleccionada, simplemente tenemos que hacer clic en el lugar donde queremos incluir
el texto. El texto entonces se irá mostrando directamente en la propia imagen, con lo que
podremos ver directamente cómo queda.
Si no estamos viendo el texto que escribimos en la imagen puede ser debido a dos
posibles detalles. El primero de ellos es que estés escribiendo texto con el mismo color que el
fondo de tu imagen; Imagina que escribes texto en blanco sobre fondo blanco, lógicamente,
no lo verás porque no contrasta sobre el fondo. La segunda cosa que te puedes fijar es en el
orden de las capas, pues quizás estés escribiendo texto en un lugar donde tengas una capa
encima y que por tanto no te deje ver los caracteres tecleados.
DISEÑOGRÁFICODISEÑO GRÁFICO
a u l a L I N K / C o l e g i o J e s ú s M a r í a / C ó r d o b a - 2 0 1 1
8. Herramienta texto vertical
De la misma manera que explicamos la creación de textos horizontales, podemos hacer
textos en vertical cómodamente con Photoshop con la herramienta de texto vertical.
Ssimplemente se debe hacer clic en la imagen comenzar a escribir.
Opciones de la herramienta de texto
Como cualquier herramienta de Photoshop, podemos configurar una serie de opciones
para personalizar la herramienta texto. En este caso, las opciones serán la tipografía, tamaño,
grosor, etc. Cualquiera que haya trabajado con un editor de textos encontrará
extremadamente fácil configurar las opciones del texto de la herramienta, no obstante, vamos
a comentar dos ítems que serían propios de Photoshop y que seguramente no conozcan las
personas más inexpertas.
1) Método de suavizado
Este menú desplegable sirve para
seleccionar cómo se debe suavizar el
texto escrito en Photoshop. El texto
suavizado sirve para que los bordes
estén difuminados, lo que es a menudo
útil para dar un aspecto más detallista
al diseño.
Entre las opciones de suavizado se
encuentra una que sirve para que el texto
no tenga suavizado alguno (opción
"Ninguno"), que resulta útil porque el texto
sin suavizado suele tener un tamaño menor
y porque este tipo de texto sirve para imitar
a cómo se vería al escribirlo directamente
como texto en una página web.
Los otros métodos de suavizado consisten
en diversos patrones en los que se suaviza
de mayor o menor manera, lo que genera
resultados distintos. No obstante, muchas
veces las diferencias son difíciles de ver a
simple vista. Lo más habitual es la opción
"Nítido".
2)Conmutar paletas de
Carácter Párrafo
Este botón de la barra de opciones nos da
paso a una nueva ventana para configurar
el texto con nuevas preferencias que no se
encuentran en la barra de opciones
general. La ventana de paletas de texto
permite modificar tanto el estilo de
carácter como el estilo de párrafo.
DISEÑOGRÁFICODISEÑO GRÁFICO
a u l a L I N K / C o l e g i o J e s ú s M a r í a / C ó r d o b a - 2 0 1 1
9. ESTILOS DE CAPA - OPCIONES DE FUSIÓN
Los estilos de capa son efectos (como sombras, biseles, resplandores.) que
proporciona Photoshop para dotar de diferentes acabados a las capas. El estilo se
aplicará solo a la capa que hayamos seleccionado previamente, por lo que podremos
agregar diferentes estilos a las distintas capas e incluso, distintos estilos a una misma
capa ya que son acumulables.
Para mostrar la ventana de edición de efectos sobre un texto, tenemos que hacer doble
clic en la ventana de capas sobre la capa de texto que queremos aplicar el efecto, o bien pulsar
con el botón derecho en la capa y luego seleccionar la opción marcada como "Opciones de
fusión".
Con esto aparecerá una ventana para crear efectos, titulada "Estilo de Capa" en la que
podemos seleccionar con un checkbox el efecto o los efectos que deseamos aplicar y luego
haciendo clic en cada uno de los efectos, podemos configurar las opciones para cada uno de
ellos.
Al abrir las opciones de fusión seleccionaremos el o los estilos que deseamos aplicar tildando
los casilleros que se encuentran en el margen izquierdo de la ventana.
A su vez cada uno de los estilos tiene diferentes parámetros que pueden editarse, tales como
tamaño, opacidad, ruido, etc.
Para acceder a los controles de cada efecto debemos posicionar el mouse sobre el nombre del
efecto a la izquierda de la ventana y hacer doble clic.
Terminado el ajuste de los efectos, haremos clic a la derecha sobre el botón OK y estos se
aplicarán.
Un detalle importante es que Photoshop nos permite ir previsualizando los cambios que vamos
efectuando en la imagen, siempre que tengamos tildada la opción previsualizar.
DISEÑOGRÁFICODISEÑO GRÁFICO
a u l a L I N K / C o l e g i o J e s ú s M a r í a / C ó r d o b a - 2 0 1 1
10. DISEÑOGRÁFICODISEÑO GRÁFICO
a u l a L I N K / C o l e g i o J e s ú s M a r í a / C ó r d o b a - 2 0 1 1
HERRAMIENTA BORRADOR
La herramienta borrador (también le podemos llamar "goma de borrar") es como si
fuera el lápiz o pincel, con la salvedad que, en vez de pintar en la imagen, borra el contenido.
Como dicen técnicamente en la ayuda del programa de Adobe, cambia los pixels a un aspecto
transparente.
Simplemente tenemos que seleccionarla y hacer clic en el lugar que queremos borrar,
o bien arrastrar con el botón del ratón pulsado, para borrar el trazo creado a medida
que vamos moviendo el ratón. Lo más importante que debemos tener en cuenta a la
hora de usar la herramienta borrador es que sólo actúa sobre la capa que tengamos
seleccionada en el momento de poner en marcha la herramienta.
Modos y grosores del borrador
Al igual que muchas otras herramientas de Photoshop, existe un panel de opciones del
borrador, a través del que podremos configurar diversas opciones de la goma de
borrar. Podemos ver las opciones disponibles en la siguiente imagen:
Quizás las opciones más importantes del borrador serían las del modo y el grosor. El
modo permite seleccionar la forma con la que queremos que se comporte el borrador,
o bien como pincel, como lápiz o como cuadrado. El pincel tiene la particularidad que
los bordes se difuminan, creando un efecto más suavizado, mientras que modo lápiz
del borrador borrará con los bordes más marcados. Por su parte, el tercer modo
"cuadrado" en vez de borrar con un patrón regular, lo hace con un cuadrado y sin
difuminar los bordes.
Utilizar una goma con bordes difuminados nos permite por ejemplo suavizar los
bordes de una capa para que se funda con otra, a través de una cierta transparencia
entre ambas.
Otras opciones del borrador: Opacidad y
Flujo
Con la Opacidad de la herramienta borrador
podemos conseguir que no se borre
completamente el dibujo de la capa, sino
parcialmente con una transparencia. Inicialmente
la Opacidad está configurada al 100%, con lo que
se borra completamente el contenido de la capa.
Si configuramos una opacidad menor podremos
ver que la goma de borrar sólo crea una
transparencia en la capa.
Con el Flujo podemos configurar lo rápido que borra la herramienta al mover el ratón. El
resultado es parecido que el de la Opacidad, con la diferencia que borra con mayor
transparencia en los bordes y más opacidad en el centro.
11. DISEÑOGRÁFICODISEÑO GRÁFICO
a u l a L I N K / C o l e g i o J e s ú s M a r í a / C ó r d o b a - 2 0 1 1
QUITAR FONDO MONOCROMO A UNA IMAGEN
Con la herramienta Varita Mágica es muy sencillo
retirar el fondo de una imagen y dejarlo transparente,
siempre y cuando el fondo sea monocromo y diferente
a los tonos de la imagen. Para proceder haremos lo
siguiente:
1. Seleccionamos en el panel de herramientas la varita,
con la que vamos a seleccionar todas las partes del
fondo que queremos borrar.
2. Ajustamos los parámetros de la herramienta según
se explica a continuación
3. Vamos haciendo clic con la varita sobre las
partes blancas que deseamos borrar.
4. Una vez finalizada la selección, presionamos
la tecla Supr (suprimir) del teclado.
A continuación el fondo de la imagen se tornará
transparente. Nos daremos cuenta porque
Photoshop lo representará con una sucesión de
cuadraditos blancos y grises.
Recordemos que si queremos guardar el archivo
conservando el fondo transparente, debemos
guardarlo con la extensión .png
Seleccionamos esta opción si vamos
a marcar una sola parte de la
imagen para borrar
Seleccionamos la
segunda opción si
vamos a marcar varias