SERVICIO NACIONAL DE APRENDIZAJE SENA

SISTEMA INTEGRADO DE GESTIN

Procedimiento Ejecucin de la Formacin Profesional
Integral
GUA DE APRENDIZAJE

Versin: 02
Cdigo: GFPI-F-019

GUA DE APRENDIZAJE
PHOTOSHOP
1. IDENTIFICACIN DE LA GUIA DE APRENDIZAJE
Programa
de Cdigo:
524139
2
Formacin:
Versin:
PREPRENSA
DIGITAL
PARA
MEDIOS IMPRESOS
Nombre
Proyecto:
PRODUCCIN
INTERACTIVA

del
906100
Cdigo:

Fase del proyecto:

FASE N 1 PLANEAR (Preproduccin
Multimedial)
Actividad (es)
de Aprendizaje:

Actividad (es) del

Proyecto:

Disear la
Interfaz Grfica
del Proyecto de
acuerdo la
informacin
recolectada y
los parmetros
de diseo y
maquetacin.

Ambiente
de
formacin
ESCENARIO
Aula
Institucin
Educativa.
Ambientes
con
equipos de
cmputo, y
ventilacin
adecuada
para los
mismos.

MATERIALES DE FORMACIN
DEVOLUTIV CONSUMIBLE
O
- Block para
Computad
notas y
ores
Intel
grficos
Core i5, con
- Colores
8 Gb de
- Marcadores
Ram,
y
- Lpices
disco duro
de 1000 Gb
Video Beam
(Para
Exposicin)
Cmara
Digital para
registros.
Scanner
multifuncio
nal

Resultados
Aprendizaje:

de Competencia:
DISEAR LA
Pgina 1 de 22

SERVICIO NACIONAL DE APRENDIZAJE SENA

GUA DE APRENDIZAJE

SISTEMA INTEGRADO DE GESTIN

Proceso Gestin de la Formacin Profesional Integral
Procedimiento Ejecucin de la Formacin Profesional Integral
INTERPRETAR EL
GUIN MULTIMEDIA
(LITERARIO Y
TCNICO) DE
ACUERDO A LOS
CONCEPTOS DE
DISEO
GRFICO.

Versin: 02
Cdigo: GFPI-F-019

SOLUCIN
MULTIMEDIAL DE
ACUERDO CON
EL INFORME DE
ANLISIS DE LA
INFORMACIN
RECOLECTADA

IDENTIFICAR LOS
ELEMENTOS DEL
DISEO GRFICO
PARA LA
COMPOSICIN DE LA
MULTIMEDIA

Duracin
de
la
gua ( en horas):
70 Horas

2. INTRODUCCIN
En los momentos de crisis, slo la imaginacin es ms importante que el conocimiento.

(1899-1980) Director de cine britnico.

PHOTOSHOP Y UN POCO DE HISTORIA

Photoshop es uno de los programas ms tradicionales de la familia Adobe Sistems Inc desde sus
inicios en 1987, teniendo como caracterstica principal el retoque digital fotogrfico, adaptando la
capacidad de la fotografa convencional al perfeccionamiento de la misma imagen con los
motores digitales pare efectos, rasterizados y manipulacin digital. Su primera versin fue la 1.0 y
contaba con 20 herramientas y un dispositivo CMYK y convertidor a EPS; hoy en da se cuenta
con la versin CC (Creative Cloud) con notables mejoras en todos los niveles a travs de 3
dcadas.

Pgina 2 de
22

APLICACIONES
A parte de la manipulacin digital para fotos profesionales, otro de sus grandes fuertes es la
ilustracin digital con gran nfasis en el Arte Conceptual, Diseo de Personajes ilustrados para
Videojuegos, texturizado de pieles para 3D y un sinfn de aplicaciones en la industria del
entretenimiento digital. El diseo web tambin hace parte de su prontuario de herramientas;
permitiendo el desarrollo de imgenes especficas para interfaces Sectorizadas y compatibles con
programas como Flash, Dream Weaver y Adobe Muse.
ASPECTOS TCNICOS
Fundamentalmente este programa se centra en varios motores grficos que se remiten a los
modelos (RGB) para el mejoramiento y condicionamiento de las fotos para su alta definicin.
Permite trabajar con los bitmaps, de forma eficiente, se utiliza tambin para la maquetacin web y
el fotomontaje con la posibilidad de exportar archivos digitales para video, animacin y contenido
web. El sistema Open Gl tambin est presente en esta plataforma, la optimizacin de los
motores de rendimiento de imagen permiten crear imgenes digitales e ilustraciones profesionales
increbles, elementos usados en el diseo de avisos de revista, ilustracin de personajes para
video juegos, fotomontajes fantsticos y efectos visuales contundentes para dar ms dinamismo a
las creaciones visuales y la produccin multimedia digital.

LO QUE PUEDES LOGRAR

