Prueba práctica de Dibujo Vectorial con Inkscape

Tarjeta de visita con forma de avión

Valoraré la prueba puntuando los siguientes logros a la hora de imitar un folleto de publicidad a una sola tinta:

1. Elección del tamaño de papel adecuado.
2. Elección de un color de fondo no transparente adecuado (el pedido en clase).
3. Realizar correctamente los dibujos en la capa inicial y crear otra capa para los textos.
4. Texto escrito y editado correctamente, sin que falten detalles de información de lo que se pretende transmitir, y con tu nombre en lugar de el de la persona que viene en el ejemplo aportado como modelo, para saber de quién es el trabajo (Tamaño de letra adecuado, uso de la negrita, color idéntico al del logo...).
5. Correcta realización de los triángulos de la figura (formas, grosores, tipos de línea y rellenos correctos).
6. Correcta realización de cuadrados y rectángulos (formas, grosores, tipos de línea y rellenos correctos).
7. Correcta realización de círculos y arcos (formas, grosores, tipos de línea y rellenos correctos).
8. Utilización de la orden copiar - pegar.
9. Utilización de la orden agrupar.
10. Copiar una de las ruedas y pegarla en grande en la esquina inferior izquierda utilizando una transparencia del 50%.

Gif animado con Inkscape y/o Gimp

1. Animación de ruedas dentadas:https://docs.google.com/document/d/1tN4poWRBNKY03HQI3xMeXpA7fXg0X7kc9HKBjvwjcnI/edit?pref=2&pli=1

Este tutorial está hecho para Inkscape 0.46
Si usáis 0.48 se generarán las ruedas dentadas en Extensiones/Generar/Ruedas dentadas.
 

1. Video Tutorial de Inkscape en Español 9: Dibujar y animar un persona: https://www.youtube.com/watch?v=pz7WEwfsfmc 

Siguiendo este último tutorial creé este gif animado parecido a Packman. Es mi primer gif y cometí el error de seleccionar un tamaño de papel demasiado pequeño, por lo que en un momento dado se me sale de él y queda cortado por abajo y un poco por un lateral.

Quería conseguir el efecto de una pelota con cara que bota en el suelo.
Dejo aquí también los gifs creados por mis alumnos:

Videotutoriales Diseño Gráfico con Photoshop e Inkscape

Tienes que ver los siguientes tutoriales e intentar practicar esos ejercicios con nuestro programa Inkscape:

• diseño de logos en photoshop https://www.youtube.com/watch?v=zDBrGqpUHoI 
• Tutorial photoshop cs5- // Diseño Partículas y Luz / https://www.youtube.com/watch?v=OC_t_MGp_zY
• INKSCAPE 35 - Como hacer efecto neon en texto.  https://www.youtube.com/watch?v=Uoda55qTxrk 
• INKSCAPE 32 - Efecto Espirógrafo. https://www.youtube.com/watch?v=dQZ1t-hibo8#t=3.5475

App Inventor

Consultar información de esta web para la parte de Programación.
http://recursostic.educacion.es/observatorio/web/ca/software/programacion/1090-uso-de-appinventor-en-la-asignatura-de-tecnologias-de-la-comunicacion-y-la-informacion

Inkscape - Trabajando por capas

Los objetos pueden organizarse utilizando planos invisibles denominados capas.  

Quizá en un diseño sencillo no importa tener todo en una sola capa, pero cuando hay muchos trazos, textos, imágenes, se vuelve complicado el manejo de todos ellos. Por eso, se puede crear una capa con fotos, otra con textos, otra con trazos dibujados a pincel...

Hay que dar nombre a cada capa y asegurarse de que cuando comienzas a colocar los elementos, lo haces en la capa adecuada.

Podrás comprobar que puedes elegir ver sólo una capa, ocultar una capa o varias, bloquear alguna capa para que no haya alteraciones...

Hoy seguiremos el siguientes tutorial  para aprender a separar en capas los elementos de un dibujo.

http://recursostic.educacion.es/observatorio/web/ca/software/software-general/409-trabajando-con-capas-en-inkscape

Añádele al dibujo que hagas, similar a este con la foto que tu quieras, una capa con textos relacionados al dibujo.

Imágenes vectoriales y de mapa de bits

En el siguiente artículo de Wikipedia teneis ampliación de esta información https://es.wikipedia.org/wiki/Gr%C3%A1fico_vectorial

Existen dos categorías de imágenes digitales:

• imágenes de mapa de bits (también denominadas imágenes raster): son imágenes pixeladas, es decir que están formadas por un conjunto de puntos (píxeles) contenidos en una tabla. Cada uno de estos puntos tiene un valor o más que describe su color. Para una letra H escrita en negro sobre blanco elaborada con una calidad de 1 bit en cada pixel, tendremos una información de cada pixel que sera blanco (valor 1) y negro (valor 0). La letra está formada por una cuadrícula de 10 casillas sobre el eje X y 11 casillas sobre el eje Y, por lo que cada letra necesitaría 110 bits. Si pasamos a una calidad de 2 bits que nos permite cuatro tipos de información que son 00, 01, 10 y 11 tendremos cuatro tipos de colores que son blanco (11) negro (00) gris claro (10) y gris oscuro (01). Ilustro esta explicación con una imagen.

