Transcript for:
Modifica e Creazione di Template Instagram

Ciao a tutti, in questa lezione andremo ad approfondire un po'il discorso fatto nell'ultima lezione ossia andremo a modificare un template per i post di Instagram con particolare attenzione alle immagini, le forme, i colori e il testo quindi vedremo come fare una serie di post con un'immagine coordinata tra loro che vi ricordo deve essere sempre aderente un po'all'immagine del brand quindi non deve discostarsi per fare questo utilizzeremo quindi diciamo partiremo da qui da questa base di un template già fatto sull'innovazione tecnologica andremo a modificarlo e vedremo un po di forme anche creative per modificare questo template quindi per non farlo sembrare troppo standard quando andremo poi a pubblicarlo allora cosa facciamo ad esempio vediamo partiamo da qui questo template innanzitutto cosa che non mi piace c'è un po troppa roba quindi andrei a rimuovere queste cose qui queste sono forme allora innanzitutto ricordatevi sempre che le forme si gestiscono come le immagini quindi io posso ridimensionarle posso cambiare il colore facendo in questo modo qua o come farò io posso cancellarle perché vorrei qualcosa di leggermente più minimale vedete anche questa è una forma utilizzata in questo template potrebbe servirmi o meno ma se ho tanti elementi magari meglio ridurli per concentrare l'attenzione diciamo dello spettatore poi sul testo perché sinceramente c'è un po'troppa roba in questo template quindi piuttosto che anche questo ovviamente possiamo cambiare il colore quindi diciamo piuttosto che distogliere lo spettatore da quello che dico preferisco togliere un po'di elementi che in realtà non aggiungono nulla alla narrazione cos'altro potrei fare ad esempio invece questo elemento qui mi piace parecchio quindi potrei decidere di renderlo un po più visibile magari ingrandendolo se occupa troppo spazio posso utilizzare diciamo il naturale ritaglio del post per andare ad assottigliarlo magari così una metà allora cos'altro c'è in questo template che mi disturba ancora troppi elementi questo potrebbe essere carino me lo tengo qui per il prossimo post però andrò a rimuoverlo call to action va bene però immaginate che quando andrete a postare su instagram avrete una dimensione sullo schermo che è circa questa chiedetevi sempre è leggibile ciò che sto scrivendo probabilmente così sarà veramente poco leggibile quindi piuttosto questi elementi qui meglio rimuoverli e andare a usarli magari in maniera diversa dedicargli un post appositamente per loro diciamo per dargli la giusta rilevanza anche perché la call to action sempre meglio metterla alla fine della nostra sequenza di post quindi via allora sfondo andiamo a cambiare il colore dello sfondo facciamolo ad esempio rosso questo rosso qui non mi dispiace come vedrete questi sono i colori della foto di cui avevamo già parlato nella lezione precedente questo rosso in particolare viene da questo riflessino qui della coscia del robot vedete qui abbiamo le due immagini con i colori che cambia estrapolato da ciascuna quindi da questa i toni scuri da questa i toni un po più sul bianco c'è questo verdino questo rosso e così via quindi questo per adesso lo teniamo magari potrei scegliere di dare un po più rilevanza al testo quindi lo faccio un po più grande in questo modo oppure cambiando la dimensione da qua vanno bene entrambi i modi diciamo se abbiamo occhio potrei decidere di fare il testo un pochino più grande il testo del titolo allora cosa vi consiglio di fare quando abbiamo dei testi cercate di tenere il riquadro del testo sempre il più aderente possibile alle lettere in maniera tale che adesso guardate un attimo quando io vado a raggrupparli vedete cosa fa Canva va a prendermi come dimensione massima quella di questo testo qui quindi se è ancora più grande il riquadro perché va a prendere praticamente il riquadro di testo se un riquadro così grosso mi va a dare più fastidio nel momento in cui cerco di spostarlo magari di cliccare su un elemento che c'è sotto insomma può diventare un po più fastidioso allora cambiamo questi testi più piccolo visto che il mio titolo sarà un po'più in lungo dell'originale magari diminuiamo un attimo l'interlinea la spaziatura tra le righe non troppo così va bene allora visto che abbiamo ridotto un po'il titolo per dare il giusto peso agli altri elementi vedete in questo momento è piuttosto sbilanciato cosa facciamo? andiamo a fare un po'più piccolo questo anche questo qui facciamo un po'più piccolo per dare la giusta rilevanza al titolo gli diamo una buona spaziatura cosa c'è che non va? non sono ben allineate cosa possiamo fare? allora utilizzare lo strumento posizione allinea in questo caso vedete lo fa in maniera abbastanza buona però se andiamo a ingrandire ci accorgiamo che in alcuni punti non è ben allineato questo succede perché le lettere come sempre vedete hanno una spaziatura rispetto alla cornice che le contiene quindi per fare una roba un po più precisa e vi consiglio di fare questa cosa qui ingrandite molto e allineate bene tenete premuto maiuscolo e poi date la spaziatura che volete stessa cosa qui allora in realtà qua la c va un po più in qui quindi sarebbe il caso di vabbè facciamolo con la l e ci va bene uguale che abbastanza allineato perché ho dato l'allineamento prima quindi va bene così quando abbiamo tre elementi di testo cerchiamo di fare questa cosa qui Magari tra titolo e corpo del testo il doppio della spaziatura che c'è tra testo e sovratitolo diciamo.

