Técnicas de representación digital

Photoshop2o Parcial

TAMM-febrero2013

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

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.

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

Ejercicio 9 Composición y edición publicidad• 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.

• 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.• Entrega: Viernes 22 de febrero vía deviantart