Seminario "Con gli occhi di un altro - Fotografia e storie personali"

Racconto della mia partecipazione al seminario "Con gli occhi di un altro - Fotografia e storie personali"

Il mio Sito Personale

 Creazione del mio sito personale

Oggi vi parlo della realizzazione del layout del mio primo sito web personale.

La consegna era quella di creare su Photoshop il layout intuitivo e funzionale di un sito web, che riuscisse ad identificarmi e che riassumesse il mio percorso scolastico negli ultimi tre anni si specializzazione nell'Istituto Tecnico Tecnologico Carlo d'Arco.

Questo progetto sarà il mio "biglietto da visita" il giorno della Maturità e avrà l'obiettivo di presentarmi alla commissione d'esame.

Il template del sito web doveva contenere alcune parti indispensabili che riassumessero le conoscenze e le competenze acquisite nei tre anni di specializzazione e i progetti realizzati:

• breve presentazione personale;
• portfolio contenente le competenze acquistate nello studio della grafica, della fotografia, del video e del web, seguito poi da una mostra di alcuni dei progetti realizzati;
• progetto sulla nostra azienda personale; 
• attività e corsi di PCTO seguiti;
• contatti personali.

Di seguito lascio l'immagine del mio layout, che preciso non essere del tutto completo in quanto ovviamente, ad andare alla fine dell'anno, verranno aggiunte alcune informazioni in più.

Spero sia stato interessante!

A presto :)

Il Mio Logo Personale

Creazione del mio logo personale

Oggi torno per parlarvi della creazione del mio logo personale.

Per la materia "Progettazione multimediale" mi è stato richiesto di creare il mio logo personale, che rispecchiasse alcune mie caratteristiche e con il quale io mi identificassi completamente.

Sono perciò partita dalla creazione di un elenco cartaceo delle caratteristiche caratteriali che volevo venissero rispecchiate dal mio logo.

Successivamente ho cercato su Internet alcuni esempi di logo personale per avere un'idea generale di possibili composizioni efficaci per la creazione di un logo chiaro.

Sono poi passata alle realizzazione di bozze cartacee di possibili composizioni e forme che avrei voluto inserire all'interno del mio logo.

Ho così ricreato un paio di loghi sul software Illustrator, utilizzando lo strumento "Penna", che ho condiviso tramite mail con la Prof.sa Cantamessa per avere un parere e ricevere dei consigli per apportare possibili modifiche.

Ricevuta la risposta ho proseguito con il modificare il mio logo e, dopo molte prove, sono arrivata alla proposta finale.

Nel mio logo compare una "G", affiancata da una testa di toro vista lateralmente. 

Il colore scelto è stato il nero.

La "G" rappresenta l'iniziale del mio nome e il toro rappresenta il mio segno zodiacale, dal quale mi sento particolarmente identificata. 

Ho scelto il nero in quanto è il mio colore preferito.

Ho però scelto di realizzare la testa del toro in modo astratto, per far si che non fosse di immediata comprensione.

Questo lavoro mi è stato utile per capire l'importanza di dare un'identità a sé stessi, facendolo però in modo chiaro e funzionale.

Inoltre ho ampliato le mie conoscenze sull'utilizzo degli strumenti di Illustrator.

Spero di essere stata chiara...

A presto :)

La Mia Azienda Di Occhiali

Creazione della propria azienda di occhiali 

Oggi  torno per parlarvi di come sono arrivata a creare una mia personale azienda di occhiali.

Il progetto ci è stato presentato dalla Prof.sa di Progettazione Multimediale. 

Consisteva inizialmente nel pensare ad un nome che fosse originale, unico e riconoscibile per quella che sarebbe stata la nostra futura azienda.

Questa prima fase si è conclusa con un breve briefing di classe, in cui ogni alunno ha presentato le proprie proposte di naming. Alla fine dell'incontro sono stati scelti due possibili nomi aziendali, tra i molteplici proposti: "Ociai" e "Dieci decimi".

