Aplicacions en línia per al disseny gràfic i imatge digital

Un cop utilitzem dispositius a l'estil dels Chromebook, sense capacitat per instal·lar aplicacions al disc dur, ni tan sols de forma portable, podem trobar a faltar tota una sèrie d'aplicacions que sí podem utilitzar en un ordinador ordinari.

Dins de les aplicacions de gràfics i disseny, aquestes són algunes opcions interessants. Teniu en compte que la majoria tenen una funcionalitat bastant més limitada en la versió gratuïta (per accedir a la qual normalment no cal un compte extra, es pot vincular a Google).

Disseny gràfic (cartells, fulletons, presentacions...)

Hi ha una bona quantitat d'aplicacions que permeten integrar diferents elements (blocs de text, aplicant-hi diferents tipografies), fotos i altres imatges, elements interactius i animats..., colors de fons i textures, colors... És a dir, proporcionen un servei de maquetació digital sense necessitat d'utilitzar els programes complexos que eren necessaris fa uns anys.

Canva és una aplicació en línia que permet crear fàcilment publicacions amb un disseny gràfic a mida. Proporciona totes les eines per compaginar els textos, imatges, gràfics... amb resultats que poden ser dignes d’un professional.

El seu funcionament és intuïtiu. Disposes de diferents maquetes o “layouts” per triar, una col·lecció de tipografies, colors i trames de fons per crear el teu disseny. Els elements gràfics que es poden afegir són diversos: graelles, formes geomètriques, gràfics, imatges i fotos... i tot allò que col·loquem a la pàgina dissenyada es pot moure, rotar, canviar l’ordre...  Per començar a utilitzar canva es pot crear un compte o utilitzar el compte de Facebook o Gmail.

