Técnicas Digitales clase 5 Intro Photoshop
-
Upload
tania-munoa -
Category
Documents
-
view
473 -
download
3
description
Transcript of Técnicas Digitales clase 5 Intro Photoshop
![Page 1: Técnicas Digitales clase 5 Intro Photoshop](https://reader033.fdocument.pub/reader033/viewer/2022061219/54b93a654a7959a9518b4572/html5/thumbnails/1.jpg)
Técnicas de representación digital
Photoshop2o Parcial
TAMM-12febrero2014
![Page 2: Técnicas Digitales clase 5 Intro Photoshop](https://reader033.fdocument.pub/reader033/viewer/2022061219/54b93a654a7959a9518b4572/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: Técnicas Digitales clase 5 Intro Photoshop](https://reader033.fdocument.pub/reader033/viewer/2022061219/54b93a654a7959a9518b4572/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: Técnicas Digitales clase 5 Intro Photoshop](https://reader033.fdocument.pub/reader033/viewer/2022061219/54b93a654a7959a9518b4572/html5/thumbnails/4.jpg)
![Page 5: Técnicas Digitales clase 5 Intro Photoshop](https://reader033.fdocument.pub/reader033/viewer/2022061219/54b93a654a7959a9518b4572/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: Técnicas Digitales clase 5 Intro Photoshop](https://reader033.fdocument.pub/reader033/viewer/2022061219/54b93a654a7959a9518b4572/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: Técnicas Digitales clase 5 Intro Photoshop](https://reader033.fdocument.pub/reader033/viewer/2022061219/54b93a654a7959a9518b4572/html5/thumbnails/7.jpg)
![Page 8: Técnicas Digitales clase 5 Intro Photoshop](https://reader033.fdocument.pub/reader033/viewer/2022061219/54b93a654a7959a9518b4572/html5/thumbnails/8.jpg)
![Page 9: Técnicas Digitales clase 5 Intro Photoshop](https://reader033.fdocument.pub/reader033/viewer/2022061219/54b93a654a7959a9518b4572/html5/thumbnails/9.jpg)
![Page 10: Técnicas Digitales clase 5 Intro Photoshop](https://reader033.fdocument.pub/reader033/viewer/2022061219/54b93a654a7959a9518b4572/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: Técnicas Digitales clase 5 Intro Photoshop](https://reader033.fdocument.pub/reader033/viewer/2022061219/54b93a654a7959a9518b4572/html5/thumbnails/11.jpg)
Photoshop hace maaaaagia
![Page 12: Técnicas Digitales clase 5 Intro Photoshop](https://reader033.fdocument.pub/reader033/viewer/2022061219/54b93a654a7959a9518b4572/html5/thumbnails/12.jpg)
![Page 13: Técnicas Digitales clase 5 Intro Photoshop](https://reader033.fdocument.pub/reader033/viewer/2022061219/54b93a654a7959a9518b4572/html5/thumbnails/13.jpg)
![Page 14: Técnicas Digitales clase 5 Intro Photoshop](https://reader033.fdocument.pub/reader033/viewer/2022061219/54b93a654a7959a9518b4572/html5/thumbnails/14.jpg)
![Page 15: Técnicas Digitales clase 5 Intro Photoshop](https://reader033.fdocument.pub/reader033/viewer/2022061219/54b93a654a7959a9518b4572/html5/thumbnails/15.jpg)
…Y también desgracias
![Page 16: Técnicas Digitales clase 5 Intro Photoshop](https://reader033.fdocument.pub/reader033/viewer/2022061219/54b93a654a7959a9518b4572/html5/thumbnails/16.jpg)
![Page 17: Técnicas Digitales clase 5 Intro Photoshop](https://reader033.fdocument.pub/reader033/viewer/2022061219/54b93a654a7959a9518b4572/html5/thumbnails/17.jpg)
![Page 18: Técnicas Digitales clase 5 Intro Photoshop](https://reader033.fdocument.pub/reader033/viewer/2022061219/54b93a654a7959a9518b4572/html5/thumbnails/18.jpg)
![Page 19: Técnicas Digitales clase 5 Intro Photoshop](https://reader033.fdocument.pub/reader033/viewer/2022061219/54b93a654a7959a9518b4572/html5/thumbnails/19.jpg)
![Page 20: Técnicas Digitales clase 5 Intro Photoshop](https://reader033.fdocument.pub/reader033/viewer/2022061219/54b93a654a7959a9518b4572/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: Técnicas Digitales clase 5 Intro Photoshop](https://reader033.fdocument.pub/reader033/viewer/2022061219/54b93a654a7959a9518b4572/html5/thumbnails/21.jpg)
![Page 22: Técnicas Digitales clase 5 Intro Photoshop](https://reader033.fdocument.pub/reader033/viewer/2022061219/54b93a654a7959a9518b4572/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: Técnicas Digitales clase 5 Intro Photoshop](https://reader033.fdocument.pub/reader033/viewer/2022061219/54b93a654a7959a9518b4572/html5/thumbnails/23.jpg)
Características del documento nuevo
Ancho
Alto
Resolución
Modo de Color
Unidades: pixeles, CM, pulgadas, picas
![Page 24: Técnicas Digitales clase 5 Intro Photoshop](https://reader033.fdocument.pub/reader033/viewer/2022061219/54b93a654a7959a9518b4572/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: Técnicas Digitales clase 5 Intro Photoshop](https://reader033.fdocument.pub/reader033/viewer/2022061219/54b93a654a7959a9518b4572/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: Técnicas Digitales clase 5 Intro Photoshop](https://reader033.fdocument.pub/reader033/viewer/2022061219/54b93a654a7959a9518b4572/html5/thumbnails/26.jpg)
Herramientas
![Page 27: Técnicas Digitales clase 5 Intro Photoshop](https://reader033.fdocument.pub/reader033/viewer/2022061219/54b93a654a7959a9518b4572/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: Técnicas Digitales clase 5 Intro Photoshop](https://reader033.fdocument.pub/reader033/viewer/2022061219/54b93a654a7959a9518b4572/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: Técnicas Digitales clase 5 Intro Photoshop](https://reader033.fdocument.pub/reader033/viewer/2022061219/54b93a654a7959a9518b4572/html5/thumbnails/29.jpg)
![Page 30: Técnicas Digitales clase 5 Intro Photoshop](https://reader033.fdocument.pub/reader033/viewer/2022061219/54b93a654a7959a9518b4572/html5/thumbnails/30.jpg)
![Page 31: Técnicas Digitales clase 5 Intro Photoshop](https://reader033.fdocument.pub/reader033/viewer/2022061219/54b93a654a7959a9518b4572/html5/thumbnails/31.jpg)
Shortcuts: Ctrl+(letra correspondiente)
![Page 32: Técnicas Digitales clase 5 Intro Photoshop](https://reader033.fdocument.pub/reader033/viewer/2022061219/54b93a654a7959a9518b4572/html5/thumbnails/32.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 33: Técnicas Digitales clase 5 Intro Photoshop](https://reader033.fdocument.pub/reader033/viewer/2022061219/54b93a654a7959a9518b4572/html5/thumbnails/33.jpg)
![Page 34: Técnicas Digitales clase 5 Intro Photoshop](https://reader033.fdocument.pub/reader033/viewer/2022061219/54b93a654a7959a9518b4572/html5/thumbnails/34.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 35: Técnicas Digitales clase 5 Intro Photoshop](https://reader033.fdocument.pub/reader033/viewer/2022061219/54b93a654a7959a9518b4572/html5/thumbnails/35.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 36: Técnicas Digitales clase 5 Intro Photoshop](https://reader033.fdocument.pub/reader033/viewer/2022061219/54b93a654a7959a9518b4572/html5/thumbnails/36.jpg)
![Page 37: Técnicas Digitales clase 5 Intro Photoshop](https://reader033.fdocument.pub/reader033/viewer/2022061219/54b93a654a7959a9518b4572/html5/thumbnails/37.jpg)
![Page 38: Técnicas Digitales clase 5 Intro Photoshop](https://reader033.fdocument.pub/reader033/viewer/2022061219/54b93a654a7959a9518b4572/html5/thumbnails/38.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 39: Técnicas Digitales clase 5 Intro Photoshop](https://reader033.fdocument.pub/reader033/viewer/2022061219/54b93a654a7959a9518b4572/html5/thumbnails/39.jpg)
Color seleccionado (doble click para abrir la paleta de colores)
Tamaño en que se está viendo el documento
![Page 40: Técnicas Digitales clase 5 Intro Photoshop](https://reader033.fdocument.pub/reader033/viewer/2022061219/54b93a654a7959a9518b4572/html5/thumbnails/40.jpg)
Cubeta de color: colorea todo el espacio seleccionado
![Page 41: Técnicas Digitales clase 5 Intro Photoshop](https://reader033.fdocument.pub/reader033/viewer/2022061219/54b93a654a7959a9518b4572/html5/thumbnails/41.jpg)
Gradiente: Permite degradar varios colores para generar distintos efectos de color.
Doble click sobre cuadro de degradado para abrir el editor
![Page 42: Técnicas Digitales clase 5 Intro Photoshop](https://reader033.fdocument.pub/reader033/viewer/2022061219/54b93a654a7959a9518b4572/html5/thumbnails/42.jpg)
Tipos de degradados: rombo, círculo, lineal, corte.
![Page 43: Técnicas Digitales clase 5 Intro Photoshop](https://reader033.fdocument.pub/reader033/viewer/2022061219/54b93a654a7959a9518b4572/html5/thumbnails/43.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 44: Técnicas Digitales clase 5 Intro Photoshop](https://reader033.fdocument.pub/reader033/viewer/2022061219/54b93a654a7959a9518b4572/html5/thumbnails/44.jpg)
Candado (doble click para desbloquear)
Workspace original
Workspace de la imagen
![Page 45: Técnicas Digitales clase 5 Intro Photoshop](https://reader033.fdocument.pub/reader033/viewer/2022061219/54b93a654a7959a9518b4572/html5/thumbnails/45.jpg)
![Page 46: Técnicas Digitales clase 5 Intro Photoshop](https://reader033.fdocument.pub/reader033/viewer/2022061219/54b93a654a7959a9518b4572/html5/thumbnails/46.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.
• Los vectores son ecuaciones que el programa va completando con forme va generando las líneas.
![Page 47: Técnicas Digitales clase 5 Intro Photoshop](https://reader033.fdocument.pub/reader033/viewer/2022061219/54b93a654a7959a9518b4572/html5/thumbnails/47.jpg)
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
![Page 48: Técnicas Digitales clase 5 Intro Photoshop](https://reader033.fdocument.pub/reader033/viewer/2022061219/54b93a654a7959a9518b4572/html5/thumbnails/48.jpg)
Forma Path (para corte o delineado)
Plumas para distintas acciones
![Page 49: Técnicas Digitales clase 5 Intro Photoshop](https://reader033.fdocument.pub/reader033/viewer/2022061219/54b93a654a7959a9518b4572/html5/thumbnails/49.jpg)
Si se realiza el trazo con el botón de forma activado, se rellena de color el trazo que se realice.
![Page 50: Técnicas Digitales clase 5 Intro Photoshop](https://reader033.fdocument.pub/reader033/viewer/2022061219/54b93a654a7959a9518b4572/html5/thumbnails/50.jpg)
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
![Page 51: Técnicas Digitales clase 5 Intro Photoshop](https://reader033.fdocument.pub/reader033/viewer/2022061219/54b93a654a7959a9518b4572/html5/thumbnails/51.jpg)
![Page 52: Técnicas Digitales clase 5 Intro Photoshop](https://reader033.fdocument.pub/reader033/viewer/2022061219/54b93a654a7959a9518b4572/html5/thumbnails/52.jpg)
Hace el trazo como lanzamiento de línea
![Page 53: Técnicas Digitales clase 5 Intro Photoshop](https://reader033.fdocument.pub/reader033/viewer/2022061219/54b93a654a7959a9518b4572/html5/thumbnails/53.jpg)
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
![Page 54: Técnicas Digitales clase 5 Intro Photoshop](https://reader033.fdocument.pub/reader033/viewer/2022061219/54b93a654a7959a9518b4572/html5/thumbnails/54.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 55: Técnicas Digitales clase 5 Intro Photoshop](https://reader033.fdocument.pub/reader033/viewer/2022061219/54b93a654a7959a9518b4572/html5/thumbnails/55.jpg)
Estilo Aerógrafo
Grosor de la punta
Dureza o suavidad
Click para abrir cuadro
![Page 56: Técnicas Digitales clase 5 Intro Photoshop](https://reader033.fdocument.pub/reader033/viewer/2022061219/54b93a654a7959a9518b4572/html5/thumbnails/56.jpg)
Click para abrir propiedades de brushes.
Descargar brushes
Lista de brushes
![Page 57: Técnicas Digitales clase 5 Intro Photoshop](https://reader033.fdocument.pub/reader033/viewer/2022061219/54b93a654a7959a9518b4572/html5/thumbnails/57.jpg)
![Page 58: Técnicas Digitales clase 5 Intro Photoshop](https://reader033.fdocument.pub/reader033/viewer/2022061219/54b93a654a7959a9518b4572/html5/thumbnails/58.jpg)
![Page 59: Técnicas Digitales clase 5 Intro Photoshop](https://reader033.fdocument.pub/reader033/viewer/2022061219/54b93a654a7959a9518b4572/html5/thumbnails/59.jpg)
![Page 60: Técnicas Digitales clase 5 Intro Photoshop](https://reader033.fdocument.pub/reader033/viewer/2022061219/54b93a654a7959a9518b4572/html5/thumbnails/60.jpg)
![Page 61: Técnicas Digitales clase 5 Intro Photoshop](https://reader033.fdocument.pub/reader033/viewer/2022061219/54b93a654a7959a9518b4572/html5/thumbnails/61.jpg)
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/