Colección de Fichas del Museo Artenativo

Pese a llevar ya bastante adelantado el proyecto final de Gráfica Publicitaria, hasta el día de hoy no he mostrado nada de él.

Sólo comento por el momento que se trata de un museo de arte, cuyos artistas serán de "otras artes" a las tradicionales, como por ejemplo Esculturas de arena, peinados, papiroflecia, mimo, etc.

Aquí dejo las presentaciones de las fichas de colección mensuales:

Enero 2010

Febrero 2010

Marzo 2010

Abril 2010

Mayo 2010

Junio 2010

Julio 2010

Agosto 2010

Septiembre 2010

Octubre 2010

Noviembre 2010

Diciembre 2010

Pipas de Sandía

Hay cosas en la vida que te sorprenden, y una de esas cosas me ocurrió hace pocos días...

Pues siguiendo la pista de antiguos compañeros, he descubierto que mi "vieja" amiga Elena (Ele Menele por aquella época) también se hizo un blog personal.



Desde el primer año que estuvimso juntos ya vimos que nuestros intereses eran similares, "raro" interés por la asignatura de dibujo técnico -digo raro porque los demás compañeros lanzaban piedras contra dicha asignatura... y contra la pobre Rosa Nadal...-.

Luego escogimos la asignatura de Proyectos como primera opción -fuimos los dos únicos alumnos en la escuela que lo hicimos, los demás compañeros entraron porque se acabaron las plazas en las demás optativas...-

Y por último, el interés por estudiar Diseño Gráfico.



Ahora ella está en Ciudad Real, yo en Talavera, aún así seguimos en contacto -que gran invento este del Messenger y del Tuenti-




Os dejo un enlace a su blog

Pipas de Sandía para que le echéis un vistazo.

Ahora no tiene mucho contenido, pero espero que vaya subiendo cositas y así poder ver sus trabajos.

Formatos de imágenes para web

Es por todos sabido que un texto con una imagen, siempre se lee mejor que un texto "a secas", sin ningún tipo de adorno ni decoración.

A la hora de añadir imágenes en internet hay que tener en cuenta dos cosas muy importante, que tenga buena calidad para web y que pese lo menos posible.
Y esto puede parecer contradictorio, ya que a mayor calidad más peso, y a menor peso, menos calidad.
Es por ello que el diseñador siempre tiene que jugar con estos dos parámetros, subiendo la mayor calidad posible pero no dejando que el peso sea exágeradamente amplio.

Para ayudar a los diseñadores y a los "diseñadores" que suben imágenes a las webs (que no se suben, sino que se enlazan desde el fichero de la página), hay tres tipos de archivos para las imágenes, hablando casi exclusivamente del JPG, GIF y PNG:

GIF

Su nombre proviene de "Graphics Interchange Format" (Formato de Intercambio de Gráficos)

Este formato es utilizado para imágenes y animaciones.

Sus principales características son la capacidad de mostrar 256, teniendo las posibles paletas de 2, 4, 8, 16, 32, 64, 128 y 256 colores.

También ofrece la posibilidad de crear una transparencia, aunque ésta tiene que ser total (en la explicación de los archivos PNG se verá la diferencia entre transparencia total y la parcial.)

Como ya hemos dicho antes, permite hacer animaciones con imágenes, esto es, poner varias imágenes diferentes y hacer que pase la animación de una a otra para dar la sensación de animación.

A la hora d eguardar los archivos podemos seleccionar que se guarde como un archivo entrelazado, que significa, que al cargar la imagen, se verá totalmente, aunque la calidad irá mejorando a medida que se vaya cargando en el navegador.


JPG

Sus siglas vienen de "Joint Photographic Experts Group" (Grupo de Expertos de Fotografías Mixtas)

Es un método muy utilizado para comprimir imágenes fotográficas, además de ser utilizado como un formato de archivo, siendo el formato de imagen más utilizado por las cámaras de fotografía digitales.

Su principal característica es la posibilidad de "guardar" millones de colores en las imágenes, por lo que es tan comúnmente utilizado para las fotografías.

PNG

El significado de estas letras es "Portable Network Graphics" (Red Portatil de Gráficos)

Nos ofrece la posibilidad de utilizar una paleta indexada o de mezclar varios canales.
El número de canales depende los colores y la posible transparecnia de la imagen.
La combinaciones permitidas por PNG son:
Un canal: escla de grises
Dos canales: escala de grises y canal alfa (transparencia)
3 canales o RGB: canales Rojo, Verde y Azul.
4 canales o RGB+Alfa: canales Rojo, Verde, Azúl y Alfa.