Ognuno di noi ha poi però dovuto realizzare ulteriori proposte, rappresentandole su carta in modo dettagliato, mostrandone i colori e citandone i font.

Dopo continue modifiche apportate alle bozze cartacee, ci è poi stato richiesto di fare una scelta che fosse definitiva e la mia decisione è ricaduta su "L'occhiale critico". Ho scelto come colori aziendali l'azzurro (codice Pantone #4A83C3) e il giallo (codice Pantone #FFCF02). Per far si che il marchio identificasse maggiormente un'azienda di occhiali ho pensato di congiungere le "O" di "Occhiale" e di "Critico", in modo che figurasse un paio di occhiali da vista.

Fase fondamentale è stata quella che prevedeva la scrittura di un file di testo contenente l'intera storia aziendale, interamente inventata da ognuno di noi.

Successivamente ci siamo dedicati alla realizzazione del marchio aziendale sul software Illustrator e abbiamo consegnato così la nostra proposta definitiva. Illustrator è il software più adatto per illustrare immagini vettoriali.

Proprio su questo software abbiamo creato quattro tavole, così organizzate:

• prima tavola: marchio con colori istituzionali;
• seconda tavola: marchio in bianco e in nero;
• terza tavola: marchio in positivo e in negativo;
• quarta tavola: marchio in riduzione.

Ho creato il marchio con lo strumento "Penna", strumento essenziale per ottenere qualsiasi tipo di forma con estrema precisione; consente infatti di avere il controllo assoluto sui tracciati, sui punti di ancoraggio e sulle maniglie di direzione, elementi fondamentali nella progettazioni di loghi, illustrazioni, packaging, icone e tutto ciò che riguarda il mondo della grafica vettoriale 2D.

Partendo perciò dallo stile del marchio precedentemente ideato, siamo passati alla creazione di opuscolo, pieghevole  e biglietto da visita aziendali.

Ho realizzato il biglietto da visita sul software Illustrator, mostrandone il fronte e il retro. Sul fronte ho riportato il marchio dell'azienda; sul retro ho creato uno sfondo con triangoli dai colori aziendali in opacità e ho inserito le informazioni aziendali.

L'opuscolo è stato invece realizzato sul software InDesign, utile per realizzare ed organizzare composizioni editoriali.

Nella prima facciata ho riportato lo sfondo utilizzato sul retro del biglietto da visita, mettendo in primo piano il marchio con i colori istituzionali.

Nelle pagine successive ho inserito immagini e testi che rappresentassero e raccontassero della mia azienda.

L'ultima facciata invece elenca tutte le informazioni per rintracciare l'azienda.

Copertina

Pagine 2 e 3

Pagine 4 e 5

Pagine 6 e 7

Pagine 8 e 9

Pagine 10 e 11

Pagine 12 e 13

Pagine 14 e 15

Pagina 16

Infine ho pensato ad una possibile inaugurazione aziendale, creando un pieghevole che pubblicizzasse l'evento.

Il pieghevole è stato realizzato utilizzando il software InDesign.

All'interno del lavoro ho scritto una breve presentazione dell'azienda e dei suoi obiettivi, ma soprattutto ho riportato tutti i dati relativi all'evento d'inaugurazione.

Esterno

Interno

Ultima fase è stata quella che prevedeva la realizzazione del coordinato aziendale, composto da carta e busta da lettera, cartellina e infine alcuni gadget. 

Ho utilizzato Illustrator per rappresentare questo coordinato, in particolare lo strumento "Penna".

• Busta e carta da lettera

• Cartellina

• Gadet

Questo progetto è stato essenziale per comprendere l'importanza di organizzare il lavoro in fasi ben definite; ma soprattutto mi ha insegnato a realizzare l'identità di un'azienda in modo completo e partendo dall'inizio.

Spero di essere stata chiara..

A presto :)

Collage Animation

Creo un Collage Animation, in cui racconto in breve la storia del supereroe "Batman"