Cada aprendiz estar en competencia de reconocer todos estos sistemas digitales de retoque por
medio del desarrollo de reconocimiento de las herramientas, el uso de capas, modos, canales y
efectos para su uso en la imagen digital y lo ms Importante es, que podrs alcanzar mltiples
propsitos para desarrollar imgenes profesionales para interfaces o el desarrollo de pintura digital
para tus personajes o espacios visuales que requiera tu multimedia.

3. ESTRUCTURACION DIDACTICA DE LAS ACTIVIDADES DE APRENDIZAJE

Pgina 3 de
22

El que tiene imaginacin, con qu facilidad saca de la nada un mundo.

(1879-1955) Cientfico alemn nacionalizado

3.1 Actividades de Reflexin inicial.

Tcnica Didacticas: Observacin, Estudio de Casos
Estrategias Didcticas:

Ubquese en el ambiente de aprendizaje dispuesto en la I.E conforme a

la proyeccin de pantalla y las mesas para trabajo creativo
Reciba el material introductorio al software.
Conforme equipos de trabajo de mximo 4 personas el ambiente donde
deber trabajar las actividades Reflexin Inicial, de apropiacin y
transferencia de conocimiento.
Comience con el desarrollo de la gua en el punto 3.2.

3.1.2 Video Introduccin.

Vea atentamente el Video Dream ON del homenaje de los 25 aos de
adobe Photshop, en el siguiente link (En caso de no tener acceso a web;
solicite al instructor el video de apoyo):
https://www.youtube.com/watch?v=QmYc1MNJaQc
3.3 En equipos de trabajo y con base en el video, realice un poster
creativo que contenga una frase la cual exprese el mensaje del video y
mencione al menos una caracterstica principal del Programa
Phothoshop.

Evidencia, Producto o Entregable: Poster o infogrfico y exposicin

Tiempo para esta actividad: 1hora y 20 minutos.
3.1.3 Lectura de Reflexin
3.4 En equipos de Trabajo lean atentamente el siguiente Artculo , tomado
de DiarioTi.com - el diario del profesional TI:
Los efectos de Photoshop en la autoestima de las jvenes.. un dilema tico y de marketing
Opinin: Investigacin analiza el impacto que tienen las modelos retocadas con Photoshop en la
evaluacin del producto y la autoestima de las jvenes. El estudio lleva a reflexionar sobre la tica
en el sector del marketing y sobre las medidas a adoptar para invertir esta tendencia.
En el artculo de investigacin El impacto de las modelos retocadas con el ordenador sobre la evaluacin
del producto y sobre la autoestima de las jvenes , se analiza el impacto de los efectos de Photoshop
sobre el acto de compra, as como el impacto que tiene para la autoestima de las jvenes adolescentes. El
estudio lleva a reflexionar sobre la tica en el sector del marketing y sobre las medidas a adoptar para
invertir esta tendencia.
En el marco de este trabajo de investigacin, Adilson BORGES, DGA de la escuela de negocios
NEOMA interrog a 225 chicas jvenes en Francia. El anlisis de los resultados obtenidos le ha permitido
poner de manifiesto el doble efecto que produce una foto retocada con el ordenador sobre el
consumidor. Los resultados confirman que los retoques suponen un importante dilema tico para los
profesionales del marketing , explica Adilson Borges.

Pgina 4 de
22

Una influencia positiva en el momento de la compra

Por, un lado ejerce una influencia positiva en la valoracin del producto. Modificar por ordenador las
imgenes parece facilitar de manera significativa el acto de compra por el consumidor, con un evidente
impacto para la rentabilidad del producto. Los resultados del estudio demuestran que una foto retocada
por ordenador aumenta la intencin de compra y la predisposicin a pagar ms por el producto (llegando a
casi un 20 % ms cuando la foto de la modelo se ha retocado por ordenador). Se incrementa as el
atractivo de los productos, lo que explica el uso continuado de estas tcnicas en el sector del marketing y
de la publicidad.

pero un peligro para las jvenes

Por otro lado este estudio demuestra que las imgenes retocadas por ordenador tienen un efecto negativo
sobre visin que tienen las jvenes de s mismas. El anlisis revela que el uso de esta tcnica parece
afectar negativamente la imagen que las jvenes tienen de s mismas, imponindoles un ideal difcil de
alcanzar y que conlleva considerables implicaciones para la sociedad. Las jvenes expuestas a fotos
retocadas muestran menos satisfaccin por su propia apariencia fsica, se sienten menos en confianza en
sus relaciones sociales y tienen una autoestima ms baja que a las que se les expuso una foto no
retocada. Los consumidores sienten un deseo de corresponder a la imagen, ignorando a veces que se
utilizan frecuentemente programas (tipo Photoshop) para retocar las fotos de los cuerpos de las modelos
El impacto de la representacin de tales modelos sobre la satisfaccin corporal y la autoestima de las
jvenes es preocupante porque 41 personas mueren de media cada da de anorexia o bulimia en Francia.
Autor:
Por Adilson BORGES, DGA de la escuela de negocios NEOMA

