UNIVERSIDAD TECNOLÓGICA

ISRAEL

DIRECCIÓN DE POSGRADOS

Tutorial de efectos básicos en Photoshop

para alumnos de Primer año de Diseño

Posgradista

Jhonson Patricio Llivicura Piedra

Tutor

MeBA. Ing. Paúl Villavicencio

Cuenca Ecuador.

Junio 2009.
 UNIVERSIDAD TECNOLÓGICA

ISRAEL

DIRECCIÓN DE POSGRADOS

CERTIFICADO DE RESPONSABILIDAD

Yo MBAe.Ing. Paúl Villavicencio, certifico que el Lcdo. Jhonson Patricio

Llivicura Piedra con C.C. No. 0102214418 realizó la presente tesis con título
“Tutorial de efectos básicos en Photoshop para alumnos de Primer año
de Diseño”, y que es autor intelectual del mismo, que es original, autentica y
personal.

__________________________________
MBAe.Ing. Paúl Villavicencio
 UNIVERSIDAD TECNOLÓGICA

ISRAEL

DIRECCIÓN DE POSGRADOS

CERTIFICADO DE AUTORÍA

El documento de tesis con titulo “Tutorial de efectos básicos en Photoshop

para alumnos de Primer año de Diseño” ha sido desarrollado por Jhonson
Patricio Llivicura Piedra con C.C. No. 0102214418, persona que posee los
derechos de autoría y responsabilidad, restringiéndose la copia o utilización de
cada uno de los productos de esta tesis sin previa autorización.

________________________________
Lcdo. Patricio Llivicura Piedra
 DEDICATORIA

A mis Padres que son la razón de mi existencia,

a mis hermanos que son mi apoyo constante

y a mis amigos que son quienes

facilitan mi caminar por esta vida.

 AGRADECIMIENTO

Agradezco a la Universidad Tecnológica Israel, a mi Tutor,

a profesores y a todos quienes compartieron sus conocimientos e

hicieron posible culminar con éxito este nuevo reto académico.

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.

 Í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. BIBLIOGRAFÍA 63

7. CONCLUSIONES 65

8. RECOMENDACIONES 66
 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 Esfecto 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
 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 tratamiento

de imágenes ya sean creadas en otros programas o digitalizadas por un escá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, ani-

mació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 aquellos 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 compa-

tibilidad dentro del entorno CS3; entre ellas Illustrador, Flash, Dreamweaver,

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 inmediata-

mente estarán listos para su uso.

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

para intentar crear un entorno más espacioso. De este modo las paletas o venta-

nas 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

 6

tamaño o mostrando únicamente aquellos elementos que nos 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 desti-

nadas a la corrección automática, copiado de texturas y montajes con resultados

que buscan la perfección.

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

gentes 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 termina-

das, 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 elementos

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

nomina 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 momento

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

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

Copy, InDesign y Photoshop, manipula los elementos de manera muy parecida 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 me-

nús.

El panel Herramientas (denominado la paleta Herramientas en Photoshop) con-

tiene utilitarios para la creación y edición de imágenes, ilustraciones, elementos de

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

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

ciones 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 mues-

tran de manera predeterminada pero se puede agregar cualquier panel seleccio-

nándolo en el menú Ventana. Muchos de estos tienen menús con opciones espe-

cí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 contraí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 verticalmente.

 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ángulo pequeño en el lateral

inferior derecho de los iconos generales indica la presencia de opciones alternati-

vas 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 esencia-

les 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 cambiar 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 facilita 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) Expandir/

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 biseles.

Al mover o editarlas estos se mantienen; por ejemplo, si aplica una sombra paralela

a una capa de texto y se añade más contenido, automáticamente el efecto se dispo-

ne sobre lo adicionado.

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

plemente se da doble click sobre esta y se despliega una ventana con diferentes

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 mostrar 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 ofrece Photos-

hop 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 capas

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 contenido de

la capa con color, un degradado o un motivo.

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

vo; 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 ajuste

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 in-

terior se fusiona con la capa activa ya que el efecto aparece en la parte superior 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 varia-