Oggi torno per parlarvi del primo progetto svolto per la materia "Laboratori tecnici", in questo mio ultimo anno all'Istituto Tecnico Tecnologico Carlo d'Arco.

La consegna era quella di realizzare un Collage Animation, cioè una tecnica d'animazione.

Il lavoro è stato proposto alla classe con l'obiettivo di narrare, in 1 minuto, un breve racconto. 

Inizialmente è stato quindi scelto da ognuno di noi un tema a piacimento, del quale avremmo voluto raccontare. 

Abbiamo scritto dunque una sorta di sceneggiatura, contente anche i dialoghi che avremmo poi inserito nel progetto finale. La sceneggiatura è stata importante per avere una base di partenza organizzata, sulla quale basarsi per realizzare l'animazione.

Passo successivo è stato quindi quello di ricercare delle immagini su Internet che fossero inerenti con ciò che volevamo narrare. Abbiamo quindi scontornato su Photoshop le immagini trovate e realizzato così le basi per le nostre clip.

Ho scontornato utilizzando gli strumenti "Bacchetta Magica" (per selezionare un’area di colore uniforme senza doverne tracciare il contorno. L’intervallo di colori selezionati, o tolleranza di selezione, viene specificato relativamente al colore originale su cui si fa clic), "Selezione Rapida" (per “dipingere” rapidamente una selezione con una punta di pennello dalla rotondità regolabile. Durante il trascinamento, la selezione si espande verso l’esterno, rilevando e seguendo automaticamente i bordi definiti nell’immagine) e "Lazo" (per tracciare un bordo di selezione a mano libera).

Spostandoci poi su After Effects abbiamo editato le tavole di Photoshop, importandole e mantenendone i livelli, realizzando così movimenti che creassero l'effettiva storia ed intrattenessero lo spettatore.

Siamo passati poi alla registrazione dell'audio, inserendo dialoghi ed altri effetti sonori a piacere.

Personalmente ho infine editato audio e clip utilizzando Premiere Pro e realizzato perciò la mia storia che, in base alle istruzioni dei professori, non doveva superare il minuto di lunghezza.

La realizzazione dell'animazione mi è stata utile per affinare la tecnica di scontorno delle immagini su Photoshop, ma soprattutto per imparare a creare movimenti ben calibrati su After Effects.

La mia storia narrava della nascita del personaggio di Batman.

Spero di avervi incuriositi..

A presto :)

Animazione Typovideo

Bentornati sul blog!

Oggi torno con il post sull'ultima esercitazione dell'anno: la realizzazione di un'animazione "Typovideo". 
Questa consegna consiste nel prendere una canzone, o qualsiasi altro tipo di traccia a scelta e comporre, su After Effects, un video in cui le parole i movimenti e gli elementi grafici vadano a ritmo con la nostra traccia. 
Personalmente mi intrigava di più realizzare la mia animazione su una scena di un film; ho scelto quindi la scena finale del film "Dirty Dancing" con la nota battuta "Nessuno può mettere baby in un angolo".
Di seguito allego pochi secondi del mio video, uno screen dell'intero progetto di After Effects e una pagina dello storyboard, utile nella pre-produzione di qualsiasi video.

Screen schermata AfterEffects

Immagine storyboard

Spero vi sia piaciuto.
A presto ✭

Il trailer

Bentornati sul blog!
Oggi torno per parlarvi del trailer da me realizzato, riguardante il documentario sulla quarantena precedentemente girato.
Per crearlo ho deciso di realizzare alcune animazioni utilizzando Adobe After Effects, inserendo anche alcune clip presenti all'interno del mio documentario e creando anche i sottotitoli, in modo da permettere allo spettatore di seguire le mie parole sia ascoltandole che leggendole.
Link GoogleDrive per vedere il trailer completo: https://drive.google.com/file/d/1fBi9v1fNL6-gTtj8xYyDDn_1UAFhI0Ma/view?usp=sharing

Screen Adobe Premiere