Fecha Publicacin:
Lunes 27 de Abril de 2015
Direccin
de
enlace:
http://diarioti.com/los-efectos-de-photoshop-en-laautoestima-de-las-jovenes-un-dilema-etico-y-de-marketing/84202/
3.1.4 De acuerdo al anterior Artculo, realicen mapa conceptual en el
cual propongan ideas creativas para aplicar este software en fines
que beneficien la imagen como medio de expresin.
Enuncie en el mismo mapa otras aplicaciones del programa en
los medios Visuales y Multimediales.
Utilize los siguientes Links o visite las siguientes pginas para
complementar sus ideas:
http://www.blogdelfotografo.com/7-motivos-para-usar-photoshop/
http://www.tallerartedigital.com/

Evidencia, Producto o Entregable: Mapa Conceptual grfico

Tiempo para esta actividad: 1hora.
En las tinieblas la imaginacin trabaja ms activamente que en plena luz.

(1724-1804) Filosofo alemn.

3.2 Actividades de contextualizacin e identificacin de conocimientos

necesarios para el aprendizaje.)
Pgina 5 de
22

3.2.1 Actividad de Opinin y Contexto en el entorno social

Tcnica Didctica: Anlisis de la Situacin , Debate y Exposicin

Estrategia Didctica:
Vea el siguiente video Adobe Evolution en el link:
https://youtu.be/hibyAJOSW8U

Lea la siguiente Observacin:

En el video Adobe Evolutin se evidencia aparentemente que
el software ms usado para las imgenes publicitarias y
visuales, es el programa de Adobe Pothoshop el cual nos
muestra como una persona natural es exponencialmente
sometida a cambios hipotticos y retoques exagerados para
alcanzar el prototipo de Belleza Ideal.
En equipos de Trabajo respondan la siguiente Pregunta:
Considera usted que el Diseador Multimedial debe ser tico y
responsable ante el uso y manipulacin de imgenes digitales?
Justifique su respuesta.
Exponga sus opiniones frente a los Compaeros
Tiempo de La Actividad : 10 Minutos

Realicen un mapa grfico comparativo de las ventajas positivas en el

uso de este software y las desventajas en el uso irresponsable del
mismo para fines que perjudiquen la imagen y la tica del ser
humano. Comparta con los compaeros sus resultados a modo
Expositivo.

Evidencia, Producto o Entregable: Poster o infogrfico

Tiempo para esta actividad: 1hora y 20 minutos.

3.3 Actividades de apropiacin del conocimiento (Conceptualizacin y

Teorizacin).
3.3.1 Taller

Lenguaje Tcnico Photoshop, herramientas en el idioma Ingls y

traduccin de Banners publicitarios
Es importante resaltar que no todo el software es en idioma espaol, ya que
estos mismos vienen en mltiples lenguajes para diversos consumidores
Pgina 6 de
22

digitales en los dems pases, siendo el idioma ingls el ms requerido en

estas aplicaciones. Por lo tanto una manera de reconocer la Interfaz del
programa es por medio del aprovechamiento de la disposicin de las
herramientas que en varias de sus presentaciones disponibles vienen en el
idioma Ingls. Los aprendices tienen como misin investigar y consultar
dichas herramientas antes de utilizar debidamente el programa para los
fines visuales y digitales.
Nota: Se recomienda la Instalacin de Adobe Photshop descargando la
versin de prueba en la Pgina oficial www.adobe.com. Con la gua del
Instructor a Cargo
Tcnicas Didcticas: Taller en Equipos de Trabajo, Exposicin y
Demostraciones
Estrategia Didctica:
1. Los aprendices se organizaran en equipos de 4 personas (Pueden trabajar en
equipos de proyecto si es concertado entre los aprendices y el instructor).
2. Cada equipo deber investigar las herramientas tcnicas y grficas en el
idioma Ingles del Software Adobe Phothoshop. Las herramientas sern
divididas segn las siguientes partes de la interfaz o temas:
- Men contextual. (Equipo 1)
Procedimiento: Investigar su funcin y su traduccin tcnica en ingls
- Barra de Herramientas. (Equipo 2)
Procedimiento: Investigar su funcin y su traduccin tcnica en ingls
- Panel Acoplable. (Equipo 4)
Procedimiento: Investigar su funcin y su traduccin tcnica en ingls
- Atajos bsicos de Teclado y Click derecho. (Equipo 5)
Procedimiento: Investigar su funcin y su traduccin tcnica en ingls
- Formatos o tamaos de documento. (Equipo 6)
Procedimiento: Investigar su funcin y su traduccin tcnica en ingls
- Tipos de Piezas Visuales. (Equipo 7)
Procedimiento: Investigar su funcin y su traduccin tcnica en ingls
Para dicho punto usar la gua de Apoyo Interfaz y el Documento Gua
de Photshop 1 / Fotomontaje / Primer Contacto
3. Investigar una Pgina Web que este en el idioma Ingls. Realizar la traduccin
de las interfaces y los contenidos ms importantes de la misma.
4. Cada equipo puede usar de referencia noticias sobre software de Photoshop en
Ingls el cual podr consultar y descargar la versin de prueba en la pgina
oficial: www.adobe.com.
5. Por equipos deben disear un afiche o poster que explique las temticas
anteriormente mencionadas. Dicha evidencia puede ser elaborada
digitalmente en presentacin wix, Pow Town, presi o a mano.
Pgina 7 de
22

