miércoles, 22 de junio de 2016

Diseño lógico de una red con Packet Tracer

"Cisco Packet Tracer de Cisco es un programa de simulación de redes que permite a los estudiantes experimentar con el comportamiento de la red y resolver preguntas del tipo «¿qué pasaría si...?». Como parte integral de la Academia de Networking de Cisco, Packet Tracer provee capacidades de simulación, visualización, evaluación y colaboración y facilita la enseñanza y aprendizaje de conceptos básicos de redes" https://es.wikipedia.org/wiki/Packet_Tracer

Siguiendo los tutoriales que relaciono a continuación, nos iniciaremos en el manejo del programa y entenderemos cómo se configura este ejemplo de red.

Curso de redes desde cero:
  1. Curso de Redes desde cero (1). Descargar e instalar Packet Tracer 2.3.3 en español
  2. Curso de Redes desde cero (2). Descargar e instalar Cisco Networking Academy 4.0 en español
  3. Curso de Redes desde cero (3). Iniciando Packet Tracer, Introducción 
  4. Curso de Redes desde cero (4). Explicación código binario, hexadecimal, octal, y decimal (1)
  5. Curso de Redes desde cero (5).Explicación código binario (2)
  6.  Curso de Redes desde cero (6).Explicación Mascara de Subred
  7. ...


Si no queremos hacer el curso completo, tenemos estos otros tutoriales.

viernes, 17 de junio de 2016

La animación quiere contar la verdad

http://cultura.elpais.com/cultura/2016/06/03/actualidad/1464955541_575596.html

Rocío Ayuso / Tommaso Koch
Los Ángeles / Madrid 
“No es precisamente Disneylandia”. Así resumió la prensa alemana la edición de este año del prestigioso Festival Internacional de Cine de Animación de Stuttgart. Al fin y al cabo su ganador, Kaputt (Broken), de Volker Schlecht, fue un documental animado sobre los trabajos forzados de las presas políticas de la Alemania del Este. Y el certamen incluyó obras como Estate (Summer), de Ronny Trocker, que daba vida a la crisis de los refugiados animando una fotografía que Juan Medina tomó para Reuters en la playa canaria de Gran Tarajal. Como describió a EL PAÍS el director del festival, Ulrich Wegenast, la muestra no es más que el espejo de una tendencia cada vez más presente en el campo de la animación, cargada de contenido social como nunca. Tiene incluso nombre, animadoc, neologismo que describe los dibujos más allá del cine infantil. “En imagen real se siguen produciendo grandes documentales pero la animación ofrece otra forma de pensar, de ver el mundo, que en ocasiones puede funcionar mejor”, explica Schlecht.
Su opinión coincide con otro de los cineastas más conocidos en esta fusión entre la fantasía animada y el realismo documental: Ari Folman, ganador del Globo de Oro a la mejor película extranjera con Vals con Bashir (2008). “Solo fui capaz de contar una historia así con animación”, aseguró a este diario. No tenía experiencia previa en ese campo pero en los dibujos encontró el vehículo para narrar un “mosaico de recuerdos” y vivencias demasiado personales para él y para toda su generación sobre la incursión israelí en Líbano en 1982 que llevó a la matanza de Chabra y Chatila. Un ejemplo que ahora sigue 25 April, de Leanne Pooley, sobre la cruenta batalla de Galípoli en la Primera Guerra Mundial.

A la vez que los proyectos, se multiplican también fórmulas y ocurrencias. Así, Life, animated mezcla animación e imagen real para contar cómo las películas de Disney han ayudado al joven Owen Suskind a luchar contra su autismo. Y otro híbrido, The Wanted 18, narra el intento de una comunidad palestina por sacar adelante una lechería con sus 18 vacas, a escondidas del ejército israelí: la historia se desliza entre entrevistas, dibujos, animación en stop-motion y material de archivo. El filme fue incluso enviado a representar a Palestina en los Oscar, aunque no consiguió la nominación.



Last Day of Freedom, en cambio, sí llegó a la gala. Compitió, este año, por el Oscar al mejor documental, contando gracias a los dibujos las trágicas vivencias de Manny y Bill Babbitt. Una odisea inquietante entre el infierno de Vietnam, la esquizofrenia y dilemas morales salvajes. “La animación permite acercar al público a una historia que le molesta y que de otra manera rechazaría”, explicaba a este diario Nomi Talisman, codirectora del corto, que nació como proyecto de videoarte. Y destacaba otra clave del género: poder mezclar a su antojo la entrevista con Bill con la recreación dibujada de sus recuerdos. La misma idea que permite a Life, animated mostrar en la pantalla miedos y pensamientos de su protagonista.

