guia photoshop preprensa

SERVICIO NACIONAL DE APRENDIZAJE SENA SISTEMA INTEGRADO DE GESTIÓN

Procedimiento Ejecución de la Formación Profesional IntegralGUÍA DE APRENDIZAJE

Versión: 02

Código: GFPI-F-019

Programa de Formación:PREPRENSA DIGITAL PARA MEDIOS IMPRESOS

Código: Versión:

5241392

Nombre del Proyecto:PRODUCCIÓN INTERACTIVA Código:

906100

Fase del proyecto:FASE N° 1 PLANEAR (Preproducción Multimedial)

Actividad (es) del Proyecto:

Actividad (es) de Aprendizaje:

Diseñar la Interfaz Gráfica del Proyecto de acuerdo la información recolectada y los parámetros de diseño y maquetación.

Ambiente de formación ESCENARIO

Aula Institución Educativa.

Ambientes con equipos de cómputo, y ventilación adecuada para los mismos.

MATERIALES DE FORMACIÓNDEVOLUTIVO Computadores Intel Core i5, con 8 Gb de Ram, y disco duro de 1000 Gb

Video Beam (Para Exposición)

Cámara Digital para registros.

Scanner multifuncional

CONSUMIBLE- Block para

notas y gráficos- Colores- Marcadores- Lápices

Página 1 de 23

GUÍA DE APRENDIZAJE PHOTOSHOP

1. IDENTIFICACIÓN DE LA GUIA DE APRENDIZAJE

SERVICIO NACIONAL DE APRENDIZAJE SENA GUÍA DE APRENDIZAJE

SISTEMA INTEGRADO DE GESTIÓNProceso Gestión de la Formación Profesional Integral

Procedimiento Ejecución de la Formación Profesional Integral

Versión: 02

Código: GFPI-F-019

Resultados de Aprendizaje:

INTERPRETAR EL GUIÓN MULTIMEDIA (LITERARIO Y TÉCNICO) DE ACUERDO A LOS CONCEPTOS DE DISEÑOGRÁFICO.

IDENTIFICAR LOS ELEMENTOS DEL DISEÑO GRÁFICO PARA LA COMPOSICIÓN DE LA MULTIMEDIA

Competencia:

DISEÑAR LA SOLUCIÓN MULTIMEDIAL DE ACUERDO CON EL INFORME DE ANÁLISIS DE LAINFORMACIÓN RECOLECTADA

Duración de la guía ( en horas): 70 Horas

“En los momentos de crisis, sólo la imaginación es más importante que el conocimiento”.(1899-1980) Director de cine británico.

PHOTOSHOP Y UN POCO DE HISTORIAPhotoshop es uno de los programas más tradicionales de la familia Adobe Sistems Inc desde sus inicios en 1987, teniendo como característica principal el retoque digital fotográfico, adaptando la capacidad de la fotografía convencional al perfeccionamiento de la misma imagen con los motores digitales pare efectos, rasterizados y manipulación digital. Su primera versión fue la 1.0 y contaba con 20 herramientas y un dispositivo CMYK y convertidor a EPS; hoy en día se cuenta con la versión CC (Creative Cloud) con notables mejoras en todos los niveles a través de 3 décadas.

Página 2 de 23

2. INTRODUCCIÓN




Versión: 02

Código: GFPI-F-019

APLICACIONESA parte de la manipulación digital para fotos profesionales, otro de sus grandes fuertes es la ilustración digital con gran énfasis en el Arte Conceptual, Diseño de Personajes ilustrados para Videojuegos, texturizado de pieles para 3D y un sinfín de aplicaciones en la industria del entretenimiento digital. El diseño web también hace parte de su prontuario de herramientas; permitiendo el desarrollo de imágenes específicas para interfaces Sectorizadas y compatibles con programas como Flash, Dream Weaver y Adobe Muse.

ASPECTOS TÉCNICOSFundamentalmente este programa se centra en varios motores gráficos que se remiten a los modelos (RGB) para el mejoramiento y condicionamiento de las fotos para su alta definición. Permite trabajar con los bitmaps, de forma eficiente, se utiliza también para la maquetación web y el fotomontaje con la posibilidad de exportar archivos digitales para video, animación y contenido web. El sistema Open Gl también está presente en esta plataforma, la optimización de los motores de rendimiento de imagen permiten crear imágenes digitales e ilustraciones profesionales increíbles, elementos usados en el diseño de avisos de revista, ilustración de personajes para video juegos, fotomontajes fantásticos y efectos visuales contundentes para dar más dinamismo a las creaciones visuales y la producción multimedia digital.

