Internet, Deporte y Educación

Página personal de Sergio Palay

Archive for the ‘Diseño Gráfico’ Category

Práctica de dibujo con pixeles

Posted by sergiopalay en octubre 23, 2014

pixeles2

Una práctica sencilla, pero interesante a la hora de presentar el concepto de pixel, consiste simplemente en que el alumno realice una tabla en un Procesador de Texto.
Luego simplemente con la herramienta de relleno se le pedirá que pinte cuadraditos de forma tal de lograr un dibujo conocido.
Puede ser una flor, una cara, un medio de transporte, etc.
A mayor cantidad de cuadraditos (dados por la cantidad de filas y columnas de la tabla), mayor será el grado de dificultad, pero mejor quedarán los dibujos.

Aquí va la guía de trabajo …practica con pixeles

Anuncios

Posted in Diseño Gráfico, Docencia, Ofimática | Etiquetado: | Leave a Comment »

Herramienta online para realizar folletos y banners creativos

Posted by sergiopalay en agosto 15, 2014

En ocasiones tenemos que hacer algunas piezas gráficas, tanto para el papel como para la web y la creatividad no está de nuestro lado. También puede suceder de que no dominemos las herramientas básicas de diseño para este tipo de tareas (llámese Photoshop, In Design, Corel o programas similares).

Sin embargo, podemos encontrar en la red herramientas online que nos facilitan dicha tarea. Tal es el caso de Canva.com en donde podremos crear folletos, posters, tarjetas, banners o incluso mensaje para compartir en Twitter.

Basta simplemente con ingresar en www.canva.com, crear una cuenta (o simplemente utilizar una cuenta de red social) y comenzar a crear. Hay una gran variedad de elementos gratuitos para utilizar y también se pueden comprar otros a precio de un dólar.

Pueden observar en el video, un ejemplo de su uso:

 

Posted in Diseño Gráfico | Etiquetado: , , , | Leave a Comment »

Video de como dibujar un barco en Libre Office Dibujar

Posted by sergiopalay en mayo 5, 2014

Les dejo lo que fue la primera clase de Libre Office Dibujar.

La misma idea pero ya un poco más elaborada …

ultimapirata

Enlace para descargar libre office http://es.libreoffice.org/descarga/

Posted in Diseño Gráfico | Etiquetado: , , , | Leave a Comment »

Crear una infografía online de forma gratuita

Posted by sergiopalay en octubre 28, 2013

easel

En este escenario periodísitico en el que el lector suele preferir lo gráfico a las extensas notas de texto las infografía son herramientas más que válidas a la hora de mostrar una información.

En la red hay varias herramientas online de gran calidad que permiten realizar este tipo de trabajos casi sin mayor esfuerzo.

En esta ocasión les voy mostrar essel.ly una herramienta que cuenta con varias plantillas para realizar las infografías que uno quiera.
Los elementos son absolutamente personalizables (color, tamaño de los textos, flechas) y la verdad es que en poco tiempo uno puede realizar un trabajo de calidad.

Además te da la posibilidad de importar tus propios archivos gráficos (si quieren que no pase como mi ejemplo en el que llega el fondo blanco hay que trabajar con archivos gif o png con transparencia).

El trabajo puede ser compartido en internet o por medio de una captura de pantalla llevado a un formato jpg.
idea para presentar los datos de las encuestas

Vale la pena probarlo, luego ya les mostraré alguna otra que incluso puede hacer este tipo de trabajos pero interactivos si necesidad de tener grandes conocimientos de programación.

Posted in ArTIC, Diseño Gráfico, Docencia | Etiquetado: , , , | Leave a Comment »

El esfuerzo y el convencimiento en diseño es tan importante como la herramienta utilizada

Posted by sergiopalay en agosto 17, 2013

en jpg

Una de las claves del diseño es la paciencia y el esfuerzo. Estar en el detalle.

Si uno realmente dedica el tiempo necesario a componer una pieza difícilmente no logre buenos resultados independientemente de la herramienta.
Este ejercicio salió en clase. Resulta que Plan Ceibal desparramó por los liceos una serie de afiches y folletos que realmente no habían capturado para nada la atención de los alumnos.

Mientras tenía los papeles sobre mi mesa de trabajo se me ocurrió pedirles a los mismos que replicaran el diseño utilizando Open Office Dibujar, una herramienta que en líneas generales para los que no la conocen permite realizar varias de las cosas que hacemos en Corel.

La consigna indicaba que lo único que podían importar era el Logo Ceibal y que todo lo demás debía ser creado por el estudiante utilizando las herramientas de forma y algún pequeño truco como soldar, recortar o modificar puntos al convertir un objeto a curvas (algo que no conocían en ese momento).