È un modo per una maggiore coerenza grafica diciamo una spaziatura un po'più digeribile. Adesso le possiamo raggruppare. Raggruppa.

Come andiamo a posizionare questa roba qua? Ovviamente possiamo sempre utilizzare le posizioni automatiche quindi ad esempio al centro, sinistra, destra. Allora io vi sconsiglio di usare in alto a sinistra e a destra perché va praticamente troppo al margine e non è bellissimo.

Più che altro io vi consiglio magari di farlo manualmente e di cercare di beccare, vedete, i margini che mi suggerisce Canva. Così sono sicuro di non andare troppo al bordo, sono sicuro di avere la stessa spaziatura. tra sopra e sotto e così via ok allora qui potrei anche decidere magari di cambiare il colore di questa forma che c'è qua sotto proviamo a dargli qualcosa di un pelino più chiaro può andar bene anche così un po'meno scuro allora se vedete in questo caso io ho cliccato 50 volte per cercare di beccare precisamente questa forma qui come posso fare per averla in maniera un po'più facile allora innanzitutto tenete presente che Canva come Photoshop, Illustrator e così via ha i livelli su Canva sono un po'più imboscati devo andare su un oggetto qualsiasi, cliccare posizione e poi scegliere da qua livelli vedete in questo caso ci fa vedere tutti i livelli che sono presenti all'interno del mio post quindi se non dovessi riuscire ad esempio a beccare questo elemento qua che è sotto ad altri, quindi ho fatto delle sovrapposizioni particolari mi basta cliccare qui per avere poi a disposizione gli strumenti di quel livello in particolare mi piacerebbe che fosse un po'più in vista su Canva però va bene così ce lo facciamo andar bene allora abbiamo fatto il primo post diciamo che questo lo lasciamo così dobbiamo creare altri post coordinati cosa faccio?