LO QUE PUEDES LOGRARCada 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 más Importante es, que podrás alcanzar múltiples propósitos para desarrollar imágenes profesionales para interfaces o el desarrollo de pintura digital para tus personajes o espacios visuales que requiera tu multimedia.

Página 3 de 23




Versión: 02

Código: GFPI-F-019

“El que tiene imaginación, con qué facilidad saca de la nada un mundo”.(1879-1955) Científico alemán nacionalizado

3.1 Actividades de Reflexión inicial.Técnica Didacticas: Observación, Estudio de CasosEstrategias Didácticas:

Ubíquese en el ambiente de aprendizaje dispuesto en la I.E conforme a la proyección de pantalla y las mesas para trabajo creativo

Reciba el material introductorio al software. Conforme equipos de trabajo de máximo 4 personas el ambiente donde deberá trabajar

las actividades Reflexión Inicial, de apropiación y transferencia de conocimiento. Comience con el desarrollo de la guía en el punto 3.2.

3.1.2 Video Introducción.Vea atentamente el Video “Dream ON” del homenaje de los 25 años 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 característica principal del Programa Phothoshop.

Evidencia, Producto o Entregable: Poster o infográfico y exposiciónTiempo para esta actividad: 1hora y 20 minutos.

3.1.3 Lectura de Reflexión

3.4 En equipos de Trabajo lean atentamente el siguiente Artículo , tomado de “ DiarioTi.com - el diario del profesional TI”:

“Los efectos de Photoshop en la autoestima de las jóvenes.. un dilema ético y de marketing”Opinión: Investigación analiza el impacto que tienen las modelos retocadas con Photoshop en la evaluación del producto y la autoestima de las jóvenes. 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 artículo de investigación « El impacto de las modelos retocadas con el ordenador sobre la evaluación del producto y sobre la autoestima de las jóvenes », se analiza el impacto de los efectos de Photoshop

Página 4 de 23

3. ESTRUCTURACION DIDACTICA DE LAS ACTIVIDADES DE APRENDIZAJE

https://www.youtube.com/watch?v=QmYc1MNJaQc




Versión: 02

Código: GFPI-F-019

sobre el acto de compra, así como el impacto que tiene para la autoestima de las jóvenes 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 investigación, Adilson BORGES, DGA de la escuela de negocios NEOMA interrogó a 225 chicas jóvenes en Francia. El análisis 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.

Una influencia positiva en el momento de la compra…Por, un lado ejerce una influencia positiva en la valoración del producto. Modificar por ordenador las imágenes 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 intención de compra y la predisposición a pagar más por el producto (llegando a casi un 20 % más 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 técnicas en el sector del marketing y de la publicidad.… pero un peligro para las jóvenesPor otro lado este estudio demuestra que las imágenes retocadas por ordenador tienen un efecto negativo sobre visión que tienen las jóvenes de sí mismas. El análisis revela que el uso de esta técnica parece afectar negativamente la imagen que las jóvenes tienen de sí mismas, imponiéndoles un ideal difícil de alcanzar y que conlleva considerables implicaciones para la sociedad. Las jóvenes expuestas a fotos retocadas muestran menos satisfacción por su propia apariencia física, se sienten menos en confianza en sus relaciones sociales y tienen una autoestima más 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 representación de tales modelos sobre la satisfacción corporal y la autoestima de las jóvenes es preocupante porque 41 personas mueren de media cada día de anorexia o bulimia en Francia.

Autor:Por Adilson BORGES, DGA de la escuela de negocios NEOMAFecha Publicación:Lunes 27 de Abril de 2015Dirección de enlace: http://diarioti.com/los-efectos-de-photoshop-en-la-autoestima-de-las-jovenes-un-dilema-etico-y-de-marketing/84202/

3.1.4 De acuerdo al anterior Artículo, realicen mapa conceptual en el cual propongan ideas creativas para aplicar este software en fines que beneficien la imagen como medio de expresión.

Enuncie en el mismo mapa otras aplicaciones del programa en los medios Visuales y Multimediales.

Utilize los siguientes Links o visite las siguientes páginas para complementar sus ideas:http://www.blogdelfotografo.com/7-motivos-para-usar-photoshop/http://www.tallerartedigital.com/

Página 5 de 23

http://www.tallerartedigital.com/

http://www.blogdelfotografo.com/7-motivos-para-usar-photoshop/

http://diarioti.com/los-efectos-de-photoshop-en-la-autoestima-de-las-jovenes-un-dilema-etico-y-de-marketing/84202/





Versión: 02

Código: GFPI-F-019

Evidencia, Producto o Entregable: Mapa Conceptual gráficoTiempo para esta actividad: 1hora.

“En las tinieblas la imaginación trabaja más activamente que en plena luz”.(1724-1804) Filosofo alemán.

3.2 Actividades de contextualización e identificación de conocimientos necesarios para el aprendizaje.)

