Mostrando entradas con la etiqueta GIMP. Mostrar todas las entradas
Mostrando entradas con la etiqueta GIMP. Mostrar todas las entradas

lunes, 25 de mayo de 2015

Nuevo Banner para el blog

Hace tiempo creamos una entrada en la que explicabamos como crear y diseñar nuestro propio banner. También introducimos el concepto de banner y su utilidad, pero no esta demás repetirlo.
Así pues un banner es un archivo visual que consta necesariamente de unas medidas, o de una proporción determinada y se usa para encabezar páginas web en Internet. Habitualmente este formato tiene una extensión de archivo propia de imagenes (JPEG, PNG o GIF), aunque también existen (siendo muchos mas complejos) los banners animados, realizados mediante programas como Java o Flash, entre otros.

El motivo de que hayamos creado un banner nuevo se debe a un error a la hora de seleccionar y definir la dimensión del banner.  Creamos un banner de dimensiones 450x150, y como consecuencia nos quedo un banner muy estrecho y quizá un poco ancho también.  Ya que debíamos corregir el error de las dimensiones, hemos aprovechado y hemos creado un cartel mas colorido y diferente (el anterior jugaba con diversas capas con texturas y degradados pero era en blanco y negro).


Las dimensiones escogidas esta vez han sido 728x90, y el resultado es un banner que se adapta mucho más a las medidas de nuestro blog. 



El banner consta de 5 capas.



-La inicial donde hemos escogido un color, y hemos aplicado un degradado.

-La segunda capa es una imagen que hemos encontrado en la red
-La tercera capa afecta a las dos primeras, y es una textura aplicada a una opacidad del 20 %
-La cuarta capa es un nuevo degradado y un difusor para suavizar algunos matices
-Y por último hemos aplicado una capa donde hemos editado el texto y con la opción de filtros>distorsiones>doblar según curva hemos dado un poco de vida y movimiento a la cita escogida (también distinta a la del banner anterior).


El nuevo cartel ya preside en la parte de arriba de nuestra carpeta de aprendizaje virtual, pero de todas formas lo adjuntamos aquí! 





  

miércoles, 25 de marzo de 2015

Como hacer un banner con GIMP

En este post vamos a aprender a crear un banner para nuestro blog o página web desde cero, pero antes de empezar, ¿sabemos qué es un banner?
Un banner es un archivo visual que consta necesariamente de unas medidas, o de una proporción determinada y se usa para encabezar páginas web en Internet. Habitualmente este formato tiene una extensión de archivo propia de imagenes (JPEG, PNG o GIF), aunque también existen (siendo muchos mas complejos) los banners animados, realizados mediante programas como Java o Flash, entre otros.
El objetivo de un banner es principalmente transmitir un mensaje de la forma mas rápida y sencilla posible, y para eso, se ayuda de imágenes, colores, o simplemente frases ingeniosas (eslogan).

Nosotros os explicaremos (como hemos hecho en un post anterior) las herramientas que nos facilita el programa GIMP para la creación de nuestro banner. Es muy importante tener en cuenta que en la elaboración de nuestro banner la herramienta más importante es la creatividad dado que las opciones son infinitas, así que antes de nada, conviene hacer un boceto en un papel de aquello que se desea incluir en el banner, y a partir de ahí, ceñirse un poco al guión, porque sino uno se puede volver realmente loco (y al final diseñar no uno, sino varios banners, y verse en la complicada situación de elegir uno. Elección que se complica si sois varios los diseñadores).

Tras aclararnos, y después de buscar algunos banners y consejos de su realización en la red, nos decidimos por crear un banner de apariencia sencilla basado en un sistema de capas (herramienta fundamental de GIMP).

Para ello empezamos creando un archivo de medidas 450x150. Entonces nos aparece un rectangulo totalmente blanco. Aplicamos un gradiente con al "herramienta de degradado" (nosotros hemos escogido un gradiente bilineal).
A partir de aquí consiste en ir añadiendo capas hasta crear un fondo satisfactorio. Nosotros añadimos una segunda capa con otro gradiente y la pusimos con una opacidad del 100% pero aplicamos el modo de "solapado" en el menú de opciones de capas (esquina superior derecha, sobre el visualizador de capas). Después añadimos una tercera que también solapamos, aunque con una opacidad menor y en ésta en vez de usar la "herramienta de degradado", usamos un fondo predeterminado (GIMP ofrece varios fondos dentro de la "herramienta de relleno"). 

Como ya hemos dicho, nosotros fuimos añadiendo capas a nuestro gusto, pero se pueden añadir más o menos capas. Nosotros, añadimos una cuarta capa final. Descargamos una imagen que utilizaríamos como textura. Después, en vez de crear una capa transparente normal (proceso realizado en capas anteriores), abrimos un archivo nuevo (imagen) con la opción "abrir como capa nueva". Redimensionamos y posicionamos la imagen sobre el banner a nuestro gusto y, una vez mas, esta capa fue solapada sobre las demás. Después, añadimos un texto en color negro que también solapamos y modificamos su opacidad. Además mediante la herramienta de "selección de texto", modificamos el filtro (luz y sombra→sombra arrojadiza) para así darle profundidad y/o sombreado al texto. Este es el resultado:


No le hemos dado importancia a la vistosidad, ya que es nuestro primer banner y nos parecía más interesante manejar varias herramientas, entre ellas las capas.

En cuanto a sus ventajas en el ámbito educativo, utilizar GIMP para capturar y tratar las imágenes a presentar, nos permitirá además transmitir a nuestras alumnas y alumnos la importancia de la imagen como un medio indispensable en la presentación de determinados contenidos, que facilita la comprensión de los mismos y favorece el sentido crítico y la actitud reflexiva. En definitiva, buscar herramientas atractivas y sencillas que faciliten el acceso a los estudiantes a la realización de sus propios materiales utilizando las TIC supondrá iniciar un proceso de búsqueda y análisis de información, organización y elaboración de contenidos así como también el dominio técnico de las herramientas utilizadas. El aprendizaje basado en presentaciones se ve reforzado y enriquecido cuando además se plantea la posibilidad de realizarlo en grupos de trabajo colaborativo. Esta dinámica supone establecer unos criterios de evaluación que centren su mirada tanto en el proceso como en el resultado. Todo ello para que los estudiantes tomen decisiones, muestren una actitud crítica en el acceso como en el manejo de la información, adopten normas de actuación en grupo y se responsabilicen de las tareas encomendadas.

"La primera tarea de la educación es agitar la vida, pero dejarla libre para que se desarrolle." María Montessori