eació n

Fase de plan
¿Qué es Photoshop?

s h F l a s h F l a s h
F l a s h F l a s h F la
sh
Flash Flash Fla
Año 2012 - Edción 01

e s P h o t os h op?
¿Qu e
Photoshop
¿Qué es Photoshop?
Historia de Photoshop
Nuevas características
Fase de Planeación

Quién es Thomas y John Knoll

yecto Familia Photoshop
Actividad de pro
los elementos Extensiones PSD
Definición de
de la interfaz
constitutivos Otras extensiones
gráfica
Capas
Actividad de
Producción de multimedia

Tipos de capas
aprendizaje
Conclusiones
najes, artes,
Elaborar perso
elementos que Recursos para profundizar
styles frames y
el proyecto.
intervengan en
Sena

Fase Planeación Sena Producción de multimedia 1

 id o
Ta bl a de co nt en
id o Ta bl a de co nt en

Contenido Photoshop

01 02 03 04

Photoshop Historia de Photoshop Extensiones PSD Capas

¿Qué es photoshop? Nuevas características Otras extensiones Tipos de capas
Quién es Thomas y John Knoll
Familia photoshop
page page page
04 12 14

page
06

05

Conclusiones
Recursos para profundizar

page
20

page
22 Bibliografía page
23 Créditos

2 Sena Producción en
de multimedia Fase
Fase
Planeación
Análisis Fase Planeación
Análisis Sena Producción de
en multimedia 3
 Intros u c c i o n
ió n
ho p

c
ho p Ad ob e Ph ot os

c
Ad ob e Ph ot os

Introdu
op? sh
¿Qué es photo
Imagen 1

op
Logo Photosh obe
g en tomada de Ad
Nota: Ima

B
da fo-
en id o s a P h o toshop la tien
ienv icio de
fi ca , q u e le brinda el serv
tográ y dis-
la do di gi ta l, filtros, efectos
reve áge-
q u e p u ed en aplicarse a im
s,
tintos acabado
.
nes procesadas

tado
s, P h o to sh o p se ha proyec
io
Desde sus inic as líderes en el m
anejo
s he rr am ie nt
como una de la it s y sin duda
lo ha
e m ap a d e b
de archivos d
logrado.

é e s P h o t osh op?
¿Q u
itar y
n

a ubicarse n ta q u e p er mite crear, ed

istori a que le ayudará Es una herram
ie
en pixeles; es
uno
n un poco de h es b as ad as
A continuació manipular imág
en
or del
zados alreded
ó

actual. m ás u ti li
en el contexto de los progra
m as re un
es ar ro ll ar és tas tareas sob
d
mundo, para o asimila una ti
enda
su en to rn
i

d o ;
lienzo simula nzos hasta la fe
cha ha
sd e su s co m ie
fotográfica; de y con
c

do be S ys te m s Incorporated
pertenecido a A conoce en el m
ercado
cr ea ci ón se
más 24 años de ara editar imág
enes
c

otoshop © ro g ra m a p
Ilustración Ph como el mejo
r p
ados en
ct ors mask y pa
inting
. L o s p ro d u ctos desarroll
Ilustraci ó n co n ve
Orozco E. a nivel digital utilizan en dif
erentes
ntrodu

ci ó n de Alejandro h o to sh o p se
No ta : Il u st ra
Diseñador Vis
ual el programa P ositivos
si ón , in te rn et , impresos y disp
medios: televi
móviles.

4 Sena Producción de multimedia Fase Planeación Fase Planeación Sena Producción de multimedia 5

