Beruflich Dokumente
Kultur Dokumente
ISRAEL
DIRECCIÓN DE POSGRADOS
Posgradista
Tutor
Cuenca Ecuador.
Junio 2009.
UNIVERSIDAD TECNOLÓGICA
ISRAEL
DIRECCIÓN DE POSGRADOS
CERTIFICADO DE RESPONSABILIDAD
__________________________________
MBAe.Ing. Paúl Villavicencio
UNIVERSIDAD TECNOLÓGICA
ISRAEL
DIRECCIÓN DE POSGRADOS
CERTIFICADO DE AUTORÍA
________________________________
Lcdo. Patricio Llivicura Piedra
DEDICATORIA
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.
estudiantil.
aporta sin duda un valor añadido al actual sistema educativo y abre las puertas a nuevos pa-
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
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-
3. OBJETIVOS 2
3.1. General
3.2. Epecíficos
4. HIPÓTESIS 3
5. MARCO TEÓRICO 4
5.3. Herramientas 9
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.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
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-
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
una necesidad de crear un tutorial dirigido a usuarios ecuatorianos con niveles incipientes
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
El infinito material de consulta, sea físico o digital, utiliza un lenguaje que difiere con
en su explicación o simplemente obvian pasos que los autores los dan por básicos. Esto
trabajos poco creativos, sin calidad y a la subutilización del software. Vale la pena cues-
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
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
3. OBJETIVOS
3.1. General
Crear un tutorial guiado paso a paso para generar efectos básicos en Photoshop diri-
3.2. Epecíficos
Cambiar el estereotipo de las redes sociales sobre la concepción que tienen los/las
4. HIPÓTESIS
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
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
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-
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-
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
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
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
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
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
tibilidad dentro del entorno CS3; entre ellas Illustrador, Flash, Dreamweaver,
de vídeo).
Desde esta versión es muy fácil compartir archivos entre aplicaciones, basta con
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
también se pueden acceder a estos por medio de los menús ubicados en la parte
Cabe destacar que esta versión ya permite importar y manipular objetos inteli-
Selección Rápida que ahorrará mucho tiempo a la hora de seleccionar partes de una
imagen.
manos y que ha sido creada especialmente para pulir selecciones una vez termina-
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.
La barra de menús en la parte superior organiza los comandos debajo de los me-
nús.
Las paletas ayudan a supervisar y modificar el trabajo. Hay aquellas que se mues-
nándolo en el menú Ventana. Muchos de estos tienen menús con opciones espe-
5.3. Herramientas
pantalla, algunas de las cuales cuentan con opciones que aparecen en la barra de
seleccionar, pintar, dibujar, muestrear, editar, mover, anotar y ver imágenes; otras
ellas con el fin de ver las que contiene ocultas; un triángulo pequeño en el lateral
vas ocultas.
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
visualizar las capas situadas por debajo; esta característica la podemos comparar
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
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
(A) Menú de la paleta Capas. (B) Grupo de capas. (C) Capa. (D) Expandir/
Al mover o editarlas estos se mantienen; por ejemplo, si aplica una sombra paralela
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
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
general.
El cuadro de diálogo Estilo de Capa permite editar estilos aplicados a las capas
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
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.
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
Retraer: Reduce los límites del mate de una Sombra interior o un Resplandor
anillos de transparencia.
Con bisel y relieve, la opción Contorno esculpe las ondulaciones y texturas que
desplazamiento.
15
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,
Inglete interior, crea un bisel en los bordes interiores del contenido de la capa.
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
útil en mates bien definidos existentes en formas suavizadas como texto. Mantiene
no es tan preciso como el Cincel duro, resulta útil en un amplio rango de mates.
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,
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.
siguientes parámetros:
• Enlazar con capa si desea que la textura se desplace con la capa a medida que
ésta se mueve.
textura.
superior izquierda de la capa (si está seleccionado Enlazar con capa). Arrastrar
5.5. Filtros
Los filtros sirven para aplicar efectos especiales o para realizar tareas comunes de
Los filtros se emplean para limpiar o retocar fotografías, aplicar efectos especiales
nación.
• En el caso de las imágenes de 8 bits por canal, la mayoría de los filtros se pueden
individualmente.
do.
• Son aplicables los siguientes filtros a imágenes de 16 bits: Licuar, Punto de fuga,
19
Nube 1, Nube 2, Destello, Enfocar, Enfocar bordes, Enfocar más, Enfoque sua-
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-
www.scribd.com
www.scribd.com
www.youtube.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
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
dizaje. Su empleo permite que el alumno asimile una cantidad de información mayor
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
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-
Esta plataforma usa un reproductor en línea basado en Adobe Flash para servir su
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
(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-
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-
5.6.3. Desarrollo pasos a paso de veinte tutoriales de efectos básicos en Photoshop CS3
al tiempo de ejecución de sus producciones. Estos argumentos han sido los ejes
es cimentar bases sólidas de una manera fácil y novedosa, captar su interés y pro-
manejo y creación de efectos con esta herramienta virtual de diseño y así activar en
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
Fig. 11
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
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
http://www.scribd.com/doc/16445512/Espada-Laser
www.scribd.com
http://www.youtube.com/watch?v=VXwEE1tiJ5o
www.youtube.com
27
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
Fig. 25
http://www.scribd.com/doc/16449216/TRAMA-PERIODICO
www.scribd.com
http://www.youtube.com/watch?v=itiQQ11lzZ8
www.youtube.com
29
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
Fig. 32
http://www.scribd.com/doc/16445676/FOTO-ENVEJECIDA
www.scribd.com
http://www.youtube.com/watch?v=PIDzV9xOVUE
www.youtube.com
31
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
http://www.scribd.com/doc/16445272/Cambio-Color-Ojos
www.scribd.com
http://www.youtube.com/watch?v=VPsUtbu0aEg
www.youtube.com
32
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
http://www.scribd.com/doc/16445168/Cambio-Color-Auto
www.scribd.com
http://www.youtube.com/watch?v=MyMRAvoDImA
www.youtube.com
33
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
Fig. 46
http://www.scribd.com/doc/16445774/FOTO-REVISTA
www.scribd.com
http://www.youtube.com/watch?v=U9gCZFvWsSM
www.youtube.com
35
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
http://www.scribd.com/doc/16446236/MARCO-DE-FOTOS
www.scribd.com
http://www.youtube.com/watch?v=9Dlbqcd3u8A
www.youtube.com
37
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
http://www.scribd.com/doc/16447050/PEGAR-DENTRO
www.scribd.com
http://www.youtube.com/watch?v=EDEJPN14YIY
www.youtube.com
40
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
http://www.scribd.com/doc/16448942/REDIMENSION-NARIZ
www.scribd.com
http://www.youtube.com/watch?v=eRMqY5Pn5v4
www.youtube.com
41
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
http://www.scribd.com/doc/16448869/PRIMER-PLANO
www.scribd.com
http://www.youtube.com/watch?v=oZy3S7G866o
www.youtube.com
43
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
http://www.scribd.com/doc/16446319/PAPEL-RASGADO
www.scribd.com
http://www.youtube.com/watch?v=Xeaix3mFDIs
www.youtube.com
45
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
Fig. 88
http://www.scribd.com/doc/16448996/REFLEJO-TEXTOS
www.scribd.com
http://www.youtube.com/watch?v=SD4WkF1a-oc
www.youtube.com
47
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
http://www.scribd.com/doc/16449082/RESERVA-GRISES
www.scribd.com
http://www.youtube.com/watch?v=NQnFV14CRzQ
www.youtube.com
49
1 2
Con herramienta Tampón procede-
mos a corregir inperfecciones; pre-
Abrimos la imagen a retocar 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
7
El retoque está listo; hemos eliminado el acné
de la piel del rostro de la Chica
Fig. 103
http://www.scribd.com/doc/16448760/PIEL
www.scribd.com
http://www.youtube.com/watch?v=xwnZFFG1nLo
www.youtube.com
51
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
http://www.scribd.com/doc/16448649/PIEL-DIENTES
www.scribd.com
http://www.youtube.com/watch?v=tCJwC4TYM3M
www.youtube.com
53
1 2
Tomamos el arte del Tatuaje y lo
Abrimos los archivos con los que arrastramos hacia la fotografía;
trabajaremos con CTRL +T lo redimensionamos
y ubicamos donde va a ir
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
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
http://www.scribd.com/doc/16449141/TATUAJE
www.scribd.com
http://www.youtube.com/watch?v=-dsN6dzVtkU
www.youtube.com
55
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
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
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
http://www.scribd.com/doc/16446157/FUEGO-EN-TEXTOS
www.scribd.com
http://www.youtube.com/watch?v=WGNlVGCt0Uo
www.youtube.com
59
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
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
http://www.scribd.com/doc/16449431/VELOCIDAD
www.scribd.com
http://www.youtube.com/watch?v=b9H34I37dQ0
www.youtube.com
62
1 2
Abrimos el archivo al que Vamos a menú Imagen >
aplicaremos el efecto Ajustes > Umbral
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
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
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
Espero que este sea el inicio para que nuestros profesionales y estudiantes empiecen a
para todos quienes requieran de este material de consulta que lleva el sello de “MUCHO
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
Es hora de involucrarno en el uso de las TICs ya que traen consigo muchos beneficios a
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,
créditos on-line que pueden desarrollarse en casa, en los centros docentes o en cualquier
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
(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