RESUMEN

Los materiales didácticos multimedia han ido adquiriendo una creciente importancia en la edu-

cación actual. Su elaboración ha ido evolucionando a lo largo de los últimos años y hoy casi

nadie pone en duda su capacidad de incidir en el aprendizaje desde la más temprana edad.

Es una realidad incuestionable hoy que la incorporación de las TICs en la sociedad y en

especial en el ámbito de la eduación aporta una gran fuente de recursos y materiales didác-

ticos que influyen de manera significativa en la enseñanza y el aprendizaje de la comunidad

estudiantil.

Un sistema de aprendizaje basado en las Tecnologías de la Información y la Comunicación

aporta sin duda un valor añadido al actual sistema educativo y abre las puertas a nuevos pa-

radigmas educativos y de formación.

La utilización de las TICs en el aula proporciona al estudiante una herramienta que se adecua
sin duda a su actual cultura tecnológica y le da la posibilidad de responsabilizarse más de su

educación convirtiéndolo en protagonista de su propio aprendizaje.

Es en este contexto, la propuesta del presente trabajo, es incorporar las TICs en la enseñanza-
aprendizaje de efectos básicos en photoshop dirigido a estudiantes de los primeros años de

Diseño, con recursos pedagógicos dinámicos que utilizan una metodología activa, innova-

dora, interactiva y participativa.

ABSTRACT

Multimedia didactic materials have an increasing importance in the education. Their elabora-

tion has evolved throughout the last years and today almost nobody puts in doubt their capacity

to affect the learning from the earliest age.

Today, it is an unquestionable reality that the incorporation of the TICs in the society and, es-
pecially, in the ambit of the education contributes with a great source of resources and didactic

materials; these influence, of significant way, in the education and the learning of the student

community.

A system of learning based on the Technologies of the Information and the Communication

contributes with an added value to the present educative system and opens the doors to new

educative paradigms and formation.

The use of the TICs in the classroom provides to the student a tool that is adapted to his present
technological culture and gives him the possibility to take more responsibility of his education,

turning him into protagonist of his own learning.

For this reason, the proposal of the present project is to incorporate the TICs in the process of
teaching-learning of Photoshop’s basic effects for the students of the first year of Design career,

with dynamic pedagogical resources that use an active, innovating, interactive and participa-

ting methodology.
 ÍNDICE
Página
1. INTRODUCCIÓN 1

2. PLANTEAMIENTO DEL PROBLEMA 1

3. OBJETIVOS 2

3.1. General
3.2. Epecíficos

4. HIPÓTESIS 3

5. MARCO TEÓRICO 4

5.1. Introducción al Photoshop CS3 5

5.1.1. ¿Qué es Photoshop?

5.1.2. Novedades de Photoshop CS3

5.2. Espacio de trabajo 7

5.2.1. Información general sobre el espacio de trabajo

5.3. Herramientas 9

5.3.1. Acerca de las Herramientas

5.4. Capas 10

5.4.1. Características
5.4.2. Descripción general de la paleta Capas
5.4.3. Efectos y estilos de capa
5.4.4. Descripción general del cuadro de diálogo estilo de capa
5.4.5. Opciones de estilos de capa

5.5. Filtros 18

5.5.1. Conceptos básicos sobre filtros

5.6. Implementación de los Tutoriales 20

5.6.1. Antecedentes
5.6.2. Descripción técnica
5.6.3. Desarrollo pasos a paso de veinte tutoriales de efectos
básicos en Photoshop CS3 22
 5.6.3.1. EFECTO DE CONGELADO 23
5.6.3.2. EFECTO PARA CREAR UNA ESPADA LASER 25
5.6.3.3. EFECTO DE TRAMA DE PERIÓDICO 27
5.6.3.4. EFECTO PARA ENVEJECER UNA FOTOGRAFÍA 29
5.6.3.5. EFECTO PARA CAMBIO DE COLOR DE OJOS 31
5.6.3.6. EFECTO PARA CAMBIAR DE COLOR UN AUTO 32
5.6.3.7. EFECTO DE FOTO DE REVISTA 33
5.6.3.8. EFECTO PARA CREAR UN MARCO DE FOTOGRAFÍA 35
5.6.3.9. EFECTO PARA PEGAR MOTIVO DENTRO DE UN TEXTO 37
5.6.3.10. EFECTO PARA REDIMENSIONAR NARIZ 40
5.6.3.11. EFECTO DE PRIMER PLANO 41
5.6.3.12. EFECTO DE PAPEL RASGADO 43
5.6.3.13. EFECTO PARA REFLEJAR UN TEXTO 45
5.6.3.14. EFECTO PARA RESERVAR COLOR SOBRE GRISES 47
5.6.3.15. EFECTO PARA RETOQUE DE PIEL 49
5.6.3.16. EFECTO PARA RETOQUE DE PIEL Y DIENTES 51
5.6.3.17. EFECTO PARA CREAR UN TATUAJE 53
5.6.3.18. EFECTO DE TEXTO DE FUEGO 55
5.6.3.19. EFECTO DE VELOCIDAD 59
5.6.3.20. EFECTO UMBRAL 62

6. TRABAJO DE CAMPO 63

7. CONCLUSIONES 74

8. RECOMENDACIONES 75

9. BIBLIOGRAFÍA 77

ANEXOS 79
 LISTA DE CUADROS Y GRÁFICOS
Página
FIGURA 1 Espacio de trabajo de Photoshop predeterminado. 8
FIGURA 2 Cuadro de herramientas 9
FIGURA 3 Paleta de Capas de Photoshop 11
FIGURA 4 Paleta de Capas y sus opciones 12
FIGURA 5 Paleta de Capas y los estilos 12
FIGURA 6 Efecto de congelado, paso 1 23
FIGURA 7 Efecto de congelado, paso 2 23
FIGURA 8 Efecto de congelado, paso 3 23
FIGURA 9 Efecto de congelado, paso 4 23
FIGURA 10 Efecto de congelado, paso 5 24
FIGURA 11 Efecto de congelado, paso 6 24
FIGURA 12 Efecto para crear una espada laser, paso 1 25
FIGURA 13 Efecto para crear una espada laser, paso 2 25
FIGURA 14 Efecto para crear una espada laser, paso 3 25
FIGURA 15 Efecto para crear una espada laser, paso 4 25
FIGURA 16 Efecto para crear una espada laser, paso 5 26
FIGURA 17 Efecto para crear una espada laser, paso 6 26
FIGURA 18 Efecto para crear una espada laser, paso 7 26
FIGURA 19 Efecto para crear una espada laser, paso 8 26
FIGURA 20 Efecto de trama de periódico, paso 1 27
FIGURA 21 Efecto de trama de periódico, paso 2 27
FIGURA 22 Efecto de trama de periódico, paso 3 27
FIGURA 23 Efecto de trama de periódico, paso 4 27
FIGURA 24 Efecto de trama de periódico, paso 5 28
FIGURA 25 Efecto de trama de periódico, paso 6 28
FIGURA 26 Efecto de envejecer una fotografía, paso 1 29
FIGURA 27 Efecto de envejecer una fotografía, paso 2 29
FIGURA 28 Efecto de envejecer una fotografía, paso 3 29
FIGURA 29 Efecto de envejecer una fotografía, paso 4 29
FIGURA 30 Efecto de envejecer una fotografía, paso 5 30
FIGURA 31 Efecto de envejecer una fotografía, paso 6 30
FIGURA 32 Efecto de envejecer una fotografía, paso 7 30
FIGURA 33 Efecto para cambio de color de ojos, paso 1 31
FIGURA 34 Efecto para cambio de color de ojos, paso 2 31
FIGURA 35 Efecto para cambio de color de ojos, paso 3 31
FIGURA 36 Efecto para cambio de color de ojos, paso 4 31
FIGURA 37 Efecto para cambio de color un auto, paso 5 32
FIGURA 38 Efecto para cambio de color un auto, paso 6 32
FIGURA 39 Efecto para cambio de color un auto, paso 7 32
FIGURA 40 Efecto para cambio de color un auto, paso 8 32
FIGURA 41 Efecto de foto de revista, paso 1 33
FIGURA 42 Efecto de foto de revista, paso 2 33
FIGURA 43 Efecto de foto de revista, paso 3 33
FIGURA 44 Efecto de foto de revista, paso 4 33
FIGURA 45 Efecto de foto de revista, paso 5 34
FIGURA 46 Efecto de foto de revista, paso 6 34
FIGURA 47 Efecto para crear un marco de fotografía, paso 1 35
FIGURA 48 Efecto para crear un marco de fotografía, paso 2 35
FIGURA 49 Efecto para crear un marco de fotografía, paso 3 35
FIGURA 50 Efecto para crear un marco de fotografía, paso 4 35
FIGURA 51 Efecto para crear un marco de fotografía, paso 5 36
FIGURA 52 Efecto para crear un marco de fotografía, paso 6 36
FIGURA 53 Efecto para crear un marco de fotografía, paso 7 36
FIGURA 54 Efecto para crear un marco de fotografía, paso 8 36
FIGURA 55 Efecto para pegar motivo dentro de un texto, paso 1 37
FIGURA 56 Efecto para pegar motivo dentro de un texto, paso 2 37
FIGURA 57 Efecto para pegar motivo dentro de un texto, paso 3 37
FIGURA 58 Efecto para pegar motivo dentro de un texto, paso 4 37
FIGURA 59 Efecto para pegar motivo dentro de un texto, paso 5 38
FIGURA 60 Efecto para pegar motivo dentro de un texto, paso 6 38
FIGURA 61 Efecto para pegar motivo dentro de un texto, paso 7 38
FIGURA 62 Efecto para pegar motivo dentro de un texto, paso 8 38
FIGURA 63 Efecto para pegar motivo dentro de un texto, paso 9 39
FIGURA 64 Efecto para pegar motivo dentro de un texto, paso 10 39
FIGURA 65 Efecto para pegar motivo dentro de un texto, paso 11 39
FIGURA 66 Efecto para redimensionar nariz, paso 1 40
FIGURA 67 Efecto para redimensionar nariz, paso 2 40
FIGURA 68 Efecto para redimensionar nariz, paso 3 40
FIGURA 69 Efecto para redimensionar nariz, paso 4 40
FIGURA 70 Efecto de primer plano, paso 1 41
FIGURA 71 Efecto de primer plano, paso 2 41
FIGURA 72 Efecto de primer plano, paso 3 41
FIGURA 73 Efecto de primer plano, paso 4 41
FIGURA 74 Efecto de primer plano, paso 5 42
FIGURA 75 Efecto de primer plano, paso 6 42
FIGURA 76 Efecto de papel rasgado, paso 1 43
FIGURA 77 Efecto de papel rasgado, paso 2 43
FIGURA 78 Efecto de papel rasgado, paso 3 43
FIGURA 79 Efecto de papel rasgado, paso 4 43
FIGURA 80 Efecto de papel rasgado, paso 5 44
FIGURA 81 Efecto de papel rasgado, paso 6 44
FIGURA 82 Efecto de papel rasgado, paso 7 44
FIGURA 83 Efecto para reflejar un texto, paso 1 45
FIGURA 84 Efecto para reflejar un texto, paso 2 45
FIGURA 85 Efecto para reflejar un texto, paso 3 45
FIGURA 86 Efecto para reflejar un texto, paso 4 45
FIGURA 87 Efecto para reflejar un texto, paso 5 46
FIGURA 88 Efecto para reflejar un texto, paso 6 46
FIGURA 89 Efecto para reservar color sobre grises, paso 1 47
FIGURA 90 Efecto para reservar color sobre grises, paso 2 47
FIGURA 91 Efecto para reservar color sobre grises, paso 3 47
FIGURA 92 Efecto para reservar color sobre grises, paso 4 47
FIGURA 93 Efecto para reservar color sobre grises, paso 5 48
FIGURA 94 Efecto para reservar color sobre grises, paso 6 48
FIGURA 95 Efecto para reservar color sobre grises, paso 7 48
FIGURA 96 Efecto para reservar color sobre grises, paso 8 48
FIGURA 97 Efecto para retoque de piel, paso 1 49
FIGURA 98 Efecto para retoque de piel, paso 2 49
FIGURA 99 Efecto para retoque de piel, paso 3 49
FIGURA 100 Efecto para retoque de piel, paso 4 49
FIGURA 101 Efecto para retoque de piel, paso 5 50
FIGURA 102 Efecto para retoque de piel, paso 6 50
FIGURA 103 Efecto para retoque de piel, paso 7 50
FIGURA 104 Efecto para retoque de piel y dientes, paso 1 51
FIGURA 105 Efecto para retoque de piel y dientes, paso 2 51
FIGURA 106 Efecto para retoque de piel y dientes, paso 3 51
FIGURA 107 Efecto para retoque de piel y dientes, paso 4 51
FIGURA 108 Efecto para retoque de piel y dientes, paso 5 52
FIGURA 109 Efecto para retoque de piel y dientes, paso 6 52
FIGURA 110 Efecto para crear un tatuaje, paso 1 53
FIGURA 111 Efecto para crear un tatuaje, paso 2 53
FIGURA 112 Efecto para crear un tatuaje, paso 3 53
FIGURA 113 Efecto para crear un tatuaje, paso 4 53
FIGURA 114 Efecto para crear un tatuaje, paso 5 54
FIGURA 115 Efecto para crear un tatuaje, paso 6 54
FIGURA 116 Efecto de texto de fuego, paso 1 55
FIGURA 117 Efecto de texto de fuego, paso 2 55
FIGURA 118 Efecto de texto de fuego, paso 3 55
FIGURA 119 Efecto de texto de fuego, paso 4 55
FIGURA 120 Efecto de texto de fuego, paso 5 56
FIGURA 121 Efecto de texto de fuego, paso 6 56
FIGURA 122 Efecto de texto de fuego, paso 7 56
FIGURA 123 Efecto de texto de fuego, paso 8 56
FIGURA 124 Efecto de texto de fuego, paso 9 57
FIGURA 125 Efecto de texto de fuego, paso 10 57
FIGURA 126 Efecto de texto de fuego, paso 11 57
FIGURA 127 Efecto de texto de fuego, paso 12 57
FIGURA 128 Efecto de texto de fuego, paso 13 58
FIGURA 129 Efecto de texto de fuego, paso 14 58
FIGURA 130 Efecto de texto de fuego, paso 15 58
FIGURA 131 Efecto de texto de fuego, paso 16 58
FIGURA 132 Efecto de velocidad, paso 1 59
FIGURA 133 Efecto de velocidad, paso 2 59
FIGURA 134 Efecto de velocidad, paso 3 59
FIGURA 135 Efecto de velocidad, paso 4 59
FIGURA 136 Efecto de velocidad, paso 5 60
FIGURA 137 Efecto de velocidad, paso 6 60
FIGURA 138 Efecto de velocidad, paso 7 60
FIGURA 139 Efecto de velocidad, paso 8 60
FIGURA 140 Efecto de velocidad, paso 9 61
FIGURA 141 Efecto de velocidad, paso 10 61
FIGURA 142 Efecto umbral, paso 1 62
FIGURA 143 Efecto umbral, paso 2 62
FIGURA 144 Efecto umbral, paso 3 62
FIGURA 145 Efecto umbral, paso 4 62
FIGURA 146 Frecuencia pregunta 1 69
FIGURA 147 Frecuencia pregunta 2 70
FIGURA 148 Frecuencia pregunta 3 71
FIGURA 149 Frecuencia pregunta 4 72
FIGURA 150 Frecuencia pregunta 5 73
FIGURA 151 Frecuencia pregunta 6 74
FIGURA 152 Frecuencia pregunta 7 75
 1

