Efectos Basicos de Photoshop

UNIVERSIDAD TECNOLÓGICA
ISRAEL
DIRECCIÓN DE POSGRADOS
Tutorial de efectos básicos en Photoshop
para alumnos de Primer año de Diseño
Tutor
MeBA. Ing. Paúl Villavicencio
Cuenca Ecuador.
Junio 2009.
Posgradista
Jhonson Patricio Llivicura Piedra

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

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

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

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

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
5

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

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

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

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

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ú.
10

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

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
12

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

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

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

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

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

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,
18

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

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:
5.6.2. Descripción técnica
ARCHIVOS PDF Y MULTIMEDIA ALOJADOS EN:
www.scribd.com
www.youtube.com
www.scribd.com
www.youtube.com
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.
20

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
21

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

5.6.3.1. EFECTO DE CONGELADO
1
Fig. 6
3
Fig. 8
Abrimos archivo, nos vamos a IMA-
GEN > ROTAR LIENZO > 90ºAC
Se despliega una ventana, en el área
de Método activamos “viento” y en
Dirección “desde la derecha”
2
Fig. 7
4
Fig. 9
FILTRO > ESTILIZAR > VIEN-
TO
IMAGEN > ROTAR LIENZO >
90ºACD, para regresar la foto a su
posición normal
23

15
36
www.scribd.com
www.youtube.com
CTRL + U (tono / saturación) controlamos los colores
para volverlos de la gama fría, lo que ayudará a
crear un ambiente congelado
Fig. 10
Fig. 11
Listo!, hemos conseguido el efecto
ARCHIVOS PDF Y MULTIMEDIA ALOJADOS EN:
http://www.scribd.com/doc/16445366/CONGELADO-B
http://www.youtube.com/watch?v=XNVz76S45vg&feature=channel_page
24

5.6.3.2. EFECTO PARA CREAR UNA ESPADA LASER
1
3
Abrimos archivo
Fig. 12 Fig. 13
Nos vamos a SELECCIÓN > MO-
DIFICAR > EXPANDIR, se despliega
una ventana y asignamos un
valor de 10
Fig. 14
2
4
En Ilustrador generamos la forma
de la espada y la importamos a Photoshop
como objeto inteligente
La selección se expande, creamos
una nueva capa y coloreamos, en
este caso, con magenta
Fig. 15
25

5
Fig. 16
7
Fig. 18
FILTRO > DESENFOCAR >
DESENFOQUE GAUSSIANO
Seleccionamos la capa de la espada
blanca y aplicamos un desenfoque
gaussiano (FILTRO > DESENFO-
CAR > DESENFOQUE GAUS-
SIANO) con un valor de 1,7 píxeles
www.scribd.com
www.youtube.com
6
Fig. 17
8
Fig. 19
ARCHIVOS PDF Y MULTIMEDIA ALOJADOS EN:
Se abre una ventana y el Desenfoque
Gaussiano debe tener un valor
de 9,5 pixeles.
La espada laser ha sido creada
http://www.scribd.com/doc/16445512/Espada-Laser
http://www.youtube.com/watch?v=VXwEE1tiJ5o
26

5.6.3.3. EFECTO DE TRAMA DE PERIÓDICO
1
Fig. 20
3
Abrimos archivo
IMAGEN > MODO > MAPA DE
BITS, esta opción permite crear la
trama y sus características personalizadas
Fig. 22
2
Fig. 21
4
Fig. 23
Vamos a IMAGEN > MODO >
ESCALA DE GRISES
Se depliega un cuadro en el que damos
un valor de 300 píxeles/pulgada
en Salida
27

5
6
Fig. 24
Fig. 25
En trama de semitonos colocamos una lineatura de 20,
ángulo de 45, forma redonda > OK
www.scribd.com
www.youtube.com
El resultado es una imagen tramada
ARCHIVOS PDF Y MULTIMEDIA ALOJADOS EN:
http://www.scribd.com/doc/16449216/TRAMA-PERIODICO
http://www.youtube.com/watch?v=itiQQ11lzZ8
28

5.6.3.4. EFECTO PARA ENVEJECER UNA FOTOGRAFÍA
1
Fig. 26
3
Fig. 28
Abrimos el archivo con el que trabajaremos
Con esto descartamos la informcaión
de color obteniendo una imagen
en escala de grises
2
Fig. 27
4
Fig. 29
Menú Imagen > Modo > Escala de
Grises
Vamos a menú Imagen > Modo >
Duotono
29

