Diseño Gráfico

Después de todo lo que hemos visto sobre EDICIÓN DE IMÁGENES... nos falta tener una visión global de lo que es el DISEÑO GRÁFICO. No todo tiene que ser edición o modificación. Hay algo MUCHO MÁS IMPORTANTE: la CREACIÓN.

¿Cómo creéis que se hace una película de animación, o una película de ciencia ficción con efectos especiales? ¿Y cómo se hace la maquetación de un libro, periódico o revista? ¿Y los carteles y anuncios publicitarios de vallas...? ¿Y la pegatina de una botella de vino? ¿Y los planos de un edificio o de un barco, avión o automóvil? ¿Y el diseño de una cuchara o una lámpara? ¿Y una página web? ¿Y... un videojuego? ¿Os dáis cuenta de la cantidad de profesiones que se ven involucradas en estas tareas? A lo mejor, os interesa ser en un futuro, no muy lejano ya por cierto, publicitarios, ingenieros industriales, periodistas, arquitectos, diseñadores de páginas webs, ingenieros aeronáuticos, cineastas, creador de dibujos animados o cómics...

Aquí tenéis una presentación que desarrolla las diferentes herramientas gráficas utilizadas para muchas de estas tareas, tanto en software propietario (de pago) como en software libre (gratuito). A lo mejor, vuestro futuro profesional está en alguna de ellas.

Diseño Gráfico Digital en Software Libre v3.21

View more Microsoft Word documents from Leonardo Caballero.

Ver la presentación en su lugar original (para poder ampliarla o descargarla).

Algunos de los programas que aparecen en la presentación:

• Gimp (editor de imágenes)
• Inkscape (gráficos vectoriales)
• SynfigStudio (animación 2D)
• Blender (modelado 3D)
• CinePaint (retoque digital, se ha usado en películas como Harry Potter o El Señor de los anillos)
• FontForge (editor de fuentes de letras)
• Scribus (maquetación y publicación)
• Kompozer (edición web)

¿Recordáis la presentación que vimos en el aula de audiovisuales a principios de curso?

Vuestra tarea de Imagen Vectorial y de Bits

Como siempre, los resultados de esta tarea están publicados en la Google Site de los trabajos de clase.

Aquí incluyo sólo uno de los ejemplos habéis publicado en vuestros blogs (es de Raquel):

Formatos de imagen

BMP - TIFF - GIF - PNG - JPG

En este ejercicio vamos a comprobar qué sucede cuando guardamos una imagen en distintos formatos.

• Crea una carpeta llamada FORMATOS para almacenar los archivos del ejercicio.
• Abre el programa GIMP.
• Abre la imagen "tigre", o busca en Internet cualquier otra imagen para trabajar con ella.
• Ve al menú Archivo>Guardar como>despliega: Seleccione el tipo de archivo.Guárdala con el nombre ”tigre bmp” y el formato “BMP”. Ciérrala.
• Abre de nuevo la imagen original y guárdala como “tigre tif” y el formato TIFF sin compresión. Ciérrala.
• Vuelve a abrir la imagen original y en este caso guárdala con el formato GIF y el nombre "tigre gif”. Deja la opción Convertir a indexada y haz clic en Exportar. Ciérrala.
• Abre la imagen inicial y guárdala como PNG (“tigre png”).
• Partiendo siempre de la imagen original, guárdala como JPG comprimido:
  “tigre 5%” con un grado de compresión del 5%
  “tigre 25%” con un grado de compresión del 25%
  “tigre 50%” con un grado de compresión del 50%
• Abre el explorador de Windows para comprobar el tamaño de los archivos según el formato. Visualiza las imágenes obtenidas, ampliándolas para observarlas mejor.
• Captura la imagen para enviar la solución el ejercicio, junto con las siguientes cuestiones:
• ¿Cuáles son los archivos que “pesan” más?
• ¿Pierden calidad al guardarlas?
• Compara las imágenes con formato GIF, PNG y BMP. ¿Qué observas en cuanto a su calidad? ¿Cuál es el menos pesado?
• Compara las imágenes comprimidas JPG con el resto ¿Qué conclusión obtienes?

• ¿Cuáles de estos formatos, BMP, GIF, TIFF, JPG, PNG crees que es el más adecuado para ser utilizado en Internet? Razona tu respuesta.

Para saber más sobre este tema puedes consultar el siguiente artículo sobre “Imágenes vectoriales y mapa de bits” del Observatorio Tecnológico del ISFTIC.

Actividad de mi excompi de curso Amelia Tierno, en su blog AULAS DE TECNOLOGÍAS.

Edición de imágenes digitales on-line

Para editar imágenes, existen muchas herramientas on-line, sin necesidad de instalación previa en tu ordenador:

• Picnik puede ser un buen ejemplo para iniciarse. Ya lo usamos hace meses desde Flickr.