6. Cada equipo realizara su respectiva exposicin en un tiempo bsico de 5

minutos.
7. Se realizara la respectiva retroalimentacin al final de la actividad para
compartir conceptos, opiniones e ideas.
Nota: Apyese del siguientes enlace o pgina vigente para la consulta de
Interfaces:
http://adobe.conectatutoriales.com/

Evidencia, Producto o Entregable: Afiche digital, Infogrfico, exposicin y

Presentacin en plataforma Wix
Tiempo para esta actividad: 1 semana (Entrega Concertada con Instructor).
3.3.2 Teora del Pixel y los tipos de Imgenes Digitales
Tcnica Didctica: Anlisis, Cuadro Comparativo, Taller
Estrategia Didctica:
1. Analizar los siguientes conceptos y realizar un grfico
comparativo.
Concepto 1: Recordando el Vector.
Sabemos que las imgenes Vectoriales son objetos geomtricos
constituidos por lneas, curvas, nodos y formas basados en modelos
digitales matemticos. Como resultado podemos ver imgenes con
bordes y rellenos de tonalidades que pueden expandirse sin perder
nitidez, calidad y forma en una pantalla.
Concepto 2: Sobre el Pixel.
Las imgenes fotogrficas y Digitales estn conformadas por
diminutas estructuras aparentemente cuadradas las cuales tienen
informacin de color con mayor gama y tono muy comunes en la
fotografa y las imgenes digitales.
2. Observe Los ejemplos:

Pgina 8 de
22

3. De acuerdo a los ejemplos anteriores y los conceptos, desarrollen

una consulta en equipos de Trabajo e Investigue los Temas Pixel
y Vector, analicen el significado, ventajas y desventajas y en
que medios se aplican.
4. Realicen un afiche comparativo donde puedan evidenciar las
diferencias de ambos conceptos y describir las evidencias
recolectadas de la consulta.

Evidencia, Producto o Entregable: Afiche digital con cuadro comparativo y

exposicin
Tiempo para esta actividad: 1 semana (Entrega Concertada con Instructor).

a. Actividades de transferencia del conocimiento.

3.4.1 Introduccin al uso del Software PHOTOSHOP para retoque digital
Para las siguientes actividades, el Instructor debe realizar regularmente la
introduccin de los contenidos y la explicacin paso a paso de las herramientas,
Pgina 9 de
22

tcnicas y procedimientos. Teniendo en cuenta las diversas guas de Apoyo y

recursos digitales que se dispongan en la Web como material adicional.
Tcnicas Didcticas: Talleres, Prcticas y Demostraciones
Estrategia Didctica:
2. Ubquese en el ambiente de aprendizaje en la sala de sistemas en su equipo
correspondiente
3. Abra o ejecute el Programa Adobe Photshop Cs6 y prepare un archivo Nuevo en
tamao Carta Horizontal
4. Siga la Orientacin paso a paso del Instructor quien dara las pautas para el
manejo de la plataforma. Se recomienda apoyarse en la gua Tutorial
Photoshop parte 1(Solicitelo al instructor en formato WAV) o
consulte el video el siguiente Canal del instructor en You Tube:
https://youtu.be/VmsLeRaKTbw
5. El Instructor realiza la Induccin y la demostracin prctica en temas y
contenidos relacionados al Manejo de las herramientas digitales primarias
como el uso de las herramientas de Seleccin, Movimiento y Administracin de
capas con figuras primitivas relacionadas a las herramientas de dibujo, formas,
lnea color de relleno y trasparencia. Incluidas muestras de portafolios de
fotogrficas, montajes e ilustraciones digitales relacionadas a personajes para
video Juegos.
6. El Instructor debe realizar presentacin Formatos y propiedades de imgenes:
TIFF (Tagged Image File Format); EPS (Encapsulated PostScript); JPG (Joint
Photographic Experts Group). BMP (Bit Mp Picture) Consulte la Gua de Apoyo:
Sobre los Formatos de Archivo para el mejor entendimiento del presente
punto.
7. Desarrollar laActividad : Construyendo mi primer Wall Paper

Desarrolle el diseo Digital de Un Wall Paper Creativo o fondo de escritorio en un

tamao de 1024 x 768 Pixeles y con una Resolucin de 300pixels en el Software
Photoshop. Aplique en el diseo una composicin que contenga buena distribucin
de elementos geomtricos figuras y formas utilizando la creatividad y el sentido de la
proporcin.
Use el video de Apoyo TurorialPhotoshop parte 2 (Solictelo al Instructor en
formato WAV) o consulte el video el siguiente Canal del instructor en You
Tube: https://youtu.be/hw4n37xr79I
8. Al finalizar su composicin, Guarde el archivo en formato .PSD y Exporte los
documentos en los formatos Digitales (JPG, PDF y PNG).
9. Guardar la Actividad en una Carpeta Raiz Comprimida en Winrar y
Pgina 10 de
22