1. INTRODUCCIÓN

En los últimos años el Diseño Gráfico se ha tornado indispensable como un medio de

comunicación visual y como apoyo fundamental del Marketing para el posicionamiento

de marcas dentro de un mercado, que cada día se vuelve más competitivo con requeri-

mientos cada vez más exigentes; de ahí la necesidad de contratar los servicios de profe-

sionales creativos altamente capacitados y con conocimientos actualizados. Esta oferta y

demanda ha captado el interés de los jóvenes para que se decidan por estudiar esta carrera

creativa que pretende, desde sus inicios; calidad, rapidez, compatibilidad con la tecnolo-

gía y capacitación constante. La manera más rápida y gratuita para acceder a las nuevas

propuestas técnicas y trucos son los tutoriales que los podemos ubicar en la red en los

más variados formatos. Dentro de este infinito abanico de posibilidades encontramos que

el mejor material de consulta está en un idioma extranjero o utiliza modismos propios de

una región, lo que dificulta su comprensión inmediata. Esta particularidad ha generado

una necesidad de crear un tutorial dirigido a usuarios ecuatorianos con niveles incipientes

de conocimientos en Photoshop cuyo único límite lo definirá su creatividad. Este manual

se compone por veinte tutoriales básicos en formato Pdf con una redacción que utiliza

un lenguaje claro, directo, aplicado a nuestro medio y realidad; además cuentan con una

guía multimedia interactiva en la que se explican paso a paso el desarrollo de cada uno

de ellos y estarán alojados en una red social para su libre acceso.

2. PLANTEAMIENTO DEL PROBLEMA

El infinito material de consulta, sea físico o digital, utiliza un lenguaje que difiere con

el entendimiento, constituyéndose en el principal óbice para los estudiantes al momento

de analizarlos. La mayoría de tutoriales, sin importar su naturaleza, presentan muchos

problemas cuando se intenta interpretarlos, marcados por el idioma y por la utilización de

modismos no aplicables al entorno en donde se los estudian, se dan demasiadas vueltas

en su explicación o simplemente obvian pasos que los autores los dan por básicos. Esto

confunde al estudiante, que termina claudicando en su intento por aprender, obligándolo

 2

a conformarse con sus conocimientos escuetos sobre el tema y condenándolo a producir

trabajos poco creativos, sin calidad y a la subutilización del software. Vale la pena cues-

tionarnos ¿al poner a disposición este material de consulta, el estudiante se preocupará

por profundizar sobre el tema?; ¿será este, un punto de inicio para que ellos se integren

a una Sociedad del Conocimiento y aporten con información que generen utilizando un

estilo, modismos y terminología propios de los jóvenes?; ¿ampliarán horizontes y aprove-

charán, en mayor escala, los beneficios que ofrecen las redes sociales y sus aplicaciones

dentro de lo académico de una forma amena, utilizando medios tecnológicos por ellos

muy bien conocidos?; ¿servirá como incentivo para que otros profesionales empiecen a

subir información pensando en los jóvenes, en su entorno en los que se desenvuelven, en

sus realidades propias y en sus necesidades verdaderas?

3. OBJETIVOS

3.1. General

Crear un tutorial guiado paso a paso para generar efectos básicos en Photoshop diri-

gido a estudiantes de los primeros años de Diseño.

3.2. Epecíficos

Captar el interés de los estudiantes y desarrollar en ellos destrezas y habilidades para

que usen esta herramienta apropiadamente; que aprovechen al máximo las bondades

de este software para que fluya libremente su creatividad y se empiecen a involucrar

en el uso de las tecnologías de la información y de la comunicación.

Incentivar a la investigación y a la autoformación buscando otros tutoriales en la red

y también que aporten con los suyos propios.

Cambiar el estereotipo de las redes sociales sobre la concepción que tienen los/las

jóvenes y presentarlas como una buena alternativa con fines académicos.

Crear un material de fácil interpretación y aplicable a nuestra realidad académica.

 3

4. HIPÓTESIS

En la actualidad las tecnologías de la información y de la comunicación han tenido un desarro-

llo vertiginoso y, lo mejor de todo, es que está al alcance del común de las personas; podemos

acceder a ellas por medio de un teléfono celular, en un café net, en nuestros hogares, en centros

comerciales y en ciertos lugares públicos de la urbe que cuentan con sistemas Wireless para

conexión gratuita. Con mucha satisfacción se puede ver que la utilización de las TICs y su di-

fusión ya están consideradas dentro de las políticas de Estado. El siguiente paso es empezar a

crear información específica para grupos con iguales características; resulta imperioso aclarar

que el conocimiento es universal; pero la forma de llegar para lograr el entendimiento abso-

luto tiene que ser muy particular. La realidad académica de un estudiante ecuatoriano difiere

mucho de la de un europeo. Cuando recurrimos a una información que nos resulta interesante,

al momento de revisarla, nos encontramos con la ingrata noticia de que no podemos continuar

debido a que su planteamiento ha dejado a un lado partes que los autores las consideran como

elementales, básicas u obvias; cuando la realidad es otra, resultando para nosotros una verdade-

ra novedad; eso significa que en ese instante nuestro viaje ha llegado a su fin.

Los modismos y el idioma es otra barrera que hay que superarlas; en la Internet podemos en-

contrar tutoriales de una calidad impresionante pero que, en mucho de los casos, aún para un

profesional experimentado, son complicados entenderlos ya que utilizan modismos propios de la

región donde fueron creados o, peor aún, vienen en un idioma extranjero que lo desconocemos.