aggiungo una pagina però se aggiungo la pagina vedete mi tiene solo il colore dello sfondo meglio fare così torniamo indietro andiamo a cliccare su duplica che troviamo qua in alto in questo modo lui mi duplicherà tutti gli elementi e io potrò andare a spostarmeli o modificarli, cancellarli ad esempio continuo a tenere l'omino qua, lasciamolo solo per questa cosa di duplicarlo poi in futuro cosa posso andare a fare qui? magari qui non mi servirà più il titolo principale perché sto già andando avanti con le slide quindi posso annullare il raggruppamento, cancello questo magari questo lo tiro un po più in giù lo faccio diventare che so... limiti del IA immaginiamo sempre di avere un testo ovviamente me lo vado a lineare magari allo stesso modo di prima per tenere una coerenza perché immaginate su instagram di fare swipe tra le varie pagine quindi tra le varie immagini del post in questo modo avrete qualcosa sempre coordinata magari questo potrei farlo grassetto in questo caso qui cosa posso fare qui a livello di creatività magari posso spostare qualche elemento di questi o non mi piace via magari potrei andare a fare qualche modifica a questa immagine quindi ad esempio potrei decidere di ruotarla da questa icona qui posso andare a ruotare l'immagine ad esempio in questo caso il testo magari potrei anche passarlo qua nell'altro nel basso a destra del mio riquadro magari potrei provare anche a fare un allineamento diverso allora l'allineamento a bandiera a destra non è leggibilissimo quindi da utilizzare in maniera molto oculata se magari qui avessi poco testo potrebbe andare benissimo in questo caso sempre ricordiamoci di dargli posizionamento adeguato cos'altro potrei fare ancora cercare di modificare qualcuno di questi elementi oppure usarlo in maniera diversa potrebbe avere un senso qualcosa del genere pensiamoci allora in questo caso vedete posso decidere magari di utilizzare delle rotondità che sono presenti nella foto per creare un qualche tipo di idea a livello di design ad esempio ecco questa cosa che mi piace posso fare che la mando in giù dai livelli la metto qua in maniera tale che vada sotto la mano però questa cosa qui è un po storta in questo caso ottimo utilizzare posizione andiamo in organizza centro centro in maniera tale che venga centrale ops potrei decidere di spostare la mano qua in maniera che segua questa linea delimitata dal cerchio e poi inserire a metà del cerchio vedete allinearlo in questo modo questa cosa qua sono varie idee per diciamo svoltarci qualcosa a livello di design grafico ancora una volta duplico magari qui potrei decidere ad esempio di fare un post del genere duplico questa immagine ancora posizione organizza anzi no facciamo capovolgi capovolgi orizzontalmente e verticalmente in maniera tale da avere qualcosa del genere allora utilizzate sempre gli stessi font ovviamente possiamo copiarceli tagliarli e incollarli di qua scriviamo qualcosa sempre attenzione a centrare tutto bene in questo caso spostiamo questa ok siamo ai due centri va bene così attenzione quando centrate qualcosa perché vedete se andate a centrare tenendo come vi dicevo prima la il riquadro di testo largo in questo modo ve lo allineerà male non riuscirà a farlo in maniera automatica perché lui tiene conto del riquadro quindi vedete ad esempio se vorresti centrarlo a destra usa questo come come riferimento quindi piuttosto o lo faccio a mano in questo modo o a rinduco la casella e utilizzo l'allineamento automatico allora cerchiamo di armonizzare un po questa cosa qui ancora una volta potremo ad esempio qui utilizzare una forma andiamo su elementi inseriamo un cerchio andiamo a centrare anche lui posizione centro e andiamo a dargli magari una tonalità di colore che ci stia con il resto magari in questo caso potrei decidere di utilizzare questo tipo di centratura insomma possiamo davvero giocarcela come vogliamo potrei anche inserire una cornice inserirci un immagine va benissimo cerchiamo di avere la stessa distanza tra le mani del nostro robot e l'elemento che abbiamo qui centrale abbiamo creato un'altra slide vedete già come stiamo utilizzando tante volte gli stessi elementi per creare qualcosa di diverso altra cosa che potremmo fare ad esempio mettere questo trasparente e invece andare a dargli un bordo più spesso quindi qualcosa di un po più fine un po più moderno centrato in questo modo qua però non mi soddisfa nero abbiamo bianco già meglio possiamo anche cambiare lo stile del bordo ad esempio potremmo scegliere qualcosa del genere per fare un po un richiamo a questa forma che abbiamo utilizzato prima.

Quindi diciamo cerchiamo di fare sempre dei richiami grafici a qualcosa che stiamo utilizzando. Ad esempio trattini meglio, un po'meno spessi. Ok.

Diciamo fare dei richiami costanti a elementi che abbiamo utilizzato ci dà poi quel senso di continuità all'interno di un progetto. andiamo ancora a duplicarlo quindi duplica pagina magari è il momento di mandare via questa Emanuele di cui abbiamo abusato fino ad ora andiamo invece ad inserirci il nostro Mino ovviamente ricordiamoci che non siamo obbligati ad utilizzarlo per intero possiamo anche utilizzare soltanto una parte ovviamente non andrò ad utilizzare questa ma posso utilizzare questa parte qui se voglio magari parlare ad esempio di qualcosa di un po più dinamico legato ai liai quindi anche il testo deve richiamare in qualche modo l'immagine e viceversa quindi mi vado a riprendere sempre il testo che ho usato me lo incollo di qua e magari adesso è il caso di... no...

