Saltar navegación

PFF 02: Preparar para la Web - Contenido educativo

Ajuste de pantalla

El ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:

Subido el 18 de agosto de 2023 por Ana L.

34 visualizaciones

Tutorial para el módulo de Procesos Finales Fotográficos, donde aprendemos a preparar una imagen para subirla a la web

Más información Transcripción

Descargar la transcripción

Dependiendo del destino que queramos dar a nuestras fotografías, vamos a tener que realizar diferentes versiones a partir del máster 00:00:00
y configurar los requisitos que cada uno de estos destinos necesita, en cuanto a perfil de color, profundidad de bits, tamaño, formato, compresión, etc. 00:00:07
He seleccionado unos cuantos archivos máster con los ajustes ya realizados para destinar a la web. 00:00:15
Esta para e-commerce, comercio electrónico. Esta otra podría ilustrar un blog y estas dos para subir a redes sociales. 00:00:21
Los pasos que seguiremos son estos. Duplicar el máster para trabajar sobre la copia y acoplar 00:00:27
la imagen en caso de que tenga capas. Convertir al perfil de color sRGB, reducir a 8 bits, 00:00:32
redimensionar y recortar, comprobar la nitidez y enfocar si fuera necesario y por último guardar 00:00:39
el archivo en formato jpg con una compresión adecuada a nuestro propósito. Como ya he dicho 00:00:44
antes es conveniente trabajar sobre un duplicado del máster para asegurarnos de no realizar ningún 00:00:50
cambio sobre este. Así que todas estas imágenes las tengo en otra ubicación del ordenador además 00:00:55
de aquí. Se pueden hacer duplicados de muchas formas pero por ejemplo desde Bridge sería tan 00:00:59
sencillo como seleccionarlas todas y con el botón derecho del ratón decirle copiar a la nueva 00:01:04
ubicación que queramos. Abrimos las cuatro imágenes en Photoshop y el siguiente paso será acoplar las 00:01:09
capas. Este archivo no tiene capas pero los otros tres sí, aunque antes de acoplar quiero explicaros 00:01:15
el motivo de hacerlo en este orden. Mirad, esta imagen tiene ahora un perfil de color Profoto, 00:01:20
que es el espacio de color más amplio que existe actualmente. Es capaz de representar muchos más 00:01:25
colores que otros espacios de color. Por esta razón lo elegí para guardar el archivo que considero 00:01:30
máster, porque siempre estaré a tiempo de reducirlo cuando sea necesario, como ahora para subir a la 00:01:35
web. Pero si hubiera guardado el máster en un espacio de color más limitado, nunca hubiera 00:01:39
podido recuperar los colores, se habrían perdido. Bien, pues es un archivo que tiene diversas capas, 00:01:44
entre ellas capas de ajuste de niveles o de equilibrio de color que están actuando sobre 00:01:48
unos colores que como hemos dicho pertenecen al espacio de color profoto. Si pretendo cambiar de 00:01:53
perfil me voy al menú edición convertir a perfil y escojo el espacio de destino sRGB que es el 00:01:58
apropiado para la web pero no marco acoplar imagen sino que mantengo toda la información de las capas 00:02:04
y tampoco rasterizo este objeto inteligente que tengo aquí abajo. Ocurrirá esto que los colores 00:02:09
cambian radicalmente porque las capas de ajuste no se adaptan al nuevo perfil por eso voy atrás 00:02:15
y acoplo la imagen antes de hacer la conversión de perfil seleccionando todas las capas y desde 00:02:20
el menú capa en combinar capas o también podría hacerlo con el atajo de comando e o eligiendo la 00:02:25
opción acoplar imagen cualquiera de las tres me sirve veo que toda la información está ahora en 00:02:31
una sola capa así que ya puedo hacer la conversión de perfil desde el menú edición convertir el 00:02:35
perfil convierto a srgb puede producirse algún cambio de color porque quizá haya colores que 00:02:40
estén fuera de gama colores que sí se reproducían en Profoto y sin embargo en sRGB no, pero el cambio 00:02:45
de color no ha sido tan radical. Acoplo y convierto a sRGB el resto de fotografías. Pasamos a revisar 00:02:51
la profundidad de bits. Las imágenes destinadas a la web no necesitan tener 16 bits de profundidad, 00:03:03
esto haría que pesaran mucho más y no tiene sentido hacerlo si no es para impresión. Podemos 00:03:08
ver la profundidad de bits de cada fotografía pinchando en imagen, modo, vemos un check que 00:03:13
nos indica la profundidad de bits que tiene actualmente y si fuera necesario cambiarlo lo 00:03:19
haríamos aquí. Vamos ahora a redimensionar y recortar las imágenes y para ello vamos a utilizar 00:03:23
la herramienta recortar que tenemos aquí en la barra de herramientas y la vamos a configurar en 00:03:28
la opción alto por ancho por resolución sabiendo que estos tres campos que hay a continuación se 00:03:33
refieren a estos tres valores ancho alto y resolución y que podemos rellenarlos todos o 00:03:38
solo alguno de ellos. El tercer campo, el de la resolución, no lo necesitamos para las fotografías 00:03:44
destinadas a la web porque nuestras imágenes se van a adaptar a la resolución que tenga cada 00:03:49
pantalla. El tamaño de venta online, que es a lo que voy a destinar esta fotografía, puede depender 00:03:54
de la plataforma a la que la vayamos a subir o si va a ser vista en un móvil o en una pantalla de 00:03:59
ordenador a tamaño pequeño o a pantalla completa. Suele oscilar entre 500 y 1000 píxeles en su lado 00:04:04
más largo la voy a ajustar a mil píxeles es necesario poner la unidad de medida y sólo voy 00:04:10
a ajustar el ancho dejo los otros dos campos en blanco muevo el encuadre y sé que en el momento 00:04:15
en que yo confirme el recorte pulsando este tic el ancho medirá mil píxeles que es lo que yo 00:04:21
configurado y el alto se ajustará proporcionalmente esta otra imagen se va a ver en una pantalla de 00:04:26
ordenador así que la recortaría un tamaño algo más grande las pantallas de ordenador más habituales 00:04:32
actualmente miden 1920 píxeles de ancho. Luego si yo quiero que esta fotografía se vea con claridad 00:04:36
y se aprecien los detalles voy a ponerle un tamaño parecido 2000 píxeles en el ancho y si quiero 00:04:42
mantener su proporción cuadrada 2000 píxeles también en el alto e independientemente de que 00:04:48
yo ahora haga este recuadro más grande o más pequeño sé que cada uno de los lados medirá 2000 00:04:53
píxeles. Las versiones de estas otras dos imágenes están destinadas a redes sociales y tengo que 00:04:59
consultar cuáles son las medidas que admite cada plataforma. Es verdad que puedo subirlas a cualquier 00:05:05
medida, pero también me puedo encontrar con que no me guste la forma en que la aplicación me las 00:05:09
ha redimensionado. A veces incluso llega a deformarlas. En esta tabla tenemos las principales 00:05:14
medidas que aconsejan Facebook, Instagram, Twitter o LinkedIn. Por ejemplo, en Instagram, si la foto 00:05:18
es vertical, aconseja que las medidas sean 1080 x 1350 píxeles. Vamos a hacerlo. 1080 x 1350 píxeles. 00:05:24
Vamos a la última, en la que quiero mantener el formato cuadrado y subir a Facebook, que recomienda 1200 x 1200 píxeles. 00:05:35
Puedo comprobar las medidas finales de la imagen yendo a Imagen, Tamaño de imagen, 00:05:43
y aquí me aparecen las medidas en píxeles, que efectivamente se corresponden a lo que yo he recortado. 00:05:47
Este menú de Tamaño de imagen es una alternativa más completa para redimensionar las fotografías, más controlada, 00:05:52
puesto que nos ofrece unas opciones de remuestreo que con la herramienta Recortar no tenemos. 00:05:58
Veis que entre paréntesis nos recomienda cuál suele ser la más efectiva para cada caso. 00:06:02
Y para subir fotografías a la web lo habitual es reducir el tamaño así que utilizaríamos el logaritmo bicúbica más enfocada 00:06:07
para compensar el efecto desuavizado que se produce cuando eliminamos píxeles de una imagen. 00:06:14
Porque al remuestrear se puede producir una pequeña falta de nitidez y por eso es importante no realizar el enfoque hasta después de haberlo hecho. 00:06:19
para apreciar bien si es necesario o no realizar este paso visualizamos al 100% con comando 1 00:06:26
incluso lo podemos poner un poquito más grande a mí me parece suficiente el foco que tiene esta 00:06:32
imagen pero quizá para que se vea un poquito más de detalle en esta zona voy a duplicar la capa y 00:06:36
voy a hacerle un pequeño enfoque con el filtro máscara de enfoque aunque podríamos hacerlo con 00:06:41
cualquier otro método de los que conocemos así está sin enfoque así con enfoque y me está añadiendo 00:06:46
detalles en zonas que a mí no me interesa. Entonces voy a añadir una máscara y voy a pintar en blanco 00:06:51
solo en la zona en la que quiero obtener más nitidez. Ya solo nos queda guardarlas y el formato 00:06:57
en el que vamos a guardar todas las imágenes que van destinadas a la web es jpg. Lo podemos hacer 00:07:03
desde el menú archivo guardar una copia. Elegimos el formato jpg y nos fijamos en que esté marcada 00:07:08
la casilla de incrustar el perfil al que hemos convertido anteriormente el srgb. Guardamos y 00:07:14
ahora debemos escoger el grado de compresión que queremos. Entre 8 y 10 nos va a dar una calidad 00:07:20
suficiente para que se vea bien y marcando la opción previsualizar vamos a saber también qué 00:07:24
peso tendrá la fotografía con cada compresión. Internet nos permite otros formatos diferentes a 00:07:29
JPG como son GIF o PNG. GIF sería muy adecuado para subir imágenes animadas o planas tipo dibujos 00:07:35
animados pero al ser un formato indexado la paleta de color se va a reducir sólo a 256 colores con lo 00:07:42
que no es muy recomendable para fotografía. Y PNG es una buena elección si necesitamos que la imagen 00:07:49
tenga transparencias, que no suele ser el caso de una foto. Además PNG, aunque comprime de manera 00:07:54
muy eficaz, genera unos archivos más pesados que JPG. Y todas estas fases que os he explicado de 00:07:59
preparación para la web se pueden realizar quizá de manera más sencilla desde el menú Archivo, 00:08:04
Exportar, Guardar para la web. Desde aquí podremos escoger el formato, configurar la compresión, 00:08:10
convertir a sRGB, modificar el tamaño pudiendo escoger el logaritmo de redimensionado, 00:08:16
incluso elegir qué metadatos queremos o no que se incorporen a nuestra fotografía. 00:08:22
En la pantalla de previsualización podremos ver el original, 00:08:26
la versión en la que estamos trabajando y comparar entre dos o cuatro versiones diferentes. 00:08:30
Valoración:
  • 1
  • 2
  • 3
  • 4
  • 5
Eres el primero. Inicia sesión para valorar el vídeo.
Idioma/s:
es
Autor/es:
Ana Lozano Fernández-Vegue
Subido por:
Ana L.
Licencia:
Reconocimiento - No comercial - Compartir igual
Visualizaciones:
34
Fecha:
18 de agosto de 2023 - 18:09
Visibilidad:
Clave
Centro:
CFP JOSÉ LUIS GARCI
Duración:
08′ 36″
Relación de aspecto:
1.78:1
Resolución:
1918x1080 píxeles
Tamaño:
29.21 MBytes

Del mismo autor…

Ver más del mismo autor

Comentarios

Para publicar comentarios debes entrar con tu nombre de usuario de EducaMadrid.

Comentarios

Este vídeo todavía no tiene comentarios. Sé el primero en comentar.


EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid