Introduccin a

Tecnlogo en Produccin de Multimedia

Introduccin a Photoshop

PRODUCCIN DE MULTIMEDIA

Photoshop
Abrir Photoshop
Interfaz
Espacio de trabajo
Herramientas de trabajo

Creacin de nuevos archivos

SENA

Caractersticas del Panel o Barra de Herramientas

Capas
SENA, de Clase Mundial

Introduccin a

Mapa Conceptual

Introduccin a

Contenido
Introduccin a

Estructura de contenidos
Pag.
1 Introduccon.................................................................5

Pag.
2.5 Creacin de nuevos archivos......................................13

2.1 Photoshop................................................................ 5

2.5.1 Resolucin......................................................14
2.5.2 Terminologa...................................................15
2.5.3 Guardar Archivo..............................................15

2.2 Abrir Photoshop, en plataforma Windows y Mac..... 6

2.6 Caractersticas del Panel o Barra de Herramientas... 16

2.3 Interfaz......................................................................9

2.6.1 Galera de herramientas.................................16

2.6.2 Uso de la barra de aplicaciones..................... 21

2 Desarrollo de Contenido..............................................5

2.4 Espacio de trabajo....................................................10

2.4.1 Barra de men..............................................10
2.4.2 Barra de aplicaciones...................................11
2.4.3 Conmutador de espacio de trabajo.............. 11
2.4.4 Panel o barra de herramientas.....................12
2.4.5 Botn contraer en cono................................12
2.4.6 Panel de ventanas........................................13
2.4.7 Barra de estado............................................13

2.7 Capas......................................................................... 22
2.7.1 Creacin de capas y grupos......................... 22
3 Glosario......................................................................... 23
4 Bibliografa.................................................................... 25

Introduccin a

1 Introduccin

2.2
Photoshop significa (Taller de fotos), es una
aplicacin informtica en forma de taller de
pintura y fotografa que trabaja sobre un
"lienzo", su principal objetivo es armar, editar,
componer, retocar y transformar imgenes de
mapa de bits (o grficos rasterizados).

Los mapas de bits se pueden visualizar en monitores, dispositivos mviles, papel u otros
dispositivos, ya que estan compuestos por una estructura o fichero de datos que representa una
rejilla rectangular de pxeles o puntos de color.

Abrir Photoshop, en Plataforma Windows y Mac

Abrir Photoshop en la plataforma Windows:

Debe dirigirse a inicio > Todos los programas > carpeta de Adobe Master Collection
> Photoshop > clic.

inicio > Todos los programas

carpeta de Adobe Master Collection >

Photoshop > clic.

Cada ao la empresa Adobe realiza actualizaciones de todos sus programas, incluyendo ms

aplicaciones, efectos o herramientas, esto incentiva a los usuarios a conocer ms el mundo de la
tecnologa y el diseo, hoy en da es muy comn que el programa photoshop, sea utilizado por
muchas personas, ya que hace parte de la vida diaria, diseo para redes sociales, campaas
online, retoques fotogrficos, es muy importante tener en cuenta que se debe de utilizar de una
forma profesional.
Esta aplicacin informtica fue creada por los hermanos estadounidenses Thomas y John Knoll
en el ao de 1987, y desde 1988 hace parte de la gran familia de Adobe.

2 Desarrollo de Contenidos
2.1 Photoshop
Es uno de los programas ms utilizados por
diseadores grficos, fotgrafos, artistas
visuales, diseadores web y otras profesiones
relacionadas con las imgenes y el diseo; la
mayor fortaleza de este magnfico programa,
es el manejo y edicin de imgenes.

Introduccin a

Abierto el programa se ver toda la interfaz.

Abrir Photoshop en la plataforma Mac:

Carpeta de aplicaciones, buscar la imagen que hace referencia a Photoshop > clic.

Introduccin a

2.3 Interfaz

2.4 Espacio de Trabajo

La Interfaz o entorno del programa se encuentra en un gris oscuro muy diferente a las versiones
anteriores, se le puede modificar el color presionando clic en menu / edicin / Preferencias /
Interfaz / Tema de color / OK.

Espacio de trabajo Adobe Photoshop CS6

A: Barra de men B: Barra de aplicaciones C: Panel de herramientas D: Conmutador de espacio de trabajo E: Botn contraer en iconos F: Panel de ventanas G: Barra de estado.
A
D
B

Inmediatamente te saldra una ventana con la siguiente informacin y alterativas de colores, eliges
la que ms te guste y le das al botn OK.
G

2.4.1

La Barra de men