Historia de Photoshop
Antes de la versión 1.0, se crearon tres versiones
de prueba (demos) del año 1988 al año 1990;
ésto indica que la intención de los creadores era
muy seria en cuanto al propósito de creación de
un excelente producto.
Solo hasta la versión 2.5 Photoshop se habilitó
para plataforma Windows, antes de ello, sólo
estaba disponible para plataforma Macintosh. De
acuerdo con esto, puede concluirse que se tomaron
el tiempo necesario para salir con la versión 1.0.
a
i
r
o
s t
6 Sena Producción de multimedia
i
H i s t o r i a
ot os ho p
Hi st or ia de Ph
ot os ho p Hi st or ia de Ph
Imagen 3
Pantalla de Inicio 1988 1.0
Nota: Imagen tomada de Adobe
Imagen 2
Actualmente, Photoshop está
Pantalla de Inicio 1988 Versión Demo 0.63
traducido a más de 15 idiomas
Nota: Imagen tomada de Adobe
y es el programa de referencia
para la edición de imágenes.
Es interesante en la lingüística Thomas Knoll, desarrollador de la
como la palabra Photoshop se Universidad de Michigan durante
ha convertido en un sustantivo su tiempo de estudio desarrolló
e inclusive es utilizada como un programa que mostraba en
verbo, conjugado para denominar un monitor monocromático las
imágenes procesadas digitalmente imágenes en escala de grises;
con este software. admirado, su hermano John, le
pidió ampliar el rango de acción
de este software a una versión que John Knoll hermano de Thomas
Siempre fue una buena elección arrancar en la
abarcará mayor capacidad. Tras ha sido un supervisor de efectos
plataforma Macintosh, siendo estos los mejores
ser convencido por su hermano, visuales, su mejor momento
procesadores para trabajar imagen y diseño.
Thomas se tomó un tiempo de llegó con la película Star Wars
seis meses para adaptar la versión en 1997; hasta la fecha no ha
Su creación estuvo relacionada con la obtención de
original, usó un nombre que ya dejado de figurar en el mundo
imágenes de alta resolución, prepara las imágenes
estaba registrado Image Pro, del cine; en la película Piratas
para la separación de colores, proceso necesario
luego decidió utilizar Photoshop y del Caribe conquistó un premio
en la impresión offset.
aliarse con una firma de hardware de la Academia por su destacada
(scanner) para distribuir unas 200
labor en los efectos especiales.
Su empeño en mejorar el programa, llevó de la mano
copias del programa. Junto con su hermano pasarán
el desarrollo de hardware, pantallas, procesadores,
a la historia como los geniales
tarjetas graficadoras, entre otros.
creadores del mejor y más utilizado
software de edición de imágenes
en el mundo.
Fase Planeación Fase Planeación Sena Producción de multimedia 7
 ot os ho p
Hi st or ia de Ph
ot os ho p Hi st or ia de Ph

Nuevas Características de la nueva versión

Photoshop CS6

Imagen 5

Pantalla de Inicio 2012 CS6

Nota: Imagen tomada de Adobe

Los cambios que se han incorporado a la versión

CS6 son 60% superiores a las aplicadas en CS5,
ésto indica la riqueza de la versión. Es importante
saber que si no se cuenta con la última versión no
Imagen 4
hay de qué preocuparse, pues cada una dispone
John y Thomas Knoll de una cantidad de herramientas interesantes y
Nota: imagen tomada del sitio útiles para lograr una buena edición de imágenes
www.theworldbiography.blogspot.com digitales.

Photoshop es el programa más vendido de
Adobe y sus creadores nunca se imaginaron
llegar a la versión 13 (CS6), que incorpora
nuevas herramientas orientadas al control y
edición de imágenes en 3D y de proceso de
imágenes en movimiento.
Entre los cambios más notorios y promocionados de Photoshop CS6 se cuentan:
Interface
La visualización de la interface
cambió de color y posicionamiento de
las ventanas, todo esto en beneficio
del usuario, los colores dan un
mayor contraste y sus ventanas
brindan una mayor facilidad al
momento de uso.
Autoguardado
y recuperación de
versiones sin guardar, son
características muy útiles.
Eficiencia
en el procesamiento de las imágenes,
lo que hace de Photoshop una
herramienta estable y confiable
al momento de trabajar con ella,
se destaca su nuevo motor Adobe
Mercury Graphics Engine, que
permite trabajo optimizado.

8 Sena Producción de multimedia Fase Planeación Fase Planeación Sena Producción de multimedia 9
 ot os ho p
Hi st or ia de Ph
ot os ho p Hi st or ia de Ph

Ipad Familia de productos Photoshop

se contagió del Photoshop y ahora se presenta con es el conjunto de herramientas sugerido por Adobe
el modo touch para compartir imágenes retocadas para sacar el mayor provecho de las generación,
en las diferentes redes sociales. edición y publicación de imágenes digitales:

• Adobe Photoshop CS6 Extended

• Adobe Photoshop CS6
• Adobe Photoshop Lightroom® 4
• Adobe Photoshop Elements 10
• Adobe Photoshop Elements 10 &
Adobe Premiere® Elements 10

10 Sena Producción de multimedia Fase Planeación Fase Planeación Sena Producción de multimedia 11
 i Exten s i o n e s
D
Ex te ns io ne s PS
D Ex te ns io ne s PS
n s
Extensiones - PSD
e
TGA o TARGA:
Photoshop utiliza la extensión nativa PSD Pho- La abreviatura significa Truevision Graphics
t

toshop Document, también conocida como PDD, Adapter o Truevision Advanced Raster Graphics
x

que hace referencia al uso de varias característi- Adapter. Fueron desarrolladas para las primeras
cas; en sus archivos permite el manejo de: CMYK, tarjetas de IBM, a nivel de gráficos se utilizaron
TIFF:
E

RGB, Pantone, escala de grises, duotono, mul- hasta 32 bits de calidad con un canal alpha de
ticanal, entre otras. El uso de capas es una de 8 bits adicionales; excelente para videojuegos,
Tagged Image File Format es una de las extensiones
las propiedades más importantes de este forma- específicamente al generar sus texturas.
más utilizadas en el campo del diseño por su
to, que es transversal en el paquete de Adobe;
excelente calidad, fue utilizada por Adobe Systems
D

otros programas que permiten el manejo y reco-

desde sus principios y hoy en día los derechos
nocimiento de capas son: Fireworks, Flash, In-
reservados le pertenecen a Adobe.
Design, After Effects, Premiere Pro e Illustartor
ones P S

Otras extensiones PNG:

Photoshop soporta otros formatos de imagen
digital tales como:
PSB:
Photshop Big , hace referencia a
archivos que por su gran tamaño,
más de 300,000 pixeles, deben
ser catalogados en esta extensión.
xtensi
JPG o JPEG:
Desarrollado por Joint Photographic
Experts Group de donde surge la
abreviatura, es un formato con
un nivel de compresión variable
GIF:
Graphics Interchange Format
es el formato más utilizado en
la red por su gran versatilidad,
tamaño, y gran desempeño. Está
Portable Network Graphics, es el formato nativo
de Fireworks con características muy similares a
las del PSD, el uso de las capas son su virtud más
notoria. Tolera imágenes en RGB y escala de grises
con canal de transparencia (alpha). Últimamente RAW:
su uso se ha incrementado en el desarrollo de
Es el formato más “puro” ya que no ha sido procesado
páginas web, ha heredado características similares
por ningún software de imágenes, a excepción del
del formato GIF.
que trae cada cámara digital; se consigue desde
el momento de la toma de la imagen, mantiene la

de 0 a 100%, que permite elegir
entre tamaño del archivo y su
calidad, a más alto el porcentaje
de compresión, más calidad en
los pixeles. Es de las extensiones
más utilizadas en el mundo.
vigente desde el año 1987, una mayor cantidad de información que una imagen
de las principales características digital puede tener. Se puede comparar con el
es la de poder hacer visibles las negativo en la fotografía análoga.
animaciones en la red y uso de
transparencias.

12 Sena Producción de multimedia Fase Planeación Fase Planeación Sena Producción de multimedia 13
 C a p a s
Ca pa s Ca pa s

Capas Tipos de capas

En Photoshop y la mayoría de programas de diseño se manejan las capas Ésta tecnología se usa
para hacer una separación entre un elemento gráfico y otro, de esta forma es posible ubicar cual-
CAPA:
quier elemento encima de otro, se tienen contornos totalmente transparentes, con capacidades de Es el tipo de capa “normal”, a este tipo de capa se
opacidad en un porcentaje 0 a 100%, en donde 0 es totalmente transparente y 100% totalmente vi- le puede dar un nombre, aplicar filtros, duplicarla,
sible; este factor se conoce como ALPHA. Con mencionar solo estas dos características, se obtie- editarla o crear una nueva en blanco (transparente);
nen una variedad de posibilidades. A continuación los tipos de capas que puede tener Photoshop. su uso posibilita la separación de elementos gráficos,
para organizarlos de acuerdo con la necesidad del
diseño o diseñador.
CAPAS CON OBJETOS INTELIGENTES:
Cualquier capa puede convertirse en objeto inteligente,
inclusive se pueden anidar (una dentro de otra);
capa inteligente con objetos inteligentes dentro
de las capas. Su aparición es desde la versión CS2
en el año 2005 y fueron bautizadas como objetos
inteligentes o edición no destructiva.

