PRODUCCIN DE MULTIMEDIA

Introduccin a Photoshop

Introduccin a
-
Tecnlogo en Produccin de Multimedia

Photoshop
Abrir Photoshop
Interfaz
Espacio de trabajo
Herramientas de trabajo
Creacin de nuevos archivos
-

Caractersticas del Panel o Barra de Herramientas

SENA

Capas

SENA, de Clase Mundial

 Introduccin a

Mapa Conceptual
 Introduccin a

Contenido
Introduccin a

Estructura de contenidos

Pag. Pag.
1 Introduccon.................................................................5 2.5 Creacin de nuevos archivos......................................13

2 Desarrollo de Contenido..............................................5 2.5.1 Resolucin......................................................14

2.5.2 Terminologa...................................................15
2.1 Photoshop................................................................ 5 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.4 Espacio de trabajo....................................................10
2.7 Capas......................................................................... 22
2.4.1 Barra de men..............................................10
2.4.2 Barra de aplicaciones...................................11 2.7.1 Creacin de capas y grupos......................... 22
2.4.3 Conmutador de espacio de trabajo.............. 11
2.4.4 Panel o barra de herramientas.....................12 3 Glosario......................................................................... 23
2.4.5 Botn contraer en cono................................12
2.4.6 Panel de ventanas........................................13 4 Bibliografa.................................................................... 25
2.4.7 Barra de estado............................................13
 Introduccin a

1 Introduccin 2.2 Abrir Photoshop, en Plataforma Windows y Mac

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).
Abrir Photoshop en la plataforma Windows:
Debe dirigirse a inicio > Todos los programas > carpeta de Adobe Master Collection
> Photoshop > clic.

Los mapas de bits se pueden visualizar en monitores, dispositivos mviles, papel u otros 1 2
dispositivos, ya que estan compuestos por una estructura o fichero de datos que representa una inicio > Todos los programas carpeta de Adobe Master Collection >
rejilla rectangular de pxeles o puntos de color. 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.

5 6
 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.

7 8
 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 Espacio de trabajo Adobe Photoshop CS6
anteriores, se le puede modificar el color presionando clic en menu / edicin / Preferencias /
Interfaz / Tema de color / OK. A: Barra de men B: Barra de aplicaciones C: Panel de herramientas D: Conmutador de espa-
cio de trabajo E: Botn contraer en iconos F: Panel de ventanas G: Barra de estado.
1 A D

B
E

C F

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

9 10

Capa: Contiene todo lo referente a las capas.
Crear nueva capa, duplicarla, eliminarla,
rasterizarlas, ordenarlas.
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.
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.
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 Barra de Aplicaciones
Al presionar una herramienta, inmediatamente la barra de aplicaciones, expone alternativas
especficas de la herramienta seleccionada.
2.4.3 Conmutador de espacio de trabajo
11
Vista: Esta ventana expone lo referente al
archivo donde se esta trabajando: aumentar,
reducir, aadir reglas, cuadrculas.
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,..)
Ayuda: Toda la ayuda en lnea que ofrece el
programa de photoshop, Centro de soporte de
photoshop, Avisos legales.
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.
Introduccin a
2.4.4 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 En la parte superior derecha de cada venta se
Herramienta Recortar encuentra el conmutador de espacio, su tarea
es minimizar y maximizar la ventana para
Herramienta Cuenta Gotas
tener mayor espacio a la hora de realizar los
Herramienta Pincel Corrector Puntual trabajos.
Herramienta Pincel Clic
Herramienta Tampn de Clonar
Herramienta Pincel de Historia
Herramienta Borrador
Herramienta Bote de Pintura
Herramienta Desenfocar
Herramienta Sobreexponer
Herramienta Pluma
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

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.
13
Introduccin a
Es donde se encuantran todas las herramientas de edicion del programa, se seleccionan
2.4.7 Barra de Estado 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.
14

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:
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:
*72 dpi usado para visualizar las imgenes en
pantalla (Aplicativos web o multimedia)
15
Introduccin a
*300 dpi, utilizado en los sistemas de
impresin. Diseadores, Fotgrafos, 2.6 Caractersticas del Panel o Barra de Herramientas
Ilustradores y Publicistas.
El Panel o Barra de herramientas, se encuentran todas las herramientas de edicin de Photoshop,
Nota: No se iniciar trabajando con un
por defecto del programa siempre esta al lado derecho de la pantalla, la columna de herramientas
color CMYK, porque hay funciones que
posee un botn, que la convierte en dos columnas con solo un clic.
inhabilita el programa con este color.
Clic
Contenido: Indica especficamente el
contenido de fondo que se aplicar al archivo, 2.6.1 Galera de Herramientas
puede ser transparente, blanco y color de
fondo.
Para seleccionar una de las herramientas solo hay que presionar sobre
Se revisa toda la informacin, se presiona el ella y automticamente se activar, la mayora de herramientas se
botn OK, e inmediatamente se abrir el lienzo encuentran agrupadas y para visualizarlas, tienen un tringulo en la
en el que se trabajar. 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
2.5.3 Guardar Archivo
1. Archivo > Guarda > Photoshop.
Extensin .psd
2. Archivo > Guarda > JPG. Extensin
.jpg
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.
Una Columna
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 Creacin de Capas y Grupos

