Introducción a los procesos tecnológicos
TP 05
Introducción a Afinity
Vamos
Maximiza la presentación desplegando los 3 puntos.
Objetivo
"Affinity pixel" se refiere a la sección de edición de píxeles (rasterizada) dentro de las aplicaciones de la suite de diseño Affinity, como Affinity Designer. Este "estudio" o "persona" es donde se trabaja con imágenes y pinceles de manera tradicional, a diferencia del estudio de vectores. Se utiliza para tareas como aplicar texturas, retoques y filtros de imagen de alta calidad, siendo el sucesor de programas como Affinity Photo. Objetivos - Conocer aspectos básicos de la edición de imágenes en Affinity pixel - 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
Primera Parte
Material
Material
Formulario
Edpuzzle
Práctico 05
Linea de tiempo
06
04
03
02
01
Miniatura
Formulario
Tutoriales
Portada
Entrega
Segunda Parte
Portada de Notion
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 y con la imagen seleccionada verificamos su tamaño. 1920 x 768
1. Portada
Disponemos a la izquierda la ventana de Affinity y a la derecha el explorador de archivos. Al arrastrar el archivo (NEF) tendremos que revelarlo (mejorar la claridad, enfoque, marchas, etc)
1. Portada
Nos alejamos con la rueda del ratón y achicamos la imagen desde un vértice de la imagen.
1. Portada
Con la imagen seleccionada le damos a REVELADO. Revelamos a ojo.
Cuando terminamos le damos al botón azul para confirmar los cambios.
1. Portada
Acomodamos sin deformarla
Cambiando la opacidad de la foto (capa) podremos ubicarla perfectamente y escalarla (sin deformar). La idea es que el rostro quede dentro del rectángulo azul asi se verá bien en cualquiér tamaño de tantalla.
1. Portada
Cuando pongamos nuestra foto en lugar y escala nos quedarán espacios vacíos
a: Nos situamos en MODO PIXEL
c: en la ventana color usa el gotero (sin soltarlo) para tomar una muestra del fondo
d: pinta la capa con la herramienta relleno fluido
b: crea una capa pixel y colócala entre el fondo y tu foto
1. Portada
Así se ve una mascara de capa
a: selecciona tu foto y crea una mascara de capa
1. Portada
b: usa estos valores y el color negro
a: selecciona el pincel y la máscara
c: pinta sobre el fondo de tu foto para que se integre con la capa de abajo. Si te pasas puedes usar el color blanco para recuperar.
1. Portada
a: selecciona las 2 capas superiores
b: botón derecho: Combinar selección
1. Portada
Activo la visualización de la plantilla y bajo la opacidad de la capa
1. Portada
Con la herramienta TEXTO ARTISTICO escribo el nombre (Myriad pro black)/ Aumento la opacidad de la capa de la foto al 100% y Exportar PNG (ariba a la derecha). 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 VIDEO y Web FHD 1080p (horizontal). 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
ARCHIVO/COLOCAR Revelamos el RAW (NEF)
2. Miniatura de Youtube
Repetimos el procedimiento del ejercicio anterior. Creamos el fondo, creamos la capa de máscara y con el pincel borramos el fondo de la foto Luego COMBINAMOS LAS CAPAS
2. Miniatura de Youtube
Click sobre tu imagen
Usa la herramienta selección de objeto
Después copiar / pegar
Anulamos la selección (pixel/seleción)
a: creamos una capa de ajuste: COLORACION
Creamos una capa nueva
A) Pongo el color blanco como frontal B) Busco la herramienta de relleno C) Selecciono DREGRADADO RADIAL D) Coloco la capa en modo LUZ SUAVE
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 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 y luego la invierto (boton derecho)
Movemos el sol a su posición
Si nos quedan líneas blancas en el borde del sol las borramos con el pincel en la capa de máscara
Crea las GUIAS (MARGENES) que debes 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)
Duplico la capa con el NOMBRE y subo la copia como capa superior. Selecciono FX y contorno, opacidad de relleno 0. Trazo 20
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 .af por si tengo que hacer correcciones. Guardo como copia un jpg: miniatura YouTube - Fulano de Tal
En Notion
a) Completas todos los pasos de la consignay pegas las 2 imágenes en la nueva página "Trabajo práctico 05" b) Sube la captura de la nota obtenida en Edpuzzle (La interfaz de Photoshop / 10 primeros pasos) c) Sube la captura de la nota obtenida en el Formulario de Google
En Classroom
Pegamos el enlace de nuestra página de Notion (la principal que tiene todos los TP)
Cuestionario Google Form
Dudas
Carlos Pascual
Carina Schiavo
CarolinaCasaux
Correo
Correo
Correo
TP 05 - Affinity
Lic. en Diseño Produccion y Realizacion
Created on April 19, 2026
Start designing with a free template
Discover more than 1500 professional designs like these:
View
Smart Presentation
View
Practical Presentation
View
Essential Presentation
View
Akihabara Presentation
View
Flow Presentation
View
Dynamic Visual Presentation
View
Pastel Color Presentation
Explore all templates
Transcript
Introducción a los procesos tecnológicos
TP 05
Introducción a Afinity
Vamos
Maximiza la presentación desplegando los 3 puntos.
Objetivo
"Affinity pixel" se refiere a la sección de edición de píxeles (rasterizada) dentro de las aplicaciones de la suite de diseño Affinity, como Affinity Designer. Este "estudio" o "persona" es donde se trabaja con imágenes y pinceles de manera tradicional, a diferencia del estudio de vectores. Se utiliza para tareas como aplicar texturas, retoques y filtros de imagen de alta calidad, siendo el sucesor de programas como Affinity Photo. Objetivos - Conocer aspectos básicos de la edición de imágenes en Affinity pixel - 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
Primera Parte
Material
Material
Formulario
Edpuzzle
Práctico 05
Linea de tiempo
06
04
03
02
01
Miniatura
Formulario
Tutoriales
Portada
Entrega
Segunda Parte
Portada de Notion
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 y con la imagen seleccionada verificamos su tamaño. 1920 x 768
1. Portada
Disponemos a la izquierda la ventana de Affinity y a la derecha el explorador de archivos. Al arrastrar el archivo (NEF) tendremos que revelarlo (mejorar la claridad, enfoque, marchas, etc)
1. Portada
Nos alejamos con la rueda del ratón y achicamos la imagen desde un vértice de la imagen.
1. Portada
Con la imagen seleccionada le damos a REVELADO. Revelamos a ojo.
Cuando terminamos le damos al botón azul para confirmar los cambios.
1. Portada
Acomodamos sin deformarla Cambiando la opacidad de la foto (capa) podremos ubicarla perfectamente y escalarla (sin deformar). La idea es que el rostro quede dentro del rectángulo azul asi se verá bien en cualquiér tamaño de tantalla.
1. Portada
Cuando pongamos nuestra foto en lugar y escala nos quedarán espacios vacíos
a: Nos situamos en MODO PIXEL
c: en la ventana color usa el gotero (sin soltarlo) para tomar una muestra del fondo
d: pinta la capa con la herramienta relleno fluido
b: crea una capa pixel y colócala entre el fondo y tu foto
1. Portada
Así se ve una mascara de capa
a: selecciona tu foto y crea una mascara de capa
1. Portada
b: usa estos valores y el color negro
a: selecciona el pincel y la máscara
c: pinta sobre el fondo de tu foto para que se integre con la capa de abajo. Si te pasas puedes usar el color blanco para recuperar.
1. Portada
a: selecciona las 2 capas superiores
b: botón derecho: Combinar selección
1. Portada
Activo la visualización de la plantilla y bajo la opacidad de la capa
1. Portada
Con la herramienta TEXTO ARTISTICO escribo el nombre (Myriad pro black)/ Aumento la opacidad de la capa de la foto al 100% y Exportar PNG (ariba a la derecha). 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 VIDEO y Web FHD 1080p (horizontal). 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
ARCHIVO/COLOCAR Revelamos el RAW (NEF)
2. Miniatura de Youtube
Repetimos el procedimiento del ejercicio anterior. Creamos el fondo, creamos la capa de máscara y con el pincel borramos el fondo de la foto Luego COMBINAMOS LAS CAPAS
2. Miniatura de Youtube
Click sobre tu imagen
Usa la herramienta selección de objeto
Después copiar / pegar
Anulamos la selección (pixel/seleción)
a: creamos una capa de ajuste: COLORACION
Creamos una capa nueva
A) Pongo el color blanco como frontal B) Busco la herramienta de relleno C) Selecciono DREGRADADO RADIAL D) Coloco la capa en modo LUZ SUAVE
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 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 y luego la invierto (boton derecho)
Movemos el sol a su posición
Si nos quedan líneas blancas en el borde del sol las borramos con el pincel en la capa de máscara
Crea las GUIAS (MARGENES) que debes 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)
Duplico la capa con el NOMBRE y subo la copia como capa superior. Selecciono FX y contorno, opacidad de relleno 0. Trazo 20
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 .af por si tengo que hacer correcciones. Guardo como copia un jpg: miniatura YouTube - Fulano de Tal
En Notion
a) Completas todos los pasos de la consignay pegas las 2 imágenes en la nueva página "Trabajo práctico 05" b) Sube la captura de la nota obtenida en Edpuzzle (La interfaz de Photoshop / 10 primeros pasos) c) Sube la captura de la nota obtenida en el Formulario de Google
En Classroom
Pegamos el enlace de nuestra página de Notion (la principal que tiene todos los TP)
Cuestionario Google Form
Dudas
Carlos Pascual
Carina Schiavo
CarolinaCasaux
Correo
Correo
Correo