En la parte superior izquierda de la pantalla, se encuentra La barra de men, la cual esta

compuesta por varios mens.
Archivo: Dentro del men archivo se
encuentran todos los comandos referidos a los
archivos con los que se trabajar. Crear un
nuevo archivo, abrir uno existente, buscar en
bridge, guardar, imprimir, exportar.

Edicin: Este men esta compuesto por los

comandos de edicin, como copiar, cortar,
pegar, deshacer, transformar. La mayora de
ellos slo se activan cuando se selecciona un
objeto en el lienzo.

10

Introduccin a

Capa: Contiene todo lo referente a las capas.

Crear nueva capa, duplicarla, eliminarla,
rasterizarlas, ordenarlas.

Vista: Esta ventana expone lo referente al

archivo donde se esta trabajando: aumentar,
reducir, aadir reglas, cuadrculas.

Seleccin: Este men esta compuesto por las

diversas posibilidades de cambio que se
tienen cuando se trabaja en una seleccin:
invertir, calar, deseleccionar, modificar,
guardar seleccin.

Ventana: El men donde se decide qu se

quiere ver en la toda la zona de trabajo, y de
que manera verlo. (ventanas, espacio de
trabajo, etc,..)

Texto: El men de texto se encontrar una

variedad de posibilidades para el manejo y
edicin del mismo: panel carcter, panel
prrafo, suavizar, orientacin, pegar Lorem
Ipsum.

Ayuda: Toda la ayuda en lnea que ofrece el

programa de photoshop, Centro de soporte de
photoshop, Avisos legales.

Panel o Barra de Herramientas

Es donde se encuantran todas las

herramientas de edicion del programa, se
seleccionan oprimiendo sobre ellas.
Herramienta Mover
Herramienta Marco Rectangular

2.4.5

Botn Contraer en cono

Herramienta Lazo Magntico

Herramienta Barita Mgica
Herramienta Recortar
Herramienta Cuenta Gotas

Filtro: En esta ventana se visualiza la mayora

de los efectos artsticos aplicables a los
diseos: desenfoque, texturas, interpretacin
de nubes, viento.
2.4.2

2.4.4

Herramienta Pincel Corrector Puntual

Herramienta Pincel

En la parte superior derecha de cada venta se

encuentra el conmutador de espacio, su tarea
es minimizar y maximizar la ventana para
tener mayor espacio a la hora de realizar los
trabajos.
Clic

Herramienta Tampn de Clonar

Herramienta Pincel de Historia

Barra de Aplicaciones

Herramienta Borrador

Al presionar una herramienta, inmediatamente la barra de aplicaciones, expone alternativas

especficas de la herramienta seleccionada.

Herramienta Bote de Pintura

Herramienta Desenfocar
Herramienta Sobreexponer
Herramienta Pluma

2.4.3

Conmutador de espacio de trabajo

Esta pestaa se encuentra ubicada al lado
superior derecho del programa, una vez
presionada, se despliega un men que
modifica el aspecto de las ventanas que
componen el rea de trabajo, facilitando la
labor
del
diseador:
Aspecto
esen,
Novedades, Pintura, Fotografa, Tipografa,
Restaurar pintura, Nuevo espacio de trabajo,
Eliminar espacio de trabajo.

11

Herramienta Texto Horizontal

Herramienta Seleccin Directa
Herramienta Rectngulo
Herramienta Mano
Herramienta Zoom
Conmutar Colores Frontal y de fondo
Colores Frontal y de Fondo por defecto
Configurar Color Frontal y de Fondo
Colores Frontal y de Fondo por defecto
Configurar Color Frontal y de Fondo

12

Introduccin a

2.4.6

Panel de Ventanas

El Panel de ventanas por defecto se encuentra

al lado derecho del programa, contiene cada
una de las ventanas del documento que se
trabaja. Las diversas ventanas se pueden
organizar como fichas y, en ciertos casos,
tambin se pueden agrupar, acoplar o
convertir en ventanas flotantes, arrastandolas
con el cursor fuera del panel de ventanas.

2.4.7

Barra de Estado

Es donde se encuantran todas las herramientas de edicion del programa, se seleccionan

oprimiendo sobre ellas.

La barra de estado suministra la informacin

del porcentaje de zoom del archivo, al lado
derecho se encuentra una pequea flecha, al
darle clic se despliega el siguiente men:
Adobe Drive, Tamao de archivo, Perfil de
documento, Dimensiones del documento.

Zoom

Clic

2.5 Creacin de nuevo archivos

Los pasos para la creacin de un nuevo
archivo: Barra de men principal / opcin
Archivo / Nuevo.

