Sto cercando di realizzare alcune brevi gif animate su Illustrator, con piccoli esercizi di disegni passo-passo.

Potrei inserire del testo esplicativo in alcuni frame, ma preferirei non farlo. Forse più tardi, dipende da dove finisce, posso aggiungere una riga di testo con gli strumenti utilizzati.

Ecco perché vorrei sapere se qualcosa come l'animazione qui sotto è abbastanza comprensibile per qualcuno che abbia una conoscenza base dell'IA.

Grazie per tutti i commenti. A volte quando sei immerso in un progetto, per quanto piccolo, diventi un po 'cieco. Ecco perché ho posto la domanda. Ogni commento è molto utile e terrò tutto a mente.

È facile vedere, seguire o comprendere (?) I passaggi per la creazione della sedia.

Nulla viene trasmesso su come farlo, quali strumenti vengono utilizzati con quali scorciatoie, tranne il cursore che cambia e i nodi evidenziati.

Se questo sarà un tutorial didattico, avrai bisogno di ulteriori spiegazioni.

Se è un grafico sul processo di illustrazione, allora funziona bene così com'è.

Penso che senza sapere quali strumenti hanno fatto cosa, quali scorciatoie hanno fatto cosa e come fare cose semplici come invertire il riempimento / tratto, la gif potrebbe mancare di dettagli per gli utenti inesperti. C'è semplicemente troppo "sconosciuto" se non si ha familiarità con la funzionalità di strumenti / collegamenti in Illustrator.

Al contrario, per me, è molto facile, chiaro e semplice se si fa a capire gli strumenti, le funzioni e le scorciatoie. Quindi forse con una spiegazione così piccola che una determinata gif potrebbe essere una gif "utente intermedio"?

Ci sono alcune cose che potresti fare per migliorare questa buona idea e non renderla orribile.

1. Devi assolutamente aggiungere i tasti dello schermo.
2. Dovresti dividerlo in passaggi e usare più gif per mostrare quello che hai fatto invece di una sola lunga gif. Questo elimina il problema sollevato da Scott che le gif sono troppo lunghe.
3. Completa la gif con una descrizione di ciò che hai fatto.
4. Fornire un file di download con il progetto completo.

EDIT: ci ho pensato ancora un po '.

La tecnologia GIF è terribile se non stai ospitando brevi clip divertenti.

Gif è di gran lunga la peggiore compressione video mai inventata. Fondamentalmente Google e imgur hanno provato a irradiare completamente GIF con WebM ma hanno fallito in modo massiccio.

Ciò che Google fa ora quando cerchi gif animate è che l'anteprima viene ricodificata come VP9, ​​h264 o qualcosa di simile. Risparmia MOLTO spazio e carica molto più velocemente. Quando fai clic sull'anteprima carica il file gif effettivo.

L'uso di un vero formato di compressione video presenterà molti svantaggi. Per uno, la licenza per l'utilizzo di h264 è costosa . Dovresti fare affidamento su un altro servizio come YouTube per ospitarlo, quindi non devi preoccuparti di essere citato in giudizio. I visitatori del tuo sito non possono scaricare facilmente i video da YouTube come potrebbero fare con una gif.

Se non vuoi affidarti a YouTube come host, puoi codificarlo in un formato video open source.

https://en.wikipedia.org/wiki/List_of_open-source_codecs

Onestamente non sono nemmeno sicuro della legalità di alcuni dei codec open source. Ecco perché Google ha lavorato su AV1 che fa ancora schifo.

Usa YouTube

Qualunque breve clip che salveresti come GIF, dovresti semplicemente ospitare su YouTube e incorporarlo sul tuo sito web. Non devi fare un lungo tutorial su YouTube come fanno tutti gli altri. Basta dividerlo in pezzi come faresti con GIF e incorporare i video negli stessi posti accanto a spiegazioni di testo supplementari come ho detto che dovresti fare con le gif. Tutto verrà caricato molto più velocemente sul tuo sito.

MODIFICA 2:

Per chiarire un po 'di rumore nei commenti.

Non c'è alcuna differenza reale tra un video di YouTube e una GIF. Sono entrambi formati video. La differenza è che un video di YouTube si carica più velocemente, ha un colore migliore e ha anche la possibilità di mettere in pausa (è molto importante mettere in pausa).

.Gif ti darà molti artefatti e visualizzerà i colori in modo errato perché è così che funziona gif.