Semblants a Canva:

          Adobe Spark / Creative Cloud Express (https://www.adobe.com/es/express/)

Crello (https://crello.com/) reanomenat VistaCreate (https://create.vista.com/)

Snappa (https://snappa.com/)

Befunky (https://www.befunky.com/) no tan sols permet crear dissenys d'una forma semblant a aquests dos, sinó que a més inclou un editor de fotografies o imatges, i un creador de collages.

Venngage (https://venngage.com/), especialitzat en infografies, però també fàcil d'emprar per a dissenys com els que fem amb Canva.

Per a crear un logo, https://www.logogarden.com/ és molt simple! Semblant: https://logo-maker.ucraft.com/  

Aplicacions per a crear presentacions de dades, gràfics dinàmics, infografies

Aquestes visualizacions son preferenment basades en dades... (en múltiples formats i variants):

Infogram (https://infogram.com/) 

 Piktochart (https://piktochart.com/)

Visme (https://www.visme.co/make-infographics/)

Ease.ly (https://www.easel.ly/)

Tots aquests són semblants; cadascun té algun detall que el separa de la resta i segons les preferències el fa preferible o no. A aquesta presentació trobaràs algunes alternatives (fins a una vintena) més!

Editors de fotografia i imatge digital.

Pixlr (https://pixlr.com/) és un editor molt avançat (amb funcions que recorden al conegut Photoshop). I a més, forma parella amb Vectr (https://vectr.com/), editor vectorial, amb l'avantatge de poder canviar el tamany sense pèrdua de qualitat.

Pixlr és un editor amb funcions avançades i que funciona molt bé.

Fotor (https://www.fotor.com/); La seva funció primària és editar fotos i altres imatges de mapa de bits, però també proporciona un creador de collages i una aplicació de disseny basada en plantilles.

Un altre clon de Photoshop és Photopea (photopea.com), amb un aspecte molt semblant a Photoshop i innombrables funcions avançades i eines d'edició. Permet obrir i editar imatges en molts formats diferents.

Si volem crear una petita animació en format GIF, Giphy (https://giphy.com/create/gifmaker) ho posa fàcil. Tant es pot fer a partir d'una successió d'imatges o fotos com a partir d'un tros d'un vídeo.

Semblants a Giphy: http://gifmaker.me/, https://imgflip.com/, http://makeagif.com/

Per dibuixar directament en pantalla, (cosa que també serveix per fer anotacions sobre una imatge, fer esquemes...) estan molt bé els següents:

Muro, de DeviantArt.

Kleki

SumoPaint

Aggie, amb capacitat de treballar de forma col·laborativa en un mateix dibuix, com si fos una pissarra digital compartida.

YouiDraw painter.

Chrome Canvas, amb l'avantatge de guardar i sincronitzar amb el teu emmagatzematge a Drive.

Editors d'imatge vectorial

Les imatges vectorials tenen unes característiques que les fan preferibles a les de mapes de bit per a alguns casos, per exemple per dissenyar icones o gràfics que volguem ampliar a qualsevol tamany.

Gravit designer, https://www.designer.io/en/ és un dels millors editors en línia.

Vectr.com, comentat abans.

Vector Paint, Method Draw, simples però funcionals.

Janvas

BoxySVG

Primaldraw és molt complet.

Sketch.io, molt bo!

Altres

TinkerCAD és una forma intuïtiva d'iniciar-se en el disseny tridimensional.

Si en voleu explorar més, podeu visitar aquestes altres llistes comentades:

https://adespresso.com/blog/online-design-tools/

Editors de vídeo bàsics

Editors online

Youtube té editor, però ara ja no permet combinar diferents clips (abans, fins al 2017, sí que tenia aquesta opció). Ara bé, Google sempre està actualitzant (i a vegades això suposa millorar), de manera que podria ser que hi tornés la capacitat de combinar.

Per una altra banda:

Wevideo, que està molt bé, ara és de pagament...

N'he provat d'altres que són fàcils i van bé. No fa falta crear compte nou perquè admeten passar-hi des de compte de Google:

https://flexclip.com

https://clipchamp.com

https://www.kapwing.com

La interfície de clipchamp.

Editors per instal·lar o portables en un ordinador individual

Els usuaris de Mac tenen iMovie que és molt intuïtiu i potent.

Els ordenadors de la conselleria, amb Ubuntu, tenen uns quants editors de video. Un es diu piTiVi i és bastant bo i fàcil d'utilitzar. A Windows, hi ha algunes alternatives a Windows movie maker (que ja no ve amb Windows), sense anar més lluny, l'aplicació inclosa que es diu, simplement Editor de vídeo de Windows.

Aquests dos són de codi obert i multiplataforma:

Un editor gratuit, de codi obert, i que està disponible per a tots els sistemes operatius és Openshot (https://www.openshot.org/) Aquest l'he provat i està molt bé.

Shotcut https://www.shotcutapp.com/  Hi ha una versió portable que no cal instal·lar (basta baixar el fitxer portable, zip, i extreure'l a una carpeta.)

Pissarres digitals en línia

Aquí reunim algunes apps i serveis en línia de pissarra digital —que en molts casos admeten funcionament col·laboratiu— ideals per a classe o per aprofitar dispositius tàctils:

Jamboard, la solució integrada dins de les aplicacions de Google Gsuite.
awwapp
Ziteboard (correspon a la captura que es veu sobre aquestes línies.)
webwhiteboard
stormboard
miro

LucidSpark (servei complementari de LucidChart, editor de diagrames.)

whiteboard.chat

Surten també a la llista recopilatòria: https://zapier.com/blog/best-online-whiteboard/

Totes aquestes pissarres no requereixen instal·lar res, ja que funcionen dins del mateix navegador.

Les característiques més desitjables (i que tenen la majoria) són:

• Espai il·limitat, més enllà de la pantalla visible (Unlimited o infinite canvas.)
• Capacitat de col·laborar (i millor síncronament, en temps real).
• Sincronització i emmagatzematge al núvol.
• Adjunció de recursos, com ara fitxers diversos, enllaços, imatges, pdfs...
• Exportació a diferents formats i generació de presentacions per poder mostrar el treball elaborat.

Una qüestió relacionada, i que sovint ens plantegen: eines per anotar un PDF en línia (Acrobat reader  altres lectors també permeten anotar els pdf).

Aplicacions, serveis i recursos per a l’aprenentatge basat en projectes

Una selecció de 15 aplicacions i serveis molt útils, comentats en detall a Educación Tres punto cero. A aquest mateix magazín tenen reculls igualment útils,com el de eines per a la creació de mapes conceptuals, molt interessants en diferents fases d’un projecte.

Directori d’utilitats, serveis i aplicacions per als docents i alumnes

Hi ha poques llistes tan exhaustives, ben organitzades i actualitzades com la del Centre for Learning and performance technologies (http://c4lpt.co.uk/directory-of-learning-performance-tools/).

Les eines estan ben categoritzades, amb els grups següents:

1. eines per ensenyar;
2. eines per desenvolupar continguts;
3. eines socials;
4. eines personals i professionals;
5. continguts .

A més, dins cada epígraf hi ha una sèrie de categories per trobar ràpidament el que necessitem.

La llista està al dia i periòdicament fan una selecció de les millors eines. La d’enguany tria les millors 200 eines per a aprendre d’entre les diferents categories.

Aquesta és la mateixa llista, en forma de mapa.

Petit trivial tecnològic

Per a quines d'aquestes preguntes tens alguna resposta?

Algunes eines per a facilitar l’ús del vídeo a classe

Baixar vídeos (per poder passar-los si la connexió s’ha interromput o és massa lenta).

Als serveis i opcions mencionats abans (a les quals podem afegir VLC i altres opcions mencionades aquí també) hi podem afegir altres opcions com saveitoffline.com.
Es tracta a tots els casos d’obtenir un fitxer reproduible —normalment en el formats estàndard mp4, avi, ogg— amb el qual hem de tenir compte del tamany, sobre tot si la durada és llarga i/o la qualitat-definició és màxima.

Gestió dels vídeos per al docent o l’alumne

És molt convenient crear un compte de Youtube (si ja som usuaris de Gmail, ja tenim un compte de Youtube associat). Així podem desar els nostres vídeos preferits en col·leccions. També podrem subscriure’ns als canals que trobem més interessants, crear el nostre propi canal...

Incorporar qüestionaris i activitats

Hi ha diferents serveis que permeten convertir qualsevol vídeo en una eina adaptada a la dinàmica de classe i plantejar preguntes en els moments clau:
Edpuzzle
Playposit (abans conegut com Educanon)
Vizia
VideoAnt

I també podem incorporar vídeo dins dels qüestionaris de Socrative, Kahoot, Playbuzz...)

Retallar fragments de vídeo

Existeixen diferents serveis (ytcropper, tubechop, i altres) que, a partir d’un vídeo determinat de Youtube o altres canals online, permeten especificar els intervals que s’han de reproduïr, i generen un enllaç directe al fragment.

Si tenim un vídeo a l’ordinador, es pot fer directament amb el programa VLC, instal·lat per defecte als ordinadors de les escoles (si no el tenim, no hi ha cap problema amb descarregar-lo i instal·lar-lo, és de codi obert i gratuït.)

Cal fer el següent:
A la barra del menú de VLC, trieu Visualització, i allí Controls avançats.

Això fa que aparexi just a sobre dels controls normals de reproducció del vídeo quatre botons més. El primer permet enregistrar una part del vídeo que actualment estam reproduint: clicant la segona vegada atura i retalla el fragment que s’ha reproduït. Normalment desa el fragment o clip a la carpeta de l’usuari.

Editar i fer muntatges de diferents vídeos

Els retalls de vídeo també es poden fer amb les aplicacions que mencionam aquí. Per editar vídeo en general podem utilitzar, a Linux-Ubuntu, qualsevol de les aplicacions que ja estan instal·lades o que es poden afegir en voler, perquè són també de codi obert (cal qua ho faci un administrador del sistema):

• PiTiVi
• Kino
• Openshot

A Windows, l’aplicació gratuïta Windows Movie Maker és simple d’utilitzar i permet fer des d’una presentació animada a partir de fotografies a muntatges bastant sofisticats, amb efectes, transicions...

Els dispositius mòbils també permeten fer edició de vídeo, i existeixen nombroses apps gratuïtes o ja incloses amb l’aparell. És obvi que amb una tauleta és molt més fàcil fer-ho que no pas amb un telèfon.

Altres opcions

Al context de la classe es poden fer treballs molt interessants amb diferents modalitats d’animació i enregistrament seqüencial d’imatges: stopmotion (animació fotograma a fotograma, que es pot fer amb objectes, fotografies retallades, etc.); time-lapse (animació feta amb fotografies preses a intervals, per documentar de manera més accelerada, per exemple, un muntatge, un procediment...) etc.

Per superposar una filmació a una altra (per exemple, un narrador sobre un decorat d’un altre lloc, una imatge, etc.) se sol utilitzar l’opció de Chroma que incorporen els programes comentats abans.