Nombre: En este espacio se escribir el nombre al nuevo documento; en la pestaa predefinir se

encuentran los diferentes formatos, por ahora se trabaj con Papel EE.UU. Automticamente en
tamao se mostrar Carta y las medidas exactas de las mismas en Anchura y altura por defecto,
a un lado las medidas se elegir centmetros; en la parte inferior en Resolucin 72. Informacin
importante:

2.5.1

Resolucin

La resolucin es un trmino utilizado en fotografa digital para indicar la cantidad de informacin

que hay en pixeles (Teora aditiva del color, luz - Canales RGB, Rojo, Verde, Azul) o puntos de
impresin (Teora sustractiva del color, pigmentos - Canales CMYK, son los colores que se
utilizan para impresin, son colores proceso, que son C cian, M magenta, Y yellow y K black)
en un rea dada en centmetros o en pulgadas; siendo pulgadas, las ms utilizada.

13

14

Introduccin a

2.5.2

Terminologa

Imagen para Pantalla:

La resolucin de una imagen para pantalla, se
mide en: PPI (En ingls points per inch) o en
espaol PPP (Pixeles por pulgada). Ejemplo:

*300 dpi, utilizado en los sistemas de

impresin.
Diseadores,
Fotgrafos,
Ilustradores y Publicistas.
Nota: No se iniciar trabajando con un
color CMYK, porque hay funciones que
inhabilita el programa con este color.

2.6 Caractersticas del Panel o Barra de Herramientas

El Panel o Barra de herramientas, se encuentran todas las herramientas de edicin de Photoshop,
por defecto del programa siempre esta al lado derecho de la pantalla, la columna de herramientas
posee un botn, que la convierte en dos columnas con solo un clic.
Clic

Contenido: Indica especficamente el

contenido de fondo que se aplicar al archivo,
puede ser transparente, blanco y color de
fondo.

2.6.1

Para seleccionar una de las herramientas solo hay que presionar sobre
ella y automticamente se activar, la mayora de herramientas se
encuentran agrupadas y para visualizarlas, tienen un tringulo en la
esquina inferior derecha el cual se debe mantener presionado para
visualizar las dems herramientas que contiene, ya que cada
herramienta tiene mnimo dos y mximo cinco herramientas

Se revisa toda la informacin, se presiona el

botn OK, e inmediatamente se abrir el lienzo
en el que se trabajar.

Imagen para Impresin:

Para realizar trabajos en impresin, la
resolucin se maneja en DPI (En ingls dots
per inch) o en espaol PPP (Puntos por
pulgada).
*Cuantos ms pxeles representados en
pantalla o puntos impresos existan por rea,
mayor ser la resolucin de la imagen.
Cuando menos pixeles o puntos existan,
menor ser la resolucin.
Existen 2 estandares relacionados con la
resolucin en la imagen digital:

2.5.3

Guardar Archivo

1.
Archivo >
Extensin .psd
2.
.jpg

Galera de Herramientas

Guarda

>

Archivo > Guarda > JPG.

Photoshop.
Extensin

3.
Archivo > Automatizar > Presentacin
en PDF > Aadir archivo abierto > Guardar.
Extensin .pdf

Dos Columnas

La extensin de los archivos: PSD,JPG,PDF

hacen referencia al formato al cual pertenece.

*72 dpi usado para visualizar las imgenes en

pantalla (Aplicativos web o multimedia)
Una Columna

15

16

Introduccin a

Galeria de Herramientas de Seleccin

Caractersticas del Panel o Barra de Herramientas

Galeria de Herramientas para Cortar y Crear Sectores

17

18

Introduccin a

Navegacin, Notas y Galera de Herramientas de Medicin

Galera de Herramientas de Dibujo y Texto

19

20

Introduccin a

Galera de Herramientas de Dibujo y Texto

2.7 Capas
Las capas de Photoshop son muy similares a las hojas de mantequilla, se pueden superponer
para crear efectos, opacidades, brillos, contrastes, etc, dentro de cada diseo.

A. Men del panel Capas - B. Grupo de capas - C. Capa - D. Expandir/Contraer efectos de capa
- E. Efecto de capa - F. Miniatura de la capa.

2.7.1

2.6.2

Uso de la Barra de Aplicaciones

La barra de aplicaciones se visualiza en la

parte superior izquierda de la pantalla, ella
activa inmediatamente se selecciona una de
las herramientas; tiene la funcin de
proporcionar varias alternativas de la
herramienta seleccionada.

Formas de crear una nueva capa:

Formas de crear una nuevo grupo:

1.Barra de Men>Capas>nueva >capa

2. Dentro de la ventana capas > clic en cono
crear nueva capa.
Clic

1.Barra de Men>Capas>nueva >grupo

2.Dentro de la ventana capas > clic en el
cono Crear un Nuevo grupo.
Clic

Herramienta de degradado (G)

Alternativas de la herramienta en uso - Herramienta de Degradado (G)

21

Creacin de Capas y Grupos

Aparece una nueva capa sobre la capa

seleccionada o en el grupo seleccionado en el
panel Capas.

22

Introduccin a

Desenfoque: Es un efecto de suavizado para

mapas de bits generado por software de edicin
grfica.

Glosario
Pintura: Es el arte de la representacin grfica
utilizando pigmentos mezclados con otras
sustancias aglutinantes orgnicas o sintticas.
Fotografa: Es el arte y la tcnica para obtener
imgenes duraderas debidas a la accin de la
luz.

Grficos rasterizados: Es el proceso por el

cual una imagen descrita en un formato grfico
vectorial se convierte en un conjunto de pxeles
o puntos para ser desplegados en un medio de
salida digital, como una pantalla de
computadora, una impresora electrnica o una
Imagen de mapa de bits (bitmap).

Lienzo: Es una tela que sirve como soporte a

las artes pictricas hecho normalmente de lino,
algodn o camo, en photoshop se le dice as
al espacio donde se va trabajar.

Aplicacin informtica: Una aplicacin es un

tipo de programa informtico diseado como
herramienta para permitir a un usuario realizar
uno o diversos tipos de trabajos.

Editar: Proceso mediante el cual se manipulan

archivos, fotos, videos, etc, por medio de
programas o tcnicas especiales.

Plataforma Windows: Es el nombre de una

familia de sistemas operativos desarrollados y
vendidos por Microsoft.

Composicin: es la forma en la que se ordenan

los objetos vistos dentro del encuadre, dentro de
lo que efectivamente queda en cuadro

Plataforma
Mac:
Sistema
desarrollado por Apple Inc.

Retoque o Retoque fotogrfico: es una

tcnica que permite obtener otra imagen
modificada, ya sea para lograr una mejor calidad
o ms realismo, o para obtener una composicin
totalmente diferente que distorsione la realidad.
Imagen: (del latn imago) es una representacin
visual, que manifiesta la apariencia visual de un
objeto real o imaginario.
Mapa de bits: Tambin conocida como imagen
matricial, bitmap, raster image o extensin .bmp
(estos dos tomados del ingls), o imagen rster
(un calco del ingls), es una estructura o fichero
de datos que representa una rejilla rectangular
de pxeles o puntos de color, denominada
matriz, que se puede visualizar en un monitor,
papel u otro dispositivo de representacin.
Grficos rasterizados: Es el proceso por el
cual una imagen descrita en un formato grfico
vectorial se convierte en un conjunto de pxeles

23

operativo

Resolucin: La resolucin se refiere a la

cantidad de puntos por unidad de superficie que
componen una imagen en un plano.
Edicin de imgenes: Se ocupa de la edicin
apoyada en computadores de imgenes
digitales, comnmente un grfico rasterizado,
en la mayora de los casos fotos o documentos
escaneados. Estas imgenes son modificadas
para optimizarlas, manipularlas, retocarlas, etc
con el fin de alcanzar la meta deseada.
Calar una imagen: El calado desenfoca los
bordes creando una transicin entre la seleccin
y los pxeles circundantes.
Lorem ipsum: Es el texto que se usa
habitualmente
en
diseo
grfico
en
demostraciones de tipografas o de borradores
de diseo para probar el diseo visual antes de
insertar el texto final.

Texturas: Es una imagen del tipo bitmap

utilizada para cubrir la superficie de un objeto
virtual, ya sea tridimensional o bidimensional,
con un programa de grficos especial.
Multitexturizado es el uso de ms de una textura
a la vez en un polgono.

Web: La World Wide Web (WWW) o Red

informtica mundial es un sistema de
distribucin de informacin basado en hipertexto
o hipermedios enlazados y accesibles a travs
de Internet.
Multimedia: Se utiliza para referirse a cualquier
objeto o sistema que utiliza mltiples medios de
expresin fsicos o digitales para presentar o
comunicar informacin.

Tipografa: (del griego tpos, golpe o

huella, y grf, escribir) es el arte y
tcnica del manejo y seleccin de tipos,
originalmente de plomo, para crear trabajos de
impresin.

JPG: Siglas de Joint Photographic Experts