Imagen vectorial e Imagen de mapa de bits

• imágenes vectoriales: las imágenes vectoriales son representaciones de entidades geométricas tales como círculos, rectángulos o segmentos. Están representadas por fórmulas matemáticas (un rectángulo está definido por dos puntos; un círculo, por un centro y un radio; una curva, por varios puntos y una ecuación). El procesador "traducirá" estas formas en información que la tarjeta gráfica pueda interpretar. Referencia: "http://es.ccm.net/contents/736-imagenes-vectoriales-y-de-mapa-de-bits".

Diseño de un folleto de la compra

Diseña un folleto de supermercado de 2 páginas con nombre de supermercado inventado (comprueba que no exista, para que no te denuncien por derechos de nombre) imitando a los que nos meten en los buzones.

Doy en clase un folleto de ejemplo.

Tiene que incluir, nombre de la tienda, dirección, web, teléfono y algún producto en la 1ª página.

En la segunda tendrá el resto de los productos hasta 10.

Pongo en la imagen la 1ª hoja que yo diseñé.

Cuando termines, haces una impresión de pantalla y en Gimp recortas todo lo que no es el folleto. Guarda la imagen como .jpg y utilízala en la entrada de tu blog en la que cuentes lo que hemos hecho en clase.

Tipos de cámaras digitales

Detalla las características de cada una de las siguientes cámaras digitales incluyendo su imagen:

Compactas: ...

Bridge: ...

Reflex: ...

Evil o Mirrorless: ...

Arte Final

En este vídeo se explica el término en su contexto. 

El vídeo está realizado con SDQ Training Center
(investigar en un futuro este sistema para utilizarlo).

Tarjeta de visita de Panaderia & Cafetería con Inkscape

 

Hoy en día, el diseño gráfico está al alcance de todos con programas gratuítos como Inkscape.

La tarjeta de hoy la hemos copiado de una parte de una famosa tarjeta del estudio de diseño "Shields Desing", y la han intentado reproducir mis alumnos con el programa Inkscape. El resultado es el que veis.

Marcapáginas con Inkscape

Diseña un marcapáginas a dos caras de tamaño 21cm x 5cm, de manera que resulte
legible y estético.

Debe incluir la siguiente información:

Logotipo del centro - Dirección, tlf´s y correo electrónico - Espacio para escribir el horario de clases - regla graduada de 0 a 20 cm - Calendario de meses lectivos de este año del próximo curso -
Calendario de meses lectivos del próximo año del próximo curso.

Te dejo como inspiración el realizado por mí hace años.

Control práctico de Inkscape 19 de mayo (tema "Imagen Digital")

En la clase del día 5 de mayo se fijó el control práctico de este programa de de este tema para el día 19 de mayo. Queda aquí expuesta la fecha para los alumnos ausentes ese día.

Zoom digital

Lo realiza la cámara si tu se lo pides cuando se ha agotado el zoom analógico y genera los datos nuevos a partir de la interpolación de la información de los píxeles próximos. En la imagen se ve la coincidencia de los puntos en las dos imágenes y se ven los nuevos puntos con la información media de los que tienen próximos.

Puedes aumentar o mejorar esta información en Internet si lo deseas.

¿Imagen pixelizada?

Cuando hacemos una imagen con un tamaño de captura pequeño, podemos mostrarla en tamaño pequeño, se verá bien y ocupará un espacio pequeño de almacenamiento, pero si la queremos mostrar en tamaño grande, se apreciarán los puntos o pixels de la imagen.

Puede haber diferentes soluciones:

a) volver a hacer la foto con mayor tamaño.

b) si estamos al límite de tamaño, acercarnos mas al objeto a fotografiar.

c) utilizar el zoom analógico.

d) utilizar el zoom digital de la cámara o de algún programa de retoque que lo ofrezca, como último recurso para solucionarlo.

Pero ¿cómo saber cual es el tamaño ideal de captura? Dependerá del tamaño de impresión final de la foto, o del tamaño en que se vaya a mostrar en una pantalla de visualización de datos. Todo es relativo, por ello podemos hablar de una relación entre ambas, que se recomienda que sea de unos 300 ppp (pixels por pulgada). Para no tener que echar cuentas, hay tablas en Internet que nos ayudan a saber cuál debe ser el tamaño de captura para cada tamaño de papel. Puedes ver las recomendaciones en la tabla (se ve mejor si haces clic en ella). Recuerda que 1 pulgada = 2,54 cm.

Os dejo aquí una tabla similar a la anterior, pero en blanco y negro y en centímetros en vez de en pulgadas.

 

Tarjeta con foto y texto formateado - Restaurante cebra

Elige una foto para ilustrar una tarjeta de un restaurante o similar.

Yo realicé esta en clase con un grupo.