Recursos del curso: Retoque fotográfico con GIMP (Social Learning) [2018]

Atajos de teclado con GIMP: http://www.gimp.org.es/atajos-teclado-gimp.html

Imágenes para web: Optimizar, progresivo, 75%

Pixels y puntos por pulgada; relaciones entre tamaños en píxeles y centímetros; qué resolución y tamaño es el adecuado para imprimir un archivo:

https://www.xatakafoto.com/trucos-y-consejos/pixels-y-puntos-por-pulgada-truco-express

 

• Para mostrar una imagen en Internet, en las redes sociales o compartirla por email, bastaría con un ancho de 900 píxeles y una densidad de 72 píxeles por pulgada.
• Para su impresión, es recomendable guardar la imagen en su tamañooriginal y llevar la densidad de imagen al máximo (300 ppp). Si la impresora tiene más capacidad de resolución, podrás seleccionar aquella máxima que te dé dicho periférico.
• Para su visualización en televisión, aunque dependerá de la pantalla, la densidad rondará al menos 96 ppp.

Uso de máscara rápida

 

 

Trabajo con capas:

 

Texto siguiendo una ruta:

 

Cómo convertir imágenes a PNG

Presencia o ausencia de un canal alfa

El canal alfa contiene información sobre lo transparente que es una capa en cada píxel. Dicha información se visualiza en el diálogo de canales: blanco es completamente opaco, negro es completamente transparente y los niveles de grises son transparencias parciales.

 

Máscara de capa

Antes de entrar en profundidad en el manejo de los ajustes y filtros para mejorar nuestras fotos y montajes, puedes ver con este vídeo-tutorial cómo usar la herramientas de saneado y la herramienta de clonado.

Como puedes ver en los dos enlaces que se han compartido anteriormente, aunque lo habitual es usarlas en de forma combinada, la primera se utiliza principalmente para corregir o disimular pequeños defectos de la imagen, mientras que el clonado se emplea para hacer desaparecer objetos en la mayoría de los casos.

 

Colores. Niveles y Curvas

Desaturar:

Iwarp es una de las herramientas más potentes de GIMP. En el siguiente vídeo puedes ver cómo se utilizan los distintos modos de deformación de este filtro:

Continuará…

 

MOOC Contenidos digitales [2018]

Resumen de recursos y enlaces del MOOC Contenidos Digitales de Andalucia Digital.

Contenidos digitales

