FP Photoshop

SAVE OFFLINE

n

h s a l F h s a l F h s la F h s a l F h s a l F sh Flash Flash Fla

Año 2012 - Edción 01

¿Qué es Photoshop?

eació Fase de plan

p?

o h s o t o h P s e e ¿Qu

Photoshop ¿Qué es Photoshop? Nuevas características Quién es Thomas y John Knoll yecto

Actividad de pro

los elementos Definición de de la interfaz constitutivos gráfica

Actividad de aprendizaje

najes, artes, Elaborar perso elementos que styles frames y el proyecto. intervengan en

Familia Photoshop

Extensiones PSD Otras extensiones

Capas Tipos de capas

Conclusiones Recursos para profundizar

Sena

Producción de multimedia

Fase de Planeación

Historia de Photoshop

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 Quién es Thomas y John Knoll

Otras extensiones

Tipos de capas

Familia photoshop page

page

page

12

04

14

page

06

05 Conclusiones Recursos para profundizar

page

20

page

22

2

Sena Producción en de multimedia

Fase Fase Planeación Análisis

Bibliografía

Fase Planeación Análisis

page

23

Créditos Sena Producción de en multimedia

3

n ó i c c u d o r Int op?

ho p Ad ob e Ph ot os

ho p Ad ob e Ph ot os

sh ¿Qué es photo

n o i c c u Intros Imagen 1 op Logo Photosh obe tomada de Ad en g Nota: Ima

B

da fotoshop la tien o h P a s o id en ienv icio de brinda el serv le e u q , ca fi tográ y disfiltros, efectos l, ta gi di do la reve ágeaplicarse a im en ed u p e u q s, tintos acabado . nes procesadas tado p se ha proyec o sh to o h P s, io anejo Desde sus inic líderes en el m as nt ie am rr he s lo ha como una de la s y sin duda it b e d a ap m e de archivos d

n ó i c c ntrodu

logrado.

4

op?

sh o t o h P s e é u ¿Q

istori n un poco de h A continuació actual. en el contexto

a

itar y mite crear, ed er p e u q ta n ie uno Es una herram en pixeles; es as ad as b es en or del manipular imág zados alreded li ti u ás m as m re un de los progra tas tareas sob és ar ll ro ar es d enda mundo, para asimila una ti o rn to en su ; o d cha ha lienzo simula nzos hasta la fe ie m co s su e sd y con fotográfica; de s Incorporated m te ys S be do ercado pertenecido a A conoce en el m se ón ci ea cr enes más 24 años de ara editar imág p a m ra g ro p r ados en como el mejo ctos desarroll u d ro p s o L . erentes a nivel digital utilizan en dif se p o sh to o h ositivos el programa P , impresos y disp et rn te in , ón si medios: televi móviles.

a ubicarse que le ayudará

otoshop © Ilustración Ph inting ors mask y pa ct ve n co n ó Ilustraci Orozco E. n de Alejandro ó ci ra st u Il ual : ta No Diseñador Vis

Sena Producción de multimedia

Fase Planeación

Fase Planeación

Sena Producción de multimedia

5

ot os ho p Hi st or ia de Ph

ot os ho p Hi st or ia de Ph

a i r o t s i H

Historia de Photoshop

Imagen 3 Pantalla de Inicio 1988 1.0 Nota: Imagen tomada de Adobe

Imagen 2 Pantalla de Inicio 1988 Versión Demo 0.63 Nota: Imagen tomada de Adobe

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.

a i r o t s i

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.

6

Actualmente, Photoshop está traducido a más de 15 idiomas y es el programa de referencia para la edición de imágenes. Es interesante en la lingüística como la palabra Photoshop se ha convertido en un sustantivo e inclusive es utilizada como verbo, conjugado para denominar imágenes procesadas digitalmente con este software.

Siempre fue una buena elección arrancar en la plataforma Macintosh, siendo estos los mejores procesadores para trabajar imagen y diseño. Su creación estuvo relacionada con la obtención de imágenes de alta resolución, prepara las imágenes para la separación de colores, proceso necesario en la impresión offset. Su empeño en mejorar el programa, llevó de la mano el desarrollo de hardware, pantallas, procesadores, tarjetas graficadoras, entre otros.

Sena Producción de multimedia

Fase Planeación

Fase Planeación

