23 de septiembre de 2019

Gimp: propuesta de retoque digital


Con los amplios conocimientos que estáis adquiriendo en retoque digital de imágenes con GIMP, gracias a mis magníficos tutoriales, creo que seréis capaces de realizar la siguiente práctica vosotros solito@s.
En esta ocasión os propongo que realicéis un montaje similar al que acompaña esta entrada, para lo cual os proporciono las siguientes imágenes:

Mano con polaroid                 Paisaje

Gadget HTML/Javascript: previsión del tiempo


Como ya hemos visto, los gadgets son una buena forma de aportar nuevas funcionalidades a nuestro blog. En esta ocasión vamos a centrarnos en uno de los gadgets más versátiles de que disponemos, el gadget HTML/Javascript.

HTML y Javascript son dos de los lenguajes más utilizados en el diseño de páginas web. 

Este gadget nos permite incluir cualquier funcionalidad programada en HTML/Javascript por nosotros mismos o que hayamos encontrado por Internet.
Para incluir uno de estos gadgets, el procedimiento es el habitual. Debemos acceder al menú Diseño de nuestro blog y elegir la opción añadir un gadget en la zona que queramos, generalmente en la barra lateral, aunque también podemos colocarlo en zonas de cabecera o pie de página.
Tras el salto tienes todo el proceso.



En primer lugar acede a la pestaña de diseño en la configuración de tu blog, y haz clic en la barra lateral para añadir un gadget.

 El siguiente paso será seleccionar el gadget HTML/Javascript


En nuestro caso vamos a poner un gadget que nos de la previsión meteorológica en nuestra zona. Para ello accedemos a la siguiente página y configuramos las preferencias de nuestro gadget. Una vez hecho, pulsamos en el botón para generar el código HTML




Este trozo de código que acabamos de copiar, es el que debemos pegar en el cuerpo del gadget HTML/Javascript



Una vez pegado, sólo nos queda guardar los cambios.




20 de septiembre de 2019

Blogs: Modifica el aspecto de tu Blog



Blogger dispone de una herramienta llamada diseñador de plantillas que permite personalizar, de forma sencilla, el aspecto de un blog, principalmente su estructura, colores y fuentes. Es muy útil para aquellos usuarios con pocos o nulos conocimientos de CSS (hojas de estilo en cascada), que es el lenguaje que se utiliza en Internet para definir cómo se muestran los contenidos de los sitios web.

Si quieres saber como customizar el aspecto de tu blog, sigue leyendo el resto de la entrada



El diseñador de plantillas sólo está disponible para aquellos blogs de Blogger que usen alguna de las plantillas que proporciona la propia plataforma. Los usuarios que usen plantillas customizadas por terceros no podrán disfrutar, a priori, de la total funcionalidad de esta herramienta.


Antes de continuar recuerdo que, cuando estamos tratando con aspectos de diseño, siempre es aconsejable probar primero los cambios que deseamos aplicar en un blog de pruebas, que se puede crear gratuitamente desde el propio Blogger. En su defecto, también podemos guardar una copia de seguridad de nuestra plantilla actual por si necesitamos restaurarla si no nos gusta el resultado de nuestras modificaciones. Asimismo, es conveniente hacer uso de la previsualización o vista previa antes de ejecutar cualquier cambio.

Al diseñador de plantillas de Blogger se accede desde el apartado Plantilla del blog, haciendo click sobre Personalizar.






Opciones básicas del diseñador de plantillas

Plantillas: Seleccionar la plantilla (y la variante de la misma) que deseamos utilizar.





Fondo:
Para las plantillas Sencillo, Picture Window, Etéreo y Viajes: Escoger la gama de colores del blog, entre los temas sugeridos o de forma personalizada.
Para todas las plantillas: Utilizar una imagen de fondo, a elegir entre las distintas imágenes proporcionadas (que están clasificadas por categorías como abstracto, arte, negocios, celebraciones, etc.) o cualquier fotografía que nos guste y que subiremos desde nuestro PC.
Para las plantillas Fantástico, Filigrana y Etéreo: Escoger, también, la alineación (arriba a la izquierda, arriba centrada, arriba a la derecha, etc.) y el tipo de mosaico (repetición; con o sin él, vertical o horizontal) de la imagen de fondo.