5
7
Se despliegan estas ventanas, escogemos
un tono que va por los ocres
y un café para crear el efecto sepia
de envejecido
Fig. 30 Fig. 31
www.scribd.com
www.youtube.com
Es así como te queda la foto
Fig. 32
ARCHIVOS PDF Y MULTIMEDIA ALOJADOS EN:
6
Con Ctrl + L accedemos a NIVE-
LES con el que aclararemos un
poco la fotografía
http://www.scribd.com/doc/16445676/FOTO-ENVEJECIDA
http://www.youtube.com/watch?v=PIDzV9xOVUE
30

5.6.3.5. EFECTO PARA CAMBIO DE COLOR DE OJOS
1
Fig. 33
3
Fig. 35
Abrimos archivo y creamos una
máscara rápida
Con la herramienta Pincel procedemos
a marcar el área que se desea
cambiar el color; se visualiza de un
color rojo
www.scribd.com
www.youtube.com
2
Fig. 34
4
Fig. 36
ARCHIVOS PDF Y MULTIMEDIA ALOJADOS EN:
Eliminamos la máscara rápida e invertimos
la selección desde menú
selección > invertir o MAYÚS +
CTRL + I
Digitamos CTRL + U (tono/saturación),
manipulamos los controles
hasta conseguir el color deseado; y
eso es todo, hemos cambiado el color
del ojo
http://www.scribd.com/doc/16445272/Cambio-Color-Ojos
http://www.youtube.com/watch?v=VPsUtbu0aEg
31

5.6.3.6. EFECTO PARA CAMBIAR DE COLOR UN AUTO
1
Fig. 37
3
Fig. 39
Con la varita mágica seleccionamos
solo la carrocería del auto
Procedemos a cambiar el color del
carro manipulando las diferentes
opciones que nos presenta esta ventana
www.scribd.com
www.youtube.com
2
Fig. 38
4
Fig. 40
ARCHIVOS PDF Y MULTIMEDIA ALOJADOS EN:
Nos vamos a IMAGEN > AJUS-
TES > VARIACIONES
Hemos cambiado el color del auto,
de blanco a anaranjado
http://www.scribd.com/doc/16445168/Cambio-Color-Auto
http://www.youtube.com/watch?v=MyMRAvoDImA
32

5.6.3.7. EFECTO DE FOTO DE REVISTA
1
Fig. 41
3
Fig. 43
Abrimos archivo, con CTRL + J
duplicamos la capa
Cambiamos el modo de la capa a
SUPERPONER, hasta aquí trabajamos
en la capa duplicada
2
Fig. 42
4
Fig. 44
FILTRO > DESENFOCAR > DES-
ENFOQUE GAUSSIANO
(3.5 píxeles de radio)
Regresamos a la capa original y
manipulamos el tono / saturacióncon
CTRL +U (tono = 180; saturación
= 33; luminosidad = 0)
33