“El mundo no es blanco o negro, justo o equivocado. Manny hizo algo horrible, pero volvió de una guerra y no recibió ningún apoyo. Un tercio de los encerrados en el corredor de la muerte en EE UU son exveteranos. ¿A qué se debe? ¿Qué podemos hacer?”, plantea Talisman sobre su filme. Y se muestra convencida de que los dibujos impacten al público al igual que una imagen real. Así fue, desde luego, con Vals con Bashir. Y Folman se prepara ahora adaptar a la animación el Diario de Ana Frank. 
Otra joven icónica protagoniza He Named Me Malala, que aspira a dibujar una huella en el espectador con el periplo de la más joven Nobel de la Paz de la historia.  El documental incluye varios fragmentos animados, tanto que, aunque no fuera más allá de la preselección en los Oscar, obtuvo el Annie (los premios más prestigioso de la animación de EE UU) al mejor proyecto especial.


Eso sí, los llamados animadocs no siempre tienen que ser tan dramáticos. Bastien Dubois aunó en su cortometraje candidato al Oscar, Madagascar, Carnet de Voyage (2010), sus dos pasiones, el viaje y la animación, documentando su paso por la isla con sus dibujos. “Entiendo que lo llamen documental porque tiene muchos elementos reales pero al final es una fantasía que más que educarte te transporta a otros sitios”, describe de una técnica que ha llevado a la televisión con la serie Faces from Places.
Al fin y al cabo, la idea de fundir el mundo animado y el documental siempre ha existido. Schlecht cita otros autores como el sudafricano William Kentridge o el checo Jan Svankmajer -especialmente su análisis de la exChecoslovaquia en The Death of Stalinism in Bohemia (1990)- como sus referentes. Y su proliferación la achaca a que las nuevas generaciones de cineastas son más afines al cómic y “buscan nuevas formas de contar una historia más allá de la imagen real”. Es decir, lo mismo que logró Winsor McCay, aunque 90 años antes. El considerado el padre de los dibujos animados documentó en 1918 El hundimiento del Lusitania, un barco destruido en el Atlántico por torpedos alemanes. El proyecto le costó dos años. Y 25.000 dibujos a mano.

Europa no está tan animada


Un reciente estudio del Observatorio Audiovisual Europeo ha intentado resumir en unas doscientas páginas llenas de datos el estado de la animación en Europa. Entre otras cifras:
El 14,7% del público que acudió al cine en Europa entre 2010 y 2014 (último dato disponible) fue a ver un filme de animación.
A lo largo de 2014, se estrenaron 188 películas de animación en la UE, de las cuales 107 producidas en el viejo continente. Sin embargo, apenas lograron una cuota de mercado del 20%, frente al 71,6% para los 44 filmes de EE UU.
Las películas de animación europeas ganaron más ingresos fuera de sus fronteras: en media, solo el 36,3% de la recaudación procede del país de origen del filme.
España fue el quinto mercado europeo (el décimo a nivel mundial) por asistencia a filmes de animación, con 15,44 millones de entradas vendidas. El primero en Europa es Reino Unido, con 33,46 millones.

martes, 7 de junio de 2016

Logotipo de mapa de bits a dibujo vectorial



El original que queremos convertir en dibujo vectorial es este de la imagen.

El vídeo de cómo se hace está en otro artículo también :diseño de logos en photoshop https://www.youtube.com/watch?v=zDBrGqpUHoI

jueves, 2 de junio de 2016

Animación y juegos con Scratch

videoSeguimos animando objetos, pero ahora con Scracht. Con los tutoriales que relaciono a continuación podemos ir entendiendo el funcionamiento de este programa. Si no lo queires instalar en tu ordenador, tienes la versión on-line en https://scratch.mit.edu/  Date de alta y comienza con las prácticas. Os dejo un vínculo a una animación que realicé para un curso: https://scratch.mit.edu/projects/105111607/

Ejercicios que podemos ir realizando en clase:

Animación:

Juegos iniciales:

lunes, 30 de mayo de 2016

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

lunes, 23 de mayo de 2016

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:




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

Formatos de papel + Tutorial Básico y Avanzado de Inkscape

Recuerda que el tipo de papel normalizado que solemos utilizar en los centros escolares para tomar apuntes es el A4 (210 mm x 297 mm).
El A5 es la mitad de un A4, el A6 es la mitad de un A5...etc.
El A3 es el doble de un A4, el A2 es el doble de un A1...etc.

En Inkscape podemos seleccionar el tipo de papel normalizado que queremos utilizar al dibujar, o elegir un tamaño personalizado.

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