3.2.1 Actividad de Opinión y Contexto en el entorno socialTécnica Didáctica: Análisis de la Situación , Debate y Exposición

- Estrategia Didáctica: Vea el siguiente video “Adobe Evolution” en el link: https://youtu.be/hibyAJOSW8U

- Lea la siguiente Observación:En el video “Adobe Evolutión” se evidencia aparentemente que el software más usado para las imágenes publicitarias y visuales, es el programa de Adobe Pothoshop el cual nos muestra como una persona natural es exponencialmente sometida a cambios hipotéticos y retoques exagerados para alcanzar el prototipo de Belleza “Ideal”.

En equipos de Trabajo respondan la siguiente Pregunta:¿Considera usted que el Diseñador Multimedial debe ser ético y responsable ante el uso y manipulación de imágenes digitales? Justifique su respuesta.

Exponga sus opiniones frente a los CompañerosTiempo de La Actividad : 10 Minutos

- Realicen un mapa gráfico 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 compañeros sus resultados a modo Expositivo.

Evidencia, Producto o Entregable: Poster o infográficoTiempo para esta actividad: 1hora y 20 minutos.

Página 6 de 23

https://youtu.be/hibyAJOSW8U




Versión: 02

Código: GFPI-F-019

3.3 Actividades de apropiación del conocimiento (Conceptualización y Teorización).

3.3.1 Taller “Lenguaje Técnico Photoshop, herramientas en el idioma Inglés y traducción de Banners publicitarios”

Es importante resaltar que no todo el software es en idioma español, ya que estos mismos vienen en múltiples lenguajes para diversos consumidores digitales en los demás países, siendo el idioma inglés el más requerido en estas aplicaciones. Por lo tanto una manera de reconocer la Interfaz del programa es por medio del aprovechamiento de la disposición de las herramientas que en varias de sus presentaciones disponibles vienen en el idioma Inglés. Los aprendices tienen como misión investigar y consultar dichas herramientas antes de utilizar debidamente el programa para los fines visuales y digitales.

Nota: Se recomienda la Instalación de Adobe Photshop descargando la versión de prueba en la Página oficial www.adobe.com. Con la guía del Instructor a Cargo

Técnicas Didácticas: Taller en Equipos de Trabajo, Exposición y Demostraciones

Estrategia Didáctica:

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 técnicas y gráficas en el idioma Ingles del Software Adobe Phothoshop. Las herramientas serán divididas según las siguientes partes de la interfaz o temas:- Menú contextual. (Equipo 1)

Procedimiento: Investigar su función y su traducción técnica en inglés- Barra de Herramientas. (Equipo 2)

Procedimiento: Investigar su función y su traducción técnica en inglés- Panel Acoplable. (Equipo 4)

Procedimiento: Investigar su función y su traducción técnica en inglés- Atajos básicos de Teclado y Click derecho. (Equipo 5)

Procedimiento: Investigar su función y su traducción técnica en inglés- Formatos o tamaños de documento. (Equipo 6)

Procedimiento: Investigar su función y su traducción técnica en inglés- Tipos de Piezas Visuales. (Equipo 7)

Procedimiento: Investigar su función y su traducción técnica en inglés

Para dicho punto usar la guía de Apoyo Interfaz y el Documento Guía de Photshop 1 / Fotomontaje / Primer Contacto

Página 7 de 23

http://www.adobe.com/




Versión: 02

Código: GFPI-F-019

3. Investigar una Página Web que este en el idioma Inglés. Realizar la traducción de las interfaces y los contenidos más importantes de la misma.

4. Cada equipo puede usar de referencia noticias sobre software de Photoshop en Inglés el cual podrá consultar y descargar la versión de prueba en la página oficial: www.adobe.com.

