edición de fotos para web (cms)
TRANSCRIPT
![Page 1: Edición de fotos para web (CMS)](https://reader036.vdocumento.com/reader036/viewer/2022062319/5571fade497959916993598a/html5/thumbnails/1.jpg)
Editar, optimizar, cargar y utilizar (Photoshop / CMS)
![Page 2: Edición de fotos para web (CMS)](https://reader036.vdocumento.com/reader036/viewer/2022062319/5571fade497959916993598a/html5/thumbnails/2.jpg)
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)](https://reader036.vdocumento.com/reader036/viewer/2022062319/5571fade497959916993598a/html5/thumbnails/3.jpg)
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)](https://reader036.vdocumento.com/reader036/viewer/2022062319/5571fade497959916993598a/html5/thumbnails/4.jpg)
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)](https://reader036.vdocumento.com/reader036/viewer/2022062319/5571fade497959916993598a/html5/thumbnails/5.jpg)
La importancia de la imagen
Fotos ganadoras del World Press Photo 2011
![Page 6: Edición de fotos para web (CMS)](https://reader036.vdocumento.com/reader036/viewer/2022062319/5571fade497959916993598a/html5/thumbnails/6.jpg)
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)](https://reader036.vdocumento.com/reader036/viewer/2022062319/5571fade497959916993598a/html5/thumbnails/7.jpg)
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)](https://reader036.vdocumento.com/reader036/viewer/2022062319/5571fade497959916993598a/html5/thumbnails/8.jpg)
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)](https://reader036.vdocumento.com/reader036/viewer/2022062319/5571fade497959916993598a/html5/thumbnails/9.jpg)
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)](https://reader036.vdocumento.com/reader036/viewer/2022062319/5571fade497959916993598a/html5/thumbnails/10.jpg)
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)](https://reader036.vdocumento.com/reader036/viewer/2022062319/5571fade497959916993598a/html5/thumbnails/11.jpg)
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)](https://reader036.vdocumento.com/reader036/viewer/2022062319/5571fade497959916993598a/html5/thumbnails/12.jpg)
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)](https://reader036.vdocumento.com/reader036/viewer/2022062319/5571fade497959916993598a/html5/thumbnails/13.jpg)
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)](https://reader036.vdocumento.com/reader036/viewer/2022062319/5571fade497959916993598a/html5/thumbnails/14.jpg)
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.