TP 05

Introducción a los procesos tecnológicos

TP 05

Introducción a Photoshop

Vamos

Maximiza la presentación desplegando los 3 puntos.

Objetivo

Photoshop es un programa de edición de imágenes de mapa de bit. Permite realizar editar bitmaps para realizar operaciones de diferente complejidad: de las más básicas como como recorte, selección y ajustes de color, hasta otras más complejas como relleno interactivo y extracción de figuras. Objetivos - Conocer aspectos básicos de la edición de imágenes en Photoshop - Introducir el concepto de edición no destructiva .

Palabras clave

- Tamaño de la imagen - Objeto inteligente - Capas y opacidad - Rellenar - Texto - Guardar y guardar una copia - Edición no destructiva - Máscara

Material

85

Tutoriales en DRIVE para que bajes y te conviertas en un experto.

Material

Material

Práctico 04

Linea de tiempo

06

04

03

02

01

Miniatura

Formulario

Tutoriales

Portada

Entrega

Portada de NOTION

Miniatura YouTube

Entrega

Portada de Notion

Configuramos el zoom Al habilitar “zoom con rueda de desplazamiento” podremos acercarnos y alejarnos (desde y hacia donde se encuentre el puntero del ratón) moviendo la rueda hacia delante o atrás.

1. Portada

1. Portada

Vamos a rehacer nuestra portada de Notion. Para ello nos descargaremos la imagen de la derecha donde se especifican los sectores visibles de la portada según el dispositivo en la que se muestre (PC, móvil, etc.)

Click en la imagen para bajarla desde Drive

1. Portada

Usaremos una de las tomas que hicimos en el estudio. Sobre el bloque azul estarán el rostro y el nombre. Por ejemplo:

1. Portada

Abrimos la plantilla en Photoshop y verificamos su tamaño. IMAGEN/TAMAÑO DE IMAGEN 1920 x 768

1. Portada

Disponemos a la izquierda la ventana de Photoshop y a la derecha el explorador de archivos. Al arrastrar el archivo (NEF) tendremos que revelarlo (mejorar la claridad, enfoque, marchas, etc) Aparecerá como una capa con el ícono de OBJETO INTELIGENTE y al lado de nuestro archivo NEF aparecerá uno .XMP con los ajustes del revelado.

1. Portada

Qué son los objetos inteligentes Los objetos inteligentes conservan el contenido original de la imagen con todas sus características originales, de tal modo que posibilitan la edición no destructiva de la capa en cuestión. En Photoshop, puede incrustar el contenido de una imagen en un documento de Photoshop.

Icono de Objeto Inteligente

1. Portada

Acomodamos sin deformarla Cambiando la opacidad de la foto (capa) podremos ubicarla perfectamente y escalarla (sin deformar)..

1. Portada

¿Cómo escalar proporcionalmente en Photoshop? Con Ctrl+T accedo a los manejadores Si la opción "Mantener relación de aspecto" está activada, al arrastrar un controlador se escala proporcionalmente y se mantiene presionada la tecla Mayús para un escalado desproporcionado. Al deshabilitar "Mantener relación de aspecto", el comportamiento cambia: al arrastrar un controlador se escala desproporcionadamente y se mantiene presionada la tecla Mayús para un escalado proporcional.

1. Portada

Opción A

1. Portada

Cuando pongamos nuestra foto en lugar y escala nos quedarán espacios vacíos

Opción A

a: botón derecho sobre nuestra foto y RASTERIZAR CAPA (deja de ser un objeto inteligente) b: quitamos la visibilidad de la capa base (plantilla) - veremos el clásico cuadriculado que significa transparencia. c: herramienta de selección rectangular

1. Portada

Opción A

Seleccionamos los espacios vacíos y rellenamos: Primero el superior: EDICION/RELLENAR/SEGUN EL CONTENIDO

Con Mayúscula selecciono las 2 capas CAPAS/COMBINAR CAPAS

1. Portada

Opción A

Seleccionamos el espacio vacío restante y rellenamos: EDICION/RELLENAR/SEGUN EL CONTENIDO

Combinar capas (Ctrl+E)

1. Portada

Opción B

1. Portada

Opción B

Seleccionamos el fondo con el cuentagotas. Pintamos de ese color una capa nueva debajo de la foto

1. Portada

Seleccionamos el fondo con el cuentagotas. Pintamos de ese color una capa nueva debajo de la foto

1. Portada

Opción B

a: creo una mascara de capa de la foto b: Me posiciono en la mascara creada c: Pongo el color negro como frontal d: pinto los bordes de la foto para que se integre con el fondo creado

1. Portada

Activo la visualización de la plantilla y bajo la opacidad de la capa

1. Portada