• Infografía: Puntos básicos para ser un creador de contenido exitoso.
• Producción de contenidos digitales: las palabras clave. Podcast de Jose Luis Orihuela sobre donde sintetiza las ideas clave sobre la producción de contenidos de consumidores a creadores.
• El Ministerio del tiempo: un vistazo a su universo transmedia. Vídeo ejemplo de transmedia del programa de televisión «El Ministerio del tiempo» de televisión española.
• Contenidos digitales: Tablero de Pinterest que recopila información acerca de contenidos digitales (claves para la producción de contenidos digitales de calidad, marketing y estrategia de contenidos, consejos prácticos, etc.

• Informe anual del sector de los contenidos digitales en España 2016: pdf donde el Observatorio Nacional de las Telecomunicaciones y la Sociedad de la Información (ONTSI) ha analizado su evolución a través de este informe, que en 2016 alcanza su octava edición.
• Y tú, ¿qué te bajas? digo, ¿qué contenidos digitales consumes?: vídeo sobre el consumo de contenidos digitales. Entrevista a los participantes del FICOD 2008 sobre cuáles son los contenidos digitales que prefieren.

 

• Foro Internacional de contenidos digitales: Web del último foro internacional de contenidos digitales donde se encuentran numerosos enlaces interesantes como blogs, ponencias, etc.
• Nuevos contenidos para la audiencia mundial: el escenario se vuelve digital. Vídeo muy interesante de una conferencia de Tom Nelson sobre el cambio de paradigma que provocan los contenidos digitales en la industria de la cultura.

 

Crea tus propios vídeos

• Herramientas para crear vídeos: recopilatorio de herramientas vistas en la unidad para la creación de vídeos. Pulsa en cada casilla que te redireccionará a la página correspondiente.
• Proceso para realizar un videotutorial: presentación en línea en la que se explican los pasos que te ayudarán a planificarte para la realización de un buen videotutorial.
• Videotutoriales: muro colaborativo en padlet donde se recopilan varios vídeotutoriales sobre las herramientas vistas en la unidad.
• La guía en 4 pasos para crear tu vídeo: infografía que muestra los pasos y consejos para desarrollar un buen vídeo.
• Guía de usuario de Youtube: manual muy completo en formato .pdf sobre el uso de Youtube. En el documento se explican cómo acceder a la plataforma, editar y administrar vídeos, etc.
• Cómo hacer un stop motion: artículo del blog de Sara Celaya donde ofrece consejos para realizar un buena animación con la técnica stop motion.
• 12 pasos que no pueden faltarte para elaborar un video: artículo del blog de Javier Manzaneque sobre instrucciones y consejos para realizar un buen vídeo.

Creación de un podcast

• Cinco claves para un podcast de éxito: infografía que muestra algunos consejos para realizar un buen podcast.
• Creación de un podcast: tablero de Pinterest que recopila distintos recursos sobre la creación de un podcast.
• Cómo crear podcasts con Audacity: videotutorial básico sobre cómo crear nuestros podcast con la herramienta de audio Audacity.
• Speaker, estudio de grabación: videotutorial básico sobre cómo funciona Speaker Studio visualizado a través de una tablet.
• RSS explicada: artículo web que explica qué es un RSS y cómo se utiliza.

• Integración de podcast en contextos de enseñanza: artículo en formato .pdf sobre como el podcast puede ser una herramienta incorporada al contexto educativo.
• Podcasting, tú tienes la palabra: web de la librería bubok donde se encuentra alojado el libro sobre podcast donde puedes descargarlo de forma gratuita. No hace falta registro en la librería.

• Directorio de la Asociación de Podcast: directorio ordenado por categorías temáticas para escuchar distintos podcast según nuestro interés.
• Ivoox: portal y aplicación de podcast (radio a la carta y en directo, audio series, relatos, conferencias y mucho más).

Crea póster e infografías en pocos pasos

• Creación de infografías: tablero de Pinterest donde se recoge una recopilación de infografías sobre consejos y pautas para crearlas.
• Cómo hacer infografías – entrevista con Alfredo Vela: vídeo en el que se muestra una entrevista a Alfredo Vela donde nos comenta algunas recomendaciones para hacer infografías efectivas para la empresa.
• Infografía digital: presentación en línea bastante útil para comprender qué es una infografía, sus características, ejemplos y aplicaciones.
• ¿Cómo hacer una infografía?: ejemplo que muestra visualmente los pasos para crear una buena infografía.
• Infografías: videotutoriales. Muro en Padlet donde se recopilan una serie de videotutoriales sobre la utilización de distintas herramientas para crear infografías.

• Las infografías como fuentes de información: documento informativo en formato .pdf sobre la funcionalidad y creación de infografías.
• Freepik: banco de iconos gratis bastante útil para incorporar a tus infografías.

• 10 pasos para diseñar una inforgrafía increíble: artículo web, traducido del blog Hyperakt, sobre los 10 pasos o recomendaciones para realizar una infografía de éxito.
• 50 infografías bien diseñadas: post que muestra ejemplos sobre las 50 mejores infografías creadas hasta el momento.
• Tipofrafía – 10 consejos para realizar un buen proyecto tipográfico: infografía que muestra 10 consejos a la hora de elegir el tipo de letra ideal para nuestras infografías.

 

Creación de páginas web

• Creación de webs y blogs: recopilación de videotutoriales en Symbaloo sobre creación de webs y blogs con Wix, Blogger y WordPress.
• Creación de webs: tablero en Pinterest que recopila infografías con información sobre la creación de webs.
• Incrustar código en web o blog: presentación en Genially sobre sencillos pasos para incrustar un código embebido o html de un recurso (vídeo, presentación, infografía, etc) que hayas elaborado para alojarlo en tu web o blog.
• Bancos de imágenes para tu web: presentación animada en emaze que recopila distintos bancos donde encontrar imágenes para incorporar a tu web o blog.
• ¿Qué es un CMS?: vídeo presentación que explica las características de un CMS, su funcionamiento, etc.

 

• Manual básico de creación de páginas web (HTML): manual básico en formato .pdf de creación de páginas web. Universidad de Murcia.
• 20 cosas que he aprendido sobre internet y los navegadores: libro digital para leer online sobre internet, CSS, HTML y Javascript, cookies, navegadores, etc.

 

• Tendencias en diseño web 2017: el oráculo ha hablado. Artículo web sobre las últimas tendencias en cuanto a diseño web.
• Creadictos: sitios web creativos. Sitio web muy interesante que recoge los mejores diseños para web.

 

 

Redes sociales

• Redes sociales: café para todos. Fuente adaptada de: franciscobenito.es Imagen que muestra los diferentes tipos de escritura en las redes sociales.
• Guía para crear el post perfecto en redes sociales: infografía que reúne recomendaciones sobre cómo escribir un post en cada una de las redes sociales actuales.
• Tutoriales: redes sociales. Imagen interactiva que nos lleva a la visualización de distintos videotutoriales de las herramientas y/o plataformas sociales aprendidas en la unidad.
• Las tres claves de las redes sociales: Carles Fité y Joan Martin comparten las tres claves principales para estar en redes sociales y las conclusiones sacadas de sus visitas a las sedes de las principales redes sociales en Madrid.

 

• 10 consejos para desarrollar un lenguaje efectivo en redes sociales: artículo web que menciona que cada red social tiene un lenguaje propio y, por lo tanto, una forma precisa de comunicar.
• Guía de usos y estilo de las redes sociales: manual muy interesante en formato .pdf sobre el uso y estilo en redes sociales de la Junta de Castilla y León.

• Ocho herramientas gratuitas para mejorar tu contenido visual en redes sociales: artículo web donde se recomiendan herramientas para mejorar el tráfico de usuarios en redes sociales.
• Diez ventajas de las redes sociales para sacarles partido: artículo web donde se puntualizan algunos beneficios sobre el uso de las redes sociales.
• ¿Qué es un tuit?: artículo web con información relativa a los Twitter, anatomía y consejos para escribir un buen tuit.
• Cómo integrar las redes sociales a nuestra web: artículo web sobre los pasos a seguir para integrar las redes sociales en las webs. Explicación de diferentes métodos según la red.

 

 

Licencias y derechos de autor

• ¿Qué es creative commons?: vídeo de una entrevista a Ignasi Labastida donde explica el uso de licencias creative commons.
• Derechos de autor: infografía sobre derechos de autor y licencias.
• Copyleft – Copyright: presentación en línea en la que se explica qué es una licencia y los tipos que existen.
• Software Libre y Copyleft: vídeo en el que Richard Stallman explica el significado de la principal característica del Software Libre y su filosofía, el CopyLeft. Inglés con subtítulos en español.
• Buscar vídeos de Youtube con licencia creative commons: videotutorial sobre la búsqueda efectiva de vídeos con licencias creative commons en la plataforma Youtube.

• Guía básica de recursos educativos abiertos: documento en formato .pdf elaborado por la Unesco que contiene información relevante sobre los REA y los derechos que acompañan a estos recursos.
• La propiedad intelectual en el mundo digital: ¿un monopolio en extinción?. Artículo de la revista Quaderns del Cac en formato .pdf donde se reflexiona sobre la propiedad intelectual en el mundo digital.

• Creative Commons España: web con información sobre licencias, acceso a la creación.
• Procomún: web del Ministerio de Educación que recoge recursos educativos abiertos. Lugar de encuentro de la comunidad educativa para compartir ideas y experiencias.

 

http://www.aulavirtual.andaluciaesdigital.es

Material sobre GIMP

Enlaces de interés:

• Web oficial de GIMP: Sitio oficial de GIMP. Referencia para actualizar el programa, consultar dudas sobre la instalación, plugins, noticias…
• Grupo de Usuarios de GIMP en español: Grupo de usuarios de Gimp en español.
• Curso de GIMP paso a paso: Interesante web con trucos, tutoriales, explicaciones y demás sobre el programa.
• Curso MOOC online UMA: Curso MOOC online gratuito de la UMA sobre GIMP.
• 80 términos de diseño gráfico:  Terminología de interés para el manejo de programas de edición de imagen.

Documentos de interés:

• GNU Image Manipulation Program – GIMP Documentation: Manual de GIMP realizado por el sitio web oficial de GIMP.
• Manual de Gimp – Tecnología Educativa – Universidad de Málaga: Manual en PDF de GIMP elaborado por la UMA.
• Manual de Introducción a GIMP. – Dunia Lozano: Manual de Introducción a GIMP.
• GIMP – Aplicaciones didácticas: Manual básico de GIMP elaborado por el Ministerio de Educación.

 

De un curso de:

http://www.aulavirtual.andaluciaesdigital.es/

 

Los «enemigos» de GIMP

Programas de diseño gráfico

Es el tipo de software empleado para realizar diseños con imágenes y textos destinados al retoque fotográfico digital, el diseño con imágenes y textos para conformar carteles, señales, gráficos, logos, mensajes publicitarios, paginación web, etc.

Entre los más conocidos destacan Adobe Photoshop, Corel Draw, Adobe Illustrator y GIMP.

Aperture

Es una buena herramienta para aficionados a la edición de imagen. Permite organizar las fotos por etiquetas, geolocalización, rostros…y aplicar sobre ellas numerosos ajustes con muy buenos resultados.

• Ventajas: Admite RAW, es muy intuitivo y posee reconocimiento facial.
• Inconvenientes: no tiene versión en español y es sólo para iOS.

Fotor

Es un software online, es decir, que se utiliza a través del navegador de Internet. Permite desde tocar los ajustes básicos hasta fusionar fotografías para lograr el procesado HDR, pasando por el uso de efectos especiales, stickers, marcos, pinceles de retoque entre otras muchas funciones.

• Ventajas: al ser online no requiere instalación prácticamente en el equipo. Es de uso sencillo e interfaz agradable.
• Inconvenientes: sólo es aconsejable para uso no profesional ya que no cuenta con herramientas muy potentes.

 

Buscar imágenes en Google que puedas reutilizar

https://support.google.com/websearch/answer/29508?hl=es-419

Recopilación MOOC Creación de contenidos digitales

Herramientas de vídeo

https://www.symbaloo.com/mix/herramientasvideos

• https://www.powtoon.com/home/
• Motion – Stop Motion Camera

• Stop Motion Maker – KomaDori L

• http://monkeyjam.org
• Camtasia – https://www.techsmith.com/video-editor.html
• https://www.moovly.com/
• Jing – https://www.techsmith.com/screen-capture.html
• http://get.wideo.co/es/
• Snagit

Cómo hacer un vídeo con stop motion paso a paso (I) – http://www.saracelaya.com/como-hacer-un-video-con-stop-motion-paso-paso/

 

 

Shotcut – Un editor de vídeo de software libre

Shotcut es un editor libre y gratuito en español que podemos encontrar en todas las plataformas (linux, windows y mac).

https://shotcut.org

Un manual:

 

Yo he intentado descargarme el exe 64 bits para Windows, pero no me termina de descargar. Cuando lo haga haré unos comentarios (si me acuerdo).

 

Receta de Photoshop: Texto metalúrgico

Pues voy a ir subiendo algunas recetas cucas de Photoshop, por qué no?

Para obtener algo como esto:

• Archivo, Nuevo, 350 x 150, 28´346 pix/cm, escala de grises, transparente.
• Edición > Rellenar, usar negro, 100%, normal.
• Texto, click en sitio, Elige la fuente que quieras, Bold, Tamaño 50 ptos, Interlineado 100, Tracking 1, línea base 0, blanco (RGB=237).
• Teclear un Texto, Posicionar (Mover).
• Capa, triángulo, combinar hacia abajo.
• Imagen, Rotar Lienzo, 90ºACD.
• Filtro, Estilizar, Viento (Vendaval, desde izda).
• Imagen, Rotar Lienzo, 90ºAC.
• Filtro, Estilizar, Difusión (Normal).
• Filtro, Desenfocar, Desenfocar Más.
• Filtro, Distorisionar, Onda (gener=1, sinusoidal, long=118-120, amp=1-1, Escala 100%, repetir pixels borde).
• Imagen, Modo, Color Indexado, Acoplar capas OK.
• Imagen, Modo, Tabla de Colores Cuerpo negro.

Xnview – Catalogador de Imágenes

Hoy me he descargado el Xnview, de esta página:
http://www.xnview.com/en/
Es un catalogador de imágenes.

En el curso que estoy haciendo de Diseño Gráfico Web me dicen que lo utilice. Vamos a ver.

• Es gratuito. (+)
• La web no está en castellano (-)
• Al instalar sí aparece en castellano (+)

Después de un rato mirándolo… ¿para qué me he instalado esto?
Bueno, está bien el tema de renombrar por lotes o lo de la conversión por lotes, pero más allá de eso, no me sirve para nada.

Típico programa que en breve desinstalo.

Hacer viewlets con Wink

No, esto no es un tutorial de Wink. Es simplemente para recordarme a mí mismo que un día de estos, que tenga tiempo y eso, debería echarle un vistazo a Wink.
Es un software para hacer Viewlets.

¿Qué son los Viewlets?
Una tecnología fácil y dinámica para apoyar la enseñanza. Básicamente te permite grabar un video, al más puro estilo Camtasia, pero centrándonos en los «clics» de ratón para que el alumno vea por dónde vamos.

No sé si Wink es el mejor, sé que hay otros, pero en un curso, como alumno, he visto unos Viewlets creados por Wink y me han gustado bastante.

http://www.debugmode.com/wink/

Conversor de música en la nube (media.io)

Pues hoy he ido a convertir unos ficheros m4a que me había descargado. Iba a utilizar algún software que tuviera instalado y resulta que todos los que tenía ya estaban con la fecha cumplida.

Me he puesto a buscar por ahí y he encontrado una página que me ha gustado mucho por su simplicidad:

media.io

 Simplemente entras y podrás subir todos los ficheros que quieras. Seleccionas el formato de salida y el bitrate.

Entonces comienza a subir los ficheros a su servidor (ahí depende de tu velocidad de conexión) y tras un rato los tienes todos convertidos.

Puedes descargar de uno en uno o bajarte un fichero ZIP con todo.

Y ya estoy escuchando en mi winamp mis ficheros recién convertidos.

Ejercicio 18 de Photoshop. Banner animado

Abrimos el photoshop, creamos un nuevo documento y escribimos nuestro texto.

Duplicamos la capa y la rasterizamos (es necesario que esté rasterizada para poder aplicarle un filtro).

Para crear una transición entre los cuadro que componen nuestro banner crearemos un efecto de movimiento.

Hacemos click en Filtro – Desenfocar – Desenfoque de movimiento….

Angulo = 0
Distancia = 16 pixeles ( a mayor números de pixeles mas borrosa será la imagen )

Si queremos que nuestro banner muestre varios textos, debemos hacer este proceso para cada una de las capas que deseemos.

Pasamos a Image Ready.

Abrimos la ventana Animación y generamos nuevos cuadros.

En cada uno de los cuadros mostramos la capa que nos interese y además añadimos un tiempo de duración para cada frame.

Para finalizar utilizamos Guardar Optimizada Como y generamos un fichero GIF.

 

..