técnicas digitales an2013: clase6y7 photoshop
DESCRIPTION
Técnicas Digitales, semestre agosto-noviembre 2013: Clase 6 y 7: PhotoshopTRANSCRIPT
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