Download - Técnicas digitales clase 6 EM2014
![Page 1: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/1.jpg)
Técnicas de representación digital
Clase 6: Efectos y manipulación en Photoshop
TAMM-19febrero2014
![Page 2: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/2.jpg)
Objetivos
• Continuar aprendiendo el uso de las herramientas de photoshop, así como utilidades para los efectos, filtros, brushes, etc.
• Fotomanipulación, collage y composición.
![Page 3: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/3.jpg)
Pluma• La pluma sirve para
trazar líneas o realizar selecciones basándose en vectores.
• Se pueden realizar trazos rectos o curvas jalando las anclas.
• Los vectores son ecuaciones que el programa va completando con forme va generando las líneas.
![Page 4: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/4.jpg)
Recortes y vectores: uso de la pluma
• La línea se puede editar moviendo los puntos de ancla.
• Los trazos pueden ser líneas, áreas de recorte o manchas de color.
Ancla
Vectores
![Page 5: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/5.jpg)
Forma Path (para corte o delineado)
Plumas para distintas acciones
![Page 6: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/6.jpg)
Si se realiza el trazo con el botón de forma activado, se rellena de color el trazo que se realice.
![Page 7: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/7.jpg)
Si se realiza un trazo con el botón de path activado, se traza una línea que puede ser convertida en distintos tipos de líneas:
Click derecho > Stroke Path
![Page 8: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/8.jpg)
![Page 9: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/9.jpg)
Hace el trazo como lanzamiento de línea
![Page 10: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/10.jpg)
Video Tutorial trazo y recorte con plumaTutorial Photoshop: Usar Pluma.
Conectatutoriales.
• http://www.youtube.com/watch?v=wk7w-UnbqtU&list=PLBF93442E2025CEE4&index=10&feature=plpp_video
![Page 11: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/11.jpg)
Pinceles (brushes)
• Los pinceles son una aplicación que puede servir para:– Dibujar o colorear con
cierta calidad, estilo, figura y grosor.
– Imágenes predeterminadas que sirven para resaltar una imagen o complemento de fondos.
![Page 12: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/12.jpg)
Estilo Aerógrafo
Grosor de la punta
Dureza o suavidad
Click para abrir cuadro
![Page 13: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/13.jpg)
Click para abrir propiedades de brushes.
Descargar brushes
Lista de brushes
![Page 14: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/14.jpg)
![Page 15: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/15.jpg)
![Page 16: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/16.jpg)
![Page 17: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/17.jpg)
![Page 18: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/18.jpg)
![Page 19: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/19.jpg)
Propiedades de capas (layers)
Click en la flecha para abrir el cuadro de propiedades.
• Crear layers nuevos
• Duplicar el layer
• Borrar el layer
• Crear un grupo
• Crear un grupo a partir de layers seleccionados
![Page 20: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/20.jpg)
Efectos de capa (blending options)
Son efectos que afectan sólo al elemento que se encuentra en la capa (layer) seleccionado– Sombras externas e internas– Iluminación o efecto de luz externa e interna– Contorno (grosor) y textura– Satinado– Color encima (cambio de color)– Gradiente encima– Patrón o textura encima– Línea para aumentar el grosor.
![Page 21: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/21.jpg)
Efectos de capa
![Page 22: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/22.jpg)
Líneas de luzTrazando líneas con la pluma, y usando los efectos
de capas se pueden agregar efectos para que emanen luz.
Procedimiento:Trazar una línea blanca y posteriormente agregar efectos de glow externo e interno.
Esta técnica puede servir para iluminar otras formas (pinceles) como estrellas, polvo, lluvia, etc.
Este efecto se maneja el trazo en un layer vacío, sobre un fondo obscuro.
![Page 23: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/23.jpg)
![Page 24: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/24.jpg)
Tutorial luces
Tutorial Photoshop: Líneas de luz alrededor de las personas. Conectatutoriales.
• http://www.youtube.com/watch?v=eaZ_QTR3Du8&list=PLBF93442E2025CEE4&index=3&feature=plpp_video
![Page 25: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/25.jpg)
Clipping mask
• Es una herramienta que sirve para “recortar” imágenes, quitar fondos, sin tener que borrarlos o perder parte de la imagen.
• Es una máscara de recorte que sirve para realizar fotomontajes.
![Page 26: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/26.jpg)
Herramienta de clon
El botón de clon ayuda a copiar partes de la imagen para disimular, imitar texturas, etc.
Para imitar cierta parte de la imagen se da click izquierdo+Alt
![Page 27: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/27.jpg)
Uso del clon para generar el resto de la pared y el piso
![Page 28: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/28.jpg)
FiltrosLos filtros son aplicaciones que ayudan a crear efectos
distintos a las imágenes. Existen distintos filtros de acuerdo a cada necesidad: desde convertir la imagen en algún estilo artístico, hasta generar efectos de plastificado, desenfoque, ruido, luces, etc.
![Page 29: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/29.jpg)
Lista de filtros
Ventana de edición de filtros
![Page 30: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/30.jpg)
Tutorial para manejo de filtros y descargas.Filtros y complementos. Conectatutoriales.
• http://www.youtube.com/watch?v=k3tWgFFruJE&list=PL023B11ED805EF189&index=17&feature=plpp_video
![Page 31: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/31.jpg)
Edición de ImagenLa sección de Imagen
contiene todas las funciones para generar cambios de color, saturación, mancha, filtros de fotografía, etc.
![Page 32: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/32.jpg)
En
Imagen > Adjustments
Se encuentran los controladores para la edición de color.
![Page 33: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/33.jpg)
Hue/Saturation• Ayuda a cambiar el color general (hue), la
saturación del color y aclarar u obscurecer.
![Page 34: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/34.jpg)
Efectos entre layers (blending mode)En la herramienta de layers existe un mezclador de
texturas y efectos de color que afecta a todos los layers que se encuentran abajo.
![Page 35: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/35.jpg)
El efecto que se seleccione afecta al resto de las capas que se encuentran abajo.
Genera combinaciones y efectos de luces, texturas, color, saturación, etc.
Estos blending ayudan a crear distintos efectos como texturizados, iluminación, mimetizar imágenes, cambiar ambientes, etc.
![Page 36: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/36.jpg)
![Page 37: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/37.jpg)
![Page 38: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/38.jpg)
![Page 39: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/39.jpg)
Efectos de luzPara realizar efectos de luz y rayos es necesario
aplicar brushes, utilizar un fondo obscuro para que resalten los colores, o aplicar stock de rayos, todo esto puede ser reguldao por los blending mode para generar distintos efectos y sensaciones.
![Page 40: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/40.jpg)
![Page 41: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/41.jpg)
![Page 42: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/42.jpg)
Tutorial Coloreado de pinceles (varios tips)Tutorial Photoshop: colorear pinceles.
Conectatutoriales.
• http://www.youtube.com/watch?v=rPHia1EaZE4&list=PLBF93442E2025CEE4&index=20&feature=plpp_video
![Page 43: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/43.jpg)
Ejercicio 10: Composición y edición para anuncio publicitario• El alumno, utilizando varias imágenes sacadas de
internet, realizará una composición gráfica utilizando las herramientas de photoshop vistas en la clase.
• El objetivo es resaltar un producto para su venta, debe tener elementos distintos como el producto, una modelo, un fondo, letreros, etc. y cumplir con normas de composición básica (ley de tercios, proporción aurea,
• Aplicará herramientas de edición: corte, transformación, perspectiva, filtros, etc.; y de dibujo: brushes, pintura, formas predeterminadas, etc.
• Debe verse lo más real posible.• Hoja doble carta, entre 150 y 200 dpis.• Entrega: miércoles 26 de febrero antes de las 9am.
![Page 44: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/44.jpg)
![Page 45: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/45.jpg)
![Page 46: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/46.jpg)
![Page 47: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/47.jpg)
![Page 48: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/48.jpg)
Fotomontaje
![Page 49: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/49.jpg)
Objetivos
• El alumno aprenderá las funciones de un fotomontaje, para qué les puede servir y cómo se realiza.
![Page 50: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/50.jpg)
Fotomontaje o fotomanipulación
El fotomontaje es el proceso de mezclar imágenes para crear una nueva ilustración.
Es una especie de “collage” donde los elementos se deben mimetizar lo mejor posible.
![Page 51: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/51.jpg)
![Page 52: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/52.jpg)
Características• Se crean imágenes que no
podrían ser fotografiadas en la realidad.
• Sirven para:• Mostrar alguna función
(POP, Arquitectura, etc.)• Explicar una idea de manera
gráfica.• Narrar una historia
(storyboards).• Expresión y exploración
gráfica.• Anuncios publicitarios.• Para burlarse de otros… ¬¬
![Page 53: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/53.jpg)
![Page 54: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/54.jpg)
![Page 55: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/55.jpg)
![Page 56: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/56.jpg)
Ajustes de imagenPueden cambiarse propiedades de la imagen en el layer seleccionado como: Brillo, niveles tonales, contrastes, balance de blancos y color, saturación, desaturación, invertir color, imitar tonos, filtros de color fotográfico, etc.
![Page 57: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/57.jpg)
Propiedades de los ajustes de imagen
![Page 58: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/58.jpg)
Match color
• Esta herramienta sirve para igualar tonos entre las distintas imágenes con las que se están trabajando.
• Se debe escoger la iluminación de una imagen, y será la que se escogerá para todos los layers.
• Se puede calibrar la intensidad de los colores, iluminación, etc.
![Page 59: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/59.jpg)
Agregar ajustes de capa
• Crea máscaras de efectos sobre los layers, es lo mismo que los ajustes desde Imagen pero esta se convierte en máscara y puede ajustarse a las necesidades de la manipulación.
![Page 60: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/60.jpg)
![Page 61: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/61.jpg)
![Page 62: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/62.jpg)
![Page 63: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/63.jpg)
![Page 64: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/64.jpg)
![Page 65: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/65.jpg)
![Page 66: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/66.jpg)
Tutorial 2: Creating a composite image with PS CS6
• http://www.adobe.com/inspire/2012/06/composite-image-photoshop-cs6.html
![Page 67: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/67.jpg)
Ejercicio 11: Fotomontaje
• El alumno realizará una fotomanipulación donde representará una escena fantástica utilizando imágenes que encuentre en internet o fotos propias.
• Utilizará todas las herramientas y mañas de Photoshop para lograrlo.
• Formato: Doblecarta, 150 a 200 dpis
• Entrega: Miércoles 26 de febrero antes de las 9am.
![Page 68: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/68.jpg)
elementos
![Page 69: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/69.jpg)
![Page 70: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/70.jpg)
![Page 71: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/71.jpg)
![Page 72: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/72.jpg)
![Page 73: Técnicas digitales clase 6 EM2014](https://reader033.vdocumento.com/reader033/viewer/2022051314/54b93a4d4a7959055f8b45a2/html5/thumbnails/73.jpg)
Recomendaciones
LuneBleu –Ana Cruz (fotomanipulación y fotografía)
• http://lunebleu.deviantart.com/ Intano (fotomanipulación)• http://intano.deviantart.com/ Diseño | web • http://tecnologia-mundo.blogspot.mx
/2010/10/diseno-grafico-30-hermosas-imagenes-de.html