5
6
Con CTRL + L manejamos los niveles de color
(Niveles de entrada: 0/0.79/255; Niveles de salida: 0/255 > OK
Fig. 45
www.scribd.com
www.youtube.com
Tenemos nuestra fotografía con efecto revista
Fig. 46
ARCHIVOS PDF Y MULTIMEDIA ALOJADOS EN:
http://www.scribd.com/doc/16445774/FOTO-REVISTA
http://www.youtube.com/watch?v=U9gCZFvWsSM
34

5.6.3.8. EFECTO PARA CREAR UN MARCO DE FOTOGRAFÍA
1
3
Abrimos imagen y con CTRL + A
seleccionamos toda la fotografía
Fig. 47 Fig. 48
Aparece cuadro Borde de Selección
y le asignamos, en este caso, un valor
de 20 pixeles
Fig. 49 Fig. 50
2
4
Menú > selección > modificar >
borde
Creamos una segunda capa
con CTRL + J
35

5
Fig. 51
7
Fig. 53
A esta capa le damos el nombre de
MARCO, con click derecho escogemos
OPCIONES DE FUSION
Activamos TRAZO y escogemos
una trama, en este caso violeta obscura.
Su grosor lo controlamos según
lo visualicemos
www.scribd.com
www.youtube.com
6
Fig. 52
8
Fig. 54
ARCHIVOS PDF Y MULTIMEDIA ALOJADOS EN:
Activamos SUPERPOSICIÓN DE
COLORES y escogemos una trama,
en este caso magenta
Es así como hemos colocado un
marco a nuestra fotografía
http://www.scribd.com/doc/16446236/MARCO-DE-FOTOS
http://www.youtube.com/watch?v=9Dlbqcd3u8A
36

5.6.3.9. EFECTO PARA PEGAR MOTIVO DENTRO DE UN TEXTO
1
Fig. 55
3
Fig. 57
Abrimos la imagen con la que
vamos a trabajar
Digitamos, con la herramienta de
TEXTO, la palabra deseada.
2
Fig. 56
4
Fig. 58
La transformamos en CAPA CERO
Enviamos atrás la capa de texto
37

5
Fig. 59
7
Fig. 61
creamos una nueva capa
sobre la capa de la imagen creamos
una MÁSCARA DE RECORTE
desde las opciones de capa
6
Seleccionamos el texto con CTRL
+ ALT + CLICK sobre la ventana
de la capa
Fig. 60
8
Fig. 62
La imagen se inserta dentro del texto
y se la puede mover según se necesite
(queda incrustada)
38

9
11
Nos vamos a la capa del texto y
aplicamos un efecto de sombra paralela
Fig. 63 Fig. 64
Fig. 65
www.scribd.com
www.youtube.com
10
Efecto listo
ARCHIVOS PDF Y MULTIMEDIA ALOJADOS EN:
Introducimos los parámetros
para lograr el efecto
http://www.scribd.com/doc/16447050/PEGAR-DENTRO
http://www.youtube.com/watch?v=EDEJPN14YIY
39

5.6.3.10. EFECTO PARA REDIMENSIONAR NARIZ
1
Fig. 66
3
Fig. 68
Abrimos documento, hacemos una
selaccón del área de la naríz con
LAZO para hacer una copia con
CTRL + C; luego CTRL V. Se genera
una nueva capa
Para que no se note como un corte,
con la ayuda del borrador en modo
pincel difuso de diámetro 125, procedemos
a difumionar los bordes
para que se integre armónicamente
al rostro
www.scribd.com
www.youtube.com
2
Fig. 67
4
Fig. 69
ARCHIVOS PDF Y MULTIMEDIA ALOJADOS EN:
Con CTRL + T, reducimos el ancho
de la naríz. Se observa que los
bordes son muy marcados
El resultado es óptimo, tenemos un
retoque de naríz de una manera rápida
y sencilla
http://www.scribd.com/doc/16448942/REDIMENSION-NARIZ
http://www.youtube.com/watch?v=eRMqY5Pn5v4
40

5.6.3.11. EFECTO DE PRIMER PLANO
1
Fig. 70
3
Fig. 72
Abrimos el archivo con el que vamos
a trabajar
Volvemos al modo normal haciendo
click en el icono de máscara o
presionando Q; inmediatamente
vemos que aparece una selección
al rededor de los elementos que enmascaramos
2
Fig. 71
4
Fig. 73
Creamos una máscara rápida (Q),
ayudados con el pincel procedemos
a pintar todos los elementos que se
quiere dejar en primer plano; en
este caso sería el conejo y el tronco
Vamos a FILTRO > DESENFO-
CAR > DESENFOQUE DE LEN-
TE
41

5
6
Fig. 74
Se despliega una ventana en la que asignamos
al Radio a un valor de 65
Vemos que el fondo se ha desenfocado y el conejo
junto con el tronco ocupan un primer plano muy notorio
Fig. 75
www.scribd.com
www.youtube.com
ARCHIVOS PDF Y MULTIMEDIA ALOJADOS EN:
http://www.scribd.com/doc/16448869/PRIMER-PLANO
http://www.youtube.com/watch?v=oZy3S7G866o
42

5.6.3.12. EFECTO DE PAPEL RASGADO
1
Fig. 76
3
Fig. 78
Abrimos un archivo
con la herramienta de selección rectangular,
trazamos un rectángulo en
la parte iuferior de la fotografía
2
Fig. 77
4
Fig. 79
Con CTRL +T redimesionamos
imagen
Creamos una nueva capa
43

5
Fig. 80
7
Rellenamos con blanco la selección
Fig. 82
www.scribd.com
www.youtube.com
Con DELETE, eliminamos lo seleccionado
y obtenemos el efecto de rasgado
6
Fig. 81
ARCHIVOS PDF Y MULTIMEDIA ALOJADOS EN:
Con el Lazo trazamos segmentios
irregulares tanto erriba como abajo
de este recuadro blanco
http://www.scribd.com/doc/16446319/PAPEL-RASGADO
http://www.youtube.com/watch?v=Xeaix3mFDIs
44

5.6.3.13. EFECTO PARA REFLEJAR UN TEXTO
1
Fig. 83
3
Fig. 85
Abrimos el archivo sobre el cual
vamos a trabajar
Duplicamos capa y con CTRL + T
> click derecho, escogemos la opción
VOLTEAR VERTICAL
2
Fig. 84
4
Fig. 86
Con la herramiuenta Texto digitamos,
en este caso, la palabra GÓ-
TICO
Rasterizamos el texto para poder
crear el efecto de reflejo
45

5
6
Con la herramienta borrador en modo pincel difuso, abertura 400; procedemos
a borrar desde el borde externo de la palabra reflejada
Fig. 87
Fig. 88
www.scribd.com
www.youtube.com
El efecto está como lo pensamos
ARCHIVOS PDF Y MULTIMEDIA ALOJADOS EN:
http://www.scribd.com/doc/16448996/REFLEJO-TEXTOS
http://www.youtube.com/watch?v=SD4WkF1a-oc
46

5.6.3.14. EFECTO PARA RESERVAR COLOR SOBRE GRISES
1
Fig. 89
3
Fig. 91
Abrimos archivo
Damos CTRL + U
( Saturación = 100) > OK
2
Fig. 90
4
Fig. 92
Digitamos CTRL + J
para duplicar capa
Con herramienta LAZO seleccionamos
las áreas que vamos a reservarlas
con color
47

5
Fig. 93
7
Fig. 95
Con la selección rectangular activa
perfeccionamos bordes
Con DELETE borramos las áreas
seleccionadas para que aparezca el
color
www.scribd.com
www.youtube.com
6
Fig. 94
8
Fig. 96
ARCHIVOS PDF Y MULTIMEDIA ALOJADOS EN:
En el cuadro de perfeccionar borde
asignamos un calado de 0.6 pix.
Hemos realizado la rerva de color
sobre un entorno gris
http://www.scribd.com/doc/16449082/RESERVA-GRISES
http://www.youtube.com/watch?v=NQnFV14CRzQ
48

5.6.3.15. EFECTO PARA RETOQUE DE PIEL
1
Fig. 97
3
Fig. 99
Abrimos la imagen a retocar
Una vez terminado de corregir,
procedemos a difuminar bordes
con la ayuda de la herramienta
DEDO
2
Fig. 98
4
Con herramienta Tampón procedemos
a corregir inperfecciones; presionamos
ALT + click para tomar
muestra y arrastramos para arreglar
Con la herramienta de lazo, seleccionamos
el área donde hemos hecho
la corrección
Fig. 100
49

5
7
Perfeccionamos bordes con un
calado de 2.0 píxeles
Fig. 101 Fig. 102
El retoque está listo; hemos eliminado el acné
de la piel del rostro de la Chica
Fig. 103
www.scribd.com
www.youtube.com
ARCHIVOS PDF Y MULTIMEDIA ALOJADOS EN:
http://www.scribd.com/doc/16448760/PIEL
6
FILTRO > DESNFOCAR > DES-
ENFOQUE GAUSSIANO con un
radio de 3.9 píxeles
http://www.youtube.com/watch?v=xwnZFFG1nLo
50

5.6.3.16. EFECTO PARA RETOQUE DE PIEL Y DIENTES
1
Fig. 104
3
Con la varita mágica selaccionamos
toda la piel, excepto labios
y dientes
Con CTRL + L (niveles de color,
bajamos los niveles de rojos ya que
este color está subido en la fotografía
Fig. 106
2
4
Alternando entre Varita y Lazo
hacemos la selección completa de
toda la piel
Fig. 105
Manipulados correctamente los niveles
de color, obtenemos una piel
más natural
Fig. 107
51

5
6
Fig. 108
Fig. 109
Con la herrmienta de sobreexponer pasando como un
pincel sobre los dientes, procedemos a blanquearlos.
www.scribd.com
www.youtube.com
El resultado de retoque es magnífico.
ARCHIVOS PDF Y MULTIMEDIA ALOJADOS EN:
http://www.scribd.com/doc/16448649/PIEL-DIENTES
http://www.youtube.com/watch?v=tCJwC4TYM3M
52

5.6.3.17. EFECTO PARA CREAR UN TATUAJE
1
Fig. 110
3
Fig. 112
Abrimos los archivos con los que
trabajaremos
Nos situamos en la capa 1 (arte tatoo),
vamos a opción de capa y escogemos
OPCIÓN de FUSIÓN
2
Fig. 111
4
Tomamos el arte del Tatuaje y lo
arrastramos hacia la fotografía;
con CTRL +T lo redimensionamos
y ubicamos donde va a ir
Fig. 113
Aparece una ventana, activamos el
color y escogemos uno parecido al
del tatoo real
53

5
6
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
www.scribd.com
www.youtube.com
Es así como hemos creado un tatuaje
Fig. 115
ARCHIVOS PDF Y MULTIMEDIA ALOJADOS EN:
http://www.scribd.com/doc/16449141/TATUAJE
http://www.youtube.com/watch?v=-dsN6dzVtkU
54

5.6.3.18. EFECTO DE TEXTO DE FUEGO
1
Fig. 116
3
Fig. 118
Abrimos un documento nuevo
Digitamos CTRL + T para rotar
90º a la derecha
2
4
Con la herramienta de texto digitamos
el mensaje con relleno blanco
Fig. 117
FILTRO > ESTILIZAR > VIEN-
TO
Fig. 119
55

5
7
Se abre un cuadro de diálogo en
la que da la opción de rasterizar la
capa; damos OK
Fig. 120
Fig. 122
Ya se empieza a ver el texto con
efecto de viento
6
8
Activamos las opciones de VIEN-
TO; DESDE LA IZQUIERDA;
inmediatamente damos OK
Fig. 121
Con CTRL + F repetimos el filtro;
en este caso le dimos dos CTRL +
F
Fig. 123
56

9
Fig. 124
11
Con CTRL + T giramos -90º para
ubicar el texto en posición normal
de lectura
La CANTIDAD del efecto rizo
debe ser 100 y su tamaño PEQUE-
ÑO
Fig. 126
10
Fig. 125
12
Fig. 127
FILTRO > DISTORSIONAR >
RIZO; esto pàra eliminar lo rígido
del filtro viento
El efecto se lo visualizará
de esta manera
57

13
Fig. 128
15
FILTRO > DESENFOCAR > DES-
ENFOQUE GAUSSIANO
En opciones de capa (extremo superior
derecho de la ventana de capas,
o click derecho sobre esta) escogemos
OPCIONES DE FUSIÓN
> SUPERPOSICIÓN DE DEGRA-
DADO, creamos la trama con la
que trabajaremos el efecto
www.scribd.com
www.youtube.com
14
Fig. 129
Fig. 130 Fig. 131
16
ARCHIVOS PDF Y MULTIMEDIA ALOJADOS EN:
El valor del desenfoque gaussiano
será de 1.5
Hemos conseguido crear
el efcto de fuego en texto
http://www.scribd.com/doc/16446157/FUEGO-EN-TEXTOS
http://www.youtube.com/watch?v=WGNlVGCt0Uo
58

5.6.3.19. EFECTO DE VELOCIDAD
1
3
Abrimos archivo con el que vamos
a trabajar
Fig. 132
Seleccionamos la moto haciendo
click presionando ALT + CTRL sobre
el layer de la moto, inmediatamente
rellenamos con blanco
Fig. 134
2
Fig. 133
4
creamos una nueva capa
A esta figura blanca le aplicamos
FILTRO > ESTILIZAR > VIEN-
TO, se desplñiega una ventana en
la que activamos “viento” y “desde
la derecha”
Fig. 135
59

5
7
Presionamos CTRL + F para repetir
el filtro
Fig. 136
Fig. 138
A esta figura blanca le enviamos
detrás de la moto a color
6
8
Presionamos CTRL + F para repetir
el filtro y acentuar el viento
Fig. 137
Fig. 139
Duplicamos el layer de la moto a
color y a esa copia le aplicamos
FILTRO > ESTILIZAR > VIEN-
TO, se despliega una ventana en
la que activamos “viento” y “desde
la derecha”
60

9
10
Fig. 140
Presionamos CTRL + F para repetir el filtro y acentuar el viento
Fig. 141
www.scribd.com
www.youtube.com
El resultado es muy bueno
ARCHIVOS PDF Y MULTIMEDIA ALOJADOS EN:
http://www.scribd.com/doc/16449431/VELOCIDAD
http://www.youtube.com/watch?v=b9H34I37dQ0
61

5.6.3.20. EFECTO UMBRAL
1
Fig. 142
3
Abrimos el archivo al que
aplicaremos el efecto
Aparece un cuadro en el que asignamos,
en este caso, un valor de 132
Fig. 144
www.scribd.com
www.youtube.com
2
Fig. 143
4
Fig. 145
ARCHIVOS PDF Y MULTIMEDIA ALOJADOS EN:
http://www.scribd.com/doc/16449300/UMBRAL
Vamos a menú Imagen >
Ajustes > Umbral
Con el borrador, retocamos manchas
o puntos que queden, concluyendo
así nuestro efecto
http://www.youtube.com/watch?v=L27ghGzkLaA
62

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/
63

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
64

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

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
66

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
67

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