sbala a la Plataforma en el
Botn Evidencias Aprendices.

Evidencia, Producto o Entregable: Afiche digital

Tiempo para esta actividad: 1 semana (Entrega Concertada con Instructor).

3.4.2 Siluetas y recortes para elaborar un mundo Imaginario

Para realizar la siguiente actividad, se recomienda consultar el video
tutorial de apoyo: Taller Composicin Photoshop (Solictelo al instructor
en formato WAV) o consulte el video en el siguiente Canal del instructor en
You Tube: https://youtu.be/MbW2keCLI3A
Tcnicas Didcticas: Talleres, Prcticas y Demostraciones
Estrategia Didctica:
10.Realizar una consulta sobre los temas: Fotomontaje,Collage y Cadver
Exquisito con su respectiva bibliografa y referencia.
11.Documente la consulta en formato. Doc
12.Lea la siguiente artculo sobre el libro Alicia en el Pas de las Maravillas
en la pgina web Un libro para Esta Noche ubicada en la siguiente
direccin URL: http://unlibroparaestanoche.com/2014/01/03/alicia-en-el-paisde-las-maravillas-lewis-carroll/
13.Vea el siguiente Video Triler de la Pelcula Alicia en el Pas de las
Maravillas en la pgina de You tuve: https://youtu.be/yJpAqAA3KzY
14.
Con base en el triler de la pelcula, descargue imgenes de objetos,
personas, personajes, escenarios a los cuales debe realizar recortes con las
diferentes herramientas de seleccin y silueteado de forma precisa y bien
pulida.
15.
Capture mnimo 5 fotos propias de Objetos, personas o texturas, con
una cmara digital o celular en excelente resolucin y agrguelas a su galera
de imgenes
16.Con dichas imgenes realice una fotocomposicin creativa inspirada en el libro
Alicia en el Pas de las Maravillas en un rea de trabajo a tamao 1024 x
768 pixeles a 150 pixeles de resolucin.
La fotocomposicin podra tener el siguiente Aspecto:

Pgina 11 de
22

17.Al finalizar su composicin, Guarde el archivo en formato .PSD y Exporte los

documentos en los formatos Digitales (JPG, PDF y PNG).
18.Guarde la Actividad en una Carpeta Raz Comprimida en Winrar y
sbala a la Plataforma en el Botn Evidencias Aprendices.

Evidencia, Producto o Entregable: Afiche digital y consulta en formato.

doc
Tiempo para esta actividad: 1 semana (Entrega Concertada con Instructor).
3.4.3 Volumen y Color para Pintura de Personajes
La integracin Multimedia es un medio con mltiples propsitos y una de sus grandes
ventajas se basa en el desarrollo de guiones y Story Boards los cuales son aplicados
en personajes para video juegos, comics o narrativas digitales. Esta actividad
permite conocer por medio de las herramientas de pintura digital los aspectos
esenciales para usar las brochas y texturas de Photoshop.

Pgina 12 de
22

Tcnicas Didcticas: Talleres, Prcticas y Demostraciones

Estrategia Didctica:
19.Realizar una Consulta sobre los siguientes temas: Qu es un Personaje? Y
que significa Mascota Publicitaria?
20.Documentar la consulta en formato .doc
21.Descargar un personaje o dibujo de Google o Bing con la palabra clave:
Personajes para colorear o coloring characters
22.Utilizar la gua de apoyo PDF Guia Photoshop 3/ Colorear dibujos en
lneas
23.Borre el fondo del personaje y colorize sus partes utilizando la paleta de
colores y las herramientas de pincel y seleccin.
24.Al finalizar el personaje disee un fondo creativo con un ttulo y la descripcin
del personaje utilizando la herramienta texto. El personaje debe verse
presentado a modo de poster descriptivo
25.Al finalizar su composicin, Guarde el archivo en formato .PSD y Exporte los
documentos en los formatos Digitales (JPG, PDF y PNG).
26.Guarde la Actividad en una Carpeta Raz Comprimida en Winrar y
sbala a la Plataforma en el Botn Evidencias Aprendices.

Evidencia, Producto o Entregable: Afiche digital y consulta en formato.

doc
Tiempo para esta actividad: 1 semana (Entrega Concertada con Instructor).

3.4.4 Realizando Una Interfaz Grfica con Photoshop

Photoshop tiene excelentes caractersticas a la hora de generar imgenes en los
Pgina 13 de
22

formatos PNG y GIf los cuales se relacionan a la animacin y la web. Su utilidad es