Ajustar ancho: Seleccionar la anchura en píxeles del blog completo, y la de las barras laterales (izquierda y/o derecha).





Diseño: Elegir el diseño del cuerpo del blog (sin barras laterales, con barras a los dos lados, con una barra partida, etc.) y el del pie de página (una, dos o tres columnas). Los cambios que aquí realicemos se verán reflejados en el apartado "Diseño" del blog, desde el cual se pueden añadir y organizar los gadgets o artilugios de la plantilla.






Avanzado: Desde esta pestaña, se pueden personalizar los colores y las fuentes de diversos elementos del blog. Los elementos disponibles (que vemos a continuación) varían en función de la plantilla utilizada. La única característica común es la de Añadir CSS, un campo de texto en blanco desde el que podemos escribir código que afecte a otros aspectos del diseño del blog. El propio Blogger proporciona una explicación básica de lo que podemos hacer con CSS.





Opciones avanzadas del diseñador de plantillas

Página:

Texto: tipo, tamaño y color de la fuente o tipografía de los textos del blog.
Fondos: colores del fondo exterior, del fondo principal y del borde del blog.
Enlaces: colores de los enlaces, de los enlaces visitados y de los enlaces cuando se coloca el cursor del ratón encima de ellos.
Fondo de la columna lateral: colores del fondo y del biselado de la columna lateral del blog.
Pager: color del fondo del pager. El pager es el espacio de debajo de las entradas que contiene el índice del blog (página principal) y los botones de navegación (entradas antiguas/entradas recientes).
Pie de página: colores del fondo, del título, del texto y de los enlaces del pie de página del blog.

Cabecera:

Fondos: color del fondo de la cabecera del blog.
Título del blog: tipo, tamaño y color de la tipografía del título del blog.
Descripción del blog: tipo, tamaño y color de la tipografía de la descripción del blog.

Pestañas: los distintos apartados del menú de navegación del blog.

Texto de la pestaña: tipo, tamaño y color (sin seleccionar y seleccionado) de la fuente o tipografía de las pestañas del blog.
Fondo de las pestañas: color (sin seleccionar y seleccionado) del fondo, del borde, del biselado y del separador de las pestañas del blog.

Entradas:

Cabecera de fecha: tipo, tamaño y color del texto de la cabecera de fecha de las entradas, así como los colores del fondo y del borde de la misma.
Título de entrada: tipo, tamaño y color de la fuente o tipografía del título de las entradas.
Fondo de la entrada: colores del fondo, del biselado y del borde de las entradas.
Pie de página de la entrada: colores del texto, del fondo y de la sombra del pie de página de las entradas. En el pie es donde suelen aparecer el nombre del autor o autora del blog, las etiquetas utilizadas, etc.

Gadgets:

Título del gadget: tipo, tamaño y color de la fuente o tipografía de los títulos de los gadgets.
Texto de gadgets: tipo, tamaño y color de la fuente o tipografía de los textos de los gadgets.
Enlaces de gadgets: colores de los enlaces, de los enlaces visitados y de los enlaces cuando se coloca el cursor del ratón encima de ellos.
Fondo del gadget: colores del fondo, del biselado y del borde de losgadgets.

Imágenes:

Colores del fondo y del borde de las imágenes.
Color del texto de las leyendas de las imágenes.

Acentos:

Color de la línea del separador (línea vertical que separa las entradas de la barra lateral del blog).
Color del contorno de las etiquetas (línea horizontal que separa la cabecera del blog del resto de la página).




Recordad que, a medida que vayamos aplicando cambios, podemos ver el resultado de los mismos en la vista previa del blog que aparecerá justo debajo de las distintas opciones del diseñador de plantillas. Cuando estemos satisfechos, haremos click sobre Aplicar al blog para guardar las modificaciones.


14 de septiembre de 2019

Proyecto creación y mantenimiento de un Blog


Pues ya empezamos...

En este primer proyecto vamos a aprender a crear y mantener un blog que nos servirá como cuaderno digital para la clase de TIC. Vamos a utilizar una de las dos plataformas más utilizadas en la actualidad: Blogger.

Más adelante experimentaremos con los blogs creados en Wordpress, que es la opción más elegida por los internautas para crear sus blogs y páginas web.