Formas de crear una nueva capa: Formas de crear una nuevo grupo:

1.Barra de Men>Capas>nueva >capa 1.Barra de Men>Capas>nueva >grupo

2.6.2 Uso de la Barra de Aplicaciones 2. Dentro de la ventana capas > clic en cono
crear nueva capa. 2.Dentro de la ventana capas > clic en el
La barra de aplicaciones se visualiza en la Clic cono Crear un Nuevo grupo.
parte superior izquierda de la pantalla, ella
activa inmediatamente se selecciona una de Clic
las herramientas; tiene la funcin de
proporcionar varias alternativas de la Herramienta de degradado (G) Aparece una nueva capa sobre la capa
herramienta seleccionada. seleccionada o en el grupo seleccionado en el
panel Capas.
Alternativas de la herramienta en uso - Herramienta de Degradado (G)

21 22

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.
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 herramienta para permitir a un usuario realizar
al espacio donde se va trabajar.
Editar: Proceso mediante el cual se manipulan
archivos, fotos, videos, etc, por medio de
programas o tcnicas especiales.
Composicin: es la forma en la que se ordenan
los objetos vistos dentro del encuadre, dentro de
lo que efectivamente queda en cuadro
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
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).
Aplicacin informtica: Una aplicacin es un
tipo de programa informtico diseado como
uno o diversos tipos de trabajos.
Plataforma Windows: Es el nombre de una
familia de sistemas operativos desarrollados y
vendidos por Microsoft.
Plataforma Mac: Sistema operativo
desarrollado por Apple Inc.
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.
Introduccin a
Desenfoque: Es un efecto de suavizado para Web: La World Wide Web (WWW) o Red
mapas de bits generado por software de edicin informtica mundial es un sistema de
grfica. distribucin de informacin basado en hipertexto
o hipermedios enlazados y accesibles a travs
Texturas: Es una imagen del tipo bitmap de Internet.
utilizada para cubrir la superficie de un objeto
virtual, ya sea tridimensional o bidimensional, Multimedia: Se utiliza para referirse a cualquier
con un programa de grficos especial. objeto o sistema que utiliza mltiples medios de
Multitexturizado es el uso de ms de una textura expresin fsicos o digitales para presentar o
a la vez en un polgono. comunicar informacin.
Tipografa: (del griego tpos, golpe o JPG: Siglas de Joint Photographic Experts
huella, y grf, escribir) es el arte y Group, el nombre del grupo que cre este
tcnica del manejo y seleccin de tipos, formato. jpg es un formato de compresin de
originalmente de plomo, para crear trabajos de imgenes, tanto en color como en escala de
impresin. grises, con alta calidad (a todo color).
Canales RGB: RGB (en Ingls Red, Green, PDF: (sigla del ingls portable document format,
Blue, en Espaol rojo verde azul) es la formato de documento porttil) es un formato de
composicin del color en trminos de la almacenamiento de documentos digitales
intensidad de los colores primarios de la luz independiente de plataformas de software o
puede referirse. 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
Control de documento
En wikipedia, La enciclopedia libre. Recuperado en 2013, 10 de junio. Disponible en
Construccin Objeto de Aprendizaje
http://es.wikipedia.org/wiki/Adobe_Photoshop
Introduccin a Photoshop
En Taringa, Comunidad virtual. Recuperado en 2013, 10 de junio. Disponible en
http://www.taringa.net/posts/info/10189940/Que-es-PhotoShop.html Desarrollador de contenido
Efran Ernesto Velsquez Altahona
Experto temtico
Asesor pedaggico Maria Teresa Camargo Serrano
En SlideShare, Aplicacin web. Recuperado en 2013, 10 de junio. Disponible en
http://es.slideshare.net/marthasalotti/que-es-photoshop Luis Antonio Surez Martnez
Produccin Multimedia
En Adobe, Photoshop / conceptos bsicos del espacio de trabajo. Recuperado en 2013, 10 de junio. Oscar Julian Marquez Sanabria
Disponible en
http://help.adobe.com/es_ES/photoshop/cs/using/WSfd1234e1c4b69f30ea53e41001031ab64-750ca. Lder expertos temticos Tatiana Acosta Patio
html

Lder lnea de produccin Santiago Lozada Garcs

En Aula clic.com, El rea de trabajo. Recuperado en 2013, 10 de junio. Disponible en
http://www.aulaclic.es/photoshop-cs5/t_2_1.htm

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. Disponible en

https://es.wikipedia.org/wiki/Wikipedia

En Adobe, Photoshop Elements / Suavizado de bordes de seleccin con suavizado y calado. Photoshop, Photoshop Logo, son marcas registradas
Recuperado en 2013, 10 de junio. Disponible en propiedades de Adobe. Copyright
http://help.adobe.com/es_ES/photoshopelements/using/WS287f927bd30d4b1f2773521512e28aff242
-7fe8.html#WS287f927bd30d4b1f2773521512e28aff242-7fe7

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

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

25 26
 D E
I N
C C
D U D I A
R O E
P LTIM
M U

SENA, de Clase Mundial