giustificato forzato bruttissimo passiamolo di qua e andiamo a modificarci questo che ne so potenza di calcolo ancora giustificato non va bene mentre così abbastanza bene controlliamo sempre un check sull'allineamento può essere soddisfacente così se avete bisogno di zoomare velocemente e siete da pc ctrl meno ctrl più o command meno o command più ecco qui adesso ne sono accorto solo ora questo è un po troppo spaziato tra le righe non mi piace riduciamo un po'e vediamo un po'di spazzatura rispetto a quello che c'è sopra allora qui ho usato 1.05 magari vado a fare la stessa cosa anche qua allora guardatelo così e così possiamo anche scrivere 05 vedete elementi più ravvicinati cioè con la giusta spaziatura non più ravvicinati in assoluto ma mi danno anche uno stacco maggiore rispetto al titolino ok quindi vedete in quanto tempo abbiamo già svoltato 4 post diversi utilizzando la stessa immagine magari a un certo punto potrebbe essere interessante aggiungere un elemento di rottura perché altrimenti rischiamo di fare qualcosa di troppo monotono quindi abbandoniamo un attimo questi e chiediamo alla nostra intelligenza artificiale di generarci magari un robot che lavora in stile manga vediamo un po'che cosa ci tira fuori oddio sono un po'aggressivi forse non è il caso utilizzare queste e in più vorrei un tono rosso per potermi accodare allo stile che sto utilizzando adesso quindi no grazie robot amichevole che lavora al pc in stile manga tonalità rossa un po paura di quella amichevole vediamo vediamo come lo intende l'intelligenza artificiale d'altronde sto parlando di lei quindi mi aspetto un po di collaborazione ok già meglio vediamo le altre va abbastanza bene ma questo qui è molto caruccio da notare che è dannatamente simile a qualcosa che ho prodotto ieri con un prompt simile quindi attenzione questo è uno dei limiti dell'intelligenza artificiale magari qui posso andare a renderla tutta pagina me la porterò in basso quindi per tenere questa cosina qui vedete già come diventa un po più movimentato magari potrei anche decidere di metterlo prima allora slide finale anche qui possiamo riprendere qualche elemento magari adesso è il momento di puntare sulla call to action quindi questo è il nostro post finale centrato possiamo scrivere ad esempio seguici per seguici se vuoi rimanere aggiornato sulla tecnologia cercate di essere meno pigri quando scrivete qualcosa ma in questo caso affidatevi al copy Ognuno ha il suo lavoro all'interno di un'agenzia o di un team, quindi speriamo nel nostro copy ancora pigrizia centro centro tac. questa veramente veloce ma potete anche ragionare di più vi invito è importante la slide finale quindi va ragionata meglio per non dilungarmi troppo ho messo qualcosina che sia giusto un'idea di cosa intendo allora come organizziamo il progetto vedete tutte queste cosine qui ci danno la possibilità di svolgere determinate azioni ad esempio potrei nascondere questa pagina o mostrarla potrei spostarla in giù in su potrei andare a bloccarla se la blocco che succede vedete non posso più modificare gli elementi finché non la sblocco questo è molto utile per evitare magari di tagliare qualcosa di modificare qualcosa per sbaglio quindi questa va bene la blocco questa va bene ecco errore questa va bene la blocco e così via questo mi permette di cancellarla e vabbè questo è l'aggiungipagina quindi è la stessa cosa che abbiamo in basso una volta che ho pronti tutti tutti i miei post posso fare due cose posso andare su condividi diciamo o postarla direttamente oppure scaricarla scegliendo un formato adatto ed in questo caso mi sta consigliando il png perché c'è molta grafica png rende meglio quando c'è grafica cioè testo e questo tipo di cose qui le immagini non tanto sono più da jpeg quindi potrei andare a scaricarmi le pagine posso scegliere se tutte o soltanto alcune di queste oppure potrei se sono loggato postare direttamente su Instagram. quello che vi consiglio io è di sviluppare le vostre idee da pc perché è comunque molto più veloce il lavoro rispetto a soprattutto preciso perché immaginate di fare un allineamento come quelli che abbiamo fatto adesso però utilizzando il touch del telefono o del tablet insomma o avete davvero un dito da chirurgo o diventa molto difficile quindi vi consiglierei di fare tutto il vostro lavoro qui tanto sarà accessibile anche quando accederete dal telefono una volta che fate accesso al telefono scaricate tutto e postate oppure postate direttamente su instagram gioco fatto abbiamo fatto un bel carosello per il nostro account e ci vediamo alla prossima lezione