Download - Tecnicas Digitales Clase 5 Intro Photoshop
![Page 1: Tecnicas Digitales Clase 5 Intro Photoshop](https://reader035.vdocuments.mx/reader035/viewer/2022062405/557b4d4ad8b42a0d388b51a7/html5/thumbnails/1.jpg)
Técnicas de representación digital
Photoshop2o Parcial
TAMM-febrero2013
![Page 2: Tecnicas Digitales Clase 5 Intro Photoshop](https://reader035.vdocuments.mx/reader035/viewer/2022062405/557b4d4ad8b42a0d388b51a7/html5/thumbnails/2.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062405/557b4d4ad8b42a0d388b51a7/html5/thumbnails/3.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062405/557b4d4ad8b42a0d388b51a7/html5/thumbnails/4.jpg)
![Page 5: Tecnicas Digitales Clase 5 Intro Photoshop](https://reader035.vdocuments.mx/reader035/viewer/2022062405/557b4d4ad8b42a0d388b51a7/html5/thumbnails/5.jpg)
• 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](https://reader035.vdocuments.mx/reader035/viewer/2022062405/557b4d4ad8b42a0d388b51a7/html5/thumbnails/6.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062405/557b4d4ad8b42a0d388b51a7/html5/thumbnails/7.jpg)
![Page 8: Tecnicas Digitales Clase 5 Intro Photoshop](https://reader035.vdocuments.mx/reader035/viewer/2022062405/557b4d4ad8b42a0d388b51a7/html5/thumbnails/8.jpg)
![Page 9: Tecnicas Digitales Clase 5 Intro Photoshop](https://reader035.vdocuments.mx/reader035/viewer/2022062405/557b4d4ad8b42a0d388b51a7/html5/thumbnails/9.jpg)
![Page 10: Tecnicas Digitales Clase 5 Intro Photoshop](https://reader035.vdocuments.mx/reader035/viewer/2022062405/557b4d4ad8b42a0d388b51a7/html5/thumbnails/10.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062405/557b4d4ad8b42a0d388b51a7/html5/thumbnails/11.jpg)
Photoshop hace maaaaagia
![Page 12: Tecnicas Digitales Clase 5 Intro Photoshop](https://reader035.vdocuments.mx/reader035/viewer/2022062405/557b4d4ad8b42a0d388b51a7/html5/thumbnails/12.jpg)
![Page 13: Tecnicas Digitales Clase 5 Intro Photoshop](https://reader035.vdocuments.mx/reader035/viewer/2022062405/557b4d4ad8b42a0d388b51a7/html5/thumbnails/13.jpg)
![Page 14: Tecnicas Digitales Clase 5 Intro Photoshop](https://reader035.vdocuments.mx/reader035/viewer/2022062405/557b4d4ad8b42a0d388b51a7/html5/thumbnails/14.jpg)
![Page 15: Tecnicas Digitales Clase 5 Intro Photoshop](https://reader035.vdocuments.mx/reader035/viewer/2022062405/557b4d4ad8b42a0d388b51a7/html5/thumbnails/15.jpg)
…Y también desgracias
![Page 16: Tecnicas Digitales Clase 5 Intro Photoshop](https://reader035.vdocuments.mx/reader035/viewer/2022062405/557b4d4ad8b42a0d388b51a7/html5/thumbnails/16.jpg)
![Page 17: Tecnicas Digitales Clase 5 Intro Photoshop](https://reader035.vdocuments.mx/reader035/viewer/2022062405/557b4d4ad8b42a0d388b51a7/html5/thumbnails/17.jpg)
![Page 18: Tecnicas Digitales Clase 5 Intro Photoshop](https://reader035.vdocuments.mx/reader035/viewer/2022062405/557b4d4ad8b42a0d388b51a7/html5/thumbnails/18.jpg)
![Page 19: Tecnicas Digitales Clase 5 Intro Photoshop](https://reader035.vdocuments.mx/reader035/viewer/2022062405/557b4d4ad8b42a0d388b51a7/html5/thumbnails/19.jpg)
![Page 20: Tecnicas Digitales Clase 5 Intro Photoshop](https://reader035.vdocuments.mx/reader035/viewer/2022062405/557b4d4ad8b42a0d388b51a7/html5/thumbnails/20.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062405/557b4d4ad8b42a0d388b51a7/html5/thumbnails/21.jpg)
![Page 22: Tecnicas Digitales Clase 5 Intro Photoshop](https://reader035.vdocuments.mx/reader035/viewer/2022062405/557b4d4ad8b42a0d388b51a7/html5/thumbnails/22.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062405/557b4d4ad8b42a0d388b51a7/html5/thumbnails/23.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062405/557b4d4ad8b42a0d388b51a7/html5/thumbnails/24.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062405/557b4d4ad8b42a0d388b51a7/html5/thumbnails/25.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062405/557b4d4ad8b42a0d388b51a7/html5/thumbnails/26.jpg)
Herramientas
![Page 27: Tecnicas Digitales Clase 5 Intro Photoshop](https://reader035.vdocuments.mx/reader035/viewer/2022062405/557b4d4ad8b42a0d388b51a7/html5/thumbnails/27.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062405/557b4d4ad8b42a0d388b51a7/html5/thumbnails/28.jpg)
• 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](https://reader035.vdocuments.mx/reader035/viewer/2022062405/557b4d4ad8b42a0d388b51a7/html5/thumbnails/29.jpg)
![Page 30: Tecnicas Digitales Clase 5 Intro Photoshop](https://reader035.vdocuments.mx/reader035/viewer/2022062405/557b4d4ad8b42a0d388b51a7/html5/thumbnails/30.jpg)
![Page 31: Tecnicas Digitales Clase 5 Intro Photoshop](https://reader035.vdocuments.mx/reader035/viewer/2022062405/557b4d4ad8b42a0d388b51a7/html5/thumbnails/31.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062405/557b4d4ad8b42a0d388b51a7/html5/thumbnails/32.jpg)
![Page 33: Tecnicas Digitales Clase 5 Intro Photoshop](https://reader035.vdocuments.mx/reader035/viewer/2022062405/557b4d4ad8b42a0d388b51a7/html5/thumbnails/33.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062405/557b4d4ad8b42a0d388b51a7/html5/thumbnails/34.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062405/557b4d4ad8b42a0d388b51a7/html5/thumbnails/35.jpg)
![Page 36: Tecnicas Digitales Clase 5 Intro Photoshop](https://reader035.vdocuments.mx/reader035/viewer/2022062405/557b4d4ad8b42a0d388b51a7/html5/thumbnails/36.jpg)
![Page 37: Tecnicas Digitales Clase 5 Intro Photoshop](https://reader035.vdocuments.mx/reader035/viewer/2022062405/557b4d4ad8b42a0d388b51a7/html5/thumbnails/37.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062405/557b4d4ad8b42a0d388b51a7/html5/thumbnails/38.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062405/557b4d4ad8b42a0d388b51a7/html5/thumbnails/39.jpg)
Cubeta de color: colorea todo el espacio seleccionado
![Page 40: Tecnicas Digitales Clase 5 Intro Photoshop](https://reader035.vdocuments.mx/reader035/viewer/2022062405/557b4d4ad8b42a0d388b51a7/html5/thumbnails/40.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062405/557b4d4ad8b42a0d388b51a7/html5/thumbnails/41.jpg)
Tipos de degradados: rombo, círculo, lineal, corte.
![Page 42: Tecnicas Digitales Clase 5 Intro Photoshop](https://reader035.vdocuments.mx/reader035/viewer/2022062405/557b4d4ad8b42a0d388b51a7/html5/thumbnails/42.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062405/557b4d4ad8b42a0d388b51a7/html5/thumbnails/43.jpg)
Candado (doble click para desbloquear)
Workspace original
Workspace de la imagen
![Page 44: Tecnicas Digitales Clase 5 Intro Photoshop](https://reader035.vdocuments.mx/reader035/viewer/2022062405/557b4d4ad8b42a0d388b51a7/html5/thumbnails/44.jpg)
![Page 45: Tecnicas Digitales Clase 5 Intro Photoshop](https://reader035.vdocuments.mx/reader035/viewer/2022062405/557b4d4ad8b42a0d388b51a7/html5/thumbnails/45.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062405/557b4d4ad8b42a0d388b51a7/html5/thumbnails/46.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062405/557b4d4ad8b42a0d388b51a7/html5/thumbnails/47.jpg)
Estilo Aerógrafo
Grosor de la punta
Dureza o suavidad
Click para abrir cuadro
![Page 48: Tecnicas Digitales Clase 5 Intro Photoshop](https://reader035.vdocuments.mx/reader035/viewer/2022062405/557b4d4ad8b42a0d388b51a7/html5/thumbnails/48.jpg)
Click para abrir propiedades de brushes.
Descargar brushes
Lista de brushes
![Page 49: Tecnicas Digitales Clase 5 Intro Photoshop](https://reader035.vdocuments.mx/reader035/viewer/2022062405/557b4d4ad8b42a0d388b51a7/html5/thumbnails/49.jpg)
![Page 50: Tecnicas Digitales Clase 5 Intro Photoshop](https://reader035.vdocuments.mx/reader035/viewer/2022062405/557b4d4ad8b42a0d388b51a7/html5/thumbnails/50.jpg)
![Page 51: Tecnicas Digitales Clase 5 Intro Photoshop](https://reader035.vdocuments.mx/reader035/viewer/2022062405/557b4d4ad8b42a0d388b51a7/html5/thumbnails/51.jpg)
![Page 52: Tecnicas Digitales Clase 5 Intro Photoshop](https://reader035.vdocuments.mx/reader035/viewer/2022062405/557b4d4ad8b42a0d388b51a7/html5/thumbnails/52.jpg)
![Page 53: Tecnicas Digitales Clase 5 Intro Photoshop](https://reader035.vdocuments.mx/reader035/viewer/2022062405/557b4d4ad8b42a0d388b51a7/html5/thumbnails/53.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062405/557b4d4ad8b42a0d388b51a7/html5/thumbnails/54.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062405/557b4d4ad8b42a0d388b51a7/html5/thumbnails/55.jpg)
Efectos de capa
![Page 56: Tecnicas Digitales Clase 5 Intro Photoshop](https://reader035.vdocuments.mx/reader035/viewer/2022062405/557b4d4ad8b42a0d388b51a7/html5/thumbnails/56.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062405/557b4d4ad8b42a0d388b51a7/html5/thumbnails/57.jpg)
![Page 58: Tecnicas Digitales Clase 5 Intro Photoshop](https://reader035.vdocuments.mx/reader035/viewer/2022062405/557b4d4ad8b42a0d388b51a7/html5/thumbnails/58.jpg)
![Page 59: Tecnicas Digitales Clase 5 Intro Photoshop](https://reader035.vdocuments.mx/reader035/viewer/2022062405/557b4d4ad8b42a0d388b51a7/html5/thumbnails/59.jpg)
![Page 60: Tecnicas Digitales Clase 5 Intro Photoshop](https://reader035.vdocuments.mx/reader035/viewer/2022062405/557b4d4ad8b42a0d388b51a7/html5/thumbnails/60.jpg)