Técnicas Digitales Clase 11 y 12: Fotomanipulación
-
Upload
tania-munoa -
Category
Design
-
view
302 -
download
1
Transcript of Técnicas Digitales Clase 11 y 12: Fotomanipulación
Ejercicio parcial: Sketch-a-day• Deben realizar un sketch diario, a partir del día Viernes 17 de febrero hasta el
día Viernes 16 de marzo (29 en total).• La técnica debe ser en digital, y es libre, pueden haber bocetos en hoja con
bolígrafo, charpaks, nada en lápiz, pero de preferencia la mayoría en digital.
• Se subirán los bocetos en la carpeta correspondiente en el grupo.
• Se revisará semanalmente que estén subiendo los bocetos. Si no se suben para el día viernes de cada semana ya no se tomarán en cuenta.
Calendario Sketch-a-daySemana Producto
17 al 23 de febrero Cepillos de dientes
24 de febrero al 2 de marzo Mouse de computadora
3 al 9 de marzo Botellón/Garrafón de agua
10 al 16 de marzo Mochilas
Canal de youtube Sketch-a-day de Spencer Nugenthttps://www.youtube.com/user/sketchadaydotcom
Facebook de sketch-a-dayhttps://www.facebook.com/sketchaday/
Objetivos• El alumno aprenderá a utilizar
las herramientas básicas del programa Photoshop para editar, modificar y mejorar las imágenes de sus proyectos.
• Aprenderá distintas técnicas y efectos para aprender a vender, visualmente, sus productos (y también ponerse guapos para las fotos del facebook).
Objetivos
• El alumno aprenderá las funciones de un fotomontaje, para qué les puede servir y cómo se realiza.
Fotomontaje o fotomanipulación
El fotomontaje es el proceso de mezclar imágenes para crear una nueva.
Es una especie de “collage” donde los elementos se deben mimetizar lo mejor posible.
CaracterísticasSe crean imágenes que no podrían
ser fotografiadas en la realidad.
Sirve 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… ¬¬
Photoshop• Programa de edición de imagen, arte digital y
composición gráfica.• Familia: Adobe; por lo que es compatible con
cualquier otro programa de dicha familia.• Su aplicación principal es retoque de fotografía,
edición y composición de imágenes, efectos visuales, pintura digital y en algunos casos, animación.
• Crear mundos con efectos surrealistas.
• Efectos de iluminación.
• Presentaciones para explicar o vender ideas.
• Pintura digital.
• Publicidad.
• Retoque fotográfico.
• Ponerse bonitos para facebook.
• Memes…. ^^”
Lo más ÉPICOOOOO:http://www.theleek.com/terrible-
photoshop-russian-wedding-pictures/
El ruso que no hace fotos de bodas:https://hipertextual.com/juno/este-fotografo-ruso-maneja-photoshop-nivel-dios
Ejercicio 9: Edición de Quimera
• El alumno, utilizando varias imágenes sacadas de internet, realizará una criatura fantástica (Quimera) aplicando las herramientas de photoshop vistas en la clase.
• Usará herramientas de edición: corte, transformación, perspectiva, etc.; y de dibujo: brushes, pintura, formas predeterminadas, etc.
• Debe verse lo más real posible, debe estar bien recortada y editada.
• Documento: 1280x800 , entre 100 y 200 dpis.• Revisión en clase: Martes 21 de febrero, • Entrega: Viernes 24 de febrero antes de las 3pm.
Matte painting
Es una imagen pintada de un escenario que ayuda a crear un fondo o un ambiente para una película. Esto ayuda a crear nuevos mundos o recrear escenarios que existieron hace mucho tiempo.
• http://www.shadowlocked.com/201205272603/lists/the-fifty-greatest-matte-paintings-of-all-time.html
Ejercicio10: Fotomontaje/Matte painting
• El alumno, usando fotografías que se le entregarán, creará un mundo fantástico.
• Utilizará todas las herramientas y mañas de Photoshop para lograrlo, así como la ley de tercios para generar una composición gráfica.
• Formato: web 2048 x 1152 entre 150 y 200 dpis
• Revisión: martes 21 y viernes 24 de febrero en clase.
• Entrega: Martes 28 de febrero antes de las 3pm
Abrir programa y espacio de trabajo• Para comenzar
se necesita abrir un documento nuevo, el cual debe configurarse de acuerdo a las necesidades del proyecto.
• Archivo->Nuevo
ArchivosDots per Inch (DPI) o Puntos por
pulgada (PPP). Unidad de resolución de impresión, mientras más alto el número, mejor calidad de impresión.
72 dpis: Default, resolución de imagen web.
300 dpis: resolución óptima de impresión para pósters o carteles que están cerca del observador.
Características de un documento nuevo
Ancho
Alto
Resolución
Modo de Color
Unidades: pixeles, CM, pulgadas, picas
Adecuar alto y ancho con la dimensión deseada.
Resolución dependiendo de la utilidad 300 dpis (pixeles/pulgada) para impresión.
Modo de Color CMYK (impresión) o RGB para pantalla.
Photoshop maneja herramientas para cada necesidad:•Herramientas de selección: nos permiten mover elementos, seleccionar según formas predeterminadas, seleccionar de manera libre, etc.•Herramientas para cortar y crear sectores: nos permiten cortar partes de nuestra imagen, o delimitar sectores.•Herramientas de medida: estas son el cuentagotas, el muestreo de color, la regla, las notas, y el recuento.•Herramientas para retocar: estas herramientas nos sirven para hacer correcciones sobre la imagen. Podemos emparchar, pintar, eliminar ojos rojos, desenfocar, borrar, clonar, etc.
• Herramientas de pintura: Estas herramientas son el pincel, el lápiz, el pincel histórico, el degradado, el bote de pintura, etc.
• Herramientas de dibujo y texto: entre estas herramientas contamos con la pluma, el texto horizontal y vertical, la máscara de texto horizontal y vertical, la selección de trazado, las figuras geométricas y personalizadas.
• Herramientas de navegación: las herramientas de navigación tienen que ver con las características 3D de rotación, desplazamiento, escala, zoom y otras
Layers
Dar click en el ícono para desplegar el cuadro de acciones
• Create new layers (crear nuevo layer)
• Duplicate layer (Duplicar el layer)
• Delete layer (borrar el layer seleccionado)
• New Group (crear grupo donde colocaras layers)
• New Group from Layers (crear grupo a partir de layers seleccionados)
Herramientas de selección
• Como su nombre lo indica, sirven para seleccionar cierta área o elemento.
• Las líneas punteadas que aparecen alrededor del elemento indican un recorte y sólo lo que está dentro de dicha selección podrá ser editado.
• Para deseleccionar se utiliza la abreviación: Ctrl+D
Varita Mágica y Quick selection• Sirven para seleccionar de manera rápida un
color específico. • Se puede regular la tolerancia para cuando
tienes varios colores difíciles de diferenciar.
Transformación• Sirve para transformar la imagen (o sección de
imagen) seleccionada:• Abreviación Ctrl+T o buscar en Edit->Transform• Aparece un recuadro donde, al colocar la flecha
de selección en las esquinas (recuadros pequeños) puedes agrandar, achicar o girar la imagen.
• Apretando Shift mientras realizas la transformación el objeto mantendrá su proporción.
Transform o transformación
La herramienta :• Scale (tamaño)• Rotate (girar el objeto en cualquier dirección)• Skew, distort y perspective (se usan para
modificar la imagen en diferentes formas, escalas, perspectiva y adaptarla a la posición que necesites )
• Warp (modifica la imagen moviendo ciertos puntos dentro de la misma)
Trasladar una imagen a un workspace distinto• Se abre el área de trabajo donde se realizará
todo el proyecto y se abre la imagen que se desea editar.
• Para poder trasladar una imagen a otro workspace es indispensable que el layer (o capa) no esté bloqueado.
• Posteriormente, el workspace de la imagen se desprende y con la flecha de arrastra el elemento a la otra ventana.
Candado (doble click para desbloquear)
Workspace en el que estás trabajando
Imagen que deseas colocar
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.
• Funciona pintando sobre la hoja de la derecha, los colores de los brushes cambia a negro para “borrar” y blanco para reaparecer la imagen.
Clone StampEl 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 sobre el layer que quieres copiar y luego click donde quieres que se repita el patrón seleccionado.
Pintura (bote y degradados)• Bote de pintura sirve
para pintar un área abierta de un color sólido.
• El degradado se puede editar para generar distintos tipos de degradados: lineales, circulares, céntricos, cortes, etc.; con colores de la preferencia del usuario.
Color seleccionado (doble click para abrir el color picker)
Tamaño del documento como lo estamos viendo
Gradiente: te permite utilizar degradados para generar efectos
Doble click en el rectángulo del gradiente para abrir el editor.
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.
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 usando el Path.
Ancla
Vectores
También puedes escoger el tipo de elemento que quieres crear desde la sección de PATHS junto a los Layers.
Si das click derecho mientras el vector está activado, aparecerá un cuadro con una lista de acciones. Puedes escoger el tipo de acción o línea que se trazará con Stroke Path.
Right click > Stroke Path
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
Brushes• Los pinceles son una aplicación
que puede servir para:– Dibujar con cierta calidad,
estilo, figura y grosor.– Imágenes predeterminadas
que sirven para resaltar una imagen o complemento de fondos.
– Para instalar brushes, la extensión es .abr
Estilo Aerógrafo
Tamaño de pincel
Hardness y softness (blurry)
Click para abrir el editor
Hard point
Soft point
Click para abrir las propiedades
Load brushes, bajar brushes que ya están en su disco duro.
Lista de brushes predeterminada o ya instalados
Pueden bajar brushes de internet, deviantart es una gran fuente donde pueden encontrarlos.
Pueden abrir el editor de brushes para obtener distintos tipos de trazo. Si la sensibilidad no funciona entrar a brush presets para revisar que esté activado.
Brushes• Los brushes sirven para dar texturas, dependiendo de
su configuración, figura, opacidad y espaciado.http://conceptcookie.deviantart.com/art/Getting-
Started-Brushes-and-Erasers-398299178
Advertencias
• Paleta de colores: Generar un layer con todos los tonos sólidos que van a usar para pintar.
• Para llamar al gotero (y utilizar cierto color que se encuentre en la imagen) se tiene la herramienta en Brush (B) y se aprieta ALT + click izquierdo sobre el color que quieres escoger.
Truco para suavizar color o contornos pixeleadosUsar la herramienta blur
(gotita) para suavizar bordes o hacer esparcidos (difuminar).
Usen esta herramienta con precaución. Seleccionarla y bajar la fuerza (en la sección de configuración de la herramienta) (a un 10% más o menos) para suavizarla e irlo calando.
Controlar herramientas con el teclado
• Corchetes ([ ]): agrandar y empequeñecer la punta de la herramienta que esté utilizando:pincel, borrador, blur, dodge, etc.
• Click en algún número del teclado ajusta la opacidad. Ejempo: 1 = 10%; 4= 40%; 0=100%. Si escribes los números rápido lo interpreta literal, ejemplo: 4+5=45%.
• Barra espaciadora: paneo, sirve para mover la hoja dentro del workspace.
• R: Rotación; rotar la hoja ayuda a acomodarse para realizar los trazos. Puedes rotarla con el mouse o escribiendo el número del ángulo. Lo desactivas con Esc.
Efectos de capa (blending options)Son efectos que afectan sólo al elemento que se
encuentra en la capa (layer) seleccionado (icono F)– 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.
Layer adjustment
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.
Edición de imagen
La sección de Imagen contiene todas las funciones para generar cambios de color, saturación, mancha, filtros de fotografía, rotar imagen, etc.
Hue/SaturationAyuda a cambiar el color general (hue), la saturación del
color y aclarar u obscurecer.
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 imitará para todos los layers.
• Se puede calibrar la intensidad de los colores, iluminación, etc.
Blending mode entre capasEn la ventana de layers (capas) existe un mezclador de texturas y
efectos de color que afecta a todos los layers que se encuentran abajo. Estos efectos dependen del tipo de blender que estás utilizando en la capa seleccionada.
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.
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.
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
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 regulado por los blending mode para generar distintos efectos y sensaciones.
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
Tutorial 2: Creating a composite image with PS CS6
http://www.adobe.com/inspire/2012/06/composite-image-photoshop-cs6.html
Recomendaciones
LuneBleu –Ana Cruz (fotomanipulación y fotografía)
• http://lunebleu.deviantart.com/
Diseño | web • http://tecnologia-mundo.blogspot.mx/
2010/10/diseno-grafico-30-hermosas-imagenes-de.html