ciones 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 sati-

nado. 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 dis-

posició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 iluminació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 res-

plandor 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 subyacen-

tes.

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 rasgos de

detalle en tamaños grandes.

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

ú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 ejem-

plo, 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 do-

cumento (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 comunes de

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

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

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 ilumi-

nació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 imagen 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 indexa-

do.

• 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,
 19

Promediar, Desenfocar, Desenfocar más, Desenfoque de rectángulo, Desenfo-

que gaussiano, Desenfoque de lente, Desenfoque de movimiento, Desenfoque

radial, Desenfoque de superficie, Desenfoque de forma, Corrección de lente,

Añadir ruido, Destramar, Polvo y rascaduras, Mediana, Reducir ruido, Fibras,

Nube 1, Nube 2, Destello, Enfocar, Enfocar bordes, Enfocar más, Enfoque sua-

vizado, Máscara de enfoque, Relieve, Hallar 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 gaus-

siano, Desenfoque de movimiento, Desenfoque radial, Desenfoque de forma,

Desenfoque de superficie, Añadir ruido, Nube 1, Nube 2, Destello, Enfoque sua-

vizado, 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 dispone 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 de-

tallado 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 correspondiente. 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 Photoshop

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 información gráfica, las

importamos a Photoshop, las retocamos, corregimos colores y las grabamos en for-

mato 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 (Portable Document Format, formato de documento

portátil) para luego subirlos a www.scribd.com, plataforma que permite alojar y

publicar documentos en la internet.

 21

Diversos estudios de psicología de la educación han puesto de manifiesto las ventajas

que presenta la utilización de medios audiovisuales en el proceso enseñanza-apren-

dizaje. 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 aper-

tura del alumno y del centro educativo hacia el mundo exterior, ya que permite 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 ele-

mentos 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 digitales 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, Ste-

ve 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 personales de

manera sencilla. Aloja una variedad de clips de películas, programas 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 abundancia). 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 plata-

forma Mac; allí recortamos partes innecesarias, incorporamos tracks musicales 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 transi-

ció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 interesantes

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 proce-

sos 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án-

dolos a un conformismo con consecuencias nefastas que afectan a la calidad y

al tiempo de ejecución de sus producciones. Estos argumentos han sido los ejes

motores que han impulsado a 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 pro-

porcionarles un punto de partida 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 > VIEN-
GEN > ROTAR LIENZO > 90ºAC TO

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. BIBLIOGRAFÍA

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

http://www.todo-photoshop.com/tutorial-photoshop/botones/tutoriales_photoshop_bo-

tones.html

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

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

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

http://www.stockvault.net/

www.es.zooomr.com

www.hebus.com

www.creamundo.com

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

http://www.morecoffeeplease.net/
 64

http://amarillou.blogspot.com/

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

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

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

http://www.mailxmail.com/

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

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

http://www.mailxmail.com/

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

www.adobe.com/go/exchange_es.

www.adobe.com/designcenter.

www.adobe.com/go/developer_es.

www.adobe.com/es/support
 65

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”.

 66

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
 67

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
 UNIVERSIDAD TECNOLÓGICA

ISRAEL

DIRECCIÓN DE POSGRADOS

AUTORIZACIÓN DE EMPASTADO

DE: xxxxxxxxxxxxxxxxxxxxxxxxx
PARA: Msc. Luis Andrés Chávez Ing.
Director de Posgrados
ASUNTO: Autorización de Empastado
FECHA: Quito xx de xxxxx de 2009

Por medio de la presente certifico que el señor JHONSON PATRICIO LLIVICURA PIE-
DRA con CI No. 0102214418 han realizado las modificaciones solicitadas de a cuerdo a las
Actas de Pre Defensa realizado el día XXXXXXXX de 2009, al documento de tesis titulada
Tutorial de efectos básicos en Photoshop para alumnos de Primer año de Diseño, del
Diplomado en DETICA, el documento esta concluido y se autoriza su empastado.

Atentamente

____________________
xxxxxxxxxxxxxxxxxxxx
Miembro del Tribunal
Pre Defensa