73
Técnicas de representación digital Clase 6: Efectos y manipulación en Photoshop TAMM-19febrero2014

Técnicas digitales clase 6 EM2014

Embed Size (px)

DESCRIPTION

Técnicas digitales: Clase 6: Efectos de capas y manipulación con Photoshop

Citation preview

Page 1: Técnicas digitales clase 6 EM2014

Técnicas de representación digital

Clase 6: Efectos y manipulación en Photoshop

TAMM-19febrero2014

Page 2: Técnicas digitales clase 6 EM2014

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

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

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

Forma Path (para corte o delineado)

Plumas para distintas acciones

Page 6: Técnicas digitales clase 6 EM2014

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

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
Page 9: Técnicas digitales clase 6 EM2014

Hace el trazo como lanzamiento de línea

Page 11: Técnicas digitales clase 6 EM2014

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

Estilo Aerógrafo

Grosor de la punta

Dureza o suavidad

Click para abrir cuadro

Page 13: Técnicas digitales clase 6 EM2014

Click para abrir propiedades de brushes.

Descargar brushes

Lista de brushes

Page 14: Técnicas digitales clase 6 EM2014
Page 15: Técnicas digitales clase 6 EM2014
Page 16: Técnicas digitales clase 6 EM2014
Page 17: Técnicas digitales clase 6 EM2014
Page 18: Técnicas digitales clase 6 EM2014
Page 19: Técnicas digitales clase 6 EM2014

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

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

Efectos de capa

Page 22: Técnicas digitales clase 6 EM2014

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
Page 25: Técnicas digitales clase 6 EM2014

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

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

Uso del clon para generar el resto de la pared y el piso

Page 28: Técnicas digitales clase 6 EM2014

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

Lista de filtros

Ventana de edición de filtros

Page 31: Técnicas digitales clase 6 EM2014

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

En

Imagen > Adjustments

Se encuentran los controladores para la edición de color.

Page 33: Técnicas digitales clase 6 EM2014

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

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

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
Page 37: Técnicas digitales clase 6 EM2014
Page 38: Técnicas digitales clase 6 EM2014
Page 39: Técnicas digitales clase 6 EM2014

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
Page 41: Técnicas digitales clase 6 EM2014
Page 42: Técnicas digitales clase 6 EM2014

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

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
Page 45: Técnicas digitales clase 6 EM2014
Page 46: Técnicas digitales clase 6 EM2014
Page 47: Técnicas digitales clase 6 EM2014
Page 48: Técnicas digitales clase 6 EM2014

Fotomontaje

Page 49: Técnicas digitales clase 6 EM2014

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

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
Page 52: Técnicas digitales clase 6 EM2014

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
Page 54: Técnicas digitales clase 6 EM2014
Page 55: Técnicas digitales clase 6 EM2014
Page 56: Técnicas digitales clase 6 EM2014

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

Propiedades de los ajustes de imagen

Page 58: Técnicas digitales clase 6 EM2014

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

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
Page 61: Técnicas digitales clase 6 EM2014
Page 62: Técnicas digitales clase 6 EM2014
Page 63: Técnicas digitales clase 6 EM2014
Page 64: Técnicas digitales clase 6 EM2014
Page 65: Técnicas digitales clase 6 EM2014
Page 67: Técnicas digitales clase 6 EM2014

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

elementos

Page 69: Técnicas digitales clase 6 EM2014
Page 70: Técnicas digitales clase 6 EM2014
Page 71: Técnicas digitales clase 6 EM2014
Page 72: Técnicas digitales clase 6 EM2014