Edición de fotos para web (cms)

Post on 03-Aug-2015

559 Views

Category:

Self Improvement

0 Downloads

Preview:

Click to see full reader

Transcript

Editar, optimizar, cargar y utilizar (Photoshop / CMS)

Formatos de imagen para Internet: JPG / PNG / BMP / GIF

Medida a utilizar 640 x 480 píxeles

Editores de imágenes Photoshop / IrfanView / Fireworks

CMS Administrador de contenidos

Qué vamos a hacer

Edición básica de fotos (Ajustar niveles, brillos, contrastes y equilibrio de color).

Cortar a la medida requerida las fotos.Guardar las imágenes con el peso

ideal para web.Subir las imágenes al Administrador

de contenidos (CMS).Usar las imágenes en las notas que

publicamos.

Retoque de imágenes

Foto retocadaPeso: 75 kb / 640 x 480 px

Foto sin retocarPeso: 900 kb

Debemos retocar las imágenes si queremos obtener mejores resultados visuales.

La importancia de la imagen

Fotos ganadoras del World Press Photo 2011

Retoque de imágenes

Abrimos el programa (Photoshop)

Clic en ‘Archivo / Abrir’

Ubicamos nuestra foto

Seleccionamos el archivo y luego clic en ‘Abrir’

Se usa para designar los puntos más claros y más oscuros en una foto.

En el cuadro de Niveles, asegúrate de que los picos de izquierda y derecha se encuentren al nivel de los puntos.

Muchas veces la foto están viradas al azul o al rojo, con esta herramienta podemos darle una armonía al color de la imagen.

En nuestro caso hemos aumentado los niveles de rojo y amarillo.

Podemos darle mayor contraste para resaltar los colores en la foto.

En el cuadro de Brillo y Contraste podemos modificar los valores.

Recuerda que no debemos abusar de estos valores.

Luego de la edición de la imagen, debemos cortar la imagen (640 x 480).

Para ello seleccionamos la herramienta cortar (C).

En la parte superior colocamos los valores.

Presiona clic y sin soltar selecciona el área deseada.

Presiona ‘Enter’ para cortar.

Para guardar la imagen vamos a utilizar ‘Guardar para Web’.

En el tipo de archivo seleccionamos JPG y calidad 60 – 70

Damos clic a Guardar.

El nombre del archivo no debe tener caracteres especiales.

Ahora nuestra imagen esta optimizada para Web.

Luego de la edición, vamos a subir nuestra imagen al CMS para ser usada en las notas que publicaremos.

Ingresamos con nuestro usuario.

Ubicamos la pestaña ‘Noticias’.

Luego damos clic a ‘Edición’.

Colocamos un título: 6+credito+personaj

e/situación Escribimos el crédito

de foto: RPP / (autor de foto) EFE Andina

En Keywords escribe palabras claves para la búsqueda: niños provincia

pobreza Ubicamos nuestra

foto (‘Examinar’) y luego clic a ‘Subir imagen’

Buscamos nuestra foto en el campo ‘Texto a buscar’ con la palabra clave o con el título de la imagen que colocamos anteriormente.

Con el botón ‘Asignar’ establecemos la foto a nuestra nota.

top related