Con la herramienta TEXTO escribo el nombre / Aumento la opacidad de la capa de la foto al 100% y ARCHIVO/EXPORTAR/EXPORTACION RAPIDA COMO PNG

1. Portada

En NOTION. Reemplazamos la portada de la página principal y la de la materia.

Miniatura de YouTube

2. Miniatura de Youtube

Creamos un archivo nuevo. Buscamos en PELICULAS Y VIDEO HDTV 1080p. Este es el tamaño de las portadas de YouTube y es también el tamaño de una imagen FULL HD.

2. Miniatura de Youtube

Esta plantilla viene con sus márgenes (márgenes de zonas seguras) Los exteriores para movimiento o acción y los interiores para texto o títulos.

2. Miniatura de Youtube

ARCHIVO/COLOCAR ELEMENTO ICRUSTADO Revelamos el RAW (NEF), Asegurándonos que lo abrimos en 8 Bits sRGB

2. Miniatura de Youtube

Acomodamos un plano medio a la derecha.

Botón derecho sobre la capa / rasterizar capa

2. Miniatura de Youtube

Situados sobre la capa de la foto: Seleccionamos la parte blanca y nos pasamos sobre el color de fondo: edición/ relleno segun el contenido

2. Miniatura de Youtube

Selección/seleccionar sujeto

2. Miniatura de Youtube

Seleccionamos las 2 capas: capa/combinar capas

2. Miniatura de Youtube

Seleccionar y aplicar máscara

2. Miniatura de Youtube

2. Miniatura de Youtube

2. Miniatura de Youtube

Nueva capa con máscara de capa

Se crea una nueva capa con máscara de capa Visibilizamos la capa de la foto activando el OJO

Creamos una capa de ajuste para colorear de celeste el fondo de la capa inferior. Esto se puede modificar en el futuro con un doble click. También se puede modificar la máscara para aplicar solo en partes.

Creamos una capa nueva

A) Pongo el color blanco como frontal B) Busco la herramienta de degradado (si no la encuentro aprieto 3 segundo el tacho de pintura y aparece) C) En BASICOS busco el que va de color frontal a transparente D) Selecciono DREGRADADO RADIAL

Haciendo centro en el pecho dibujo una circunferencia lo que creará un halo de luz detrás del sujeto

Este degradado debe estar sobre la capa de ajuste de color. Si no es así, simplemente movemos la capa de lugar.

Me descargo de DRIVE el sol de mayo y el logo del Comunicación (blanco) En DRIVE el logo de comunicación parece vacio: no se ve porque es blanco (no usar la imagen que se ve en esta pantalla con borde negro)

Archivo / colocar elemento incrustado A: herramienta barita mágica b: clickeo el blanco del sol c: creo una máscara de la selección con el botón MASCARA DE CAPA

Seleccionamos la capa creada y la invertimos con: Ctrl + i

Movemos el sol a su posición

Esta es la GUIA que debo respetar con el logo y el texto pequeño

Archivo / colocar elemento incrustado: comunicación-logo negativo. Lo acomodo en la esquina de las guías.

Escribo con Myiad Pro Black 75 pt: La verdad oculta de (con blanco) También escribo el nombre con un tamaño que permita que llegue a ambos márgenes (tratar que no sean mas de 8 caracteres)

Estas son las GUIAS que debo respetar con el texto GRANDE

Duplico la capa con el NOMBRE y subo la copia como capa superior. Doy doble click y aparece ESTILO DE CAPA

TRAZO (18)

TRAZO (18)

Después bajo el RELLENO de la capa a 0.

Palabras clave

- Tamaño de la imagenDetermino alto y ancho en píxeles al crear la imagen- Objeto inteligenteMe permite cambiar el tamaño sin perder calidad- Capas y opacidad - Rellenar - Guardar y guardar una copia - Edición no destructivaPuedo deshacer acciones sin afectar a la imagen: capas de ajuste, máscaras y objetos inteligentes- MáscaraDetermino que áreas son transparentes y cuales son opacas. Se aplican a imágenes y a capas de ajuste

Guardo el PSD por si tengo que hacer correcciones. Guardo como copia un jpg: miniatura YouTube - Fulano de Tal

En Notion

Completamos todos los pasos de la consigna y pegamos las imágenes en la nueva página "Trabajo práctico 05"

Paso 1

Me bajo esta plantilla de GOOGLE DOC para completar con los elementos pedidos.

En Classroom

Paso 1

Pegamos el enlace de nuestra página de Notion (la principal que tiene todos los años)

Paso 2

Subo la captura de la nota obtenida en Edpuzzle (La interfaz de Photoshop / 10 primeros pasos)

Paso 3

Subo la captura de la nota obtenida en el Formulario de Google

Cuestionario Google Form

El docente lo reiniciará para que se haga nuevamente

Dudas

Carlos Pascual

Carina Schiavo

Correo

Correo