total en el sentido de construir grficos digitales como botones, imgenes para
banners o estructuras sencillas para el cabezote de un portal digital .
Tcnicas Didcticas: Talleres, Prcticas y Demostraciones
Estrategia Didctica:
1. Realice la bocetacin de una interfaz para un a web basada en una las
tipologas multimedia: Comercial, Publicitaria, Educativa o informativa.
2. Realice la bocetacin de los iconos y botones para la interfaz
3. Segn la tipologa seleccionada consulte informacin, tipografas, imgenes
y fotos para aplicar en la interfaz.
4. En el programa Photoshop Disee una interfaz con secciones y presentacin
del Home en un formato de 1024 x 768px con una resolucin de 150
pixeles en RGB. Los botones y los iconos realizarlos en 72 pixeles. El
aspecto visual de la pgina debe contener espacios publicitarios, enlaces a
redes sociales y toda la arquitectura grfica de una web.
5. Con la Herramienta Sectorizar divida las partes de la interfaz y guarde para
la web en formato PNG24 de forma que las partes queden listas para ser
utilizadas en Dream weaver o adobe Muse.
6. Exporte la interfaz completa a los formatos JPG y PNG
7. Al finalizar su interfaz, Guarde el archivo en formato .PSD y Exporte los
documentos en los formatos Digitales (JPG, PDF y PNG).
8. Guarde la Actividad en una Carpeta Raz Comprimida en Winrar y
sbala a la Plataforma en el Botn Evidencias Aprendices.

Evidencia, Producto o Entregable: Interfaz Digital en Carpeta Raiz

Tiempo para esta actividad: 1 semana (Entrega Concertada con Instructor)

3.4 Actividades de evaluacin.

Evidencias de
Aprendizaje

Criterios de
Evaluacin

Tcnicas de
evaluacin

Instrumentos de
Evaluacin

Evidencias de
Pgina 14 de
22

Conocimiento :
Exposicin de
Afiche sobre las
herramientas ms
importantes de
Photoshop y los
logros
significativos en la
industria del arte
digital.
Reconocimiento
del contexto social
y cultural en
cuanto el impacto
del programa
como herramienta
de comunicacin
visual. Exposicin
de poster
comparativo de
las ventajas
positivas y
desventajas de la
herramienta.
Debate sobre
artculo de prensa
sobre el impacto
del programa en
los jvenes.

Consulta sobre las

diferentes partes
de la Interfaz del
Programa en sus
versiones espaol
e ingls.
Presentacin
soportada en un
poster o afiche

REALIZA EL
BOCETO DE LA
INTERFAZ GRFICA
DEL PROYECTO
APLICANDO
TCNICAS
CREATIVAS Y
ELEMENTOS DEL
DISEO GRFICO.

EDITA ELEMENTOS
GRFICOS SEGN
LA PLATAFORMA DE
DIFUSIN.

EDITA ELEMENTOS
GRFICOS SEGN
LA PLATAFORMA DE
DIFUSIN.

IDENTIFICA LOS
FORMATOS DE
ARCHIVO
NECESARIOS
SEGN LA
PLATAFORMA DE
INTEGRACIN DE
LA

Formulacin de
preguntas sobre
las herramientas
ms importantes
del software

Taller

Situaciones
Orales
Observacin
Sistemtica

Rubrica
Mapa conceptual
Anlisis de Casos

Situaciones
Orales
Valoracin
Producto
Observacin
Sistemtica

de
y

Mapa Conceptual

Taller

Listado de Verificacin
Mapa Conceptual
Ejercicios
Prcticos
Situacin Oral

Pgina 15 de
22

MULTIMEDIA

Comparacin
entre las
diferencias de un
Pixel y el Vector,
presentado a
travs de un
afiche o poster

Evidencias de
Desempeo:
Participacin en
los temas de
debate en cuanto
a los temas de las
actividades sobre
la usabilidad
positiva o
negativa del
programa,
analizando su
entorno desde la
perspectiva de la
imagen como
mecanismo de
difusin.

IDENTIFICA LOS
FORMATOS DE
ARCHIVO
NECESARIOS
SEGN LA
PLATAFORMA DE
INTEGRACIN DE
LA
MULTIMEDIA

INTEGRA LOS
ELEMENTOS DE LA
MULTIMEDIA DE
ACUERDO A LAS
ESPECIFICACIONE
S DEL STORYBOAR
ELABORA EL
PROTOTIPO DE LA
MULTIMEDIA CON
BASE EN EL
STORYBOARD.

Anlisis de Casos
Debate
Situacin Oral

Taller
Valoracin de
Producto
Ejercicios
Prcticos

PhotoShop
Uso de las
Herramientas
digitales para la
fotocomposicin el
fotomontaje, los
retoques de
imgenes
digitales, la
ilustracin de
personajes y el
diseo de

Taller
REALIZA EL
BOCETO DE LA
INTERFAZ GRFICA
DEL PROYECTO
APLICANDO
TCNICAS
CREATIVAS Y

Valoracin de
Producto
Ejercicios
Prcticos

Pgina 16 de
22

interfaces.

ELEMENTOS DEL
DISEO GRFICO.

Evidencias de
Producto:
Diseo Digital de
Poster o Wall
Paper
Diseo digital de
afiche creativo
basado en
conceptos
consultados
Ilustraciones
digitales para
personajes o
mascotas
publicitarias
Diseo de
componentes para
interfaz Grfica
4. RECURSOS PARA EL APRENDIZAJE