Quindi ovunque sul tuo sito web inseriresti quel GIF di 4 secondi invece sarebbe un video di 4 secondi. Perché vorresti ancora usare gif a questo punto? Se usi video da YouTube puoi nascondere i video al pubblico in modo che vengano visualizzati solo sul tuo sito web.

Alla fine, se lo fai nel modo in cui ti sto suggerendo, ti farà risparmiare molto stress, ti offrirà una qualità più alta a dimensioni inferiori e consentirà alle persone di visualizzarlo facilmente su telefoni cellulari che non dispongono di dati ad alta velocità.

Uso sporadicamente Illustrator ma ho una conoscenza completa di Photoshop.

Potrei vagamente indovinare quali strumenti stai usando, ma non ho idea di quali codici brevi stai premendo ... Non saprei come selezionare una parte di quel percorso e poi capovolgerlo magicamente come hai fatto tu.

Quindi la mia ipotesi è che qualcuno con una conoscenza più ampia di quanto "sporadicamente" possa capirlo, ma poi mi chiedo se non saprebbero già come creare un disegno come questo?

Qualcos'altro di cui sono personalmente preoccupato è la mancanza di un pulsante di pausa, se mai perdo la traccia sarà difficile tornare indietro, penso.

Lascerei la gif, a meno che non sia un'animazione davvero breve, e invece utilizzerei un video. La possibilità di mettere in pausa e scorrere rende molto più facile guardare e provare da soli.

Aggiungerei un piccolo pannello in un angolo che visualizzerà i tasti premuti (V per selezionare, ecc.) E cosa significa (strumento Seleziona), i tasti che vengono tenuti premuti (Alt per trascinare la copia) e gli indicatori del mouse si fa clic sui pulsanti, si fa doppio clic o si tiene premuto.

E nella prima lezione, descrivi cosa significano quelle lettere e le tue in contrasto. Puoi sacrificare un paio di primi frame per mostrare i titoli solo per ricordare cosa significa il pannello.

A me piace sorprendentemente che Scott non abbia problemi a seguire quello che fai, ma se poi mi mostrassi l'ultima immagine, saprei comunque come farlo.

Ma nella mia esperienza di insegnamento id dire quanto segue: Il GIF è sia troppo veloce che troppo lungo. Vedi che non puoi riavvolgere o fermare la gif, quindi dovrebbe essere più lenta, ma è anche troppo lungo da seguire se provi a fare l'esempio, quindi se possibile dividere la gif in gif separate e inserire una spiegazione testuale tra i separati passi.

Ricorda che fare è un contesto diverso dal vedere. Quindi l'utente deve passare al fare, dal momento che ha perso molto di ciò che ha visto. Questo costringe l'utente a riavvolgere, in questo caso waie, do, wait, do. Ma io dico che va bene come una panoramica purché sia ​​chiaramente comunicato e tenga migliori istruzioni da seguire.

Per rispondere alla tua domanda senza mezzi termini: no, non è facile da capire.

Dalle tue domande + commenti sparsi sulle risposte sembra che tu abbia i seguenti requisiti:

• Brevi animazioni
• Nessuna lingua
• Nessuna istruzione specifica per il sistema operativo

Altri utenti hanno già fornito ottimi suggerimenti, tuttavia ritengo che questi ultimi due requisiti non siano pienamente soddisfatti da loro. @Crowley ha fornito una risposta che ritengo molto utile, in particolare questa parte:

Aggiungerei un piccolo pannello in un angolo che visualizzerà i tasti premuti (V per selezionare, ecc.) E cosa significa (strumento Seleziona), i tasti che vengono tenuti premuti (Alt per trascinare la copia) e gli indicatori del mouse si fa clic sui pulsanti, si fa doppio clic o si tiene premuto.

Ma perché aggiungere un pannello in un angolo mentre Illustrator ha già questo pannello integrato con icone indipendenti dalla lingua? Il pannello Strumenti può essere mostrato accanto all'immagine, consentendo allo studente di vedere quali strumenti sono stati cliccati:

Questo copre le tue No languageesigenze. Per snellirlo, è possibile utilizzare un pannello Strumenti personalizzato che mostra solo gli strumenti rilevanti per l'istruzione mostrata:

Tuttavia, non credo che tu possa evitare di usare del tutto le scorciatoie da tastiera specifiche del sistema operativo. Altrimenti non hai alcun mezzo per indicare che si deve premere Shiftquando si ruota per scattare a 45 ^o o Shift+ Altquando si utilizza lo strumento Trasformazione libera.