5. Por equipos deben diseñar un afiche o poster que explique las temáticas anteriormente mencionadas. Dicha evidencia puede ser elaborada digitalmente en presentación wix, Pow Town, presi o a mano.

6. Cada equipo realizara su respectiva exposición en un tiempo básico de 5 minutos.7. Se realizara la respectiva retroalimentación al final de la actividad para compartir conceptos,

opiniones e ideas.

Nota: Apóyese del siguientes enlace o página vigente para la consulta de Interfaces:http://adobe.conectatutoriales.com/

Evidencia, Producto o Entregable: Afiche digital, Infográfico, exposición y Presentación en plataforma WixTiempo para esta actividad: 1 semana (Entrega Concertada con Instructor).

3.3.2 Teoría del Pixel y los tipos de Imágenes DigitalesTécnica Didáctica: Análisis, Cuadro Comparativo, Taller

Estrategia Didáctica:1. Analizar los siguientes conceptos y realizar un gráfico comparativo.

Concepto 1: Recordando el Vector.

Sabemos que las imágenes Vectoriales son objetos geométricos constituidos por líneas, curvas, nodos y formas basados en modelos digitales matemáticos. Como resultado podemos ver imágenes con bordes y rellenos de tonalidades que pueden expandirse sin perder nitidez, calidad y forma en una pantalla.

Concepto 2: Sobre el Pixel.Las imágenes fotográficas y Digitales están conformadas por diminutas estructuras aparentemente cuadradas las cuales tienen información de color con mayor gama y tono muy comunes en la fotografía y las imágenes digitales.

Página 8 de 23

http://adobe.conectatutoriales.com/





Versión: 02

Código: GFPI-F-019

2. Observe Los ejemplos:

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 exposiciónTiempo para esta actividad: 1 semana (Entrega Concertada con Instructor).

Página 9 de 23




Versión: 02

Código: GFPI-F-019

a. Actividades de transferencia del conocimiento.

3.4.1 Introducción al uso del Software PHOTOSHOP para retoque digitalPara las siguientes actividades, el Instructor debe realizar regularmente la introducción de los contenidos y la explicación paso a paso de las herramientas, técnicas y procedimientos. Teniendo en cuenta las diversas guías de Apoyo y recursos digitales que se dispongan en la Web como material adicional.

Técnicas Didácticas: Talleres, Prácticas y DemostracionesEstrategia Didáctica:

2. Ubíquese en el ambiente de aprendizaje en la sala de sistemas en su equipo correspondiente3. Abra o ejecute el Programa Adobe Photshop Cs6 y prepare un archivo Nuevo en tamaño Carta

Horizontal4. Siga la Orientación paso a paso del Instructor quien dara las pautas para el manejo de la

plataforma. Se recomienda apoyarse en la guía “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 Inducción y la demostración práctica en temas y contenidos relacionados al Manejo de las herramientas digitales primarias como el uso de las herramientas de Selección, Movimiento y Administración de capas con figuras primitivas relacionadas a las herramientas de dibujo, formas, línea color de relleno y trasparencia. Incluidas muestras de portafolios de fotográficas, montajes e ilustraciones digitales relacionadas a personajes para video Juegos.

6. El Instructor debe realizar presentación Formatos y propiedades de imágenes: TIFF (Tagged Image File Format); EPS (Encapsulated PostScript); JPG (Joint Photographic Experts Group). BMP (Bit Mp Picture) Consulte la Guía de Apoyo: “Sobre los Formatos de Archivo” para el mejor entendimiento del presente punto.

7. Desarrollar laActividad : Construyendo mi primer ” Wall Paper”

Desarrolle el diseño Digital de Un Wall Paper Creativo o fondo de escritorio en un tamaño de 1024 x 768 Pixeles y con una Resolución de 300pixels en el Software Photoshop. Aplique en el diseño una composición que contenga buena distribución de elementos geométricos figuras y formas utilizando la

Página 10 de 23

https://youtu.be/VmsLeRaKTbw




Versión: 02

Código: GFPI-F-019

