Manual Adobe Photoshop: Curso de Diseño Gráfico

MANUAL DEL CURSO
ADOBE PHOTOSHOP
CURSO DE DISEÑO GRAFICO
BIBLIOTECA MUNICIPAL ¨ MANUEL T. DAVILA “
En esta unidad, conoceremos el entorno del programa photoshop, el empleo
de cada herramienta. Así como también Aprenderemos a colocar color a una
imagen y a realizar fotomontaje creando diferentes capas.
MANUAL DEL CURSO
ADOBE PHOTOSHOP
CURSO DE DISEÑO GRAFICO
BIBLIOTECA MUNICIPAL ¨ MANUEL T. DAVILA “
Adobe Photoshop
Es una herramienta de tratamiento de imagen muy potente, está orientado a tratar y
manipular imágenes, o bien creadas por otro programa, o digitalizada por un escáner
o máquina fotográfica. Una vez introducción la imagen en el programa, podrás
retocarlas, transformarlas y editarla.
Por ello comenzamos este Manual de photoshop, en el que vamos a ir explicando,
poco a poco, las herramientas más fundamentales para poder utilizar el programa de
una manera sencilla.
MANUAL DEL CURSO
ADOBE PHOTOSHOP
CURSO DE DISEÑO GRAFICO
BIBLIOTECA MUNICIPAL ¨ MANUEL T. DAVILA “
Instalación de Adobe software
Pasos 1
 Abrimos la carpeta Adobe
 Veremos que tenemos 1 carpeta.
 Abrimos la carpeta Adobe y seleccionamos la aplicación que dice Set – up (dándole
doble clic) Y nos aparecerá una ventana que se llama programa de instalación de adobe
y empezara a cargar (aparecerá una barra verde fluorescente) y dirá Inicializando
instalador.
 Luego que termine de cargar nos aparecerá una ventana que dice bienvenido y podemos
seleccionar instalar y probar, nosotros elegiremos instalar.
 Nos aparecerá una ventana llamada Acuerdo de licencia de software de adobe y le
daremos aceptar, posterior mente nos pedirá un número de serie.
1
MANUAL DEL CURSO
ADOBE PHOTOSHOP
CURSO DE DISEÑO GRAFICO
BIBLIOTECA MUNICIPAL ¨ MANUEL T. DAVILA “
Pasos 3