• Photoshop también tiene su página “a distancia”: Photoshop Express. Es la versión online del famoso editor de imágenes. Mucho más sencillo que su hermano instalable se presenta como una alternativa a repositorios y editores sencillos de imágenes. Lógicamente no podemos esperar la potencia del clásico Photoshop, pero es de los más completos. Hay que registrarse y crear una cuenta para empezar a usarlo. Su aplicación Decorate, permite añadir a nuestras fotos dibujos, bocadillos, textos, etc que nos puede servir como una sencilla herramienta para realizar fotonovelas.


• Alilg es otra posibilidad entre las muchas que pueden encontrarse.


• PicFont permite añadir fácilmente texto a tus imágenes.


• Image Mosaic Generator para generar mosaicos y todas aquellas que publiqué en este artículo del blog hace unos meses (MOZAIQ, MOSAIC MAKER, Textorizer, Warholizer...).



• Pixlr. Otro editor genial. Muy sencillo de usar, con un agradable diseño y con múltiples opciones. Sus botones son muy similares al nuevo Gimp. Capas, pinceles, brochas... Y el programa se puede poner en idioma español en el menú superior desplegable.

  

• Psycopaint, es un programa de retoque fotográfico libre en Internet. No hace falta registro ni instalación. Simplemente subes una foto, eliges una serie de pinceles con la aplicación y produces efectos de pintura libremente sobre la foto. Es como tener rotuladores, brochas, pinceles que arrastras sobre los colores de la propia imagen que va transformándose y produce efectos mágicos. Tiene posibilidades tan increíbles como los mejores editores de fotografías tipo Corel, Adobe Photoshop o Gimp pero no necesitas instalarlo ni tener grandes conocimientos. La galería muestra la gran cantidad de posibilidades que ofrece y la pestaña ayuda puede ser muy interesante (aunque es bastante intuitivo).

  



• BEFUNKY. El programa te permite subir fotos del ordenador o de una web y lo mejor de todo es que puedes salvar el trabajo en tu propio ordenador, mandarla por correo o publicarla en una web o cualquiera de las redes sociales. Todo sin previo registro. Hay varias pestañas con todos los efectos que se pueden aplicar. Dentro de esa pestaña tienes varias posibilidades. Con la pestaña GODIIES puedes añadirle marcos a las fotos, pero a diferencia de otros programas, puedes hacer esos marcos más o menos grandes, rotarlos o reflejarlos. Pica en el marco una vez elegido y tira de los cursores para modificar el marco o rotarlo.

  
• Aviary: Este editor, muy completo, incluso podemos añadir capas, es una más de las aplicaciones de esta Web con un bonito y agradable diseño. Hay que registrarse para utilizarlo pero nos permite crear y editar también gráficos vectoriales y jugar con sus otras aplicaciones como su laboratorio visual.
  
  
• Phixr: Muy intuitivo. También nos pide registrarnos. Éste incluso dispone de versión en español.
  
  
• FotoFlexer: Quizás es el más intuitivo, con botones muy sencillos y un buen número de efectos para modificar nuestras imágenes fácilmente. Otra ventaja es que no hace falta registrarse para utilizarlo. Nos permite editar las imágenes alojadas en los servicios de alojamiento de archivos gráficos y las redes sociales más usuales como Flickr, Picassa, PhotoBucket, Facebook, Myspace.
  
  
• Resizr: Permite escalar, recortar y rotar imágenes.
  
  
• EasyCropper: Nos escala una imagen al tamaño que le indiquemos en un clic.
  
  
• Quick Thumbnail: Escala las imágenes por porcentaje o tamaños predeterminados y nos deja aplicarles sencillos filtros.
  
  
• My Pictr: Nos adapta las fotografías para crear nuestra imagen de perfil o avatar en diferentes aplicaciones y redes sociales. Para no romperse la cabeza con el tamaño adecuado.
  
  
• Improve your images: Para mejorar el color o la luz de nuestra imagen.
  
  
• Picshadow. Es una aplicación que añade sombra a tus imágenes. Puedes regular el grosor, color... muy facilita y consigues realzar las imágenes. Por ejemplo:
  
  
  
  
  
  
  
  

Si te interesa conocer algunas otras, puedes visitar este enlace donde encontrarás algunas de las más conocidas. Hasta 20 aplicaciones on-line para retocar tus imágenes.

También encontrarás información en el artículo "Programas de edición de fotografías, Editar fotografías en Internet", en CONSUMER EROSKI.

Tarea de imagen digital vectorial y mapa de bits

Tarea:

IMAGEN VECTORIAL E IMAGEN DE MAPA DE BITS

1- Entra en la página de búsqueda de imágenes de Creative Commons.

2- Localiza una imagen vectorial. Pulsa sobre ella para verla en tamaño completo.

3- Guarda la imagen en tu pendrive.

4- Amplía el zoom de tu pantalla (Ctrl +) y observa la calidad de la imagen.

5- Haz lo mismo con una imagen de mapa de bits.

6- Publica ambas fotos en tu blog identificando cual es vectorial y cual es un mapa de bits. Contesta también en el mismo artículo las siguientes preguntas:

¿Qué ocurre si ampliamos una imagen vectorial?
¿Y si lo hacemos con una imagen de mapa de bits?

La imagen digital

(por mi excompi de curso, Amelia Tierno)






(por Alejandro Sánchez)