MegaMarketing
No Result
View All Result
lunedì, aprile 12, 2021
  • Home
  • Marketing
  • Social Media
  • Copywriting
  • Ecommerce
MegaMarketing
  • Home
  • Marketing
  • Social Media
  • Copywriting
  • Ecommerce
No Result
View All Result
MegaMarketing
No Result
View All Result
Home Marketing

Come creare un cinemagraph in 7 semplici passaggi

by megamarketing
novembre 8, 2019
in Marketing
0
Come creare un cinemagraph in 7 semplici passaggi
14
SHARES
349
VIEWS
Condividi su FacebookTwitta su Twitter

Come realizzare un Cinemagraph

  1. Piano
  2. Disco
  3. Importazione e ritaglio
  4. Creare la tua maschera
  5. Modifica della maschera
  6. Inverti (o no)

Come dice il vecchio proverbio, "un'immagine vale più di mille parole". Dato che il 65% della popolazione è un visual learning, l'utilizzo delle immagini come parte del marketing può essere la chiave per garantire che il messaggio venga recapitato.

Come marketer, probabilmente sei già consapevole dell'importanza delle immagini. Sono più facili da digerire di un mucchio di parole su una pagina e possono aiutare a supportare gli altri tuoi contenuti raccontando una storia in modi in cui le parole non possono. Sia nei post sui social media che nei post sul blog, le immagini aiutano il tuo pubblico a capire meglio di cosa stai parlando, chiaro e semplice.

Scarica la nostra guida gratuita su Visual Storytelling

I cinemagraph possono fare un ulteriore passo avanti.

Cos'è un cinemagraph, chiedi? Gli artisti di Cinemagraph.com – dove essenzialmente è nato il cinemagraph – li descrivono come "un'immagine che contiene al suo interno un momento di vita che consente di sperimentare e conservare all'infinito uno scorcio di tempo".

In parole povere, un cinemagraph è in realtà solo una fantasia GIF – un formato di file spesso usato per creare animazioni brevi e a ciclo infinito per il web. Guarda l'esempio qui sotto.

Cinemagraph-Finale

Il cinemagraph finalizzato

GIF e cinema possono essere aggiunti a blog ed e-mail in un modo che va oltre una normale foto. E non sono davvero difficili da realizzare, specialmente se hai già familiarità con programmi come Photoshop.

Di quali strumenti hai bisogno?

Innanzitutto, dovrai assicurarti di avere ciò di cui hai bisogno per creare il cinemagraph:

  • Un modo per registrare video (ho usato la fotocamera sul mio iPhone 6)
  • Un treppiede o un altro modo per mantenere stabile la fotocamera completamente ancora
  • Adobe Photoshop (Attualmente sto usando Adobe Photoshop CC 2014 sul mio iMac)

Come realizzare un Cinemagraph

Come realizzare un cinemagraph come questo effetto colato d'acqua

Realizzare un cinema che incarna o celebra il tuo marchio può aiutare l'azienda a crescere meglio, ma farlo nel modo giusto è altrettanto importante. Ecco come farlo passo dopo passo.

Step 1: Pianifica!

Quell'immagine sopra? Questo è un piccolo assaggio di ciò che stai cercando. Ora questo può sembrare ovvio, ma un cinema di successo deve essere ben pensato. Se vuoi creare un cinema che affascina davvero e incanta il tuo pubblico, devi essere sicuro di avere un piano in atto prima di iniziare.

Considera la tua materia. Chi o che cos'è? Quale azione si sta svolgendo nel video? Quali parti si sposteranno e quali rimarranno ferme?

Mantieni il movimento al minimo. I cinemagraph sono incentrati sulla sottigliezza; non sono appariscenti o troppo in faccia.

Passaggio 2: registrazione

Un cinemagraph è come una fotografia vivente. Vuoi che appaia professionale.

Assicurati di averne un sacco luce naturaleo un modo per fornire molta luce durante le riprese del soggetto. Le riprese in esterni possono spesso essere il modo più semplice per ottenere un'ottima illuminazione.

Usa un treppiede. Non vuoi che la videocamera si sposti durante questo processo, altrimenti rovinerà l'effetto del cinema e renderà più difficile il montaggio.

Durante la registrazione, il soggetto dovrebbe spostarsi il meno possibile. Tieni presente ciò che vuoi che sia il risultato finale: cosa si sposterà e cosa no.

Adesso, per quanto dovresti girare il tuo video? Devi solo assicurarti di avere qualche buon secondo di video in cui il soggetto è relativamente fermo e ogni movimento è costante.

Per creare il cinema sopra, ho girato due riprese diverse, ciascuna lunga circa 15 secondi. Volevo essere sicuro di avere da 5 a 10 secondi in cui l'acqua scorreva abbastanza costantemente da poter lavorare facilmente durante il processo di modifica.

Passaggio 3: importazione e ritaglio

Dopo aver inviato il video per e-mail a me stesso, l'ho importato in Photoshop andando su File> Importa> Fotogrammi video su livelli e selezionando il file.