creatividad y el sentido de la proporción.Use el video de Apoyo “TurorialPhotoshop parte 2” (Solicítelo 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 composición, 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 súbala a la Plataforma en elBotón Evidencias Aprendices.

Evidencia, Producto o Entregable: Afiche digitalTiempo 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 Composición Photoshop” (Solicítelo al instructor en formato WAV) o consulte el video en el siguiente Canal del instructor en You Tube: https://youtu.be/MbW2keCLI3A


10. Realizar una consulta sobre los temas: Fotomontaje,Collage y Cadáver Exquisito con su respectiva bibliografía y referencia.

11. Documente la consulta en formato. Doc12. Lea la siguiente artículo sobre el libro “Alicia en el País de las Maravillas” en la página web “Un

libro para Esta Noche” ubicada en la siguiente dirección URL: http://unlibroparaestanoche.com/2014/01/03/alicia-en-el-pais-de-las-maravillas-lewis-carroll/

13. Vea el siguiente Video Tráiler de la Película “Alicia en el País de las Maravillas” en la página de You tuve: https://youtu.be/yJpAqAA3KzY

14. Con base en el tráiler de la película, descargue imágenes de objetos, personas, personajes, escenarios a los cuales debe realizar recortes con las diferentes herramientas de selección y silueteado de forma precisa y bien pulida.

15. Capture mínimo 5 fotos propias de Objetos, personas o texturas, con una cámara digital o celular en excelente resolución y agréguelas a su galería de imágenes

16. Con dichas imágenes realice una fotocomposición creativa inspirada en el libro “Alicia en el País de las Maravillas” en un área de trabajo a tamaño 1024 x 768 pixeles a 150 pixeles de resolución.La fotocomposición podría tener el siguiente Aspecto:

Página 11 de 23

https://youtu.be/yJpAqAA3KzY

http://unlibroparaestanoche.com/2014/01/03/alicia-en-el-pais-de-las-maravillas-lewis-carroll/

https://youtu.be/MbW2keCLI3A

https://youtu.be/hw4n37xr79I




Versión: 02

Código: GFPI-F-019

17. Al finalizar su composición, 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 Raíz Comprimida en Winrar y súbala a la Plataforma en el Botón Evidencias Aprendices.

Evidencia, Producto o Entregable: Afiche digital y consulta en formato. docTiempo para esta actividad: 1 semana (Entrega Concertada con Instructor).

3.4.3 Volumen y Color para Pintura de PersonajesLa integración Multimedia es un medio con múltiples propósitos 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.

Página 12 de 23




Versión: 02

Código: GFPI-F-019


19. Realizar una Consulta sobre los siguientes temas: ¿Qué es un Personaje? Y que significa ¿Mascota Publicitaria?

20. Documentar la consulta en formato .doc21. Descargar un personaje o dibujo de Google o Bing con la palabra clave: “Personajes para colorear”

o “coloring characters”22. Utilizar la guía de apoyo PDF “Guia Photoshop 3”/ Colorear dibujos en líneas23. Borre el fondo del personaje y colorize sus partes utilizando la paleta de colores y las herramientas

de pincel y selección.24. Al finalizar el personaje diseñe un fondo creativo con un título y la descripción del personaje

utilizando la herramienta texto. El personaje debe verse presentado a modo de poster descriptivo25. Al finalizar su composición, 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 Raíz Comprimida en Winrar y súbala a la Plataforma en el

Botón Evidencias Aprendices.

Evidencia, Producto o Entregable: Afiche digital y consulta en formato. docTiempo para esta actividad: 1 semana (Entrega Concertada con Instructor).

Página 13 de 23




Versión: 02

Código: GFPI-F-019

3.4.4 Realizando Una Interfaz Gráfica con PhotoshopPhotoshop tiene excelentes características a la hora de generar imágenes en los formatos PNG y GIf los cuales se relacionan a la animación y la web. Su utilidad es total en el sentido de construir gráficos digitales como botones, imágenes para banners o estructuras sencillas para el cabezote de un portal digital.


1. Realice la bocetación de una interfaz para un a web basada en una las tipologías multimedia: Comercial, Publicitaria, Educativa o informativa.

2. Realice la bocetación de los iconos y botones para la interfaz3. Según la tipología seleccionada consulte información, tipografías, imágenes y fotos para

aplicar en la interfaz.4. En el programa Photoshop Diseñe una interfaz con secciones y presentación del “Home” en un

formato de 1024 x 768px con una resolución de 150 pixeles en RGB. Los botones y los iconos realizarlos en 72 pixeles. El aspecto visual de la página debe contener espacios publicitarios, enlaces a redes sociales y toda la arquitectura gráfica 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 Raíz Comprimida en Winrar y súbala a la Plataforma en el Botón Evidencias Aprendices.

Evidencia, Producto o Entregable: Interfaz Digital en Carpeta RaizTiempo para esta actividad: 1 semana (Entrega Concertada con Instructor)

Página 14 de 23




Versión: 02

Código: GFPI-F-019

3.4 Actividades de evaluación.

Evidencias de Aprendizaje

Criterios de Evaluación

Técnicas de evaluación

Instrumentos de Evaluación

Evidencias de Conocimiento :

Exposición de Afiche sobre las herramientas más 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 comunicación visual. Exposición de poster comparativo de las ventajas positivas y desventajas de la herramienta. Debate sobre artículo de prensa sobre el impacto del programa en los jóvenes.

Consulta sobre las diferentes partes de la Interfaz del Programa en sus versiones

REALIZA EL BOCETO DE LA INTERFAZ GRÁFICA DEL PROYECTO APLICANDO TÉCNICAS CREATIVAS YELEMENTOS DEL DISEÑO GRÁFICO.

EDITA ELEMENTOS GRÁFICOS SEGÚN LA PLATAFORMA DE DIFUSIÓN.

EDITA ELEMENTOS GRÁFICOS SEGÚN LA PLATAFORMA DE DIFUSIÓN.

Formulación de preguntas sobre las herramientas más importantes del software

Situaciones OralesObservación Sistemática

Situaciones OralesValoración de Producto y Observación

TallerMapa Conceptual

RubricaMapa conceptualAnálisis de Casos

Taller

Página 15 de 23




Versión: 02

Código: GFPI-F-019

español e inglés. Presentación soportada en un poster o afiche

Comparación entre las diferencias de un Pixel y el Vector, presentado a través de un afiche o poster

Evidencias de Desempeño:

Participación 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 difusión.

PhotoShop

Uso de las Herramientas digitales para la fotocomposición el fotomontaje, los retoques de imágenes digitales, la ilustración de personajes y el

IDENTIFICA LOS FORMATOS DE ARCHIVO NECESARIOS SEGÚN LA PLATAFORMA DE INTEGRACIÓN DE LAMULTIMEDIA

IDENTIFICA LOS FORMATOS DE ARCHIVO NECESARIOS SEGÚN LA PLATAFORMA DE INTEGRACIÓN DE LAMULTIMEDIA

INTEGRA LOS ELEMENTOS DE LA MULTIMEDIA DE ACUERDO A LAS ESPECIFICACIONES DEL STORYBOAR

ELABORA EL PROTOTIPO DE LA MULTIMEDIA CON BASE EN EL STORYBOARD.

Sistemática

Ejercicios PrácticosSituación Oral

Situación Oral

Valoración de ProductoEjercicios Prácticos

Listado de VerificaciónMapa Conceptual

Análisis de CasosDebate

Taller

Página 16 de 23




Versión: 02

Código: GFPI-F-019

diseño de interfaces.

Evidencias de Producto:

Diseño Digital de Poster o Wall Paper

Diseño digital de afiche creativo basado en conceptos consultados

Ilustraciones digitales para personajes o mascotas publicitarias

Diseño de componentes para interfaz Gráfica

REALIZA EL BOCETO DE LA INTERFAZ GRÁFICA DEL PROYECTO APLICANDO TÉCNICAS CREATIVAS YELEMENTOS DEL DISEÑO GRÁFICO.

Valoración de ProductoEjercicios Prácticos

Taller

Página 17 de 23



Versión: 02

Código: GFPI-F-019

ACTIVIDADES DEL PROYECTO

DURACIÓN (Horas)

Materiales de formación devolutivos: (Equipos/Herramientas)

Materiales de formación (consumibles) Talento Humano (Instructores)

AMBIENTES DE APRENDIZAJE TIPIFICADOS

Descripción Cantidad Descripción Cantidad Especialidad Cantidad

ESCENARIO (Aula, Laboratorio, taller, unidad productiva) y elementos y condiciones de seguridad

industrial, salud ocupacional y medio ambiente

Obtener la información necesaria según las requerimientos del cliente

70

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

Conectividad

35 Block 35

Técnico

Desarrollo Humano

Emprendimiento

Cultura Física

Salud Ocupacional

1

1

1

1

1

Ambiente de aprendizaje de la institución educativa

Los recursos para el aprendizaje en esta Guía los siguientes:

Carpetas con los Documentos de Apoyo.

https://youtu.be/VmsLeRaKTbw

(Canal de Video tutoriales del instructor a Cargo)

Fuentes de información de las referencias bibliográficas y de internet pertinentes al desarrollo de esta Guía de Aprendizaje.

Página 18 de 23

4. RECURSOS PARA EL APRENDIZAJE



Versión: 02

Código: GFPI-F-019

PSDEl 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 algún formato compatible con otros programas, como JPGE o TIFF.

Vector.Las imágenes vectoriales son gráficos formados a base de curvas y líneas a través de elementos geométricos definidos como vectores. Forma o estructura digital de la imagen cuya característica principal es la posible expansión de la línea sin riesgo de pixelar.Cada uno de los componentes de la línea 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.

EPSPostScript encapsulado, o EPS.Este archivo lo ha desarrollado la compañía Adobe y se pueden guardar en este formato, tanto mapa de bits como imágenes vectoriales. Es muy utilizado en la impresión profesional y en otras aplicaciones llegando hasta la impresora de tipo Postcript.Un archivo EPS es un archivo PostScript que satisface algunas restricciones adicionales. Estas restricciones intentan hacer más fácil a programas de software el incluir un archivo EPS dentro de otro documento PostScript.

PDFPortable document format .Este formato lo creó Adobe para poder intercambiar archivos entre diferentes sistemas operativos. Por ejemplo: un archivo o documento creado con algún programa de Windows, puede verse en la plataforma Linux o Mac, con sólo tener el visualizador de PDF, (Acrobat Reader,) disponible gratuitamente en Adobe y muchos otros sitios. Este formato guarda con toda precisión el diseño del archivo incluyendo sus fuentes, imágenes y demás gráficos. PDF, se utiliza cada vez más y es considerado otro formato de los estándares junto con EPS y TIFF. Se encuentra muy extendido entre la red, en la que encontramos numerosos archivos con este formato.

JPGEste formato lo creó The Joint Photographers Experts Group. Es uno de los formatos más conocidos para la compresión de fotografías digitales. Es uno de los pocos formatos que se soporta en Internet (Web) Todas las cámaras digitales y escáneres almacenan las imágenes en formato JPEG, no obstante y dado

Página 19 de 23

5. GLOSARIO DE TERMINOS

http://es.wikipedia.org/wiki/PostScript




Versión: 02

Código: GFPI-F-019

que la compresión de este formato afecta a la calidad de imagen, se puede escoger diferentes niveles de compresión: A más baja compresión mayor calidad. A más alta compresión menor calidad. Cuando se opta por una compresión alta, es para crear archivos que ocupen poco espacio para la Web o enviarlas por correo electrónico. JPEG es el único formato de archivo, que puede llegar a comprimir una imagen hasta sólo un 10% de su tamaño original, sin que el ojo humano pueda percibir diferencias, antes y después del proceso de compresión. 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 imágenes en formato JPEG si se van a modificar. * Cada vez que abramos un archivo o lo editemos, la imagen sufre una compresión y pérdida de calidad. * Antes de editar una imagen en JPG, la guardaremos inicialmente una copia en formato BMP o TIFF con la máxima profundidad de color.

TIFFViene de Tagged Image File Format, es un formato que lo desarrollo Aldus, una Compañía propiedad actualmente de Adobe. Es un tipo de archivo estándar para guardar imágenes de alta calidad, ya que es compatible con los sistemas operativos Windows, Linux, Mac, etc. Se encuentra reconocido por muchos programas de retoque y edición gráfica, tales como Paint Shop Pro, Adobe, Quark, Corel etc.

RAWEl formato RAW, sólo se encuentra disponible en cámaras digitales sofisticadas, indicadas para fotógrafos profesionales. Este formato ofrece la máxima calidad ya que contiene los píxeles en bruto tal y como se han adquirido. Normalmente el funcionamiento del los otros formatos que utilizan las cámaras digitales (Tiff y JPEG) participa el sensor para transmitir la señal eléctrica y convertir los datos de analógicos a digitales, pero en cambio los píxeles que capta el procesador de la cámara en el caso del RAW, los píxeles no se procesan ni transforman, se mantiene brutos tal cual.

PNGConsiderado un formato para sustituir al famoso .GIF, debido a que el PNG utiliza sistemas de compresión estándares gratuitos, como el método ZIP, y permite al mismo tiempo mayor profundidad de color en las imágenes, llegando hasta los 24 bits de profundidad de color, mientras que el formato GIF solo recoge 8 Bits. Su utilizamos PNG, para comprimir imágenes de 24 bits podremos realizar una interesante compresión sin pérdida alguna de calidad.

WEBEs un vocablo inglés que significa “red”, “telaraña” o “malla”. El concepto se utiliza en el ámbito tecnológico para nombrar a una red informática y, en general, a Internet (en este caso, suele escribirse como Web, con la W mayúscula).

Página 20 de 23

http://definicion.de/internet




Versión: 02

Código: GFPI-F-019

INFOGRÁFICOLa infografía es una representación visual de los propios textos; en la que intervienen descripciones, narraciones o interpretaciones, presentadas de manera gráfica normalmente figurativa, que pueden o no coincidir con grafismos abstractos y/o sonidos. La infografía nació como un medio de transmitir información gráficamente.

PERSONAJEEs cada una de las personas o seres, ya sean humanos, animales o de cualquier otra naturaleza, reales o imaginarios, que aparecen en una obra artística. Suelen destacarse aquellos con aspecto humano o los seres conscientes de cualquier tipo, que se imagina existen dentro del universo de una obra. Pero además 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 ficción, especialmente las ficciones de ámbito cinematográfico o literario, así como las Historietas. De hecho, es difícil imaginar una novela sin personajes, aunque ha habido experimentos en este sentido, como por ejemplo, (la obra Finnegans Wake de James Joyce). En la poesía siempre hay algún tipo de persona presente, aunque generalmente como narrador u oyente imaginario.

ILUSTRACIÓNFotografía, dibujo o lámina que se coloca en un texto o impreso para representar gráficamente lo expuesto, ejemplificarlo o hacer más atractivo el resultado.

Página 21 de 23

http://es.wikipedia.org/wiki/Narrador

http://es.wikipedia.org/wiki/Poes%C3%ADa

http://es.wikipedia.org/wiki/James_Joyce

http://es.wikipedia.org/wiki/Finnegans_Wake

http://es.wikipedia.org/wiki/Historieta

http://es.wikipedia.org/wiki/Literatura

http://es.wikipedia.org/wiki/Cine

http://es.wikipedia.org/wiki/Deidad

http://es.wikipedia.org/wiki/Animal

http://es.wikipedia.org/wiki/Obra_de_arte




Versión: 02

Código: GFPI-F-019

Bibliografías:

Libro Fundamentos del Diseño Gráfico/editorial Parramon /año 2009/ El desarrollo y la Expresión/ Pagina 92,93,94,95.

Libro Fundamentos del Diseño Gráfico/editorial Parramon /año 2009/ El Diseño de la información/ Pagina 118,119.

Libro Fundamentos del Diseño Gráfico/editorial Parramon /año 2009/ El diseño para Pantalla/ Pagina 122,123,124,125.

Cybergrafías:

Página recomendada de Adobe. Recuperada de: www.adobe.com año 2015

Página recomendada para consulta tutoriales Photoshop. Recuperada de: www.solophotoshop.com año 2015

La fotografía digital. Recuperado de. http://www.eduteka.org/FotografiaDigital1.php. Marzo de 2013

Página recomendada para consulta de tutoriales de PhotoShop. Recuperada de: http://adobe.conectatutoriales.com/ Año 2015

Artículo Un libro para Esta Noche Recuperado de http://unlibroparaestanoche.com/2014/01/03/alicia-en-el-pais-de-las-maravillas-lewis-carroll/ enero 3 del 2014, autor Malosa.

Nota periodística de Diario Ti. Recuperado de. http://diarioti.com/los-efectos-de-photoshop-en-la-autoestima-de-las-jovenes-un-dilema-etico-y-de-marketing/84202/ Edición 4287, autor Adilson Borgues

Página 22 de 23

6. REFERENTES BIBLIOGRÁFICOS





http://adobe.conectatutoriales.com/

http://www.eduteka.org/FotografiaDigital1.php

http://www.solophotoshop.com/





Versión: 02

Código: GFPI-F-019

EDISON ESTEBAN D´LEÓN - INSTRUCTOR SENA – COORDINACIÓN MEDIA TÉCNICA Y PROGRAMAS ESPECIALES. PROGRAMA DISELO E INTEGRACIÓN DE MULTIMEDIA

ANDRES SILVA - INSTRUCTOR SENA – COORDINACIÓN MEDIA TÉCNICA Y PROGRAMAS ESPECIALES. PROGRAMA DISELO E INTEGRACIÓN DE MULTIMEDIA

Página 23 de 23

7. CONTROL DEL DOCUMENTO (ELABORADA POR)

guia photoshop preprensa

Documents