Estas son trabas que nos relegan automáticamente a una subutilización del software, lo que

afectará negativamente a nuestra producción, generando trabajos con baja calidad gráfica y

creativa en tiempos exagerados; de ahí la necesidad imperiosa de crear un TUTORIAL DE

EFECTOS BÁSICOS EN PHOTOSHOP PARA ALUMNOS DE PRIMER AÑO DE

DISEÑO cuya finalidad es cimentar bases sólidas de una manera fácil y novedosa; captar su

interés y proporcionarles un punto de partida para que puedan desarrollar habilidades y destre-

zas en el manejo y creación de efectos con esta herramienta virtual de diseño y así activar en

Ellos una conciencia investigativa con un propósito firme enfocado en la calidad y la creativi-

dad apoyadas en las tecnologías con planteamientos integradores y participativos.

 4

5. MARCO TEÓRICO

El fundamento teórico es el eje principal sobre el que me basaré para la realización del

trabajo final de graduación; me remitiré a la Guía del Usuario de Photohop Cs3 de Adobe

Systems, tutoriales, manuales y material que he ido recopilando de las continuas capaci-

taciones a las que he asistido.

Por tratarse de un tema cien por ciento pragmático, mi investigación se divide en dos

partes; la primera que tratará sobre la descripción teórica del Photoshop, su interfaz, es-

pacios de trabajo, herramientas, paletas, capas, efectos y filtros lo que permitirá al usuario

familiarizarse con la terminología y el entorno de este software de Diseño; y la segunda

que es la elaboración del documento práctico que se compondrá de veinte tutoriales bá-

sicos dirigidos a estudiantes universitarios que recién se inician en esta área creativa; de

la misma manera su argumentación la haré basándome en Tutoriales físicos y digitales.

El objetivo es seleccionar los mejores en su género que se utilizan constantemente y están

marcando las tendencias del Diseño actual, sintetizar sus pasos; interpretarlos y descri-

birlos paso a paso utilizando un lenguaje sencillo, directo enmarcado dentro de nuestra

realidad social y académica.

El medio de difusión será la internet, para lo cual recurriré a You Tube, en el caso de los

elementos Multimedia; y la descripción teórica de cada uno de ellos los subiré a Scribd

o Slideshare por medio de archivos en formato PDF. La memoria técnica del trabajo en

conjunto la plasmaré en un documento físico que irá acompañado de su respectivo Cd el

que contendrá toda la parte digital del mismo.

 5

5.1. Introducción al Photoshop CS3

5.1.1. ¿Qué es Photoshop?

Photoshop es un programa desarrollado por Adobe Systems para el tratamien-

to de imágenes ya sean creadas en otros programas o digitalizadas por un es-

cáner o cámaras fotográficas. Ofrecen posibilidades de trabajo diversas como

corrección del color, restauración de fotos, inclusión de efectos, aplicación de

filtros, animación básica, manipulación de textos, gráficos con características

vectoriales. Estas son algunas de las características que han hecho que este

software sea el más utilizado por diseñadores, ilustradores y por todos aque-

llos que quieren dar rienda suelta a su creatividad.

5.1.2. Novedades de Photoshop CS3

Esta versión se caracteriza sobre todo por su integración, interacción y

compatibilidad dentro del entorno CS3; entre ellas Illustrador, Flash, Drea-

mweaver, Indesign, Bridge y, en su versión extendida, con Premiere (edición

y tratamiento de vídeo).

Desde esta versión es muy fácil compartir archivos entre aplicaciones, basta

con arrastrar de un lugar a otro los elementos que queramos compartir e inme-

diatamente estarán listos para su uso.

En cuanto a las características del programa, Adobe ha rediseñado su inter-

faz para intentar crear un entorno más espacioso. De este modo las paletas

o ventanas que antes se hallaban flotando por la pantalla ahora se organizan

en docks o paneles situados a la derecha. Estos paneles se pueden optimizar

cambiando su tamaño o mostrando únicamente aquellos elementos que nos

 6

sean necesarios; también se pueden acceder a estos por medio de los menús

ubicados en la parte superior de la pantalla o con las funciones de las “F”.

El Panel de Herramientas ha incorporado nuevas posibilidades de trabajo des-

tinadas a la corrección automática, copiado de texturas y montajes con resul-

tados que buscan la perfección.

Cabe destacar que esta versión ya permite importar y manipular objetos inte-

ligentes lo que garantiza mantener alta resolución en los elementos vectoriales

y textos, corrección automática sobre el programa en el que fueron creados.

También resulta muy útil el nuevo tratamiento de capas y la nueva herramienta

de Selección Rápida que ahorrará mucho tiempo a la hora de seleccionar partes

de una imagen.

Perfeccionar bordes es una posibilidad más que Adobe ha puesto en nuestras

manos y que ha sido creada especialmente para pulir selecciones una vez ter-

minadas, integrándolas imperceptible y armónicamente dentro de un montaje

creado.
 7

5.2. Espacio de trabajo

5.2.1. Información general sobre el espacio de trabajo

Crea y manipula los documentos y los archivos empleando distintos elemen-

tos como paneles, barras, ventanas. Cualquier disposición de estos elementos

se denomina espacio de trabajo. Al iniciar por primera vez un componente

de Adobe Creative Suite, se visualiza el espacio de trabajo predeterminado,

que se lo puede personalizar para las tareas que allí se realizan; por ejemplo,

se puede crear un espacio de trabajo para editar y otro para ver, guardarlos y

pasar de uno a otro mientras se trabaja.

Es posible restaurar el espacio de trabajo predeterminado en cualquier mo-

mento eligiendo la opción predeterminada en el menú Ventana > Espacio de

trabajo.

Aunque los espacios de trabajo predeterminados varían en Flash, Illustrator,

InCopy, InDesign y Photoshop, manipula los elementos de manera muy pa-

recida en todos ellos. El espacio de trabajo predeterminado de Photoshop es

típico:

La barra de menús en la parte superior organiza los comandos debajo de los

menús.

El panel Herramientas (denominado la paleta Herramientas en Photoshop)

contiene utilitarios para la creación y edición de imágenes, ilustraciones, ele-

mentos de página, etc. Las herramientas relacionadas están agrupadas.

El panel de control (denominado la barra de opciones en Photoshop) muestra

opciones para la herramienta seleccionada actualmente.

 8

La ventana de documento muestra el archivo en el que se está trabajando.

Las paletas ayudan a supervisar y modificar el trabajo. Hay aquellas que se

muestran de manera predeterminada pero se puede agregar cualquier panel

seleccionándolo en el menú Ventana. Muchos de estos tienen menús con op-

ciones específicas de panel. Se los pueden agrupar, apilar o acoplar.

Fig. 1: Espacio de trabajo de Photoshop predeterminado.

(A) Ventana de documento. (B) Conjunto acoplado de paneles con-

traído a iconos. (C) Barra de título de panel. (D) Barra de menús.

(E) Barra de opciones. (F) Panel Herramientas. (G) Botón Contraer

como iconos. (H) Tres grupos de paletas (paneles) acoplados verti-

calmente.
 9

5.3. Herramientas

5.3.1. Acerca de las Herramientas

Al iniciar Photoshop, la paleta Herramientas aparece en la parte izquierda de

la pantalla, algunas de las cuales cuentan con opciones que aparecen en la

barra de opciones sensibles al contexto. Existen herramientas que permiten

insertar texto, seleccionar, pintar, dibujar, muestrear, editar, mover, anotar y

ver imágenes; otras admiten cambiar los colores frontal o de fondo. Es posible

expandir algunas de ellas con el fin de ver las que contiene ocultas; un trián-

gulo pequeño en el lateral inferior derecho de los iconos generales indica la

presencia de opciones alternativas ocultas.

Fig. 2: Cuadro de herramientas, descripción por grupos y comandos

desde el teclado.
 10

5.4. Capas

5.4.1. Características

Las capas son los elementos fundamentales que integran muchos flujos de

trabajo de creación de imágenes. Quizá pueda prescindir de las capas si sólo

realiza ajustes sencillos de imagen; no obstante, ayudan a mejorar la eficiencia

y resultan esenciales para la mayoría de tareas de edición no destructiva de

imágenes.

Las posibilidades de manipulación son múltiples, entre ellas está la de cam-

biar la opacidad logrando que su contenido sea parcialmente transparente,

lo que permite visualizar las capas situadas por debajo; esta característica la

podemos comparar como láminas de acetato dispuesta una tras de otras.

Otra característica fundamental es que sirven para realizar diversas tareas

como componer varias imágenes, añadir texto dentro de una composición,

añadir formas de gráficos vectoriales. La aplicación de un estilo de capa fa-

cilita la adición de efectos especiales como sombras paralelas o algún tipo de

resplandor.

5.4.2. Descripción general de la paleta Capas

La paleta contiene todas las capas, grupos y todos los efectos utilizados. En

ella se puede mostrarlas, ocultarlas, crear capas nuevas y agruparlas. Para

acceder a estas recurrimos también a comandos y opciones adicionales desde

su menú.
 11

Fig. 3: Paleta Capas de Photoshop

(A) Menú de la paleta Capas. (B) Grupo de capas. (C) Capa. (D) Ex-

pandir/Contraer efectos de capa. (E) Efecto de capa. (F) Miniatura

de la capa

5.4.3. Efectos y estilos de capa

Photoshop proporciona numerosos efectos como sombras, resplandores o bi-

seles. Al mover o editarlas estos se mantienen; por ejemplo, si aplica una som-

bra paralela a una capa de texto y se añade más contenido, automáticamente el

efecto se dispone sobre lo adicionado.

El icono de efectos aparece a la derecha del nombre de la capa. Para editarla

simplemente se da doble click sobre esta y se despliega una ventana con dife-

rentes opciones de trabajo.

 12

Fig. 4: Paleta Capas que muestra una capa en la que se han aplicado varios

efectos: (A) Icono de efectos de capa. (B) Clic para expandir y mos-

trar los efectos de la capa. (C) Efectos de capa.

Un estilo de capa consiste en uno o varios efectos que se aplican a una o a un

grupo de capas. Es posible aplicar uno de los estilos preestablecidos que ofre-

ce Photoshop o bien crear uno personalizado mediante el cuadro de diálogo, el

mismo que al guardarlo se convierte en un estilo preestablecido que aparecerá

en la paleta general.

5.4.4. Descripción general del cuadro de diálogo estilo de capa

El cuadro de diálogo Estilo de Capa permite editar estilos aplicados a las ca-

pas así como crear nuevos.

