Técnicas de representación digital

Photoshop2o Parcial

TAMM-12febrero2014

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

Recomendaciones

• Manual de Photoshop CS6TR267.5.A3 M36 2013• Técnicas de arte digitalTR642.T43• Aprende Photoshop CS6TR267.5A66 2012• PhotoshopTutorials• http://photoshoptutorials.deviantart.com/gallery/