Cuando utilizamos la posibilidad de incorporar la paleta de colores indexado, sólo tenemos la posibilidad de incorporar 256 colores como máximo a nuestra imagen.

Este formato ofrece una gran variedad de posibilidades en la transparencia, pudiendo hacer que un píxel sea completamente opaco (que s evea) hasta que sea totalmente transparente, pasando por la posibilidad de hacer medias transparencias en los colores.




También te puede interesar:
3 - Oct - 2008 Insertar imágenes y cambiar otros parámetros
25 - Oct - 2008 Formatos de imágenes para Web.

Insertar imágenes y cambiar otros parámetros

Hoy, siguiendo con uno de los "encargos" para casa de la asignatura de Proyectos, me he decidido a poner una pequeña investigación que he hecho sobre las imágenes y algunos de los parámetros que podemso cambiar en ellas al ponerlas en un blog o una página de internet.

Insertar imágenes


Para empezar, el propio Blogger te permite insertarlas de forma automática, simplemente pulsando el botón "".
Una vez pulsado este botón podrás seleccionar si añades imágenes desde el equipo donde estés trabajando o desde una página web de internet, en cuyo caso tendrás que copiar la URL de dicha imagen e insertarla en el cuadro de la dirección que te pide Blogger.

Aunque también puedes hacerlo de una forma manual, en cuyo caso tendrías que insertar un código llamado HTML.

Para demostrar como queda una imagen subida a un blog dejola demostración, vamos a incluir la siguiente URL sacada de internet en una imagen: http://fabian.atomixblogs.vg/files/2007/07/concierto.jpg






Cambiar la alineación

Uno de los parámetros que podemos cambiar al insertar las imágenes es la alineación. Puede ser a la izquierda, en el centro o a la derecha.

Aquí dejamos la demostración, vamos a incluir la siguiente URL sacada de internet en una imagen: http://haciendofotos.com/wp-content/uploads/concurso_foto_1.jpg

Alineación izquierda

Alineación derecha

Alineación centrada

Explicación con texto de la imagen


Esta es otra de las posibilidades que ofrece el código HTML, esto significa que podemos añadir un texto a la imagen cuando pasamos el cursor por encima de ella, de este modo, podemos hacer una minúscula explicación de la misma.

Aquí dejamos la demostración, vamos a incluir la siguiente URL sacada de internet en una imagen: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJgaj_BIlw31VSqVZbuvQw9G6_3zFvvvifNEBtJ5KNCozv-5zo72Z-f7JaICg3YnUWt8U6EuXRQ3HL0O6QLgtiREM70lVUaj2aE-whOubZSXFB78EGAf04xU7hS8O5luZATvzlTeC7eCc/s1600/20051126125207-mono-pensador.jpg con el texto "Un mono pensador"

Ancho y alto

Uno de los parámetros más importantes que podemos modificar en las imágenes es el alto y el ancho.

¡ATENCIÓN! Hay que tener en cuenta, a la hora de modificar la altura y anchura que se mantenga la proporción alto-ancho.

Aquí dejamos la demostración, vamos a incluir la siguiente URL sacada de internet en una imagen: http://www.lacoctelera.com/myfiles/lucas0123/Ghost.JPG primero modificando la anchura en 100 pixeles y después la altura en 100 píxeles.

Imágenes que enlazan a otras web

Podemos hacer que una imagen nos enlace directamente a otra web, de este modo, al hacer click sobre la imagen se nos abrirá otra web distinta que se relacione con dicha imagen.



Pincha enmia de la imagen para comprobar el enlace.

Todos los parámetros en una imagen

Todos estos parámetros se modifican con algunas etiquetas que se incluyend entro del código de la propia imagen, de este modo, se modifica su apariencia antes de ser publicada gracias a propio código.

Si quisiesemos modificar todos los datos de una imagen, para ajustarla a la web, tendrías que incluir todas las etiquetas que modifican su apariencia.

Aquí dejamos la demostración, vamos a incluir la siguiente URL sacada de internet en una imagen: http://www.colludo.de/images/Playmobil/Playmobil_Ritter.jpg.
Pondremos los siguientes parámetros:
Alineción centrada - Texto: Playmobil - Ancho: 200 - Alto: 200
Y la imagen nos va a dirigir a la siguiente página: http://www.playmobil.de/on/demandware.store/Sites-ES-Site

También te puede interesar:
3 - Oct - 2008 Insertar imágenes y cambiar otros parámetros
10 - Oct - 2008 Conociendo Blogger más de cerca
13 - Oct - 2008 Jornadas de relojes, tiempos y fechas en mi blog.
25 - Oct - 2008 Formatos de imágenes para Web.

Hoy nos toca "jugar" con imágenes

Aquí he añadido una imagen desde el equipo local.