La gran mayoría se puso hacerlo, sin pensar en analizar el trabajo y ante la primera dificultad decidieron que no se podía hacer, que era muy difícil, etc. etc.
Ante esa realidad decidí Yo mismo hacer el trabajo para demostrar que era posible y de paso explicarles que lo primero que había que hacer era observar y si uno detecataba por ejemplo que no era un círculo sino cuatro sectores no iba a tener problemas al pintar de diferentes colores o que por ejemplo a la forma de corazón en curva que nos ofrece el programa bastaba con quitarle dos nodos para que fuese recto, etc.

Les dejo la pieza para que vean como quedó.
Lo importante más allá del resultado era demostrarles que si bien la herramienta era importante, el esfuerzo y el estar convencidos de que se puede hacer tiene al menos el mismo valor.

Archivo creado en Open Office Dibujar

Posted in ArTIC, Diseño Gráfico, Docencia, Plan ceibal | Etiquetado: , , , | 2 Comments »

XXI Semana del Corazón

Posted by sergiopalay en septiembre 24, 2012

Aquí les dejo un afiche realizado para la empresa Workgym con consejos para mejorar nuestra salud:

Posted in Diseño Gráfico | Etiquetado: , , | Leave a Comment »

Creación de un Avatar o personaje Manga

Posted by sergiopalay en junio 29, 2012

Buscando crear un Avatar para nuestro nuevo proyecto Ten10 … fue que me topé con esta página.


Realmente es muy sencillo crear un personaje estilo manga. La biblioteca muestra una gran cantidad de caras, cabellos, ojos, orejas, bocas y accesorios a los cuales podemos de cambiar de color e incluso de tamaño a gusto.
A la hora de guardar el trabajo tenemos la clásica opción de Imprimir Pantalla y recortar luego o si lo preferimos podemos hacer que el avatar nos llegue por e-mail.

Ahora si lo que quieren es realizar una avatar de cuerpo completo pueden probar con este otro sitio que como verán también tiene gran cantidad de elementos disponibles.

Posted in ArTIC, Diseño Gráfico, Docencia | Etiquetado: , , , , | Leave a Comment »

Trabajo con trenes

Posted by sergiopalay en mayo 31, 2012

Interacción entre Open Office Dibujar y Procesador de Texto

1) En Open Office Dibujar
Dibujar un tren (o la locomotora), pintar y remarcarcar los bordes. Añadir un fondo.

2) En Open Office Procesador de Texto
Copiar la letra de la canción

El trencito del Oeste

Pasajeros al tren!!!
Talán, talán!!

Con su chucu, chucu, chucu
Que resuena en la pradera
Va trepando la ladera nuestro tren
Uh, uh, uh…
Su silbato espanta vacas
Su ruidito de matraca
Sus vagones de hojalata de sartén
Chucu, chucu, chucu…
Galopando por las vias
Entre brincos de alegria
Se dirige resoplando a la estacion
Uh, uh, uh…
A su paso los ganados
Que se le han encariñado
Le hacen coro repitiendo su canción
Me, me, me…

ESTRIBILLO

El trencito del oeste
Va corriendo por el riel
Escribiendo con el humo
En un cielo de papel (BIS)

Con su chucu chucu chucu
Que flota en la lejanía
Derrochando su energía por llegar
Uh, uh, uh…
Y si encuentra una subida
Difícil de ser vencida
Maquinista y pasajeros a empujar
A empujar!!
Con calma o con ventolina
Entre valles y colinas
Va cortando la neblina su mechón
Chucu, chucu, chucu…
Al llegar a los andenes
Donde duermen otros trenes
Le hacen eco los viajeros al pistón

3) Volver a Open Office Dibujar
a) Seleccionar todo el dibujo
b) Editar –> Copiar

4) Regresamos al Procesador de texto
a) Editar —> Pegar
b) Acomodar la imágen con el texto y si es necesario cambiarla de tamaño
c) Opcional: Cambiar los tipos de letras y colores de los párrafos

5) Guardamos el trabajo con el nombre de los autores.

Corolario

Aprovechando que tenemos el dibujo realizado vamos a exportarlo y dejarlo como fondo de escritorio.
1) Archivo
2) Exportar (Marcó la casilla selección para que sólo exporte el dibujo y no toda la hoja)
3) Cambiamos el formato de archivo a JPEG y lo guardamos en el escritorio con el nombre de Fondo.
4) Cerramos el programa y buscamos el archivo en el escritorio
5) Apretamos el botón derecho y elegimos la opción “Establecer como fondo de Escritorio”.

Corolario 2: Trabajaremos en Scratch o Impress con el mismo tema

Posted in ArTIC, Diseño Gráfico, Docencia | Etiquetado: , , , , , , | 3 Comments »