Thomas Knoll, desarrollador de la Universidad de Michigan durante su tiempo de estudio desarrolló un programa que mostraba en un monitor monocromático las imágenes en escala de grises; admirado, su hermano John, le pidió ampliar el rango de acción de este software a una versión que abarcará mayor capacidad. Tras ser convencido por su hermano, Thomas se tomó un tiempo de seis meses para adaptar la versión original, usó un nombre que ya estaba registrado Image Pro, luego decidió utilizar Photoshop y aliarse con una firma de hardware (scanner) para distribuir unas 200 copias del programa.

John Knoll hermano de Thomas ha sido un supervisor de efectos visuales, su mejor momento llegó con la película Star Wars en 1997; hasta la fecha no ha dejado de figurar en el mundo del cine; en la película Piratas del Caribe conquistó un premio de la Academia por su destacada labor en los efectos especiales. Junto con su hermano pasarán a la historia como los geniales creadores del mejor y más utilizado software de edición de imágenes en el mundo. 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 hay de qué preocuparse, pues cada una dispone de una cantidad de herramientas interesantes y útiles para lograr una buena edición de imágenes digitales.

Imagen 4 John y Thomas Knoll Nota: imagen tomada del sitio www.theworldbiography.blogspot.com

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.

8

Sena Producción de multimedia

Fase Planeación

Entre los cambios más notorios y promocionados de Photoshop CS6 se cuentan:

Interface

Autoguardado

Eficiencia

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.

y recuperación de versiones sin guardar, son características muy útiles.

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.

Fase Planeación

Sena Producción de multimedia

9

ot os ho p Hi st or ia de Ph

Ipad

Familia de productos Photoshop

se contagió del Photoshop y ahora se presenta con el modo touch para compartir imágenes retocadas en las diferentes redes sociales.

es el conjunto de herramientas sugerido por Adobe para sacar el mayor provecho de las generación, edición y publicación de imágenes digitales:

• • • • •

10

Sena Producción de multimedia

ot os ho p Hi st or ia de Ph

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

Fase Planeación

Fase Planeación

Sena Producción de multimedia

11

xtensi

i s n e t x E D S ones P 12

D Ex te ns io ne s PS

Extensiones - PSD

TGA o TARGA: La abreviatura significa Truevision Graphics Adapter o Truevision Advanced Raster Graphics Adapter. Fueron desarrolladas para las primeras tarjetas de IBM, a nivel de gráficos se utilizaron hasta 32 bits de calidad con un canal alpha de 8 bits adicionales; excelente para videojuegos, específicamente al generar sus texturas.

Photoshop utiliza la extensión nativa PSD Photoshop Document, también conocida como PDD, que hace referencia al uso de varias características; en sus archivos permite el manejo de: CMYK, RGB, Pantone, escala de grises, duotono, multicanal, entre otras. El uso de capas es una de las propiedades más importantes de este formato, que es transversal en el paquete de Adobe; otros programas que permiten el manejo y reconocimiento de capas son: Fireworks, Flash, InDesign, After Effects, Premiere Pro e Illustartor

Otras extensiones

TIFF: Tagged Image File Format es una de las extensiones más utilizadas en el campo del diseño por su excelente calidad, fue utilizada por Adobe Systems desde sus principios y hoy en día los derechos reservados le pertenecen a Adobe.

PNG:

Photoshop soporta otros formatos de imagen digital tales como:

PSB:

JPG o JPEG:

GIF:

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.

Desarrollado por Joint Photographic Experts Group de donde surge la abreviatura, es un formato con un nivel de compresión variable 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.

Graphics Interchange Format es el formato más utilizado en la red por su gran versatilidad, tamaño, y gran desempeño. Está vigente desde el año 1987, una de las principales características es la de poder hacer visibles las animaciones en la red y uso de transparencias.

Sena Producción de multimedia

D Ex te ns io ne s PS

s e n o i s Exten

Fase Planeación

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 su uso se ha incrementado en el desarrollo de páginas web, ha heredado características similares del formato GIF.

Fase Planeación

RAW: Es el formato más “puro” ya que no ha sido procesado por ningún software de imágenes, a excepción del que trae cada cámara digital; se consigue desde el momento de la toma de la imagen, mantiene la mayor cantidad de información que una imagen digital puede tener. Se puede comparar con el negativo en la fotografía análoga.

Sena Producción de multimedia

