jueves, 19 de mayo de 2016

Videotutoriales Diseño Gráfico con Photoshop e Inkscape


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

martes, 17 de mayo de 2016

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.

lunes, 16 de mayo de 2016

Tutorial Básico y Avanzado de Inkscape

Busca en https://inkscape.org el tutorial básico y comprueba que ya sabes hacer todas las prácticas propuestas en él.

Si no supieras realizar alguna, practícalas en casa. https://inkscape.org/es/doc/tutorials/basic/tutorial-basic.es.html

 Ahora abre el tutorial avanzado y practica los ejercicios propuestos en una hoja de Inkscape en blanco dividida en tantas partes como ejercicios tengas que hacer. https://inkscape.org/es/doc/tutorials/advanced/tutorial-advanced.es.html

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.

Planifica y exhibe los horarios y fechas

Planifica y exhibe los horarios y fechas. Consulta la página http://www.diariosdelanube.com/2013/05/crea-un-calendario-de-eventos-para-tu.html
y sigue las instrucciones para añadir el gadget en el espacio derecha de tu blog.

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: ...

jueves, 12 de mayo de 2016

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.




jueves, 5 de mayo de 2016

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.

martes, 3 de mayo de 2016

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.
http://imartinez8899.blogspot.com.es/2012/11/entendiendo-megapixeles-tamano-de.htmlc) 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.