En el artículo pasado vimos en teoría un poco acerca de lo que se puede hacer con las acciones con photoshop, recordamos que mencioné que se pueden automatizar varios procesos y tareas muchas de ellas frecuentes y algunas hasta tediosas. Bueno en este tutorial veremos en práctica como utilizarla para guardar fotos para web; veremos el paso que utilizó yo para guardar mis archivos para mis blogs, cuando lo aprendas, el proceso es rápido, ágil y sobre todo no tiene que tomarte mucho tiempo en guardar tus fotos para web, aun sin las acciones es rápido; comencemos:
¿Qué aprenderás:
- Guardar para Web
- Redimensionar imágenes
- Utilizar acciones para automatizar el proceso
Requisitos:
- Imágenes grandes, por ejemplo en este tutorial trabajaremos con: niña.jpg y nina-a-lapiz.jpg (puedes utilizar la misma imagen grande de la niña que utilizamos en el tutorial pasado de Foto a Dibujo a Lápiz y el resultado: nina-a-lapiz.jpg
- Convertir imagen a 500px de ancho, a una resolución de 72pixeles por pulgada (72 dpi)
Fundamentos:
¿Pór que 500px de ancho? Porque es el ancho promedio de una columna de contenido en una página web (nota: es variable, puede ser más o menos, en este caso utilizamos 500px que es lo que yo utilizo para este blog
¿Por qué a 72pixeles por pulgada? Porque es la resolución máxima en una foto optimizada para web; puedes elegir más grande pero corres el riesgo que no se descargue rápido en el navegador, mi recomendación es que no te excedas de esa resolución.
¿Qué es una resolución de imagen? Este término (resolución) lo estaremos mencionando a lo largo de los tutoriales y en curso, si no lo conoces y solo lo habías oído mencionar, te explico de la menta más sencilla lo que es, sin tanto rollo: la resolución es la cantidad de pixeles que hay en una pulgada de la imagen, es decir, que por cada pulgada lineal que tenga una imagen será de 72 pixeles, por ejemplo: si una imagen mide 1 pulgada cuadrada y tiene la resolución de 72ppp (dpi) 72px x 72px = 5,184 pixeles en total contenidos en la imagen.
Vamos a la práctica: Sigue leyendo «Tutorial de Photoshop – Acciones de Photoshop: Guardar para Web. ACTUALIZACION: VIDEOTUTORIAL»