Imagen 6 Imagen 7
Concepto Capas Pantalla con objeto inteligente y algunos
Nota: Ilustrada por Juan Pablo Donoso Frohard filtros aplicados
Nota: Imagen tomada de Adobe e ilustrada
por Juan Pablo Donoso Frohard

14 Sena Producción de multimedia Fase Planeación Fase Planeación Sena Producción de multimedia 15
 C a p a s
Ca pa s Ca pa s

El gráfico siguiente, muestra un archivo fuente y sus respectivas capas con objetos inteligentes;
el archivo original se encuentra en la parte superior izquierda y su extensión es PSD. Si se
observan las otras ventanas, se vera que su extensión es PSB, ya que son los tipos de capa
que se crean al insertar un objeto inteligente (imagen) y desplegarlo (doble clic); a su vez
una capa inteligente puede contener varias capas normales e inclusive capas de ajuste y capas
con objetos inteligentes, es un forma versátil de controlar cada elemento que haga parte de la
composición, para mantener cada elemento “original”. Su uso no es complejo pero requiere
algo de tiempo para acostumbrarse a él.
Otra de las características esenciales de los objetos inteligentes es que permiten vincular vecto-
res, donde el objeto inteligente es un archivo, lo que lo hace fácilmente editable. Solo con doble
clic se accede a Illustrator y al archivo fuente de vectores, ésta forma de trabajo también es co-
nocida como edición no destructiva, su aplicación es editable y permite ser retirado o modificado
en cualquier momento.

Imagen 8
Concepto Capas con Objetos Inteligentes
Nota: Imagen tomada de Adobe e Ilustrada por
Juan Pablo Donoso Frohard

Imagen 9
Concepto Capas con Objetos Inteligentes
Nota: Imagen tomada de Adobe e Ilustrada por
Juan Pablo Donoso Frohard

16 Sena Producción de multimedia Fase Planeación Fase Planeación 17de multimedia

Sena Producción 17
 C a p a s
Ca pa s Ca pa s

GRUPOS DE CAPAS: CAPA DE RELLENO O AJUSTE:

MASCARA DE CAPA:
La máscara de capa se vincula a una capa normal
y hace las veces de “careta”, ésta capa luce como
una capa negra, invisible, con el espacio que se
reserva, y deja ver el paso de la imagen que se
encuentra en capas inferiores.
Es un conjunto de capas que responden a una
similitud y son constituidas según criterio del
creador del documento; se utilizan básicamente
para organizar el espacio de trabajo, debido a
que en algunos momentos se puede llegar a un
amplio número de capas y su manejo puede ser
complicado.
Este tipo de capa es de carácter no destructiva,
aplica a la capa de ajuste efectos comunes como
brillo, contraste, etc. Evita que el efecto utilizado se
aplique en la capa de ajuste y no directamente a los
pixeles de una capa normal, ayuda a previsualizar,
editar, borrar y modificar el efecto en cualquier
momento.

En la siguiente gráfica se muestran

los diferentes tipos de capas.

Imagen 10 Imagen 11
Máscara de capa Tipos de Capas
Nota: Imagen tomada de Adobe Nota: Imagen tomada de Adobe e ilustrada
por Juan Pablo Donoso Frohard

18 Sena Producción de multimedia Fase Planeación Fase Planeación 19 Sena Producción de multimedia 19
 Co n c l u s i o n e s
Co nc lu si on es Co nc lu si on es

Recursos donde puede

profundizar sobre el tema
Conclusiones

Photoshop es y seguirá siendo el “rey” de los programas para edición de imágenes digitales, esta
afirmación surge a partir de una historia que ya completa un cuarto de siglo.
En la web

http://www.tutorialized.com/tutorials/Photoshop/1
El nivel que ha alcanzado tanto en su interface, herramientas, trabajo colaborativo con otras apli-
http://www.photoshopstar.com/
caciones, calidad, entre otras muchas características ha sido excelente. http://psd.tutsplus.com/

La labor del programa de Photoshop es facilitar, por medio de la interface, el uso de herramien-
tas en los proceso de edición de imágenes en formato digital; nunca será el de incrementar la crea-
tividad de estos proyectos, la creatividad la aporta el diseñador, siempre con criterio de diseño y
un alto nivel de educación gráfica. Los nuevos fotógrafos, diseñadores, artistas y demás usuarios
comunes de Photoshop coinciden en que este programa hace parte activa de la creación de imáge-
nes digitales innovadoras y frescas.
En Libros
Este documento es una introducción y contextualización al mundo de la edición de imágenes di-
gítales a través de Photoshop; la invitación es practicar a diario, ya sea con tutoriales, manuales, Stacy Cates, Simon Abrams, Dan Moughamian, (2009), Adobe Photoshop
libros, o cualquier medio que le permita enriquecer el conocimiento del producto. CS4 Bible, Indianapolis, United States: Wiley publishing Inc.

Grupo Adobe, (2010) Manual de Uso de ADOBE® PHOTOSHOP®

CS5, United States: Adobe Systems Incorporated

Derek Lea, (2009), Creative Photoshop CS4 Digital Illustration and Art
Techniques Burlington, United States: Focal Press is an imprint of Elsevier.

20 Sena Producción de multimedia Fase Planeación Fase Planeación 21 Sena Producción de multimedia 21
 ito ria l
fe re nc ia s y Fu
en te s Cr éd ito s de ed
Bi bl io gr af ía , Re

Equipo de Exper tos temáticos y

de Diseño para Producción de
Bibliografía, Referencias y Fuentes Créditos de editorial Multimedia SENA

Fundación Wikimedia, Inc. (2012, Junio 25) [On line]. Disponible: http://es.wikipedia.org/wiki/ Revisión, Preparación y Líder de produccíon
Photoshop
Compilación.
Iliana Eneth Molina Cuartas
Fundación Wikimedia, Inc. (2012, Junio 29) [On line]. Disponible: http://en.wikipedia.org/wiki/
Layers_(digital_image_editing) Juan Pablo Donoso Frohardt Profesional grado 10
Instructor Líder de Nuevas Tecnologías ilmocu@sena.pedu.co
Stacy Cates, Simon Abrams, Dan Moughamian, (2009), Adobe Photoshop CS4 Bible, Indianapolis,
Centro de Gestión de Mercados, Logística y
United States: Wiley publishing Inc.
Tecnologías de la Información
Revisión Temática
SENA, Regional Distrito Capital
Grupo Adobe, (2010) Manual de Uso de ADOBE® PHOTOSHOP® CS5, United States: Adobe
Systems Incorporated Dorian sully munera rua
dsmunera@misena.edu.co
Derek Lea, (2009), Creative Photoshop CS4 Digital Illustration and Art Techniques Burlington, Diseño editorial
United States: Focal Press is an imprint of Elsevier.
Revisión Metodológica y
Alejandro Orozco Escobar Corrección de Estilo
Diseñador visual Profesional
designifrit@gmail.com Adriana Marcela Bedoya V
abedoya@misena.edu.co

Diagramación
Ilustración
Sergio Andrés Areiza Serna
Diseñador gráfico
Alejandro Orozco Escobar
sergioareiza@hotmail.com Diseñador visual Profesional
designifrit@gmail.com
Colaboración
Mario Andrés Sepulveda Mazo
Alejandro Orozco Escobar
Diseñador visual Profesional
Diseñador visual Profesional m_sepulveda@misena.edu.co

22 Sena Producción en
de multimedia Fase Planeación Fase Planeación
Análisis en multimedia
Sena Producción de 23
 Co nt ra -ta pa

eación
Fase de plan

24 Sena Producción de multimedia Fase Planeación