13

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 cualquier elemento encima de otro, se tienen contornos totalmente transparentes, con capacidades de opacidad en un porcentaje 0 a 100%, en donde 0 es totalmente transparente y 100% totalmente visible; este factor se conoce como ALPHA. Con mencionar solo estas dos características, se obtienen una variedad de posibilidades. A continuación los tipos de capas que puede tener Photoshop.

Imagen 6 Concepto Capas Nota: Ilustrada por Juan Pablo Donoso Frohard

14

Sena Producción de multimedia

Ca pa s

s a p a C

Fase Planeación

CAPA:

CAPAS CON OBJETOS INTELIGENTES:

Es el tipo de capa “normal”, a este tipo de capa se le puede dar un nombre, aplicar filtros, duplicarla, editarla o crear una nueva en blanco (transparente); su uso posibilita la separación de elementos gráficos, para organizarlos de acuerdo con la necesidad del diseño o diseñador.

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 7 Pantalla con objeto inteligente y algunos filtros aplicados Nota: Imagen tomada de Adobe e ilustrada por Juan Pablo Donoso Frohard

Fase Planeación

Sena Producción de multimedia

15

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.

Ca pa s

s a p a C

Otra de las características esenciales de los objetos inteligentes es que permiten vincular vectores, 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 conocida 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

Ca pa s

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.

Ca pa s

s a p a C

GRUPOS DE CAPAS:

CAPA DE RELLENO O AJUSTE:

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 Máscara de capa Nota: Imagen tomada de Adobe

18

Sena Producción de multimedia

Fase Planeación

Imagen 11 Tipos de Capas Nota: Imagen tomada de Adobe e ilustrada por Juan Pablo Donoso Frohard

Fase Planeación

19

Sena Producción de multimedia

19

Co nc lu si on es

Co nc lu si on es

s e n o i s u l c n Co

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

El nivel que ha alcanzado tanto en su interface, herramientas, trabajo colaborativo con otras aplicaciones, calidad, entre otras muchas características ha sido excelente.

http://www.tutorialized.com/tutorials/Photoshop/1 http://www.photoshopstar.com/ http://psd.tutsplus.com/

La labor del programa de Photoshop es facilitar, por medio de la interface, el uso de herramientas en los proceso de edición de imágenes en formato digital; nunca será el de incrementar la creatividad 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ágenes digitales innovadoras y frescas. Este documento es una introducción y contextualización al mundo de la edición de imágenes digítales a través de Photoshop; la invitación es practicar a diario, ya sea con tutoriales, manuales, libros, o cualquier medio que le permita enriquecer el conocimiento del producto.

En Libros Stacy Cates, Simon Abrams, Dan Moughamian, (2009), Adobe Photoshop 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

en te s fe re nc ia s y Fu Bi bl io gr af ía , Re

ito ria l Cr éd ito s de ed

Equipo de Exper tos temáticos y de Diseño para Producción de Multimedia SENA

Créditos de editorial

Bibliografía, Referencias y Fuentes Fundación Wikimedia, Inc. (2012, Junio 25) [On line]. Disponible: http://es.wikipedia.org/wiki/ Photoshop Fundación Wikimedia, Inc. (2012, Junio 29) [On line]. Disponible: http://en.wikipedia.org/wiki/ Layers_(digital_image_editing) Stacy Cates, Simon Abrams, Dan Moughamian, (2009), Adobe Photoshop 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.

Revisión, Preparación y Compilación. Juan Pablo Donoso Frohardt Instructor Líder de Nuevas Tecnologías Centro de Gestión de Mercados, Logística y Tecnologías de la Información SENA, Regional Distrito Capital

Líder de produccíon Iliana Eneth Molina Cuartas Profesional grado 10 [email protected]

Revisión Temática Dorian sully munera rua

Diseño editorial

[email protected]

Alejandro Orozco Escobar

Revisión Metodológica y Corrección de Estilo

Diseñador visual Profesional [email protected]

Adriana Marcela Bedoya V [email protected]

Diagramación

Ilustración

Sergio Andrés Areiza Serna Diseñador gráfico [email protected]

Colaboración Alejandro Orozco Escobar Diseñador visual Profesional

22

Sena Producción en de multimedia

Fase Planeación

Fase Planeación Análisis

Alejandro Orozco Escobar Diseñador visual Profesional [email protected]

Mario Andrés Sepulveda Mazo Diseñador visual Profesional [email protected]

en multimedia Sena Producción de

23

Co nt ra -ta pa

ación

e Fase de plan

24

Sena Producción de multimedia

Fase Planeación