3.1 importatori-Frame-to-Layers

Verrà visualizzata una finestra di dialogo per consentire di ritagliare il video. Sono andato avanti e l'ho ridotto dato che avevo solo bisogno della metà del mio video. Se non ritagli il video adesso, lo farai in seguito, ma aiuta a restringere il numero di fotogrammi video che importerai se hai già un'idea di quale parte del video desideri utilizzare.

Non ho minimamente limitato la frequenza dei fotogrammi, poiché volevo avere il maggior numero di fotogrammi con cui lavorare.

3.2-Importazione-Clip

Assicurati che la linea temporale sia visibile nella tua finestra andando su Finestra> Linea temporale. Dovresti vedere automaticamente la linea temporale della cornice, ma tieni presente che Photoshop ha anche una linea temporale video e funziona allo stesso modo ma sembra un po 'diverso da quello che vedrai nei miei screencaps.

3.3-View-Timeline

Ora che il tuo video viene importato, vedrai tutti i fotogrammi importati nella tua linea temporale (di solito si trovano nella parte inferiore della finestra di Photoshop).

Nella linea temporale, è possibile imposta la velocità a cui verrà riprodotto il tuo video. Ho impostato il mio a 0,08 secondi, perché sembrava che stavo giocando troppo velocemente quando ho esportato il file finale. Potresti provare con questo per trovare il frame rate giusto per il tuo video.

3.4-Impostazione-Frame-Rate

Imposta la sequenza temporale da ripetere Per sempre, in modo che la tua GIF sia ripetuta all'infinito.

3,5-Set_Forever

Ora, riproduci il video in Photoshop ed elimina tutti i fotogrammi che non ti servono fino a quando non hai solo la clip esatta che vuoi mostrare.

3.6-delete-Layers

Aiuta più avanti nel processo di modifica se elimini i livelli corrispondenti ai fotogrammi che hai eliminato, in questo modo sono fuori mano.

Ho finito per importare solo circa 4 secondi di video, per un totale di circa 90 fotogrammi. Dopo aver eliminato tutti i fotogrammi extra che non mi servivano più, mi sono ridotto a 10 fotogrammi interi, il che rende un video molto, molto breve.

3.7-Cinemagraph-Clipped

Ritagliato (prima della modifica)

Passaggio 4: creazione della maschera

Quindi, ora che il tuo video viene riprodotto e ripetuto a tuo piacimento (per la maggior parte), puoi immergerti nel renderlo un vero e proprio cinemagraph.

Per fare ciò è necessario un livello per coprire i livelli di ciascun fotogramma e coprire tutto tranne le aree in cui si desidera vedere il movimento.

Seleziona il primo fotogramma nella linea temporale e, nel pannello Livelli, duplica il livello visibile in quel fotogramma. Trascinalo sopra tutti gli altri livelli e assicurati che sia visibile. Questo sarà tuo maschera di livello. Ho rinominato il mio livello "Maschera statica".

4.1-Duplicate-layer

In questo momento, se riproduci il tuo video, non dovrebbe esserci alcun movimento, perché ogni maschera è coperta dalla maschera. Hai praticamente congelato il tuo video e ora devi sbloccare solo l'area in cui vuoi vedere il movimento.

Passaggio 5: modifica della maschera

Nel pannello Livello, seleziona il livello maschera e fai clic sull'icona "Aggiungi maschera livello" nella parte inferiore del pannello (sembra un rettangolo con un foro al centro).

Assicurati che questo nuovo livello maschera bianca sia selezionato e non il livello immagine.

5.1-Layer-Mask-Selection

Con lo strumento pennello, inizierai a dipingere sulle aree in cui vuoi vedere il movimento. Aiuta se stai guardando uno dei fotogrammi successivi nel tuo video, poiché sarai in grado di vedere il diverso livello sotto la maschera.

Stai essenzialmente cancellando le aree in cui vuoi vedere il movimento, mantenendo tutto il resto statico.

Assicurati solo di te non usa lo strumento Gomma. Una maschera reale non è distruttiva come la gomma, e se mascherate accidentalmente un'area che in seguito vi rendete conto di voler spostare, le maschere sono più facili da modificare.

5.2-Mask_Layer

Il mio livello "Maschera statica", dopo aver smascherato le aree in cui volevo che avvenisse il movimento.

Passaggio 6: indietro (o no)

Una volta che sei soddisfatto della tua maschera, devi capire se vuoi che il tuo cinemagraph si inverta. Dipende molto dal soggetto e dall'aspetto quando viene invertito.

Cinemagraph-inversa finale

Cinemagraph invertito e ripetuto

Cinemagraph-Example-finale

Cinemagraph quando solo ripetendo

Per fare ciò, selezionerai tutti i fotogrammi nella tua linea temporale, li duplicherai e poi invertirai i fotogrammi duplicati. Ora, il tuo video scorrerà in modo più fluido.