Fig. 5: Paleta Capas que muestra los diversos estilos de capa

 13

Se puede personalizarlos por medio de uno o varios de los siguientes efectos:

Sombra paralela, añade una sombra que se sitúa detrás del contenido de la capa.

Sombra interior, genera una sombra que se ubica justo dentro de los bordes

del contenido de la capa, dándole un aspecto hueco.

Resplandor exterior y Resplandor interior, crea resplandores procedentes

de los bordes interiores o exteriores del contenido de la capa.

Bisel y relieve, combina iluminaciones y sombras.

Satinado, adiciona un sombreado interior que crea un acabado satinado.

Superposición de colores, de degradado y de motivo, rellenan el conteni-

do de la capa con color, un degradado o un motivo.

Trazo, limita el contorno del objeto utilizando un color, un degradado o un

motivo; resulta de mucha utilidad en formas bien definidas, como en textos.

5.4.5. Opciones de estilos de capa

Altitud: En el efecto Bisel y relieve, define la altura del origen de la luz. El ajus-

te 0 equivale al nivel del suelo y 90, al punto situado justo encima de la capa.

Ángulo: Determina el ángulo de iluminación con el que el efecto se aplica

a la capa. Se lo pusede arrastrar en la ventana del documento para ajustar el

ángulo de un efecto Sombra paralela, Sombra interior o Satinado.

 14

Suavizado: Fusiona los píxeles de los bordes de un contorno o contorno de res-

plandor. Esta opción resulta más útil en sombras de tamaño pequeño y contorno

complicado.

Modo de fusión: Determina el modo de fusión del estilo de capa con las capas

subyacentes, que pueden o no incluir la capa activa. Por ejemplo, una sombra

interior se fusiona con la capa activa ya que el efecto aparece en la parte supe-

rior de esa capa; sin embargo, una sombra paralela se fusiona únicamente con

las capas situadas debajo de la activa. En la mayoría de los casos, el modo por

defecto de cada efecto es el que produce los mejores resultados.

Retraer: Reduce los límites del mate de una Sombra interior o un Resplandor

interior antes de desenfocar.

Color: Especifica el matiz de una sombra, un resplandor o una iluminación.

Se puede hacer clic en el cuadro de color y elegir uno.

Contorno: Con resplandores de color sólido, la opción Contorno le permite

crear anillos de transparencia.

Con resplandores rellenos de degradado, la opción Contorno permite crear

variaciones en la repetición de la opacidad y el color del degradado.

Con bisel y relieve, la opción Contorno esculpe las ondulaciones y texturas

que quedan sombreadas en el proceso de creación del relieve.

Con sombras, la opción Contorno le permite especificar la transición.

Distancia: Especifica el área de desplazamiento de un efecto de sombra o

satinado. Puede arrastrar en la ventana del documento para ajustar la distancia

de desplazamiento.
 15

Profundidad: Describe la profundidad de un bisel y de un motivo.

Usar luz global: Define un ángulo de iluminación “maestro” que se pone a

disposición de todos los efectos de capa que empleen sombreado: Sombra

paralela, Sombra interior y Bisel y relieve.

Contorno de resplandor: Crea un aspecto brillante y metálico. Se lo aplica

tras sombrear un bisel o relieve.

Degradado: Maneja efectos de degradaciones; es editable completamente.

Modo de iluminación o sombra: Define el modo de fusión de una ilumina-

ción o sombra de bisel o relieve.

Vibración: Varía la aplicación del color y la opacidad de un degradado.

Ruido: Proporciona el número de elementos aleatorios en la opacidad de un

resplandor o de una sombra.

Opacidad: Define la opacidad del efecto de capa.

Motivo: Especifica el motivo de un efecto de capa.

Posición Determina la posición de un efecto desde el exterior, interior o centro.

Rango: Controla la parte del resplandor afectada por el contorno.

Tamaño: Establece la cantidad de desenfoque o el tamaño de la sombra.

Suavizado: Desenfoca el resultado del sombreado para reducir los defectos.

 16

Origen: Fija el origen de un resplandor interior.

Extender: Amplía los límites del mate antes de desenfocar.

Estilo: Especifica el estilo de un bisel:

Inglete interior, crea un bisel en los bordes interiores del contenido de la

capa.

Inglete exterior, crea un bisel en los bordes exteriores.

Relieve, simula el efecto de relieve en el contenido de la capa sobre las subya-

centes.

Relieve acolchado, simula el efecto de estampar los bordes del contenido de

la capa en las capas subyacentes.

Relieve del trazo, limita realza los límites de un efecto de trazo aplicado a la

capa.

Técnica: para los efectos de bisel y relieve están disponibles Redondeado,

Cincel duro y Cincel blando; a los efectos Resplandor interior y Resplandor

exterior se aplican Más suavizado y Preciso.

Redondeado: Desenfoca ligeramente los bordes del mate. No conserva ras-

gos de detalle en tamaños grandes.

Cincel duro: Utiliza una técnica de medición de distancia y resulta princi-

palmente útil en mates bien definidos existentes en formas suavizadas como

texto. Mantiene los rasgos de detalle mejor que la técnica Redondear.

 17

Cincel blando: Maneja una técnica modificada de medición de distancia y, si

bien no es tan preciso como el Cincel duro, resulta útil en un amplio rango de

mates. Mantiene los rasgos mejor que la técnica Redondear.

Más suavizado: Aplica el desenfoque y resulta útil en todos los tipos de

mate, tanto si los bordes están definidos como si no lo están. Con tamaños

más grandes, Más suavizado no conserva los rasgos de detalle.

Preciso: Utiliza una técnica de medición de distancia para crear un resplandor

que resulta útil sobre todo en los mates bien definidos de formas suavizadas;

por ejemplo, texto. Mantiene los rasgos mejor que la técnica Más suavizado.

Textura: Aplica texturas por defecto o personalizadas. Es manipulable bajo

los siguientes parámetros:

• Escala, para cambiar la escala del tamaño de la textura.

• Enlazar con capa si desea que la textura se desplace con la capa a medida

que ésta se mueve.

• Invertir, cambia la disposición de la textura.

• Profundidad, varía el grado y la dirección (arriba/abajo) de aplicación de

la textura.

• Al hacer clic en Ajustar al origen, se convierte en el mismo que el del

documento (si no está seleccionado Enlazar con capa) o se coloca en la

esquina superior izquierda de la capa (si está seleccionado Enlazar con

capa). Arrastrar la textura para colocarla en la capa.

 18

5.5. Filtros

5.5.1. Conceptos básicos sobre filtros

Los filtros sirven para aplicar efectos especiales o para realizar tareas comu-

nes de edición de imágenes como enfocar fotografías.

Los filtros se emplean para limpiar o retocar fotografías, aplicar efectos es-

peciales que doten a la imagen de la apariencia de un bosquejo o un cuadro

impresionista o bien crear transformaciones exclusivas mediante distorsiones

y efectos de iluminación.

Los filtros inteligentes, aplicados a objetos inteligentes, permiten usar filtros

no destructivos. Se almacenan como efectos de capa en la paleta Capas y se

pueden volver a ajustar en cualquier momento a partir de los datos de la ima-

gen original que este contenga.

Para utilizar un filtro, se debe seleccionar el comando de submenú adecuado

del menú Filtro. Las siguientes directrices ayudarán a seleccionarlos:

Los filtros se aplican a la capa activa visible o a una selección.

• En el caso de las imágenes de 8 bits por canal, la mayoría de los filtros se

pueden aplicar de manera acumulativa mediante sus Galería. Todos pueden

aplicarse individualmente.

• No se pueden aplicarlos a imágenes en modo de mapa de bits o de color in-

dexado.

• Algunos filtros sólo funcionan en modo RGB.

• Pueden aplicarse a imágenes de 8 bits.

• Son aplicables los siguientes filtros a imágenes de 16 bits: Licuar, Punto de

fuga, Promediar, Desenfocar, Desenfocar más, Desenfoque de rectángulo,

 19

Desenfoque gaussiano, Desenfoque de lente, Desenfoque de movimiento,

Desenfoque radial, Desenfoque de superficie, Desenfoque de forma, Co-

rrección de lente, Añadir ruido, Destramar, Polvo y rascaduras, Mediana,

Reducir ruido, Fibras, Nube 1, Nube 2, Destello, Enfocar, Enfocar bor-

des, Enfocar más, Enfoque suavizado, Máscara de enfoque, Relieve, Ha-

llar bordes, Solarizar, Desentrelazar, Colores NTSC, A medida, Paso alto,

Máximo, Mínimo y Desplazamiento.

• A imágenes de 32 bits: Promediar, Desenfoque de rectángulo, Desenfoque

gaussiano, Desenfoque de movimiento, Desenfoque radial, Desenfoque de

forma, Desenfoque de superficie, Añadir ruido, Nube 1, Nube 2, Destello,

Enfoque suavizado, Máscara de enfoque, Desentrelazar, Colores NTSC,

Relieve, Paso alto, Máximo, Mínimo y Desplazamiento.

• Algunos filtros se procesan completamente en memoria RAM. Si no dispo-

ne de suficiente, es posible que reciba un mensaje de error.

 20

5.6. Implementación de los Tutoriales

5.6.1. Antecedentes

En este capítulo desarrollaremos veinte de los más usados tutoriales de una

manera sencilla y rápida.

Los PDFs de cada uno de ellos están subidos en www.scribd.com; además

cada tutorial cuenta con un vídeo en el que se va describiendo paso a paso el

proceso detallado de los efectos y se encuentran alojados en www.youtube.

com; sus enlaces o links se disponen al final de cada página del efecto corres-

pondiente. La imágen a usarse, para todos los casos, es la siguiente:

ARCHIVOS PDF Y MULTIMEDIA ALOJADOS EN:

www.scribd.com
www.scribd.com

www.youtube.com
www.youtube.com

5.6.2. Descripción técnica

Los efectos de todos y cada uno de los Tutoriales fueron realizados en Pho-

toshop CS3; paso a paso se procedió a las capturas de pantallas desde el inicio

hasta la conclusión de los mismos; una vez que se tiene completa la informa-

ción gráfica, las importamos a Photoshop, las retocamos, corregimos colores

y las grabamos en formato JPEG (Joint Photographic Experts Group, formato

de compresión de datos) para luego importarlas a Abobe Indesign que es un

programa utilizado para diseño y diagramación; con este utilitario procedimos

a crear los Tutoriales que al final los convertimos en formato PDF (Porta-

ble Document Format, formato de documento portátil) para luego subirlos

a www.scribd.com, plataforma que permite alojar y publicar documentos en

