Ciao e benvenuto ad un template davvero succoso, costituito da 5 Icone Animate che puoi utilizzare all’interno di video o come GIF animate sul tuo sito web. Andiamo a vedere di cosa si tratta!

Il Template è veramente semplice da usare: al suo interno ci sono queste 5 Icone Animate:

snapchat twitter

Caratteristiche del Template Icone Animate

  • 5 Icone Animate Gratuite;
  • Espressioni Universalizzate (puoi aprire il progetto senza errori se aperto con una lingua diversa dall’inglese);
  • Compatibile con versioni dalla CS5.5 in su;
  • Tutte le composizioni hanno il canale Alpha;
  • ogni icona è di 4 secondi di durata;
  • Cambia il colore di sfondo;
  • Nessun plugin esterno utilizzato;
  • Le Icone sono veloci da renderizzare;
  • Risoluzione delle icone 500×500, ma possono essere scalate in qualunque dimensione;
  • Completamente fatto in After Effects al 100%, nessun preprender;
  • Tutti gli elementi sono livelli forma quindi si può variare la dimensione delle icone a piacimento.

Come modifico questo Template?

L’utilizzo è davvero semplice. Nel pannello Progetto troverai una cartella Icone che contiene le 5 composizioni delle icone che vedi poco più sopra.

Colore di Sfondo

Per modificare il colore di sfondo ti basterà entrare nella composizione e modificare il Controller: al suo interno c’è un effetto per modificare il colore con un click.

Dimensione

Se vuoi ridimensionare l’icona, facendola diventare più piccola o più grande la procedura è la medesima.

Ogni composizione ha un livello NULL rinominato in Controller. Ti basta premere il tasto S sulla tastiera per rivelare la proprietà di Scala. A questo punto puoi variare la dimensione dell’icona come ti pare. Chiaramente se superi la dimensione della composizione, premi CTRL+K su PC o CMD+K su Mac per entrare nella finestra delle impostazioni della composizione ed allargarla in base alla tua necessità. That’s it!

Render e GIF Animate

Se vuoi usare le icone in un video utilizzando il canale Alpha, ti consiglio di renderizzare le icone con l’impostazione di Quicktime come formato e nelle sue opzioni imposti su PNG. A questo punto nei canali (la colonna di sinistra) puoi selezionare RGB+Alpha. Manterrai la trasparenza e potrai usarlo tranquillamente ad esempio su Premiere Pro.

impostazioni-render-After-Effects

Impostazioni Render in After Effects

Se invece necessiti di una GIF Animata, la procedura è un po’ più lunga ma non per questo difficile. Intanto puoi già renderizzare le icone che ti servono con il sistema appena descritto.

Quindi chiudi After Effects ed apri Photoshop. Importa i file Video che hai creato e salva direttamente per il Web (scorciatoia Ctrl+Alt+Shift+S). Nella finestra di salvataggio di Photoshop per il Web dovrai impostare i valori come vedi dall’immagine qui sotto. Ricorda di impostare anche alla voce Animazione in basso a destra Opzioni ciclo su Sempre, cambiando dalla scelta di Default “Una volta”.

impostazioni-gif-animata

Dove scarico il Template Icone Animate?

Per scaricare il progetto iscriviti alla Newsletter! Riceverai tutti i materiali gratuiti e risorse esclusive ai soli iscritti!

[yikes-mailchimp form=”4″]

Una volta confermata l’iscrizione, riceverai una email di conferma con il link a tutte le risorse,e template che ho messo a disposizione nel giro di un’ora da quando ti sei iscritto.

Se non ti arriva nessuna email, controlla nella tua casella di SPAM: a volte finiscono lì per errore. Imposta l’email come non spam e aggiungila alla tua rubrica contatti per non perderti nessuna email futura ed ottenere gli ultimi template!

Se sei già iscritto, ti arriverà regolarmente ad ogni articolo e risorsa gratuita una email dove troverai il link per scaricare i template.

Vuoi 45 Icone Animate invece di 5?

Ho sviluppato un template più corposo, con 45 icone che puoi trovare su Gumroad!

Nel Template con 45 Icone ci sono queste icone:

  • abaco
  • chitarra acustica
  • sveglia
  • analytics
  • archivio
  • audio
  • biologia
  • cervello
  • chat
  • desktop
  • diagramma
  • dribbble
  • facebook
  • followers
  • promozione
  • grafico a torta
  • rating
  • borse della spesa
  • snapchat
  • youtube
  • ebook
  • email
  • ingranaggi
  • stretta di mano
  • clessidra
  • robot industriale
  • SEO keywords
  • laptop
  • lampadina
  • linkedin
  • tavolozza colori
  • panello indicazioni
  • fisica
  • risparmia tempo
  • whatsapp
  • lettura
  • forbici
  • strategia
  • bersaglio
  • team
  • twitter
  • video-chat
  • wifi
  • spazio di lavoro
  • video-player

Ci sono 45 Icone con le stesse caratteristiche del template con 5 icone animate. Troverai altre icone social, business, educazione che potrai usare come ti pare e dove ti pare!

Ecco un’anteprima del template:


Compra il Template Adesso!

Ti ringrazio di aver scaricato il template e se hai apprezzato il template di icone animate, metti la tua valutazione qui sotto, mi farebbe capire quanto sono apprezzati e se devo aggiustare il tiro 😉

rating

Inoltre condividi questo articolo, così da poter far conoscere questo template a chi ne ha necessità.

Ci leggiamo al prossimo mese, ciao!