Materiales de formacin
devolutivos:
(Equipos/Herramientas)
ACTIVIDADES
DEL
PROYECTO

Materiales de formacin
(consumibles)

Talento Humano (Instructore

DURACI
N
(Horas)
Descripcin

Cantidad

Descripcin

Cantidad

Especialidad

Pgina 17 de
22

Cant

1
Obtener
la
informacin
necesaria
segn
las
requerimiento
s del cliente

70

Computadore
s Intel Core
i5, con 8 Gb
de Ram, y
disco duro de
1000

Tcnico

35

Conectividad

Block

35

Desarrollo
Humano
Emprendimient
o
Cultura Fsica
Salud
Ocupacional

Los recursos para el aprendizaje en esta Gua los siguientes:

Carpetas con los Documentos de Apoyo.

https://youtu.be/VmsLeRaKTbw
(Canal de Video tutoriales del instructor a Cargo)

Fuentes de informacin de las referencias bibliogrficas y de internet pertinentes al desarrollo de

5. GLOSARIO DE TERMINOS
esta Gua de Aprendizaje.

PSD
El PSD es un formato nativo de photoshop y permite guardar todas las
presentaciones, retoques, nuevas creaciones realizadas con este programa. Guarda
los archivos con 48 bits de color y permite almacenar todas las capas, canales etc.
que exista en el archivo de imagen. PSD casi no tiene compatibilidad con otros
programas, por lo que se recomienda tener dos archivos: uno en el propio formato
nativo (.PSD), y otro en algn formato compatible con otros programas, como JPGE o
TIFF.
Vector.
Las imgenes vectoriales son grficos formados a base de curvas y lneas a travs de
elementos geomtricos definidos como vectores. Forma o estructura digital de la
imagen cuya caracterstica principal es la posible expansin de la lnea sin riesgo de
pixelar.
Cada uno de los componentes de la lnea que compone un dibujo vectorial a modo
de silueta o trazado el cual nunca pierde su calidad o estructura a la hora de
extenderse en cualquiera de los formatos.
EPS
PostScript encapsulado, o EPS.
Este archivo lo ha desarrollado la compaa Adobe y se pueden guardar en este
formato, tanto mapa de bits como imgenes vectoriales. Es muy utilizado en la
impresin profesional y en otras aplicaciones llegando hasta la impresora de tipo
Postcript.
Pgina 18 de
22

Un archivo EPS es un archivo PostScript que satisface algunas restricciones

adicionales. Estas restricciones intentan hacer ms fcil a programas de software el
incluir un archivo EPS dentro de otro documento PostScript.
PDF
Portable document format .
Este formato lo cre Adobe para poder intercambiar archivos entre diferentes
sistemas operativos. Por ejemplo: un archivo o documento creado con algn
programa de Windows, puede verse en la plataforma Linux o Mac, con slo tener el
visualizador de PDF, (Acrobat Reader,) disponible gratuitamente en Adobe y muchos
otros sitios. Este formato guarda con toda precisin el diseo del archivo incluyendo
sus fuentes, imgenes y dems grficos. PDF, se utiliza cada vez ms y es
considerado otro formato de los estndares junto con EPS y TIFF. Se encuentra muy
extendido entre la red, en la que encontramos numerosos archivos con este formato.
JPG
Este formato lo cre The Joint Photographers Experts Group. Es uno de los formatos
ms conocidos para la compresin de fotografas digitales. Es uno de los pocos
formatos que se soporta en Internet (Web) Todas las cmaras digitales y escneres
almacenan las imgenes en formato JPEG, no obstante y dado que la compresin de
este formato afecta a la calidad de imagen, se puede escoger diferentes niveles de
compresin: A ms baja compresin mayor calidad. A ms alta compresin menor
calidad. Cuando se opta por una compresin alta, es para crear archivos que ocupen
poco espacio para la Web o enviarlas por correo electrnico. JPEG es el nico formato
de archivo, que puede llegar a comprimir una imagen hasta slo un 10% de su
tamao original, sin que el ojo humano pueda percibir diferencias, antes y despus
del proceso de compresin. JPEG soporta 24 bits. Antes de editar una imagen en
JPEG, conviene que tengamos en cuenta los siguientes puntos, para no perder
calidad en el archivo: * No guardar imgenes en formato JPEG si se van a modificar. *
Cada vez que abramos un archivo o lo editemos, la imagen sufre una compresin y
prdida de calidad. * Antes de editar una imagen en JPG, la guardaremos
inicialmente una copia en formato BMP o TIFF con la mxima profundidad de color.
TIFF
Viene de Tagged Image File Format, es un formato que lo desarrollo Aldus, una
Compaa propiedad actualmente de Adobe. Es un tipo de archivo estndar para
guardar imgenes de alta calidad, ya que es compatible con los sistemas operativos
Windows, Linux, Mac, etc. Se encuentra reconocido por muchos programas de
retoque y edicin grfica, tales como Paint Shop Pro, Adobe, Quark, Corel etc.
RAW
El formato RAW, slo se encuentra disponible en cmaras digitales sofisticadas,
indicadas para fotgrafos profesionales. Este formato ofrece la mxima calidad ya
que contiene los pxeles en bruto tal y como se han adquirido. Normalmente el
funcionamiento del los otros formatos que utilizan las cmaras digitales (Tiff y JPEG)
Pgina 19 de
22

participa el sensor para transmitir la seal elctrica y convertir los datos de

analgicos a digitales, pero en cambio los pxeles que capta el procesador de la
cmara en el caso del RAW, los pxeles no se procesan ni transforman, se mantiene
brutos tal cual.
PNG
Considerado un formato para sustituir al famoso .GIF, debido a que el PNG utiliza
sistemas de compresin estndares gratuitos, como el mtodo ZIP, y permite al
mismo tiempo mayor profundidad de color en las imgenes, llegando hasta los 24
bits de profundidad de color, mientras que el formato GIF solo recoge 8 Bits. Su
utilizamos PNG, para comprimir imgenes de 24 bits podremos realizar una
interesante compresin sin prdida alguna de calidad.
WEB
Es un vocablo ingls que significa red, telaraa o malla. El concepto se
utiliza en el mbito tecnolgico para nombrar a una red informtica y, en general,
a Internet (en este caso, suele escribirse como Web, con la W mayscula).
INFOGRFICO
La infografa es una representacin visual de los propios textos; en la que
intervienen descripciones, narraciones o interpretaciones, presentadas de manera
grfica normalmente figurativa, que pueden o no coincidir con grafismos abstractos
y/o sonidos. La infografa naci como un medio de transmitir informacin
grficamente.
PERSONAJE
Es cada una de las personas o seres, ya sean humanos, animales o de cualquier otra
naturaleza, reales o imaginarios, que aparecen en una obra artstica.
Suelen
destacarse aquellos con aspecto humano o los seres conscientes de cualquier tipo,
que se imagina existen dentro del universo de una obra. Pero adems de personas,
se hace referencia a cualquier otro tipo de ser vivo, animales y dioses, no excluyendo
tampoco objetos inanimados a los que se da vida. Estos personajes son casi siempre
el centro de los textos de ficcin, especialmente las ficciones de
mbito cinematogrfico o literario, as como las Historietas. De hecho, es difcil
imaginar una novela sin personajes, aunque ha habido experimentos en este sentido,
como por ejemplo, (la obra Finnegans Wake de James Joyce). En la poesa siempre
hay algn tipo de persona presente, aunque generalmente como narrador u oyente
imaginario.
ILUSTRACIN
Fotografa, dibujo o lmina que se coloca en un texto o impreso para representar
grficamente lo expuesto, ejemplificarlo o hacer ms atractivo el resultado.

Pgina 20 de
22

6. REFERENTES BIBLIOGRFICOS
Bibliografas:
Libro Fundamentos del Diseo Grfico/editorial Parramon /ao 2009/ El
desarrollo y la Expresin/ Pagina 92,93,94,95.
Libro Fundamentos del Diseo Grfico/editorial Parramon /ao 2009/ El
Diseo de la informacin/ Pagina 118,119.
Libro Fundamentos del Diseo Grfico/editorial Parramon /ao 2009/ El
diseo para Pantalla/ Pagina 122,123,124,125.

Cybergrafas:
Pgina recomendada de Adobe. Recuperada de: www.adobe.com ao 2015
Pgina recomendada para consulta tutoriales Photoshop. Recuperada de:
www.solophotoshop.com ao 2015
La fotografa digital. Recuperado de. http://www.eduteka.org/FotografiaDigital1.php.
Marzo de 2013
Pgina recomendada para consulta de tutoriales de PhotoShop. Recuperada de:
http://adobe.conectatutoriales.com/ Ao 2015
Artculo Un libro para Esta Noche Recuperado de
http://unlibroparaestanoche.com/2014/01/03/alicia-en-el-pais-de-las-maravillaslewis-carroll/ enero 3 del 2014, autor Malosa.

Pgina 21 de
22

Nota periodstica de Diario Ti. Recuperado de. http://diarioti.com/los-efectos-dephotoshop-en-la-autoestima-de-las-jovenes-un-dilema-etico-y-de-marketing/84202/

Edicin 4287, autor Adilson Borgues

7. CONTROL DEL DOCUMENTO (ELABORADA POR)

EDISON ESTEBAN DLEN

- INSTRUCTOR SENA COORDINACIN MEDIA TCNICA Y
PROGRAMAS ESPECIALES. PROGRAMA DISELO E INTEGRACIN DE MULTIMEDIA
ANDRES SILVA - INSTRUCTOR SENA COORDINACIN MEDIA TCNICA Y PROGRAMAS
ESPECIALES. PROGRAMA DISELO E INTEGRACIN DE MULTIMEDIA

Pgina 22 de
22