TBO, una herramienta para crear comics básicos

Posted by sergiopalay en mayo 25, 2012

TBO es una herramienta por demás útil a la hora de crear Comics en poco tiempo. Si, es cierto que no tiene herramientas de dibujo (que servirían para ampliar el decorado) pero hay disponibles una buena cantidad de personajes cuyos ojos y boca pueden ser configurados.
Además se pueden incluir diálogos y textos.

Es ideal para utilizar con alumnos de primer año, como forma de iniciaarlos en el comic para luego si pasar a una herramienta más avanzada.
Se puede descargar del siguiente enlace, y funciona únicamente para Ubuntu.

En cuanto al manejo, es realmente sencillo. Basta con dibujar los cuadrados correspondientes a las viñetas y hacer doble clic en las mismas para poder editarlas y agregarles los diálogos y personajes.

Posted in ArTIC, Diseño Gráfico, Docencia | Etiquetado: , , , | 4 Comments »

Copiando un dibujo animado en Open Office dibujar

Posted by sergiopalay en mayo 4, 2012


1) Elegir una imágen en google de un dibujo animado que sea sencillo de replicar (Puede ser Mickey, Dora, Kitty, Los Simpson, Bob Esponja, etc.)

2) Pegar en Open Office Dibujar

3) Con las herramientas de formas tratar de replicar el dibujo

4) Agregar un fondo (rectángulo y enviar detrás) con color degradado

5) Escribir el nombre del personaje

6) Escribir los nombres de los autores

7) Guardar el dibujo creado

Vale calcar o superponer las formas a la imagen original !!!

Les dejo el archivo que hice yo eligiendo a Mickey

Posted in ArTIC, Diseño Gráfico, Docencia | Etiquetado: , , , , | 4 Comments »

Dibujando una mesa de pool y de fútbolito

Posted by sergiopalay en abril 30, 2012

Otra práctica en Open Office Dibujar para alumnos de primer año. Lo interesante aquí pasa por armar las buchacas de la mesa de pool y trabajarr con degradados.

Les dejo el archivo para que vean como se hizo.

Posted in Diseño Gráfico, Docencia, Ofimática | Etiquetado: , , , , , | Leave a Comment »

Creamos un ludo con Open Office Dibujar

Posted by sergiopalay en abril 25, 2012

Les dejo una linda práctica para realizar en Open Office Dibujar. Se trata de armar el juego del ludo o parchis.

Es muy sencillo, de acuerdo al grado de destreza del alumno le podemos solicitar que agregue el fondo, las fichas o incluso los dados 3D.

La cantidad de cuadrados es opcional. Que se diviertan. Este es el archivo.

Posted in Diseño Gráfico, Docencia | Etiquetado: , , , , | Leave a Comment »

La Mandala: Crear líneas curvas con líneas rectas

Posted by sergiopalay en abril 25, 2012


 

Rápida y curiosa práctica en Open Office Dibujar en la que podemos crear líneas curvas con líneas rectas. Ideal para realizar con estudiantes de primer año. Después pueden seguir la práctica copiando y pegando el dibujo en Gimp y pintándolo de diferentes colores.

Además pueden si quieren cambiar el orden o el tipo de ejes. A jugar con la imaginación … no hay excusas

Posted in Diseño Gráfico, Docencia, Ofimática, Plan ceibal | Etiquetado: , , , , , | 1 Comment »

Buscando imágenes con licencia Creative Commons

Posted by sergiopalay en abril 24, 2012

Les dejo un nuevo videotutorial que muestra como encontrar imágenes en Flickr.com con Licencia Creative Commnos para que podamos utilizar tranquilos en nuestros trabajos.

De paso les muestro como hacer un pequeño fotomontaje. ¿Se animan a hacer uno parecido? Pueden agregar texto.

Posted in Diseño Gráfico, Diseño Web, Docencia, LNG | Etiquetado: , , , , , , | Leave a Comment »

Videotutorial de apoyo para la Práctica 1 en LNG

Posted by sergiopalay en abril 18, 2012


Les dejo un pequeño video de como hacer la tarea asignada. Es orientativo pero bastante cercano a lo que tienen que hacer. Recomiendo verlo a pantalla completa. Por cualquier duda, manden comentarios. Saludos

Posted in Diseño Gráfico, Docencia, LNG | Etiquetado: , | Leave a Comment »

Sencillos dibujos con formas para realizar en clase

Posted by sergiopalay en abril 9, 2012

Aquí les dejo algunos dibujos más que sencillos para realizar en clase. La idea es en el caso del liceo trabajar con Open Office dibujar, aunque como verán los modelos son aplicables para cualquier otro programa que maneje formas.