Schermata titoli finali

Spero vi sia piaciuto.
A presto✰

Landing Page a scelta

Bentornati sul blog!
Oggi vi propongo un post in cui voglio parlarvi di come ho realizzato una seconda Landing Page.
Questa volta il tema della pagina web era a scelta.
Ho deciso perciò di realizzare il mio elaborato sul brand "Vans".
Ho scelto proprio questo brand perchè amo le loro scarpe e il loro stile in generale.
Nella Landing Page, oltre a pubblicizzare le scarpe Vans, ho voluto pubblicizzare anche l'evento "Vans Shop Riot", il quale riunisce in uno stesso luogo gli skater di tutta la nazione.
Ho aperto Photoshop e la griglia web condivisa con noi dal professore.
Ho inizialmente realizzato lo sketch su carta e ho poi cercato alcune immagini su Google che rappresentassero lo stile che ricercavo.
Ho sbirciato all'interno del sito ufficiale per trascrivermi alcune informazioni relative all'evento e al brand, ma anche per comprenderne a pieno lo stile e prendere spunto dai font utilizzati.
Ho poi realizzato i testi della mia Landing Page, utilizzando un font coerente con lo stile Vans.
Successivamente ho creato dei tracciati che ricordassero i graffiti presenti sui muri delle città, che sono quindi andata a collocare all'interno della mia pagina web.
Ho infine reso più ordinato il mio lavoro, creando cartelle per contenere tutti i livelli.
Allego di seguito lo screen Photoshop del mio elaborato, seguito dall'immagine della consegna finale.

Screen Photoshop con griglia web

La mia Landing Page

Spero vi piaccia. A presto ✰

La Landing Page

Bentornati sul blog!
Oggi torno per parlarvi della realizzazione della mia prima Landing Page.
La Landing Page è una pagina web specificatamente strutturata che il visitatore raggiunge dopo aver cliccato un link o una pubblicità.
Dopo aver appreso il significato del termine ho seguito il tutorial inviatoci dal professore, che trattava punto per punto la realizzazione della Landing Page.
Durante la visione del video ho preso perciò tutti gli appunti necessari.
Successivamente abbiamo avuto due ore di tempo per creare una Landing Page su un tema scelto per noi dallo stesso professore. Ho realizzato la mia pagina web su Vasco Rossi.
Inizialmente ho disegnato lo sketch su carta, una specie di abbozzo degli elementi da inserire nell'elaborato, per organizzarlo nel migliore dei modi.
Ho cercato su Google immagini significative del cantante, che fossero il più possibile coerenti con lo stile che volevo attribuire al mio lavoro e ho ricercato, all'interno del sito ufficiale, alcune informazioni relative alla mail e ai numeri di telefono.
Poi ho aperto la griglia web condivisa dal professore, sulla quale sono andata a realizzare la mia esercitazione.
Ho scaricato contemporaneamente una palette colori che contenesse colori abbinabili al giallo e al nero, colori base del sito ufficiale di Vasco Rossi.
Ho creato così il testo e ho scontornato alcuni elementi che mi servivano per rendere più precisa la mia Landing Page, come ad esempio frecce, logo e icone varie.
Infine ho organizzato in modo ordinato i vari livelli creati.
Nella mia Landing Page ho pubblicizzato la data del Tour 2020 a Firenze.
Allego di seguito lo screen di Photoshop e la mia consegna finale.

Screen Photoshop con griglia web

La mia Landing Page

Spero vi piaccia. A presto ✰

Il documentario - Locandina

Bentornati sul blog!

Oggi vi propongo il post riguardante la locandina realizzata per pubblicizzare il documentario ideato e creato precedentemente da me.

Il mio documentario elencava alcuni consigli e attività da svolgere per sopravvivere alla noia delle giornate di quarantena.

Per realizzare il mio elaborato mi sono inizialmente scattata una foto sul mio balcone per dare un senso di libertà dell'esterno, ma limitata dal parapetto del balcone stesso.