la internet. Diversos estudios de psicología de la educación han puesto de ma-

nifiesto las ventajas que presenta la utilización de medios audiovisuales en el

 21

proceso enseñanza-aprendizaje. Su empleo permite que el alumno asimile una

cantidad de información mayor al percibirla de forma simultánea a través de

dos sentidos: la vista y el oído. Otra de las ventajas es que el aprendizaje se ve

favorecido cuando el material está organizado y esa organización es percibida

por el alumno de forma clara y evidente.

Por otro lado, la educación a través de medios audiovisuales posibilita una mayor

apertura del alumno y del centro educativo hacia el mundo exterior, ya que permi-

te superar las fronteras geográficas. El uso de los materiales audiovisuales puede

hacer llegar a los alumnos experiencias más allá de su propio ámbito escolar y

difundir la educación a otras regiones y países, siendo accesible a más personas;

estos se constituyen en elementos de peso que respaldan la decisión de realizar

vídeos de apoyo para una mejor comprensión del material propuesto como un

apoyo didáctico para los/las estudiantes de Diseño, en este caso particular. Con

ayuda de SMART BOARD desarrollamos el material multimedia, y lo subimos

a www.youtube.com, «sitio web que permite a los usuarios compartir vídeos digi-

tales a través de Internet. Pertenece a la Web 2.0. Fue fundado en febrero de 2005

por tres antiguos empleados de PayPal: Chad Hurley, Steve Chen y Jawed Karim.

YouTube es propiedad de Google, desde su compra, el 10 de octubre de 2006 por

1.650 millones de dólares.

Esta plataforma usa un reproductor en línea basado en Adobe Flash para servir

su contenido. Es muy popular gracias a la posibilidad de alojar vídeos per-

sonales de manera sencilla. Aloja una variedad de clips de películas, progra-

mas de televisión, vídeos musicales y vídeos caseros (a pesar de las reglas de

YouTube contra subir vídeos con copyright, este material existe en abundan-

cia). Los enlaces a vídeos de YouTube pueden ser también puestos en blogs y

sitios web personales usando APIs o incrustando cierto código HTML» (1).

(1) http://es.wikipedia.org/wiki
 22

La edición de los vídeos se la realizó con ayuda del programa I-movie para

plataforma Mac; allí recortamos partes innecesarias, incorporamos tracks musi-

cales en formato Mp3 del género electrónico por considerarlo moderno y que se

identifica con los gustos de los/las jóvenes tornándolo más dinámico. Con esta

herramienta de edición multimedia fue posible colocar títulos y crear efectos

visuales de transición obteniendo un material agradable para el usuario.

Este material didácico apoyado en las Tics se vuelve en un elemento imporante

de enseñanza-aprendizaje logrando que las clases sean espacios amenos e in-

teresantes ya que se rompen esquemas tradicionales tediosos, aburridos y muy

esquemáticos.

5.6.3. Desarrollo pasos a paso de veinte tutoriales de efectos básicos en Photoshop CS3

El desconocimiento teórico-práctico al momento de utilizar Photoshop, los

procesos muy largos para conseguir un efecto o la dificultad al momento de

interpretar los tutoriales físicos o virtuales existentes, en la mayoría de los

casos, terminan confundiendo a quienes los utilizan y por ende claudican en

el intento; relegándolos a un conformismo con consecuencias nefastas que

afectan a la calidad y al tiempo de ejecución de sus producciones. Estos ar-

gumentos han sido los ejes motores que han impulsado a crear un TUTO-

RIAL DE EFECTOS BÁSICOS EN PHOTOSHOP PARA ALUMNOS DE

PRIMER AÑO DE DISEÑO cuya finalidad es cimentar bases sólidas de una

manera fácil y novedosa, captar su interés y proporcionarles un punto de par-

tida para que desarrollen habilidades y destrezas en el manejo y creación de

efectos con esta herramienta virtual de diseño y así activar en los/las usuarios/

as una conciencia investigativa con un propósito firme enfocado en la calidad

y la liberación de la creatividad adentrándonos en el maravilloso mundo de

las Tecnologías de la Información y de la Comunicación.

 23

5.6.3.1. EFECTO DE CONGELADO

1 2
Abrimos archivo, nos vamos a IMA- FILTRO > ESTILIZAR >
GEN > ROTAR LIENZO > 90ºAC VIENTO

Fig. 6 Fig. 7

3 4
Se despliega una ventana, en el área IMAGEN > ROTAR LIENZO >
de Método activamos “viento” y en 90ºACD, para regresar la foto a su
Dirección “desde la derecha” posición normal
Fig. 8 Fig. 9
 24

15
CTRL + U (tono / saturación) controlamos los colo-
res para volverlos de la gama fría, lo que ayudará a
crear un ambiente congelado
Fig. 10

36

Listo!, hemos conseguido el efecto

Fig. 11

ARCHIVOS PDF Y MULTIMEDIA ALOJADOS EN:

http://www.scribd.com/doc/16445366/CONGELADO-B
www.scribd.com

http://www.youtube.com/watch?v=XNVz76S45vg&feature=channel_page
www.youtube.com
 25

5.6.3.2. EFECTO PARA CREAR UNA ESPADA LASER

1 2
En Ilustrador generamos la forma
Abrimos archivo de la espada y la importamos a Pho-
toshop como objeto inteligente

Fig. 12 Fig. 13

3 4
Nos vamos a SELECCIÓN > MO-
La selección se expande, creamos
DIFICAR > EXPANDIR, se des-
una nueva capa y coloreamos, en
pliega una ventana y asignamos un
este caso, con magenta
valor de 10
Fig. 14 Fig. 15
 26

5 6
Se abre una ventana y el Desenfo-
FILTRO > DESENFOCAR > que Gaussiano debe tener un valor
DESENFOQUE GAUSSIANO de 9,5 pixeles.
Fig. 16 Fig. 17

7 8
Seleccionamos la capa de la espada
blanca y aplicamos un desenfoque
gaussiano (FILTRO > DESENFO- La espada laser ha sido creada
CAR > DESENFOQUE GAUS-
SIANO) con un valor de 1,7 píxe-
les
Fig. 18 Fig. 19

ARCHIVOS PDF Y MULTIMEDIA ALOJADOS EN:

http://www.scribd.com/doc/16445512/Espada-Laser
www.scribd.com

http://www.youtube.com/watch?v=VXwEE1tiJ5o
www.youtube.com
 27

5.6.3.3. EFECTO DE TRAMA DE PERIÓDICO

1 2
Abrimos archivo Vamos a IMAGEN > MODO >
ESCALA DE GRISES
Fig. 20 Fig. 21

3 4
IMAGEN > MODO > MAPA DE Se depliega un cuadro en el que da-
BITS, esta opción permite crear la mos un valor de 300 píxeles/pulga-
trama y sus características persona- da en Salida
lizadas
Fig. 22 Fig. 23
 28

5
En trama de semitonos colocamos una lineatura de 20,
ángulo de 45, forma redonda > OK

Fig. 24

El resultado es una imagen tramada

Fig. 25

ARCHIVOS PDF Y MULTIMEDIA ALOJADOS EN:

http://www.scribd.com/doc/16449216/TRAMA-PERIODICO
www.scribd.com

http://www.youtube.com/watch?v=itiQQ11lzZ8
www.youtube.com
 29

5.6.3.4. EFECTO PARA ENVEJECER UNA FOTOGRAFÍA

1 2
Abrimos el archivo con el que tra- Menú Imagen > Modo > Escala de
bajaremos Grises

Fig. 26 Fig. 27

3 4
Con esto descartamos la inform- Vamos a menú Imagen > Modo >
caión de color obteniendo una ima- Duotono
gen en escala de grises
Fig. 28 Fig. 29
 30

5 6
Se despliegan estas ventanas, esco- Con Ctrl + L accedemos a NIVE-
gemos un tono que va por los ocres LES con el que aclararemos un
y un café para crear el efecto sepia poco la fotografía
de envejecido
Fig. 30 Fig. 31

Es así como te queda la foto

Fig. 32

ARCHIVOS PDF Y MULTIMEDIA ALOJADOS EN:

http://www.scribd.com/doc/16445676/FOTO-ENVEJECIDA
www.scribd.com

http://www.youtube.com/watch?v=PIDzV9xOVUE
www.youtube.com
 31

5.6.3.5. EFECTO PARA CAMBIO DE COLOR DE OJOS

1 2
Eliminamos la máscara rápida e in-
Abrimos archivo y creamos una vertimos la selección desde menú
máscara rápida selección > invertir o MAYÚS +
CTRL + I
Fig. 33 Fig. 34

3 4
Digitamos CTRL + U (tono/satu-
Con la herramienta Pincel procede- ración), manipulamos los controles
mos a marcar el área que se desea hasta conseguir el color deseado; y
cambiar el color; se visualiza de un eso es todo, hemos cambiado el co-
color rojo lor del ojo
Fig. 35 Fig. 36

ARCHIVOS PDF Y MULTIMEDIA ALOJADOS EN:

http://www.scribd.com/doc/16445272/Cambio-Color-Ojos
www.scribd.com

http://www.youtube.com/watch?v=VPsUtbu0aEg
www.youtube.com
 32

5.6.3.6. EFECTO PARA CAMBIAR DE COLOR UN AUTO

1 2
Con la varita mágica seleccionamos Nos vamos a IMAGEN > AJUS-
solo la carrocería del auto TES > VARIACIONES

Fig. 37 Fig. 38

3 4
Procedemos a cambiar el color del
carro manipulando las diferentes Hemos cambiado el color del auto,
opciones que nos presenta esta ven- de blanco a anaranjado
tana
Fig. 39 Fig. 40

ARCHIVOS PDF Y MULTIMEDIA ALOJADOS EN:

http://www.scribd.com/doc/16445168/Cambio-Color-Auto
www.scribd.com

http://www.youtube.com/watch?v=MyMRAvoDImA
www.youtube.com
 33

5.6.3.7. EFECTO DE FOTO DE REVISTA

1 2
Abrimos archivo, con CTRL + J FILTRO > DESENFOCAR > DES-
duplicamos la capa ENFOQUE GAUSSIANO
(3.5 píxeles de radio)
Fig. 41 Fig. 42

3 4
Regresamos a la capa original y
Cambiamos el modo de la capa a
manipulamos el tono / saturación-
SUPERPONER, hasta aquí trabaja-
con CTRL +U (tono = 180; satura-
mos en la capa duplicada
ción = 33; luminosidad = 0)

Fig. 43 Fig. 44
 34