Se busca profundizar y afianzar conocimientos en copiar y pegar, rellenos, enviar adelante, enviar atrás, etc.

Van los archivos castillo

 

 

Posted in Diseño Gráfico, Docencia | Leave a Comment »

Crear una imagen en 3D utilizando GIMP

Posted by sergiopalay en abril 6, 2012

Foto: El coleccionista de instantes

Breve tutorial publicado hace algún tiempo en la revista Comunidad de Aprendizaje, para crear una imagen 3D con el  programa GIMP.

Aquí les va la práctica en PDF para realizar en clase convertirimagen3d.

Posted in Diseño Gráfico, Docencia | Leave a Comment »

Sencillo Dibujo en 3D con Open Office Dibujos

Posted by sergiopalay en marzo 29, 2012

Un ejemplo muy sencillito para introducir en el dibujo 3D a los alumnos de primer año. Es muy fácil, basta con dibujar el objeto en 2D y luego jugar con las herramientas que se encuentran sobre la derecha de la barra de dibujo. En especial para armar la manzana dibujamos un círculo y elegimos Efectos -> En cuerpo de rotación 3D … el cabo queda para Uds …

Posted in Diseño Gráfico, Docencia | Etiquetado: , , , | Leave a Comment »

Open Office Dibujos … El pirata y su barco

Posted by sergiopalay en marzo 24, 2012

Se trata de un trabajo realizado con alumnos de 1º año en el cual se procede a dibujar el barco, el pirata, la isla y la palmera, todo utilizando formas (algunas básicas y otras un tanto más complejas)

Luego lo que se hace es colorear utilizando diversos elementos de relleno como gradientes y texturas.

Por último se utilizan imágenes de fondo para simular el agua y la tormenta. La práctica permite asimilar conocimientos de copiar, pegar, orden, rotar y efectos de relleno.

En una segunda etapa el dibujo puede ser pasado a Impress y hacer que el barco se mueva.

Se elige trabajar en escala de grises simplemente para darle un mayor ambiente de oscuridad al dibujo.

Posted in Diseño Gráfico, Docencia, Ofimática, Plan ceibal | Etiquetado: , , | Leave a Comment »

Actividad con selecciones y filtros utilizando GIMP

Posted by sergiopalay en marzo 17, 2012


Si bien GIMP no es mi editor de imágenes preferido (ni cerca) el mismo se encuentra disponible tanto en las XO azules como en las máquinas de sala de informática. Es por eso que lo utilizamos para realizar esta interesante práctica junto con el docente de Visual y Plástica.

Aquellos que ya conocen Photoshop o similares verán que a la larga van encontrando las mismas herramientas. Tan sólo hay que tener un poco de paciencia ….

Posted in Diseño Gráfico, Docencia | Etiquetado: , , , | Leave a Comment »

Crea caricaturas con Ultimate Flash Face

Posted by sergiopalay en marzo 6, 2012

Hace tiempo que esta aplicación online está disponible, pero la verdad es que por más que busco, no encuentro otro que lo supere en calidad y sencillez.

Estoy hablando de Ultimate Flash Face, una web  (se que circula por ahí una versión de escritorio) que permite hace retratos bastante realistas de las personas.

Tenemos a nuestra disposición una interesante biblioteca de cabezas, cabellos, narices, ojos, cejas, barbas, lentes y mentones, que nos permiten personalizar nuestra caricatura a gusto.
Además cada uno de los elementos pueden ser manipulados en cuanto a su tamaño y posición de forma tal que las cantidades de combinaciones son más que suficientes.

Al terminar el dibujo podemos enviárnoslo por correo, guardarlo en el servidor o llevárnoslo a nuestro disco dura apretando la tecla imprimir pantalla.

Una aplicación ideal para crear nuestra propia imagen de perfil o avatar en redes sociales o comenzar a descubrir el mundo de las caricaturas.

Posted in Diseño Gráfico, Docencia, Internet | Etiquetado: , , | Leave a Comment »

Realizar graffitis en Open Office Dibujar

Posted by sergiopalay en marzo 5, 2012

Se trata de una práctica creada en el Liceo 39 en conjunto con la asignatura Visual y Plástica (Prof. Julio Giroldi). La misma consiste en convertir un texto a curvas, deformarlo mediante la manipulación de nodos y luego colorearlo.
Se busca afianzar los conceptos de graffitis vistos en Visual y Plástica y acercar a los alumnos al uso de herramientas gráficas.
El programa elegido fue Open Office Dibujar el cual se encuentra disponible en las máquinas de Sala del Uruguay como en las XO 1.5 (azules)

Posted in ArTIC, Diseño Gráfico, Docencia, Ofimática | Etiquetado: , , , , , | 2 Comments »