Ho posizionato le mie mani in modo da evidenziare maggiormente il titolo.

Successivamente, utilizzando Photoshop, ho modificato alcuni parametri del colore per rendere l'immagine più luminosa.

Infine ho aggiunto il titolo del mio documentario, seguito dal sottotitolo. Entrambi gli elementi colorati di giallo, come a simulare un sole brillante.

Ecco il mio lavoro..

Spero vi sia piaciuto. 

A presto ✰

Il documentario - riprese

Bentornati sul blog!
Oggi torno con un nuovo post nel quale voglio parlarvi del nuovo progetto assegnatoci.
Dovendo tutti restare a casa,  causa COVID-19, la professoressa ci ha assegnato la creazione di un documentario che riassumesse la nostra quarantena.
Io ho deciso di realizzare una vera e propria "Daily Routine", documentando appunto una mia giornata tipo in questo momento particolare.
Ho realizzato alcune riprese in cui svolgevo attività, con l'obiettivo di dare uno spunto e condividere con un possibile spettatore numerosi svaghi da poter seguire in queste giornate, per non annoiarsi troppo.
Ho però voluto creare qualcosa di più personale, realizzando un video nel quale documentavo e raccontavo i miei stati d'animo e i miei pensieri sull'intera situazione.
Inserisco qui di seguito alcune foto relative alle mie riprese:

A presto✰

Didattica A Distanza

Bentornati sul blog!
Oggi vi parlo della "didattica a distanza".
A causa di questa epidemia dovuta alla malattia COVID-19 tutti i cittadini italiani sono stati costretti dallo Stato a restare a casa, in quarantena  forzata, per cercare di bloccare il contagio del virus.
Sono state giustamente chiuse anche le scuole, oltre a tutti gli altri luoghi pubblici e di aggregazione.
Al fine di non trascurare però la didattica, alunni e insegnanti sono stati invitati ad organizzare lezioni giornaliere online.
Nonostante sembri facile per noi ragazzi (che ogni giorno utilizziamo i mezzi tecnologici) abituarci alla didattica online, posso assicurarvi che almeno per me non lo è stato.
Non avere contatto diretto con compagni e insegnanti mi ha fatto apprezzare maggiormente alcuni aspetti, che prima ritenevo scontati.
Inizialmente, tramite la creazione di gruppi WhatsApp con i professori delle varie materie, ci siamo accordati sui giorni e gli orari in cui poterci trovare, per partecipare ad una normale lezione, utilizzando però piattaforme online.
Le lezioni si svolgono perciò tramite videochiamata, su piattaforme come ad esempio Skype, grazie alle quali abbiamo la possibilità di vedere i professori in tempo reale e di parlare con loro.
Ovviamente oltre alle videochiamate ogni professore allega del materiale e degli esercizi da farci svolgere nel quaderno elettronico.
Ogni studente dispone del proprio quaderno elettronico e, inserendo le proprie credenziali, ha la possibilità di avere una panoramica generale dei propri voti, delle lezioni e di altre informazioni.

A presto✰

Infografica animata COVID-19

Bentornati sul blog!
In questo post vi parlerò di un'altra animazione realizzata sul software Adobe After Effect, creata in seguito alla pandemia di Coronavirus che si è diffusa in Italia.
Infatti, a seguito di questa situazione particolarmente critica, abbiamo ricevuto il compito di sintetizzare le 11 regole ministeriali contro la diffusione del Coronavirus in un'animazione. 
Anche questa volta abbiamo prima realizzato le tavole su Illustrator all'interno delle quali abbiamo rappresentato i testi e le icone.
Successivamente abbiamo importato le tavole su Adobe After Effect nella risoluzione di 3840x2160.
In seguito abbiamo aggiunto musica ed effetti sonori utilizzando Adobe Premiere.
Ecco di seguito il mio lavoro:

   

Screen schermata Adobe After Effects

Spero vi sia piaciuto..a presto✩