Group, el nombre del grupo que cre este
formato. jpg es un formato de compresin de
imgenes, tanto en color como en escala de
grises, con alta calidad (a todo color).

Canales RGB: RGB (en Ingls Red, Green,

Blue, en Espaol rojo verde azul) es la
composicin del color en trminos de la
intensidad de los colores primarios de la luz
puede referirse.

PDF: (sigla del ingls portable document format,

formato de documento porttil) es un formato de
almacenamiento de documentos digitales
independiente de plataformas de software o
hardware.

Canales CMYK: (acrnimo de Cyan, Magenta,

Yellow y Key) es un modelo de color sustractivo
que se utiliza en la impresin en colores.
PPI: (en ingls points per inch) o en espaol
PPP (Pixeles por pulgada).
DPI: (en ingls dots per inch) o en espaol PPP
(Puntos por pulgada)
Pxel: (acrnimo del ingls picture element,
elemento de imagen) es la menor unidad
homognea en color que forma parte de una
imagen digital, ya sea esta una fotografa, un
fotograma de vdeo o un grfico.
Web: La World Wide Web (WWW) o Red
informtica mundial es un sistema de
distribucin de informacin basado en hipertexto
o hipermedios enlazados y accesibles a travs
de Internet.

24

Introduccin a

Bibliografa
En wikipedia, La enciclopedia libre. Recuperado en 2013, 10 de junio.
http://es.wikipedia.org/wiki/Adobe_Photoshop

Disponible en

En Taringa, Comunidad virtual. Recuperado en 2013, 10

http://www.taringa.net/posts/info/10189940/Que-es-PhotoShop.html

de

Disponible

En SlideShare, Aplicacin web. Recuperado en

http://es.slideshare.net/marthasalotti/que-es-photoshop

de

2013,

10

junio.

junio.

Disponible

en

en

En Adobe, Photoshop / conceptos bsicos del espacio de trabajo. Recuperado en 2013, 10 de junio.
Disponible
en
http://help.adobe.com/es_ES/photoshop/cs/using/WSfd1234e1c4b69f30ea53e41001031ab64-750ca.
html
En Aula clic.com, El rea de trabajo. Recuperado en 2013, 10 de junio.
http://www.aulaclic.es/photoshop-cs5/t_2_1.htm

Disponible en

Control de documento
Construccin Objeto de Aprendizaje
Introduccin a Photoshop
Desarrollador de contenido
Experto temtico
Asesor pedaggico
Produccin Multimedia

Efran Ernesto Velsquez Altahona

Maria Teresa Camargo Serrano
Luis Antonio Surez Martnez
Oscar Julian Marquez Sanabria

Lder expertos temticos

Tatiana Acosta Patio

Lder lnea de produccin

Santiago Lozada Garcs

En Visin fotogrfica, La resolucin de la imagen digital. 300 dpi vs 72 dpi. Recuperado en 2013, 10
de junio. Disponible en http://www.ecbloguer.com/visionfotografica/?p=1286
En Universitat Jaume, Manual de uso de recursos fotogrficos. Recuperado en 2013, 10 de junio.
Disponible en http://www.uji.es/bin/organs/vices/vpusl/labcap/docs/manual/f9.pdf
En Adobe, Photoshop / conceptos bsicos de capas. Recuperado en 2013, 10 de junio. Disponible en
http://help.adobe.com/es_ES/photoshop/cs/using/WSfd1234e1c4b69f30ea53e41001031ab64-78e3a.
html
En Adobe, Ayuda de Photoshop / Herramientas. Recuperado en 2013, 10 de junio. Disponible en
http://helpx.adobe.com/es/photoshop/using/tools.html
En wikipedia, la enciclopedia libre. Recuperado en 2013, 10 de junio.
https://es.wikipedia.org/wiki/Wikipedia

Disponible en

En Adobe, Photoshop Elements / Suavizado de bordes de seleccin con suavizado y calado.

Recuperado
en
2013,
10
de
junio.
Disponible
en
http://help.adobe.com/es_ES/photoshopelements/using/WS287f927bd30d4b1f2773521512e28aff242
-7fe8.html#WS287f927bd30d4b1f2773521512e28aff242-7fe7

Photoshop, Photoshop Logo, son marcas registradas

propiedades de Adobe. Copyright

En Definicin.de, Definicin de mapa de Bits. Recuperado en 2013, 13 de junio. Disponible en

http://definicion.de/mapa-de-bits/

25

26

I
C
C
U
A
I
D
D
O
E
R
P LTIM
U
M

SENA, de Clase Mundial

E
D