6.1-Reversing-Timeline "larghezza =" 525 "style =" larghezza: 525px; blocco di visualizzazione; margine sinistro: auto; margin-right: auto; "srcset =" // cdn2.hubspot.net/hub/465783/hubfs/SC_blog/6.1-Reversing-Timeline.gif?width=263&name=6.1-Reversing-Timeline.gif 263w, // cdn2 .hubspot.net / hub / 465783 / hubfs / SC_blog / 6.1-Reversing-Timeline.gif? width = 525 & name = 6.1-Reversing-Timeline.gif 525w, //cdn2.hubspot.net/hub/465783/hubfs/SC_blog/ 6.1-Reversing-Timeline.gif? Width = 788 e nome = 6.1-Reversing-Timeline.gif 788w, //cdn2.hubspot.net/hub/465783/hubfs/SC_blog/6.1-Reversing-Timeline.gif?width=1050&name=6.1 -Reversing-Timeline.gif 1050w, //cdn2.hubspot.net/hub/465783/hubfs/SC_blog/6.1-Reversing-Timeline.gif?width=1313&name=6.1-Reversing-Timeline.gif 1313w, //cdn2.hubspot .net / hub / 465783 / hubfs / SC_blog / 6.1-Reversing-Timeline.gif? larghezza = 1575 e nome = 6.1-Reversing-Timeline.gif 1575w "dimensioni =" (larghezza massima: 525px) 100vw, 525px

Passaggio 7: esportazione del Cinemagraph

Per esportare il tuo cinema finale, vai su File> Salva per web. La finestra di dialogo ha molte opzioni, ma devi solo essere sicuro di salvare il tuo file come GIF impostato per il loop continuo.

Puoi persino riprodurre la GIF nella finestra di dialogo, solo per dare un'altra occhiata al tuo prodotto finale. Fai clic su Salva quando sei soddisfatto delle impostazioni.

Congratulazioni per il tuo nuovo cinema!

Cinemagraph-Example-finale

Hai giocato con i cinemagraph?

Nuovo invito all'azione

  • Trending
  • Comments
  • Latest
8 dei migliori esempi di bio professionali che abbiamo mai visto [+ Bio Templates]

8 dei migliori esempi di bio professionali che abbiamo mai visto [+ Bio Templates]

dicembre 5, 2018
I 7 migliori account e provider di servizi di posta elettronica gratuiti per il 2019

I 7 migliori account e provider di servizi di posta elettronica gratuiti per il 2019

novembre 5, 2018
27 Divertenti attività di team aziendale e idee da fare per tutti

27 Divertenti attività di team aziendale e idee da fare per tutti

agosto 30, 2018
Un modello di lettera di rifiuto professionale ma gentile

Un modello di lettera di rifiuto professionale ma gentile

ottobre 13, 2018
La guida definitiva alle pubbliche relazioni nel 2018

La guida definitiva alle pubbliche relazioni nel 2018

0
3 aree di interesse per contenuti costantemente di alta qualità

3 aree di interesse per contenuti costantemente di alta qualità

0
Affrontare le sfide di gestione delle informazioni sui prodotti

Affrontare le sfide di gestione delle informazioni sui prodotti

0
4 passaggi per rianimare un account di social media abbandonato

4 passaggi per rianimare un account di social media abbandonato

0
Raggiungi e delizia i clienti con il marketing cooperativo

Raggiungi e delizia i clienti con il marketing cooperativo

agosto 4, 2020
Percentuale di clic (CTR) della pubblicità display media – compilazione 2020

Percentuale di clic (CTR) della pubblicità display media – compilazione 2020

maggio 11, 2020
9 modi in cui puoi migliorare il design del tuo sito web e-commerce

9 modi in cui puoi migliorare il design del tuo sito web e-commerce

maggio 11, 2020
Frankie Quiroz suggerisce 4 trucchi per rendere più piccante la tua storia su Instagram

Frankie Quiroz suggerisce 4 trucchi per rendere più piccante la tua storia su Instagram

maggio 11, 2020

Ultime News

Raggiungi e delizia i clienti con il marketing cooperativo

Raggiungi e delizia i clienti con il marketing cooperativo

agosto 4, 2020
Percentuale di clic (CTR) della pubblicità display media – compilazione 2020

Percentuale di clic (CTR) della pubblicità display media – compilazione 2020

maggio 11, 2020

Categorie

  • Copywriting
  • Ecommerce
  • Marketing
  • Social Media

Info e Contatti

  • Home
  • Advertisement
  • Contact Us
  • Privacy & Policy
  • Other Links
MegaMarketing

News, guide, info su marketing, copywriting, psicologia applicata, business

© 2018 megamarketing.it

No Result
View All Result
  • Home
  • Marketing
  • Social Media
  • Copywriting
  • Ecommerce

© 2018 megamarketing.it

Utilizziamo i cookie per offrirti la migliore esperienza online. Cliccando su Accetto, accetti la nostra politica sui cookie.

Accetto Rifiuto
Centro privacy IMPOSTAZIONI DELLA PRIVACY Ulteriori info sulla Cookie Policy