5
Con CTRL + L manejamos los niveles de color
(Niveles de entrada: 0/0.79/255; Niveles de salida: 0/255 > OK
Fig. 45

Tenemos nuestra fotografía con efecto revista

Fig. 46

ARCHIVOS PDF Y MULTIMEDIA ALOJADOS EN:

http://www.scribd.com/doc/16445774/FOTO-REVISTA
www.scribd.com

http://www.youtube.com/watch?v=U9gCZFvWsSM
www.youtube.com
 35

5.6.3.8. EFECTO PARA CREAR UN MARCO DE FOTOGRAFÍA

1 2
Abrimos imagen y con CTRL + A Menú > selección > modificar >
seleccionamos toda la fotografía borde
Fig. 47 Fig. 48

3 4
Aparece cuadro Borde de Selección Creamos una segunda capa
y le asignamos, en este caso, un va- con CTRL + J
lor de 20 pixeles

Fig. 49 Fig. 50
 36

5 6
A esta capa le damos el nombre de Activamos SUPERPOSICIÓN DE
MARCO, con click derecho esco- COLORES y escogemos una tra-
gemos OPCIONES DE FUSION ma, en este caso magenta

Fig. 51 Fig. 52

7 8
Activamos TRAZO y escogemos
una trama, en este caso violeta obs- Es así como hemos colocado un
cura. Su grosor lo controlamos se- marco a nuestra fotografía
gún lo visualicemos
Fig. 53 Fig. 54

ARCHIVOS PDF Y MULTIMEDIA ALOJADOS EN:

http://www.scribd.com/doc/16446236/MARCO-DE-FOTOS
www.scribd.com

http://www.youtube.com/watch?v=9Dlbqcd3u8A
www.youtube.com
 37

5.6.3.9. EFECTO PARA PEGAR MOTIVO DENTRO DE UN TEXTO

1 2
Abrimos la imagen con la que La transformamos en CAPA CERO
vamos a trabajar
Fig. 55 Fig. 56

3 4
Digitamos, con la herramienta de Enviamos atrás la capa de texto
TEXTO, la palabra deseada.
Fig. 57 Fig. 58
 38

5 6
Seleccionamos el texto con CTRL
creamos una nueva capa
+ ALT + CLICK sobre la ventana
de la capa
Fig. 59 Fig. 60

7 8
sobre la capa de la imagen creamos La imagen se inserta dentro del tex-
una MÁSCARA DE RECORTE to y se la puede mover según se ne-
desde las opciones de capa cesite (queda incrustada)

Fig. 61 Fig. 62
 39

9 10
Nos vamos a la capa del texto y Introducimos los parámetros
aplicamos un efecto de sombra pa- para lograr el efecto
ralela
Fig. 63 Fig. 64

11

Efecto listo

Fig. 65

ARCHIVOS PDF Y MULTIMEDIA ALOJADOS EN:

http://www.scribd.com/doc/16447050/PEGAR-DENTRO
www.scribd.com

http://www.youtube.com/watch?v=EDEJPN14YIY
www.youtube.com
 40

5.6.3.10. EFECTO PARA REDIMENSIONAR NARIZ

1 2
Abrimos documento, hacemos una
selaccón del área de la naríz con Con CTRL + T, reducimos el an-
LAZO para hacer una copia con cho de la naríz. Se observa que los
CTRL + C; luego CTRL V. Se ge- bordes son muy marcados
nera una nueva capa
Fig. 66 Fig. 67

3 4
Para que no se note como un corte,
con la ayuda del borrador en modo
pincel difuso de diámetro 125, pro- El resultado es óptimo, tenemos un
cedemos a difumionar los bordes retoque de naríz de una manera rá-
para que se integre armónicamente pida y sencilla
al rostro
Fig. 68 Fig. 69

ARCHIVOS PDF Y MULTIMEDIA ALOJADOS EN:

http://www.scribd.com/doc/16448942/REDIMENSION-NARIZ
www.scribd.com

http://www.youtube.com/watch?v=eRMqY5Pn5v4
www.youtube.com
 41

5.6.3.11. EFECTO DE PRIMER PLANO

1 2
Creamos una máscara rápida (Q),
Abrimos el archivo con el que va- ayudados con el pincel procedemos
mos a trabajar a pintar todos los elementos que se
quiere dejar en primer plano; en
este caso sería el conejo y el tronco
Fig. 70 Fig. 71

3 4
Volvemos al modo normal hacien-
do click en el icono de máscara o
presionando Q; inmediatamente Vamos a FILTRO > DESENFO-
vemos que aparece una selección CAR > DESENFOQUE DE LEN-
al rededor de los elementos que en- TE
mascaramos
Fig. 72 Fig. 73
 42

5
Se despliega una ventana en la que asignamos
al Radio a un valor de 65
Fig. 74

6
Vemos que el fondo se ha desenfocado y el conejo
junto con el tronco ocupan un primer plano muy no-
torio
Fig. 75

ARCHIVOS PDF Y MULTIMEDIA ALOJADOS EN:

http://www.scribd.com/doc/16448869/PRIMER-PLANO
www.scribd.com

http://www.youtube.com/watch?v=oZy3S7G866o
www.youtube.com
 43

5.6.3.12. EFECTO DE PAPEL RASGADO

1 2
Abrimos un archivo Con CTRL +T redimesionamos
imagen
Fig. 76 Fig. 77

3 4
con la herramienta de selección rec-
tangular, trazamos un rectángulo en Creamos una nueva capa
la parte iuferior de la fotografía

Fig. 78 Fig. 79
 44

5 6
Con el Lazo trazamos segmentios
Rellenamos con blanco la selec-
irregulares tanto erriba como abajo
ción
de este recuadro blanco
Fig. 80 Fig. 81

7
Con DELETE, eliminamos lo seleccionado
y obtenemos el efecto de rasgado
Fig. 82

ARCHIVOS PDF Y MULTIMEDIA ALOJADOS EN:

http://www.scribd.com/doc/16446319/PAPEL-RASGADO
www.scribd.com

http://www.youtube.com/watch?v=Xeaix3mFDIs
www.youtube.com
 45

5.6.3.13. EFECTO PARA REFLEJAR UN TEXTO

1 2
Abrimos el archivo sobre el cual Con la herramiuenta Texto digita-
vamos a trabajar mos, en este caso, la palabra GÓ-
TICO
Fig. 83 Fig. 84

3 4
Duplicamos capa y con CTRL + T
Rasterizamos el texto para poder
> click derecho, escogemos la op-
crear el efecto de reflejo
ción VOLTEAR VERTICAL

Fig. 85 Fig. 86
 46

5
Con la herramienta borrador en modo pincel difuso, abertura 400; pro-
cedemos a borrar desde el borde externo de la palabra reflejada

Fig. 87

El efecto está como lo pensamos

Fig. 88

ARCHIVOS PDF Y MULTIMEDIA ALOJADOS EN:

http://www.scribd.com/doc/16448996/REFLEJO-TEXTOS
www.scribd.com

http://www.youtube.com/watch?v=SD4WkF1a-oc
www.youtube.com
 47

5.6.3.14. EFECTO PARA RESERVAR COLOR SOBRE GRISES

1 2
Digitamos CTRL + J
Abrimos archivo
para duplicar capa

Fig. 89 Fig. 90

3 4
Damos CTRL + U Con herramienta LAZO seleccio-
( Saturación = 100) > OK namos las áreas que vamos a reser-
varlas con color

Fig. 91 Fig. 92
 48

5 6
Con la selección rectangular activa En el cuadro de perfeccionar borde
perfeccionamos bordes asignamos un calado de 0.6 pix.

Fig. 93 Fig. 94

7 8
Con DELETE borramos las áreas
Hemos realizado la rerva de color
seleccionadas para que aparezca el
sobre un entorno gris
color
Fig. 95 Fig. 96

ARCHIVOS PDF Y MULTIMEDIA ALOJADOS EN:

http://www.scribd.com/doc/16449082/RESERVA-GRISES
www.scribd.com

http://www.youtube.com/watch?v=NQnFV14CRzQ
www.youtube.com
 49

5.6.3.15. EFECTO PARA RETOQUE DE PIEL

1 2
Abrimos la imagen a retocar
Con herramienta Tampón procede-
mos a corregir inperfecciones; pre-
sionamos ALT + click para tomar
muestra y arrastramos para arreglar

Fig. 97 Fig. 98

3 4
Una vez terminado de corregir,
Con la herramienta de lazo, selec-
procedemos a difuminar bordes
cionamos el área donde hemos he-
con la ayuda de la herramienta
cho la corrección
DEDO
Fig. 99 Fig. 100
 50

5 6
FILTRO > DESNFOCAR > DES-
Perfeccionamos bordes con un
ENFOQUE GAUSSIANO con un
calado de 2.0 píxeles
radio de 3.9 píxeles

Fig. 101 Fig. 102

7
El retoque está listo; hemos eliminado el acné
de la piel del rostro de la Chica

Fig. 103

ARCHIVOS PDF Y MULTIMEDIA ALOJADOS EN:

http://www.scribd.com/doc/16448760/PIEL
www.scribd.com

http://www.youtube.com/watch?v=xwnZFFG1nLo
www.youtube.com
 51

5.6.3.16. EFECTO PARA RETOQUE DE PIEL Y DIENTES

1 2
Con la varita mágica selacciona- Alternando entre Varita y Lazo
mos toda la piel, excepto labios hacemos la selección completa de
y dientes toda la piel
Fig. 104 Fig. 105

3 4
Con CTRL + L (niveles de color, Manipulados correctamente los ni-
bajamos los niveles de rojos ya que veles de color, obtenemos una piel
este color está subido en la fotogra- más natural
fía
Fig. 106 Fig. 107
 52

5
Con la herrmienta de sobreexponer pasando como un
pincel sobre los dientes, procedemos a blanquearlos.

Fig. 108

6
El resultado de retoque es magnífico.

Fig. 109

ARCHIVOS PDF Y MULTIMEDIA ALOJADOS EN:

http://www.scribd.com/doc/16448649/PIEL-DIENTES
www.scribd.com

http://www.youtube.com/watch?v=tCJwC4TYM3M
www.youtube.com
 53

5.6.3.17. EFECTO PARA CREAR UN TATUAJE

1 2
Abrimos los archivos con los que
trabajaremos
Tomamos el arte del Tatuaje y lo
arrastramos hacia la fotografía;
con CTRL +T lo redimensionamos
y ubicamos donde va a ir

Fig. 110 Fig. 111

3 4
Nos situamos en la capa 1 (arte ta- Aparece una ventana, activamos el
too), vamos a opción de capa y es- color y escogemos uno parecido al
cogemos OPCIÓN de FUSIÓN del tatoo real

Fig. 112 Fig. 113

 54

5
Vamos a FILTRO > DESENFOCAR > DESENFOQUE GAUS-
SIANO; buscamos un valor que suavice los bordes para que no se
note que es un montaje

Fig. 114

6
Es así como hemos creado un tatuaje

Fig. 115

ARCHIVOS PDF Y MULTIMEDIA ALOJADOS EN:

http://www.scribd.com/doc/16449141/TATUAJE
www.scribd.com

http://www.youtube.com/watch?v=-dsN6dzVtkU
www.youtube.com
 55

5.6.3.18. EFECTO DE TEXTO DE FUEGO

1 2
Abrimos un documento nuevo Con la herramienta de texto digita-
mos el mensaje con relleno blan-
co
Fig. 116 Fig. 117

3 4
Digitamos CTRL + T para ro- FILTRO > ESTILIZAR > VIEN-
tar 90º a la derecha TO
Fig. 118 Fig. 119
 56

5 6
Se abre un cuadro de diálogo en Activamos las opciones de VIEN-
la que da la opción de rasterizar la TO; desde la izquierda;
capa; damos OK inmediatamente damos OK

Fig. 120 Fig. 121

7 8
Ya se empieza a ver el texto con Con CTRL + F repetimos el filtro;
efecto de viento en este caso le dimos dos CTRL +
F
Fig. 122 Fig. 123
 57

9 10
Con CTRL + T giramos -90º para FILTRO > DISTORSIONAR >
ubicar el texto en posición normal RIZO; esto pàra eliminar lo rígi-
de lectura do del filtro viento

Fig. 124 Fig. 125

11 12
La CANTIDAD del efecto rizo El efecto se lo visualizará
debe ser 100 y su tamaño PEQUE- de esta manera
ÑO
Fig. 126 Fig. 127
 58

13 14
FILTRO > DESENFOCAR > DES- El valor del desenfoque gaussiano
ENFOQUE GAUSSIANO será de 1.5
Fig. 128 Fig. 129

15 16
En opciones de capa (extremo su-
perior derecho de la ventana de ca-
pas, o click derecho sobre esta) es- Hemos conseguido crear
cogemos OPCIONES DE FUSIÓN el efcto de fuego en texto
> SUPERPOSICIÓN DE DEGRA-
DADO, creamos la trama con la
que trabajaremos el efecto

Fig. 130 Fig. 131

ARCHIVOS PDF Y MULTIMEDIA ALOJADOS EN:

http://www.scribd.com/doc/16446157/FUEGO-EN-TEXTOS
www.scribd.com

http://www.youtube.com/watch?v=WGNlVGCt0Uo
www.youtube.com
 59

5.6.3.19. EFECTO DE VELOCIDAD

1 2
Abrimos archivo con el que vamos creamos una nueva capa
a trabajar
Fig. 132 Fig. 133

3 4
A esta figura blanca le aplicamos
Seleccionamos la moto haciendo
FILTRO > ESTILIZAR > VIEN-
click presionando ALT + CTRL so-
TO, se desplñiega una ventana en
bre el layer de la moto, inmediata-
la que activamos “viento” y “desde
mente rellenamos con blanco
la derecha”
Fig. 134 Fig. 135
 60

5 6
Presionamos CTRL + F para repetir Presionamos CTRL + F para repe-
el filtro tir el filtro y acentuar el viento

Fig. 136 Fig. 137

7 8
Duplicamos el layer de la moto a
color y a esa copia le aplicamos
A esta figura blanca le envia- FILTRO > ESTILIZAR > VIEN-
mos detrás de la moto a color TO, se despliega una ventana en
la que activamos “viento” y “des-
de la derecha”
Fig. 138 Fig. 139
 61

9
Presionamos CTRL + F para repetir el filtro y acentuar el viento

Fig. 140

10
El resultado es muy bueno

Fig. 141

ARCHIVOS PDF Y MULTIMEDIA ALOJADOS EN:

http://www.scribd.com/doc/16449431/VELOCIDAD
www.scribd.com

http://www.youtube.com/watch?v=b9H34I37dQ0
www.youtube.com
 62

5.6.3.20. EFECTO UMBRAL

1 2
Abrimos el archivo al que Vamos a menú Imagen >
aplicaremos el efecto Ajustes > Umbral

Fig. 142 Fig. 143

3 4
Con el borrador, retocamos man-
Aparece un cuadro en el que asigna-
chas o puntos que queden, conclu-
mos, en este caso, un valor de 132
yendo así nuestro efecto

Fig. 144 Fig. 145

ARCHIVOS PDF Y MULTIMEDIA ALOJADOS EN:

http://www.scribd.com/doc/16449300/UMBRAL
www.scribd.com

http://www.youtube.com/watch?v=L27ghGzkLaA
www.youtube.com
 63

6. TRABAJO DE CAMPO

6.1. Macro análisis del entorno

Para obtener los datos para la presente investigación se recurrió a estudiantes, varo-

nes y mujeres, de los primeros años de diferentes centros de formación superior y

tecnológica en Diseño del cantón Cuenca, provincia del Azuay.

6.2. Análisis y discusión de la encuesta

Uno de los métodos para determinar la necesidad o no de crear un Tutorial de efectos

básicos para estudiantes de los primeros años de Diseño sería precisamente la en-

cuesta, misma que proporcionará información que será tratada técnicamente lo que

permitirá tomar las decisiones correctas. Este es un paso importantísimo previo a la

implementación y desarrollo de un proyecto.

En primer instancia se realizó un muestreo piloto a 40 estudiantes a los que se les

aplicó la siguiente pregunta filtro:

¿UTILIZA UD. COMO MATERIAL DE APOYO O DE AUTOFORMACIÓN, TU-

TORIALES FÍSICOS O VIRTUALES DE CREACIÓN DE EFECTOS EN PHO-

TOSHOP CS3?

SI NO

Se obtuvieron los siguientes resultados:

RESPUESTAS AFIRMATIVAS: 30 que representan el 75%

RESPUESTAS NEGATIVAS: 10 que representan el 25%

Estos datos nos permitió conocer que el área donde se desarrollaría nuestra investi-

gación sí era conocida por los/as estudiantes y era aplicable.

 64

6.3. Análisis de la población y definición de la muestra

La muestra se realizó dentro de un grupo humano de estudiantes varones y mujeres

de los primeros años de diferentes centros de formación superior y tecnológica en

Diseño del cantón Cuenca, provincia del Azuay. Sus edades son diversas; sus conoci-

mientos académicos, homogéneos.

6.4. Distribución de la muestra en la población

Para determinar el tamaño de la muestra se tomó en cuenta la población total , que

fue en un número de 46 estudiantes de ambos sexos que realizan estudios en los pri-

meros años de la carrera de Diseño; se fijó un margen de error del 6%. Para el cálculo

se aplicó la siguiente fórmula:

N
n =
(E)2 (N – 1) + 1

Describiéndola tenemos:

n= Tamaño de la muestra

N= Tamaño de la Población

(E)2 = Error máximo admisible elevado al cuadrado

 65

Ubicamos valores y el proceso es como sigue:

N
n =
(E)2 (N – 1) + 1

46
n =
(0.006)2 (46 – 1) + 1

46
n =
(0.0036) (46 – 1) + 1

46
n =
(0.0036) (45) + 1

46
n =
0.162 + 1

46
n =
1.162

n = 39.586919

El tamaño de la muestra es de 40 personas

6.5. Aplicación y tabulación de las encuestas

El objetivo primordial es determinar la necesidad o no de crear un Tutorial de efectos

básicos en Photoshop dirigido a estudiantes de ambos géneros de los primeros años

ajustados a un lenguaje, nivel de conocimiento y realidad propia de nuestro entorno.

El tamaño de la muestra fue de 40 y para la encuesta se aplicó un cuestionario de

preguntas con respuestas biopcionales (SI - NO). Ver anexo 1.

Los detalles de resultados y análisis son como siguen:

 66

6.5.1. Tabulación, análisis e interpretación de los resultados de las encuestas por

preguntas individuales

PREGUNTA 1: ¿Utiliza Ud. Tutoriales de efectos en photoshop virtuales o

físicos?

TABULACIÓN
INDICADORES FRECUENCIA PORCENTAJE %

SI 38 95
NO 02 5

Fig. 146: Frecuencia pregunta 1

5%

SI
NO
95%

Análisis de resultados:

El 95% de los/las estudiantes SÍ utilizan tutoriales para reforzar sus conoci-

mientos y tan solo un 5% NO lo hacen.

Interpretación de resultados:

Es alentador saber que un gran porcentaje de la población sí recurre a los Tuto-

riales virtuales o físicos, lo que demuestra el interés de los/las estudiantes por

acrecentar sus conocimientos y autoeducarse.

 67

PREGUNTA 2: ¿Resultan de mucha utilidad al momento de usarlos?

TABULACIÓN
INDICADORES FRECUENCIA PORCENTAJE %

SI 14 35
NO 26 65

Fig. 147: Frecuencia pregunta 2

35%
SI
NO 65%

Análisis de resultados:

El 35% de los/las estudiantes piensan que el uso de los Tutoriales SÍ son de

mucha utilidad; mientras el 65% expresan lo contario.

Interpretación de resultados:

La cifra del NO ya es un dicador de que algo pasa para que no lo usen la ma-

yoría de ellos o ellas. Aquí ya cabe preguntarse ¿porqué?

 68

PREGUNTA 3: Cuándo los revisa, ¿el lenguaje que utiliza es de fácil enten-

dimiento?

TABULACIÓN
INDICADORES FRECUENCIA PORCENTAJE %

SI 10 25
NO 30 75

Fig. 148: Frecuencia pregunta 3

25%
SI
NO
75%

Análisis de resultados:

El 75% de los/las estudiantes piensan que los Tutoriales que ellos consultan NO

son entendibles; mientras el 25% dicen que SÍ son fáciles de comprenderlos.

Interpretación de resultados:

Los porcentajes más altos consideran que NO son entendibles los Tutoriales;

en ese momento es necesario cuentionarse los motivos que generan esa dificul-

tad, ¿a lo mejor las mejores fuentes de consulta están en un idioma extranjero

o utilizan exageradamente los modismos de una región diferente a la nuestra?

 69

PREGUNTA 4: Cuándo trata de seguir el proceso guiado que le fija el tuto-

rial ¿lo entiende claramente?

TABULACIÓN
INDICADORES FRECUENCIA PORCENTAJE %

SI 8 20

NO 32 80

Fig. 149: Frecuencia pregunta 4

20%

SI
NO 80%

Análisis de resultados:

El 80% de los/las estudiantes piensan que los procesos guiados de los Tutoriales

NO son entendibles; mientras el 20% dicen que SÍ son fáciles de comprenderlos.

Interpretación de resultados:

Nuevamente los porcentajes más altos consideran que NO son entendibles los

Tutoriales; esto es preocupante porque están accediendo a un material que no

aporta en su formación ni despeja sus dudas.

 70

PREGUNTA 5: ¿Cree Ud. que estos tutoriales tienen demasiados pasos para

llegar a su objetivo?

TABULACIÓN
INDICADORES FRECUENCIA PORCENTAJE %

SI 39 97.5

NO 1 2.5

Fig. 150: Frecuencia pregunta 5

2.5%

SI
NO
97.5%

Análisis de resultados:

El 97.5% de los/las estudiantes piensan que los procesos de ejecución de los Tuto-

riales SÍ son demasiado extensos; mientras el 2.5% dicen que NO.

Interpretación de resultados:

El considerar que los procesos al momento de desarrollar y explicar los tu-

toriales sean muy largos provoca su no entendimiento lo que conduce a los/

las estudiantes a claudicar en el intento. Esto repercute negativamente en la

calidad de sus trabajos y en el interés de investigar.

 71

PREGUNTA 6: ¿Cree Ud. que los tutoriales que los encuentra en la internet

o en físico están planteados de acorde a su nivel de conoci-

mientos y a su realidad en la cual se desarrolla?

TABULACIÓN
INDICADORES FRECUENCIA PORCENTAJE %

SI 1 2.5

NO 39 97.5

Fig. 151: Frecuencia pregunta 6

2.5%

SI
NO
97.5%

Análisis de resultados:

El 97.5% de los/las estudiantes piensan que los los Tutoriales NO se enmarcan

dentro de su realidad académica; mientras el 2.5% considera que SÍ.

Interpretación de resultados:

El 97.5% es un porcentaje realmente alarmante ya que esto se convierte en una

verdadera torre de Babel en donde cada quien interpreta como puede; esto

explica claramente el porqué de la falta de interés y la cantidad reducida de

efectos que aplican al momento de presentar un trabajo, lo que tiene un terrible

impacto en su calidad.
 72

PREGUNTA 7: ¿Cree Ud. que se debería crear un tutorial que sintetice pa-

sos, utilice un lenguaje claro y propio de nuestro entorno y

que esté dirigido estudiantes de diseño inicial?

TABULACIÓN

INDICADORES FRECUENCIA PORCENTAJE %

SI 40 100

NO 0 0

Fig. 152: Frecuencia pregunta 7

SI 100%
NO

Análisis de resultados:

El 100% de los/las estudiantes consideran que se debe crear un tutorial que sea

entendible y que se ajuste a su realidad.

Interpretación de resultados:

Este porcentaje es muy claro, y no solo los/las estudiantes lo requieren con suma

urgencia si no también los profesionales. Esto marca el punto de partida para un

sin número de proyectos en pro de la educación desde sus bases.

 73

6.6. Sustentación de la necesidad de la propuesta

Luego de analizar los resultados que se obtuvieron del Trabajo de Campo realizado

a un sector de la población estudiantil de los primeros años de la carrera de Diseño,

se evidenció la falta de un material de apoyo y consulta que cubra sus expectativas

ya sea por sus contenidos que son muy extensos o por el alto grado de dificultad

que presentan al momento de interpretarlos debido a que están en un idioma extran-

jero que no lo dominan y por la utilización de modismos no aplicables al entorno

en donde se lo estudia; además, la gran mayoría de los manuales no se adaptan al

nivel académico real de quienes lo consultan. Estos son argumentos suficientes que

justifican plenamente el crear un Tutorial que superan los inconvenientes citados; el

llevar a la práctica el proyecto planteado servirá para incentivarlos/as a investigar,

a utilizar alternativas en lo que a efectos en Photoshop se refiere para aumentar la

calidad de sus trabajos creativos, a que empiecen a involucrarse en el empleo de las

TICs de una manera apropiada, a que accedan a una educación participativa, inte-

gradora y pasen a formar parte de esa maravillosa “Sociedad de la información” en

la que puedan compartir experiencias y conocimientos con criterio.

6.7. Elementos básicos del diseño de la propuesta

El objetivo fue crear un tutorial guiado paso a paso conformado por veinte Efectos bási-

cos en Photoshop dirigidos a estudiantes de los primeros años de Diseño con ayuda del

SMARTBOARD, con esta herramienta se produjeron dos tipos de materiales; el primero

que detalla procesos de ejecución a través de capturas de pantallas; su edición se la hizo

en Indesign, software de diseño y diagramación que permite exportar el material final a

formato PDF que fueron subidos posteriormente en www.scribd.com, plataforma que fa-

cilita alojar y publicar documentos en la internet. El segundo es un recurso audiovisual a

través de archivos multimedia que se los editó en Imovie, programa de plataforma MAC

que posibilita incorporar música, textos y efectos de transición. Se utilizó como medio

de difusión www.youtube.com, sitio idóneo para compartir vídeos digitales en la Red;

pertenece a la generación de la Web 2.0.

 74

7. CONCLUSIONES

Esta serie de veinte Tutoriales ha sido una selección de entre los mejores y más utilizados

en el mundo del diseño actual. La idea es romper y eliminar ese temor a la tecnología y

desterrar ese justificativo absurdo de ignorancia no aceptada de que “soy peleado con la

tecnología” y abrir una posibilidad para que conozcan, se interesen y se adentren de una

manera participativa e interactiva en el uso de las tecnologías de la información y de la

comunicación. Es importante señalar que el mundo virtual es un medio que sutilmente

nos abre una puerta tras otra y nos adentra en el espacio infinito del conocimiento; esta es

una de las tantas utilidades que podemos encontrar en las Redes Sociales y es justamente

ahí, en donde he subido estos elementos virtuales académicos.

Espero que este sea el inicio para que nuestros profesionales y estudiantes empiecen a

integrarse en la gran Sociedad de la Información, cuyos aportes serán de mucha utilidad

para todos quienes requieran de este material de consulta que lleva el sello de “MUCHO

MEJOR SI ES HECHO EN ECUADOR”.

 75

8. RECOMENDACIONES

El inicio está dado y hay que seguir trabajando para que tutoriales de este tipo se sigan su-

biendo a la red adoptando una posición crítica, honesta, seria con argumentos científicos

y apoyados en las experiencias personales de todos quienes los generan.

Es hora de involucrarno en el uso de las TICs ya que traen consigo muchos beneficios a

favor de todos quienes las utilizan y de la evolución de la educación.

Muy acertadamente el Dr. Pere Marqués Graells sostiene: «Aprovechando las funcionali-

dades de las TIC, se multiplican los entornos virtuales para la enseñanza y el aprendizaje,

libres de las restricciones que imponen el tiempo y el espacio en la enseñanza presencial

y capaces de asegurar una continua comunicación (virtual) entre estudiantes y profeso-

res. También permiten complementar la enseñanza presencial con actividades virtuales y

créditos on-line que pueden desarrollarse en casa, en los centros docentes o en cualquier

lugar que tenga un punto de conexión a Internet.

Estos entornos (con una amplia implantación en la formación universitaria, profesional y

ocupacional) surgen ante las crecientes demandas de formación continua (a veces “a me-

dida”) de los ciujdadanos para afrontar las exigencias de la cambiante sociedad actual.

Por otra parte, además de las empresas (que se encargan en gran medida de proporcionar

a sus trabajadores los conocimientos que precisan para el desempeño de su actividad la-

boral) y de la potente educación informal que proporcionan los mass media y los nuevos
 76

entornos de Internet, cada vez va siendo más habitual que las instituciones educativas

que tradicionalmente proporcionaban la formación inicial de las personas (escuelas e ins-

titutos) también se impliquen, conjuntamente con las bibliotecas y los municipios, en la

actualización y renovación de los conocimientos de los ciudadanos. La integración de las

personas en grupos (presenciales y virtuales) también facilitará su formación continua». (2)

(2) www.pangea.org/peremarques/siyedu.htm
 77

9. BIBLIOGRAFÍA

9.1. http://www.canalphotoshop.com/?id=tutorial&cat=categorias

9.2. http://www.todo-photoshop.com/tutorial-photoshop/botones/tutoriales_photos-

hop_botones.html

9.3. http://www.fondosgratis.com.mx/

9.4. http://www.stockvault.net/People_g22.html

9.5. http://www.veer.com/ideas/wallpaper/

9.6. http://www.stockvault.net/

9.7. www.es.zooomr.com

9.8. www.hebus.com

9.9. www.creamundo.com

9.10. http://www.roc21.com/blog/

9.11. http://www.morecoffeeplease.net/
 78

9.12. http://amarillou.blogspot.com/

9.13. http://nfgraphics.com/top-100-blogs-de-diseno-en-espanol/

9.14. http://blogvecindad.com/category/diseno-alternativo

9.15. http://www.criteriondg.info/wordpress/wp-content/themes/criterion/images/

9.16. http://www.mailxmail.com/

9.17. http://images.google.com.ec/imgres?imgurl=http://www.bittbox.com/wp-content/

9.18. http://www.photoshop-design.com/

9.19. http://www.mailxmail.com/

9.20. http://www.adobe.com/go/learn_videotutorials_es.

9.21. www.adobe.com/go/exchange_es.

9.22. www.adobe.com/designcenter.

9.23. www.adobe.com/go/developer_es.

9.24. www.adobe.com/es/support
 79

ANEXOS

Anexo 1

Nombre: _________________________________________________

1. ¿Utiliza Ud. Tutoriales de efectos en photoshop virtuales o físicos?

SI NO

2. ¿Resultan de mucha utilidad al momento de usarlos?

SI NO

3. Cuándo los revisa, ¿el lenguaje que utiliza es de fácil entendimiento?

SI NO

4. Cuándo trata de seguir el proceso guiado que le fija el tutorial ¿lo entiende clara-

mente?
SI NO

5. ¿Cree Ud. que estos tutoriales tienen demasiados pasos para llegar a su objetivo?

SI NO

6. ¿Cree Ud. que los tutoriales que los encuentra en la internet o en físico están

planteados de acorde a su nivel de conocimientos y a su realidad en la cual se

desarrolla?

SI NO

7. ¿Cree Ud. que se debería crear un tutorial que sintetice pasos, utilice un lenguaje

claro y propio de nuestro entorno y que esté dirigido estudiantes de diseño inicial?

SI NO