Top Banner
Editar, optimizar, cargar y utilizar (Photoshop / CMS)
14

Edición de fotos para web (cms)

Aug 03, 2015

Download

Self Improvement

jmirco
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Edición de fotos para web (cms)

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

Page 2: Edición de fotos para web (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

Page 3: Edición de fotos para web (cms)

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.

Page 4: Edición de fotos para web (cms)

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.

Page 5: Edición de fotos para web (cms)

La importancia de la imagen

Fotos ganadoras del World Press Photo 2011

Page 6: Edición de fotos para web (cms)

Retoque de imágenes

Abrimos el programa (Photoshop)

Clic en ‘Archivo / Abrir’

Ubicamos nuestra foto

Seleccionamos el archivo y luego clic en ‘Abrir’

Page 7: Edición de fotos para web (cms)

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.

Page 8: Edición de fotos para web (cms)

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.

Page 9: Edición de fotos para web (cms)

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.

Page 10: Edición de fotos para web (cms)

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.

Page 11: Edición de fotos para web (cms)

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.

Page 12: Edición de fotos para web (cms)

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’.

Page 13: Edición de fotos para web (cms)

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’

Page 14: Edición de fotos para web (cms)

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.