Técnicas de representación digital

Photoshop2o Parcial

TAMM-18septiembre2013

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.

Composición gráfica

• Herramienta visual básica que sirve para expresar de manera organizada una idea.

Componer= Organizar• Las reglas de composición gráfica se basan en

principios compositivos de la pintura y la escultura.

• Las leyes compositivas afectan la percepción (GESTALT).

• Las composiciones gráficas deben apuntar principalmente a resolver los problemas de percepción visual: tensión, equilibrio, balance, dinamismo, estabilidad, contraste, unidad dentro de la variedad, proporciones, entre otros.

Equilibrio

Ley de terciosDebemos dividir el encuadre en tres partes horizontales y tres verticales, utilizando para ello líneas imaginarias y en los puntos de intersección de estas líneas debemos colocar los puntos de interés. De esta forma conseguimos que la composición sea equilibrada.

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 y pintura digital.

Photoshop hace maaaaagia

…Y también desgracias

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 del documento nuevo

Ancho

Alto

Resolución

Modo de Color

Unidades: pixeles, CM, pulgadas, picas

Adecuar alto y ancho con la dimensión del ¼ de Ilustración: 38x51cm

Resolución de 300 dpis (pixeles/pulgada) para impresión.

Modo de Color CMYK (impresión).

Workspace o área de trabajo

Herramientas

Espacio de capas (layers), Canales de color y paths

Selección de color

Herramientas

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

Shortcuts: Ctrl+(letra correspondiente)

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.

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 la paleta de colores)

Tamaño en que se está viendo el documento

Cubeta de color: colorea todo el espacio seleccionado

Gradiente: Permite degradar varios colores para generar distintos efectos de color.

Doble click sobre cuadro de degradado para abrir el editor

Tipos de degradados: rombo, círculo, lineal, corte.

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 original

Workspace de la imagen

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.

Ancla

Vectores

Forma Path (para corte o delineado)

Plumas para distintas acciones

Si se realiza el trazo con el botón de forma activado, se rellena de color el trazo que se realice.

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

Hace el trazo como lanzamiento de línea

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

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

Estilo Aerógrafo

Grosor de la punta

Dureza o suavidad

Click para abrir cuadro

Click para abrir propiedades de brushes.

Descargar brushes

Lista de brushes

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

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.

Efectos de capa

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.

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

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

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.

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

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.

Lista de filtros

Ventana de edición de filtros

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

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.

En Imagen > Adjustments Se encuentran los

controladores para la edición de color.

Hue/Saturation• Ayuda a cambiar el color general (hue), la saturación

del color y aclarar u obscurecer.

Efectos entre layersEn la herramienta de layers existe un mezclador de

texturas y efectos de color que afecta a todos los layers que se encuentran abajo.

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.

Efectos de luz

Para realizar efectos de luz y rayos es necesario aplicar brushes, utilizar un fondo obscuro para que resalten los colores, o aplicar stock de rayos.

Tutorial Coloreado de pinceles (varios tips)Tutorial Photoshop: colorear pinceles.

Conectatutoriales.• http://www.youtube.com/watch?v=rPHia1EaZ

E4&list=PLBF93442E2025CEE4&index=20&feature=plpp_video

Ejercicio 9: Edición, luces y efectos

El alumno realizará un póster utilizando efectos de color. Buscarán la imagen de una persona en una pose interesante (ejemplo: brincando), o una foto de ellos de alta calidad; recortarán el fondo, meterán efectos de filtros, capas, y aplicarán los efectos de luces de layers para generar una composición atractiva.

La imagen debe ser A4 entre 150 a 200dpis. Entrega: Miércoles 25 de septiembre antes de las

10am.

Busquen en google o deviantart stock de luces de colores (ej. Photoshop lights), hay distintas texturas como rayos, burbujas, ondas, estrellas, etc.

Fotomontaje

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 ilustración.

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.

Sirven para:Mostrar alguna función (POP,

Arquitectura, etc.)Explicar una idea de manera

gráfica.Narrar una historia.Expresión y exploración gráfica.Anuncios publicitarios.Para burlarse de otros… ¬¬

Ejercicio 10: Fotomontaje • El alumno realizará una

fotomanipulación donde representará una escena fantástica utilizando imágenes que encuentre en internet.

• Utilizará todas las herramientas y mañas de Photoshop para lograrlo.

• Formato: Doblecarta, 150 a 200 dpis

• Entrega: Miércoles 2 de octubre antes de las 10am.

elementos

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