2
Y daremos clic en GENERATE y nos parecerá una ventana así
Y copiaremos el Serial seleccionándolo clic derecho copiar y lo pegaremos en la ventana de
adobe que nos pedía el serial y daremos clic en siguiente como se ve en la siguiente imagen
Posterior mente nos aparecerá una imagen como la siguiente y daremos clic en conectarse
más adelante
Y nos aparecerá una imagen como la siguiente y seleccionaremos Photoshop que es
el programa que deseamos instalar y damos clic en instalar
y posteriormente aparecerá una imagen como la siguiente que indica que se está
llevando a cabo la instalación y al terminar simplemente daremos clic en finalizar.
3
4
5
MANUAL DEL CURSO
ADOBE PHOTOSHOP
CURSO DE DISEÑO GRAFICO
BIBLIOTECA MUNICIPAL ¨ MANUEL T. DAVILA “
Área de Trabajo
PANEL DE CAPAS
MANUAL DEL CURSO
ADOBE PHOTOSHOP
CURSO DE DISEÑO GRAFICO
BIBLIOTECA MUNICIPAL ¨ MANUEL T. DAVILA “
- Archivos y extensiones
-
-
haga clic ABRIR
Crear un Archivo: escoja
nuevo en el menú archivo o
[Crtl/ N.
-
Seleccione el archivo y
haga clic ABRIR
-
Clic en la Función
Guardar Como.
MANUAL DEL CURSO
ADOBE PHOTOSHOP
CURSO DE DISEÑO GRAFICO
BIBLIOTECA MUNICIPAL ¨ MANUEL T. DAVILA “
IMAGENES
- Las imágenes de mapas de bits, denominadas técnicamente imágenes rasterizadas,
utilizan una cuadrícula rectangular de elementos de imagen (píxeles) para representar
imágenes. A cada píxel se le asigna una ubicación y un valor de color específicos, Al
trabajar con imágenes de mapa de bits, se editan los píxeles, en lugar de los objetos o
las formas.
- Combinación de
Gráficos vectoriales:
- canales de colores
- profundidad de bits
HERRAMIENTAS DE COLOR
EN PHOTOSHOP
En el Selector de color de Adobe, los colores se eligen según cuatro
modelos de color: HSB, RGB, Lab y CMYK. Utilice el Selector de color de
Adobe para definir el color frontal, el color de fondo y el color del texto. Si lo
desea, también puede definir colores de destino para herramientas,
comandos y opciones diferentes.
MANUAL DEL CURSO
ADOBE PHOTOSHOP
CURSO DE DISEÑO GRAFICO
BIBLIOTECA MUNICIPAL ¨ MANUEL T. DAVILA “
Cuando marquemos, sobre el color frontal o sobre el color de fondo, aparecerá el
cuadro de diálogo selector de color:
El triángulo de alerta indica que un color no es reproducible en modo CMYK. El
símbolo del cubo indica que un color no es compatible con Web y puede aparecer
tramado en un navegador
Los dos cuadros de colores que aparecen sobre el símbolo que indica que no es
reproducible en CMYK o que no es compatible con Web, serán los colores más
cercanos al escogido para web o para CMYK.
H
TONO
S
Saturación
B
Brillo
MANUAL DEL CURSO
ADOBE PHOTOSHOP
CURSO DE DISEÑO GRAFICO
BIBLIOTECA MUNICIPAL ¨ MANUEL T. DAVILA “
-
Selección de colores personalizados
También podemos seleccionar el color desde la paleta de color, pudiendo escoger la
forma en que se visualiza el color desde el propio menú de la paleta:
Al hacerlo aparecerá el siguiente menú:
MANUAL DEL CURSO
ADOBE PHOTOSHOP
CURSO DE DISEÑO GRAFICO
BIBLIOTECA MUNICIPAL ¨ MANUEL T. DAVILA “
LAS CAPAS EN PHOTOSHOP
Para qué sirven las capas
Las capas funcionan a modo de hojas transparentes, con un
elemento o varios elementos, apiladas unas encima de otras
y, en conjunto, construyen una imagen.
Las capas son prácticas a la hora de editar y componer imágenes. Con ellas se pueden
añadir elementos a una imagen sin que interfieran unos con otros, pudiendo modificarse de
cada elemento sus propiedades. De esa forma, una imagen se puede enriquecer
enormemente añadiéndole texto, figuras, otras imágenes, y trabajar con ellas de manera
independiente modificando su posición, colores, dimensiones, transparencia, etc., creando
montajes y modificaciones sobre la imagen original. Siempre es recomendable conservar
esa imagen original y trabajar con ella a partir de las capas, sobre las que se aplican
ajustes determinados sin que afecte a esa imagen original. Si se quieren deshacer algunos
de esos ajustes o bien eliminar alguna de las capas, nunca se verá afectada la imagen de
MANUAL DEL CURSO
ADOBE PHOTOSHOP
CURSO DE DISEÑO GRAFICO
BIBLIOTECA MUNICIPAL ¨ MANUEL T. DAVILA “
LAS MASCARAS EN
PHOTOSHOP
La máscara de capa de
Photoshop es una de las
herramientas más útiles en
retoque
fotográfico
y
diseño gráfico. Su uso está
muy extendido entre los
usuarios más avanzados
ya
que
ofrece
innumerables
posibilidades. Trabajar con
Photoshop
usando
máscaras de capa es
sumamente sencillo y se
obtienen
resultados
profesionales.
Para crear una máscara primero debemos seleccionamos
la capa a la que queremos asociarla o añadir una capa
nueva. Después haremos clic en el botón añadir máscara
de capa que está en la parte inferior del panel capas. A la
derecha de la capa seleccionada aparecerá una pequeña
muestra que representa el aspecto de la máscara que se
le aplica.
COMO FUNCIONA LAS MASCARAS DE CAPA
MANUAL DEL CURSO
ADOBE PHOTOSHOP
CURSO DE DISEÑO GRAFICO
BIBLIOTECA MUNICIPAL ¨ MANUEL T. DAVILA “
TEXTO EN PHOTOSHOP
La Herramienta Texto en Adobe Photoshop la podemos utilizar
al pichar sobre el icono de la barra de herramientas o
simplemente con el teclado pulsando la tecla T.
MANUAL DEL CURSO
ADOBE PHOTOSHOP
CURSO DE DISEÑO GRAFICO
BIBLIOTECA MUNICIPAL ¨ MANUEL T. DAVILA “
Al pulsar sobre la esquina derecha se despliega el menú y podremos
ver todas las opciones disponibles. Además, en la barra de opciones,
arriba, tenemos el siguiente menú:
Aquí tenemos dos opciones: o bien hacemos un sólo clic en el área de
la imagen y comenzamos a escribir directamente, o bien hacemos clic
y, manteniendo el botón presionado arrastramos hasta delimitar
un área de texto.
Un truco para poder crear un área de tamaño concreto es pulsar la
tecla ALT a la vez que pulsar sobre la imagen, siempre que tengas
seleccionada la herramienta texto, verás la siguiente ventana donde es
posible decir el ancho y alto del área de texto:
MANUAL DEL CURSO
ADOBE PHOTOSHOP
CURSO DE DISEÑO GRAFICO
BIBLIOTECA MUNICIPAL ¨ MANUEL T. DAVILA “
En la barra de opciones en el segundo icono por la derecha
podemos deformar el texto, por ejemplo:
El estilo de deformación que selecciona es un atributo de la capa de texto. Puede
cambiar en cualquier momento el estilo de deformación de una capa y así cambiar
la forma general de la deformación.
MANUAL DEL CURSO
ADOBE PHOTOSHOP
CURSO DE DISEÑO GRAFICO
BIBLIOTECA MUNICIPAL ¨ MANUEL T. DAVILA “
Herramienta Degradado
1. Seleccionamos el color frontal y el color de fondo en el menú de
herramientas.
2. Creamos una capa e insertamos un texto. (tecla T para seleccionar la
herramienta texto horizontal).
3. Botón derecho sobre la capa y pulsamos en Opciones de fusión.
4.
Marcamos la casilla Superposición de degradado. Múltiples opciones
para el color frontal y el color de fondo en el aparado de Degradado
MANUAL DEL CURSO
ADOBE PHOTOSHOP
CURSO DE DISEÑO GRAFICO
BIBLIOTECA MUNICIPAL ¨ MANUEL T. DAVILA “
FOTOMONTAJE EN
PHOTOSHOP
explicaremos cómo hacer un fotomontaje en Photoshop. En
concreto, lo que haremos es colocar un elemento de una
imagen, es este caso un gato, sobre otra foto que servirá de
fondo, un cuadro de un campo. Es una tarea sencilla si sigues
los pasos exactamente tal como te los indicamos.
1. explicaremos cómo hacer un fotomontaje en Photoshop.
En concreto, lo que haremos es colocar un elemento de
una imagen, es este caso un gato, sobre otra foto que
servirá de fondo, un cuadro de un campo. Es una tarea
sencilla si sigues los pasos exactamente tal como te los
indicamos.
MANUAL DEL CURSO
ADOBE PHOTOSHOP
CURSO DE DISEÑO GRAFICO
BIBLIOTECA MUNICIPAL ¨ MANUEL T. DAVILA “
2. A continuación, marcamos también el último ítem de este
menú y, en la parte de arriba, elegimos el tamaño de la
herramienta. Para que puedas seleccionar con criterio,
debes saber que tendrás que seleccionar el contorno del
objeto y todo su interior para poder hacer un fotomontaje en
Photoshop.
MANUAL DEL CURSO
ADOBE PHOTOSHOP
CURSO DE DISEÑO GRAFICO
BIBLIOTECA MUNICIPAL ¨ MANUEL T. DAVILA “
3. En este paso ves cómo ya tenemos seleccionado el contorno.
4. Y ahora todo el interior, también.
MANUAL DEL CURSO
ADOBE PHOTOSHOP
CURSO DE DISEÑO GRAFICO
BIBLIOTECA MUNICIPAL ¨ MANUEL T. DAVILA “
5. Una vez que sueltas la herramienta, verás que tienes
seleccionado el elemento, el gato, que queremos pasar a otra
foto haciendo un fotomontaje en Photoshop. Sin embargo, en
realidad lo que tenemos seleccionado es el fondo. Por lo tanto,
deberemos ir a "Selección" e "Invertir" para tener el objeto
que nos interesa bajo control.
6. El siguiente paso es perfeccionar la selección de modo que,
por ejemplo, queden bien separados del fondo los pelillos del
gato. Para ello, seleccionamos la herramienta "Lazo" y
"Perfeccionar bordes de selección".
MANUAL DEL CURSO
ADOBE PHOTOSHOP
CURSO DE DISEÑO GRAFICO
BIBLIOTECA MUNICIPAL ¨ MANUEL T. DAVILA “
7. En la nueva ventana que te aparecerá, marca la selección
"Sobre negro" y aparta hacia un lado la misma, sin cerrarla,
para poder manipular la imagen. Simplemente, lo que tienes
que hacer es ir pasando el cursor por el borde del objeto y,
automáticamente, se mejorará la selección. Cuando termines,
presiona en "OK".
8. Ahora, ve a "Capa" y "Duplicar capa", para poder trabajar con
esta nueva capa para hacer el fotomontaje en Photoshop.
MANUAL DEL CURSO
ADOBE PHOTOSHOP
CURSO DE DISEÑO GRAFICO
BIBLIOTECA MUNICIPAL ¨ MANUEL T. DAVILA “
10. Ahora ya tendrás que abrir en una nueva ventana en Photoshop la
imagen sobre la que colocarás al gato, de modo que tengas las dos
imágenes a la vista. Colócate sobre la del gato y, sobre la capa
nueva. Entonces, elige la primera herramienta del menú vertical,
ubica el ratón sobre el gato, presiona y sin soltar el ratón, arrastra
el elemento a la imagen que servirá de fondo.
9. Aquí ya tienes el gato sobre el campo y para terminar de hacer tu
fotomontaje en Photoshop solo tienes que guardar la imagen.