of 60 /60
Técnicas de representación digital Photoshop 2o Parcial TAMM-febrero2013

Tecnicas Digitales Clase 5 Intro Photoshop

Embed Size (px)

DESCRIPTION

Técnicas Digitales: Clase 5: Introducción a Photoshop, herramientas básicas.

Text of Tecnicas Digitales Clase 5 Intro Photoshop

Page 1: Tecnicas Digitales Clase 5 Intro Photoshop

Técnicas de representación digital

Photoshop2o Parcial

TAMM-febrero2013

Page 2: Tecnicas Digitales Clase 5 Intro Photoshop

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.

Page 3: Tecnicas Digitales Clase 5 Intro Photoshop

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).

Page 4: Tecnicas Digitales Clase 5 Intro Photoshop
Page 5: Tecnicas Digitales Clase 5 Intro Photoshop

• 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

Page 6: Tecnicas Digitales Clase 5 Intro Photoshop

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.

Page 7: Tecnicas Digitales Clase 5 Intro Photoshop
Page 8: Tecnicas Digitales Clase 5 Intro Photoshop
Page 9: Tecnicas Digitales Clase 5 Intro Photoshop
Page 10: Tecnicas Digitales Clase 5 Intro Photoshop

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.

Page 11: Tecnicas Digitales Clase 5 Intro Photoshop

Photoshop hace maaaaagia

Page 12: Tecnicas Digitales Clase 5 Intro Photoshop
Page 13: Tecnicas Digitales Clase 5 Intro Photoshop
Page 14: Tecnicas Digitales Clase 5 Intro Photoshop
Page 15: Tecnicas Digitales Clase 5 Intro Photoshop

…Y también desgracias

Page 16: Tecnicas Digitales Clase 5 Intro Photoshop
Page 17: Tecnicas Digitales Clase 5 Intro Photoshop
Page 18: Tecnicas Digitales Clase 5 Intro Photoshop
Page 19: Tecnicas Digitales Clase 5 Intro Photoshop
Page 20: Tecnicas Digitales Clase 5 Intro Photoshop

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

Page 21: Tecnicas Digitales Clase 5 Intro Photoshop
Page 22: Tecnicas Digitales Clase 5 Intro Photoshop

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.

Page 23: Tecnicas Digitales Clase 5 Intro Photoshop

Características del documento nuevo

Ancho

Alto

Resolución

Modo de Color

Unidades: pixeles, CM, pulgadas, picas

Page 24: Tecnicas Digitales Clase 5 Intro Photoshop

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).

Page 25: Tecnicas Digitales Clase 5 Intro Photoshop

Workspace o área de trabajo

Herramientas

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

Selección de color

Page 26: Tecnicas Digitales Clase 5 Intro Photoshop

Herramientas

Page 27: Tecnicas Digitales Clase 5 Intro Photoshop

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.

Page 28: Tecnicas Digitales Clase 5 Intro Photoshop

• 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

Page 29: Tecnicas Digitales Clase 5 Intro Photoshop
Page 30: Tecnicas Digitales Clase 5 Intro Photoshop
Page 31: Tecnicas Digitales Clase 5 Intro Photoshop

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

Page 32: Tecnicas Digitales Clase 5 Intro Photoshop
Page 33: Tecnicas Digitales Clase 5 Intro Photoshop

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.

Page 34: Tecnicas Digitales Clase 5 Intro Photoshop

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.

Page 35: Tecnicas Digitales Clase 5 Intro Photoshop
Page 36: Tecnicas Digitales Clase 5 Intro Photoshop
Page 37: Tecnicas Digitales Clase 5 Intro Photoshop

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.

Page 38: Tecnicas Digitales Clase 5 Intro Photoshop

Color seleccionado (doble click para abrir la paleta de colores)

Tamaño en que se está viendo el documento

Page 39: Tecnicas Digitales Clase 5 Intro Photoshop

Cubeta de color: colorea todo el espacio seleccionado

Page 40: Tecnicas Digitales Clase 5 Intro Photoshop

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

Doble click sobre cuadro de degradado para abrir el editor

Page 41: Tecnicas Digitales Clase 5 Intro Photoshop

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

Page 42: Tecnicas Digitales Clase 5 Intro Photoshop

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.

Page 43: Tecnicas Digitales Clase 5 Intro Photoshop

Candado (doble click para desbloquear)

Workspace original

Workspace de la imagen

Page 44: Tecnicas Digitales Clase 5 Intro Photoshop
Page 45: Tecnicas Digitales Clase 5 Intro Photoshop

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.

Page 46: Tecnicas Digitales Clase 5 Intro Photoshop

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.

Page 47: Tecnicas Digitales Clase 5 Intro Photoshop

Estilo Aerógrafo

Grosor de la punta

Dureza o suavidad

Click para abrir cuadro

Page 48: Tecnicas Digitales Clase 5 Intro Photoshop

Click para abrir propiedades de brushes.

Descargar brushes

Lista de brushes

Page 49: Tecnicas Digitales Clase 5 Intro Photoshop
Page 50: Tecnicas Digitales Clase 5 Intro Photoshop
Page 51: Tecnicas Digitales Clase 5 Intro Photoshop
Page 52: Tecnicas Digitales Clase 5 Intro Photoshop
Page 53: Tecnicas Digitales Clase 5 Intro Photoshop

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

Page 54: Tecnicas Digitales Clase 5 Intro Photoshop

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.

Page 55: Tecnicas Digitales Clase 5 Intro Photoshop

Efectos de capa

Page 56: Tecnicas Digitales Clase 5 Intro Photoshop

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

Page 57: Tecnicas Digitales Clase 5 Intro Photoshop
Page 58: Tecnicas Digitales Clase 5 Intro Photoshop
Page 59: Tecnicas Digitales Clase 5 Intro Photoshop
Page 60: Tecnicas Digitales Clase 5 Intro Photoshop