08-Entorno digital - Educación Plástica y Visual

Logomakr: App Web de Diseño, fácil de usar y Gratis!

amontero — Tue, 23 Feb 2021 15:36:56 +0000

Logomakr: Web App para trabajar Diseño Gráfico en el Aula

Logomakr es una aplicación web muy interesante para trabajar con los alumnos los principios básicos del diseño gráfico, la creación de logotipos, imagen de marca u otro tipo de diseños.

Es una herramienta fácil de entender, con una interfaz muy limpia e intuitiva y totalmente gratuita. Tiene función de exportación premium (de pago) para archivos vectoriales SVG o archivos de imagen PSDs, PNGs o JPGS de alta resolución. La opción gratuita solo permite descargar pngs de resolución ajustada (media baja), pero creo que es más que suficiente para un uso educativo.

En el siguiente vídeo os explico a grandes rasgos como funciona y lo que nos aporta.

Visitar web de Logomakr

Más recursos para Plástica!

Actividades

Láminas de Dibujo Técnico

TIC

Genially

La entrada Logomakr: App Web de Diseño, fácil de usar y Gratis! se publicó primero en Educación Plástica y Visual.

Ilustra tus proyectos con unDraw

amontero — Thu, 03 Sep 2020 11:19:58 +0000

Hoy os quiero compartir un recurso muy interesante que puede resultar útil tanto para alumnos como para docentes.

Ilustraciones Pro para tus proyectos.

Cuando estamos trabajando en algún proyecto y necesitamos diseñarlo y maquetarlo para que quede vistoso, uno de los problemas que surge es poder añadir imágenes que se adapten a nuestro diseño, que mantengan una unidad estética y sean de libre uso.

¿Qué ofrece unDraw?

Con unDraw podemos encontrar la solución a este escollo. Esta web nos ofrece un gran banco de ilustraciones. Veamos que características lo hacen tan interesante:

Licencia libre de uso.
Gran cantidad de ilustraciones.
Podemos adaptar el color de las ilustraciones fácilmente para que se adapte mejor a nuestro proyecto.
En el margen superior derecho de la web, junto al botón de búsquedas, tienes un cuadrado para abrir el selector de color. Puedes hacer modificaciones y se verán de forma automática en las ilustraciones que tienes en pantalla.
Se pueden descargar las ilustraciones en formato PNG de buena calidad o en formato vectorial SVG. Con esta última opción podemos realizar adaptaciones de las ilustraciones. Y esta es una opción contemplada en la propia licencia de uso.
Podemos realizar búsquedas por temáticas.

Licencia de uso de unDraw.

En cuanto a su licencia de uso, en su web nos dice (traducción de Google):

Todas las imágenes, recursos y vectores publicados en unDraw se pueden utilizar de forma gratuita. Puede utilizarlos para fines comerciales y no comerciales. No es necesario pedir permiso al creador ni dar crédito al creador ni a unDraw.

Más precisamente, unDraw le otorga una licencia de derechos de autor mundial no exclusiva para descargar, copiar, modificar, distribuir, ejecutar y usar los activos proporcionados por unDraw de forma gratuita, incluso con fines comerciales, sin el permiso o atribución del creador o unDraw. Esta licencia no incluye el derecho a compilar activos, vectores o imágenes de unDraw para replicar un servicio similar o de la competencia, en cualquier forma o distribuir los activos en paquetes o de otra manera. Esto se extiende a formas automatizadas y no automatizadas de vincular, incrustar, raspar, buscar o descargar los activos incluidos en el sitio web sin nuestro consentimiento.

Francamente, unDraw me parece una aportación interesante para cualquier persona que este editando un proyecto digital de cualquier tipo. Espero que os resulte útil!

La entrada Ilustra tus proyectos con unDraw se publicó primero en Educación Plástica y Visual.

Pixel Art to CSS: Animación en píxeles.

amontero — Sat, 29 Aug 2020 12:19:04 +0000

Os quiero compartir una web que me parece genial para trabajar la animación fotograma a fotograma mediante pixelart. Es muy sencilla, intuitiva y totalmente gratuita. La web es Pixel Art to CSS.

Nos permite crear un GIF del número de píxeles que queramos y colorearlos uno a uno o con el clásico bote de pintura. Cuando queramos animar, podemos duplicar fotogramas ya trabajados e incluso desplazarlos. Podemos ir visualizando el resultado de nuestra animación y exportarlo como GIF o CSS cuando esté finalizado.

Os comparto una explicación para hice para mis alumnos, para que podáis ver mejor como funciona (aunque se me pasaron algunas características).

Tened en cuenta lo siguiente:

A mi me guarda todo lo que hago, supongo que gracias a la IP, pero no os confiéis y descargar lo que tengáis hecho siempre que podáis.
Lo que dejéis en el color gris que sale al principio en el dibujo será transparente cuando exportéis el resultado.
Cuando uso el desplazamiento de dibujo se desplaza todo lo dibujado. Si dibujáis un fondo e intentáis mover un muñeco, también se moverá el fondo. Si queréis dibujar un fondo, una solución sería dibujar el fondo al final, cuando ya hayas animado el objeto.

Propuesta de Actividad: Creación de GIF animado

ACTIVIDAD: Creación de GIF animado con temática libre. La idea es entender y practicar con los principios básicos de la animación fotograma a fotograma.

Se puede trabajar desde PC, tablet o móvil.
Según tu destreza o grado de implicación, puedes asumir distintos grados de complejidad. La actividad puede resultar más complicada en función del grado de detalle de la representación, del tamaño de la imagen en píxeles o el tipo de animación.
Recuerda que cuando hayas finalizado tu animación puedes exportarla a GIF con el botón rojo de la esquina inferior izquierda.

OBSERVACIÓN: No he tenido problemas a la hora de guardar y retomar trabajos pese a que la web no pide registro. Los trabajos se conservan, no tengo claro si por cookies o por Ip. No obstante, si quieres tomar precauciones extra, tenemos la opción de exportar nuestro trabajo a modo de código de texto. No confundas esta exportación con la de guardar el GIF final. Esta exportación es para conservar trabajos en curso a modo de código.

En el botón «LOAD» accederás a dos botones que permiten importar o exportar trabajos en curso. Para almacenar una copia de seguridad de tu trabajo copia el código de texto que aparece y pégalo en un archivo de texto. Para importar deberás hacer la acción inversa: usando la opción importar, copia el código que guardaste y pégalo.

Estos son algunos resultados de mis alumnos.

La entrada Pixel Art to CSS: Animación en píxeles. se publicó primero en Educación Plástica y Visual.