Lo primero que necesitamos es una cuenta de Gmail, ya que Blogger es una plataforma de Google. También debemos disponer de algún servicio de almacenamiento online (Drive, Dropbox, OneDrive...).

Para este proyecto vamos a trabajar de forma colaborativa. Los alumnos que estuvieron en mis clases el curso pasado harán las veces de profes y explicarán a sus compañeros como funciona la plataforma, como crear el blog y como configurarlo de forma adecuada. Les explicarán como escribir entradas, incluir gadgets, subir vídeos, incrustar elementos de otras web, etc. 

De todas formas, podéis consultar los procedimientos básicos en el siguiente manual PDF o viendo los siguientes videotutoriales:

Publica tu primera entrada                  download 
Entradas extendidas                           download
Incluir enlaces en las entradas             download
Entradas con vídeo                             download
Incrustar recursos mediante HTML       download

El objetivo es realizar la actividad final, que es la que será evaluada. Podéis acceder a ella también en la pestaña superior del blog, en la página de Actividades, donde os iré dejando los proyectos o actividades a realizar. El plazo para la realización de este proyecto son 6 sesiones, aunque deberéis realizar parte del trabajo en casa. Una vez finalizado el plazo, revisaré los blogs y os pondré una calificación.  

13 de septiembre de 2019

Bienvenidos al Blog de la asignatura de TIC


Comenzamos con la clase de TIC !!

Lo primero de todo, daros la bienvenida a esta web que he creado y que tiene como objetivo facilitaros el seguimiento de la materia de TIC durante este curso.

Aquí os ire dejando toda la información necesaria sobre los diferentes temas que vayamos viendo (edición de imagen, de audio o vídeo, ofimática, CAD 2D y 3D, diseño web, programación, etc). Esta información podrá venir en diferentes formatos (documento PDF, videotutorial, animación, enlaces a páginas de interés, etc). 

De igual forma, aquí tendréis siempre disponibles las actividades que vayamos realizando en clase y que no hayáis podido hacer por algún motivo durante la hora de clase.

Espero que la asignatura os resulte entretenida.

24 de mayo de 2019

Creación de screencast con Active Presenter


Active Presenter es un software que nos permite la realización de screencast  o videotutoriales de aspecto casi profesional. Dispone de una versión de pago y de otra gratuita, pero que tiene prácticamente las misma características que su hermana mayor. Podéis descargar la versión free de Active Presenter adecuada a vuestro sistema operativo (Windows, Mac OSX) desde la web de sus creadores o a través de la barra lateral de software del blog.

En su web hay una sección en la que disponéis de varios tutoriales (obviamente en formato screencast) para aprender a manejar el programa y un completo manual en PDF (en inglés) sobre el manejo de la aplicación.

Active Presenter dispone de la mayor parte de características que tienen los programas de pago más utilizados como Camtasia (Win) o Screenflow (Mac). Podemos editar nuestras capturas, incluir cuadros de texto, figuras, audios, hacer zoom, resaltar determinadas zonas de la pantalla y un sinfín de características más.

Como muestra del trabajo que se puede realizar con Active Presenter, os dejo un pequeño vídeo que he realizado.

Screencast Gimp

21 de mayo de 2019

Vídeo Digital: el screencast

Después de haber realizado nuestros primeros montajes de vídeo, vamos a ver un ejemplo del uso que le podemos dar al video digital sin necesidad de utilizar ningún dispositivo externo de grabación. La creación de screencasts.

Un screencast o videotutorial, es una grabación, generalmente de corta duración, de lo que está sucediendo en la pantalla de tu ordenador. Puede incluir además una narración, un fondo musical, textos, objetos o diferentes efectos que hagan la explicación más clara.
Seguramente, has visto muchos videos que te muestran cómo realizar determinadas acciones con el ordenador o como manejar algún programa informático en concreto. Si no, tienes un ejemplo de screencast en este enlace.

La actividad que os propongo consta de 2 partes: la primera es una labor de investigación, en la que vosotros mismos seréis los que busquéis la información a través de Internet para luego plasmarla en una entrada de vuestro blog.

Deberéis explicar qué es un screencast, cuales son sus posibles usos o aplicaciones y que ventajas creéis que tiene. Elaboraréis un pequeño resumen con las distintas alternativas de software que encontréis para realizar screencast, que posibilidades tienen, para que Sistema Operativo están disponibles (Windows, Linux, Mac OSX, Android, iOS) y que tipo de licencia tienen (libre o propietaria).
Por último, debéis indicar los posibles servicios online o complementos para el navegador disponibles para realizar screencast, sin necesidad de instalar ninguna aplicación.

La segunda parte consiste en la realización de un screencast mediante el software Active Presenter (realizando una explicación sobre algún aspecto de una aplicación, del Sistema Operativo, etc) y que incluiréis en la entrada del blog.

19 de mayo de 2019

Proyecto Filmora: La oveja Dolly

Después del proyecto de "El Intermedio" vamos a realizar una práctica en la que veremos como clonarnos en un vídeo mediante Filmora, el software de edición de vídeo con el que estamos trabajando.

Antes de nada, podéis ver como debería quedar el vídeo final:




Descarga el vídeo

Tras el salto tienes toda la información y el material necesario:


Materiales necesarios:

  • Cámara digital o teléfono móvil
  • Trípode
  • Ordenador 
  • Software de edición de vídeo

Pasos:

  1. Busca un escenario estático, en el que no haya objetos que se muevan o alteren la escena.
  2. Coloca la cámara o móvil en el trípode y enfoca el escenario que hayas elegido.
  3. Asegúrate de que la cámara permanece en el mismo lugar durante la grabación de todos los clips de vídeo.
  4. Desarrolla el papel de cada personaje en 3 lugares distintos del escenario y graba cada una de esas escenas en un clip independiente. Es muy importante que no invadas el espacio físico destinado a los otros personajes.  
  5. Graba también un clip del escenario vacío.
  6. Importa los clips de vídeo grabados a Filmora.

Una vez en Filmora, utilizaremos el concepto de máscara para realizar la "clonación". Esto ya os lo explicaré en clase.


Para que realicéis una pequeña prueba, os dejo estos 4 vídeos. Recordad que debéis realizar un proyecto propio en el que los vídeos estén grabados por vosotros:

video1
video2
video 3
video 4


15 de mayo de 2019

Proyecto Filmora: Chroma Key


Una de las técnicas audiovisuales más utilizadas tanto en cine, televisión o fotografía es la de extraer un color en concreto de la imagen y reemplazar el área que ocupaba dicho color por otra imagen, como puede verse en imagen que acompaña a esta entrada.
Esta técnica es conocida principalmente por 2 nombres: blue screen o chroma key, nombres que dependen del color que pretendamos eliminar en nuestros vídeos o imágenes, el azul o el verde.

Tras el salto os explico un poco más acerca de esta técnica y os proporciono unos vídeos para que podáis practicar.

El funcionamiento de la técnica es sencillo. El actor graba su secuencia en un decorado con un fondo completamente azul o verde y posteriormente, ese fondo se elimina para dejar ver el vídeo o imagen que colocaremos detrás.

El fondo azul o verde debe estar liso, sin arrugas e iluminado de forma uniforme para que no haya "manchas". Los personajes que aparezcan en la escena deben estar también correctamente iluminados y separados del croma para evitar que generen sombras sobre el fondo.

Se utilizan casi siempre los colores verde o azul porque son los más alejados al tono de nuestra piel. La elección final dependerá de si se graba de día o de noche, en interior o exterior, del vestuario de los actores, de los objetos que aparezcan en escena,etc.

Podemos disponer de un croma de forma relativamente sencilla: una tela verde, una pared pintada, un conjunto de cartulinas o una pantalla que muestre una imagen completamente verde o azul.

Una vez grabada la secuencia sobre el croma, solo queda editarla con nuestro software editor de vídeo favorito (Filmora, iMovie, Final Cut, Premiere, etc).

Para que podáis ir haciendo pruebas, os dejo unos vídeos de pantalla verde que encontré por Internet

Pack de efectos Chroma Key
Velociraptor
Dragón
Disparos a quemarropa
Bombas
T-Rex
Patio IES

Hay muchísimos más en Youtube. Buscad los que necesitéis (animales, monstruos, explosiones, etc).