Scuola Internazionale di Comics Accademia delle Arti Figurative e Digitali Firenze
A.A. 2009-10 Grafica Pubblicitaria 1
05. Studio sui caratteri 17. Grafica vettoriale 33. Manifesti e impaginazioni 43. Studio del brand 65. Grafica raster 77. Annuncio pubblicitario 89. Extra
Studio sui caratteri » Scrittura immaginaria
Note tecniche
Esercitazione basata su una sequenza di segni liberi, per creare una sorta di linguaggio, i cui significati non devono essere troppo espliciti. È la sintesi di come sono partiti tutti i linguaggi, ovvero con un segno-codice.
Software: Illustrator CS4
8
Ricerca e applicazione dei font « Studio sui caratteri
Note tecniche
Esercitazione basata sulla ricerca e l’applicazione di un font ottimale per alcuni messaggi. Il font dunque deve essere coerente con lo stile e il tono del messaggio del testo.
Software: Illustrator CS4
9
Studio sui caratteri » Elaborazione grafica delle lettere dell’alfabeto
Note tecniche
O
Elaborazione grafica delle lettere dell’alfabeto, riprese da diversi font. Le lettere devono essere rielaborate in modo personale, anche stravolgendo lo stile iniziale dell’aspetto della lettera.
d Software: Illustrator CS4
10
c
KK
Monogramma « Studio sui caratteri
Note tecniche
Elaborazione di più monogrammi. Il monogramma è un simbolo grafico unitario ottenuto sovrapponendo o combinando in altro modo due o più lettere o altri grafemi.
Software: Illustrator CS4
11
Studio sui caratteri » Sostituzione in un logotipo di una lettera » 1
Note tecniche
Esercitazione basata sulla sostituzione in un logotipo di una lettera con una sagoma che ne aumenti il valore iconico.
Software: Illustrator CS4
S GARETTA 12
2 « Sostituzione in un logotipo di una lettera « Studio sui caratteri
LIM NE
M RA
Mel
Note tecniche
Esercitazione basata sulla sostituzione in un logotipo di una lettera con una sagoma che ne aumenti il valore iconico.
ne Software: Illustrator CS4
Frag la 13
Studio sui caratteri » Tipogramma » 1
Note tecniche
Software: Illustrator CS4
14
A
be ro
l
Esercitazione basata sulla creazione di tipogrammi. Il tipogramma, o marchio-parola, viene definito come una forma grafica a carattere verbale, di solito usata nel linguaggio pubblicitario per indicare il nome dell’impresa o del prodotto.
FLY
2 « Tipogramma « Studio sui caratteri
Note tecniche
Esercitazione basata sulla creazione di tipogrammi. Il tipogramma, o marchio-parola, viene definito come una forma grafica a carattere verbale, di solito usata nel linguaggio pubblicitario per indicare il nome dell’impresa o del prodotto.
Software: Illustrator CS4
15
Studio sui caratteri » Espressività di un testo » 1
Note tecniche
Esercitazione basata sull’espressività di un testo all’interno di una composizione tipografica in formato 10x10 cm. L’esercitazione è in scala di grigi, e tramite testo e forme deve esprimere il significato-concetto della parola in questione.
Software: Illustrator CS4
16
2 « Espressività di un testo « Studio sui caratteri
Note tecniche
Transition
Transition Transition
Transition
ion
Transition
Ri pe ti zio ne
Transition
Ri pe ti zio ne
Transit
Transition
Ri iR Ri pe ep pe tiit zio zio oiz ne ne en
Esercitazione basata sull’espressività di un testo all’interno di una composizione tipografica in formato 10x10 cm. L’esercitazione è in scala di grigi, e tramite testo e forme deve esprimere il significato-concetto della parola in questione.
Software: Illustrator CS4
17
Grafica vettoriale » Vettorializzazione » 1
Note tecniche
Vettorializzazione di un’illustrazione a piacere.
Software: Illustrator CS4
20
2 « Vettorializzazione « Grafica vettoriale - ElefantLove -
veLov eLoveL
LoveLo oveL
ve
L
ve
eLoveLov e
veL
Vettorializzazione di un’illustrazione a piacere.
e oveLov
LoveLo
Note tecniche
eLove Lov Lo
veL o veLo
Lov oveLoveL o ve
o veL
Love Love Lo
Software: Illustrator CS4
21
Grafica vettoriale » Vettorializzazione » 3
Vettorializzazione di un’illustrazione a piacere.
Software: Illustrator CS4
do nn e lo 22
Le
Note tecniche
le
ielo è leggero però n che il c on è o t u vuo d r to pe è le d e t on en i n ne e lo ch sa o n nn n sa
o
ne n do
uto e sap r p sem n l’ha
4 « Vettorializzazione « Grafica vettoriale A hundred days had made me older since the last time that I've saw your pretty faceA thousand loves had made me colder and I don’t think I can look at this the sameBut all the miles had separateThey disappear now when I’m dreaming of your faceI’m here without you baby but your still on my lonely mindI think about you baby and I dream about you all the timeI’m here without you baby but your still with me in my dreams And tonight it’s only you and me The miles just keep rollin as the people either way to say helloI've heard this life is overrated but I hope that it gets better as we goI’m here without you baby but your still on my lonely mind I think about you baby and I dream about you all the time I’m here without you baby but your still with me in my dreams And tonight girl it’s only you and meEverything I know, and anywhere I go it gets hard but it won’t take away my love And when the last one falls, when it’s all said and doneit get hard but it won’t take away my love I’m here without you baby but your still on my lonely mindI think about you baby and I dream about you all the time I’m here without you baby but your still with me in my dreamsAnd tonight girl it’s only you and me A hundred days had made me older since the last time that I've saw your pretty face A thousand loves had made me colder and I don’t think I can look at this the sameBut all the miles had separateThey disappear now when I’m dreaming of your faceI’m here without you baby but your still on my lonely mindI think about you baby and I dream about you all the time I’m here without you baby but your still with me in my dreamsAnd tonight it’s only you and me The miles just keep rollin as the people either way to say helloI've heard this life is overrated but I hope that it gets better as we goI’m here without you baby but your still on my lonely mind I think about you baby and I dream about you all the time I’m here without you baby but your still with me in my dreams And tonight girl it’s only you and meEverything I know, and anywhere I go it gets hard but it won’t take away my love it get hard but it won’t take away my love I dream about you all the time I’m here without you baby but your still with me in my dreams - Here Without You - 3DD
Note tecniche
Vettorializzazione di un’illustrazione a piacere.
Software: Illustrator CS4
23
Grafica vettoriale » Vettorializzazione » 5
Note tecniche
Vettorializzazione di un’illustrazione a piacere.
Software: Illustrator CS4
24
6 « Vettorializzazione « Grafica vettoriale
Note tecniche
Vettorializzazione di un’illustrazione a piacere.
Software: Illustrator CS4
25
Grafica vettoriale » Vettorializzazione » 7
Note tecniche
Vettorializzazione di un’illustrazione a piacere.
Software: Illustrator CS4
26
Vettorializzazione di un ritratto fotografico con tatuaggio « Grafica vettoriale
Note tecniche
Illustrazione vettoriale da un ritratto fotografico con tatuaggio.
Software: Illustrator CS4
27
Grafica vettoriale » Vettorializzazione di un’opera d’arte e rielaborazioni cromatiche » 1
Note tecniche
Restituzione in vettoriale di un’opera d’arte contemporanea e sue successive rielaborazioni cromatiche utilizzando tonalità calde e tonalità fredde.
Software: Illustrator CS4
28
2 « Vettorializzazione di un’opera d’arte e rielaborazioni cromatiche « Grafica vettoriale
Note tecniche
Restituzione in vettoriale di un’opera d’arte contemporanea e sue successive rielaborazioni cromatiche utilizzando tonalità calde e tonalità fredde.
Software: Illustrator CS4
29
Grafica vettoriale » Racconto grafico di segni-simbolo
1)
2)
3)
4)
5)
6)
Note tecniche
Esercitazione basata sulla realizzazione di un breve racconto grafico con l’utilizzo di segni e simboli.
Software: Illustrator CS4
30
Studio e realizzazione di pittogrammi « Grafica vettoriale
Note tecniche
Studio e realizzazione di pittogrammi inerenti ai settori di: mezzi di trasporto - animali - oggetto tecnologico.
Software: Illustrator CS4
31
Grafica vettoriale » Esercitazione propedeutica sull’immagine coordinata » 1
Note tecniche
Progettazione di un marchiologotipo ricavato da uno dei pittogrammi precedentemente realizzati e sua applicazione su carta intestata, busta, biglietto da visita e adesivo.
Software: Illustrator CS4
32
2 « Esercitazione propedeutica sull’immagine coordinata « Grafica vettoriale
Guitar’s Life Note tecniche
Progettazione di un marchiologotipo ricavato da uno dei pittogrammi precedentemente realizzati e sua applicazione su carta intestata, busta, biglietto da visita e adesivo.
Guitar’s Life Guitar Store Piazza Verdi, 13 - 00253 - Milano, Italia Via del Corso, 45r - 50120 - Firenze, Italia info@guitarslife.com www.guitarslife.com
Guitar Store
Guitar’s Life G uit a r
’s L
Illustrator CS4
if
e
if
info@guitarslife.com www.guitarslife.com
Software: e
’s L
Via del Corso, 45r 50120 - Firenze Italia
Guitar Store
G u it a r
Piazza Verdi, 13 00253 - Milano Italia
Piazza Verdi, 13 00253 - Milano, Italia Via del Corso, 45r 50120 - Firenze, Italia info@guitarslife.com www.guitarslife.com
33
Note tecniche
Realizzazione di un layout in formato A3 sull’argomento dello zodiaco e applicazione inerente del pittogramma sugli animali, precedentemente svolto.
36
18 Ottobre
Illustrator CS4
21 Settembre
Software:
CERVO
Manifesti e impaginazioni » Applicazione di un simbolo zodiacale Maya Calendario Maya
Sono persone piuttosto timide, dotate di creatività e amanti degli spazi aperti. Prediligono la pace e la tranquillità ed evitano ogni genere di conflitto. Sono provvisti di immaginazione e di un innato senso del bello. Spesso sono creature fragili e suggestionabili, sempre dotate di un grande fascino che le fa sembrare belle anche se non lo sono.
Applicazione di un simbolo zodiacale occidentale « Manifesti e impaginazioni
Note tecniche
Realizzazione di un layout in formato A3 sull’argomento dello zodiaco e applicazione inerente del pittogramma sugli animali, precedentemente svolto.
Software: Illustrator CS4
37
Manifesti e impaginazioni » Poster tipografico » 1
Note tecniche
Esercitazione basata sulla realizzazione in A3 di un layout per un manifesto esclusivamente tipografico.
Software: Illustrator CS4
38
u
ra u
2 « Poster tipografico « Manifesti e impaginazioni
Futura is a geometric sans-serif typeface designed between 1924 and 1926 by Paul Renner. It is based on geometric shapes that became representative visual elements of the Bauhaus design style of 1919–1933.[1] Commissioned by the Bauer type foundry, Futura was commercially released in 1927. The family was originally published in Light, Medium, Bold, and Bold Oblique fonts in 1928. Light Oblique, Medium Oblique, Demibold, and Demibold Oblique fonts were later released in 1930. Book font was released in 1932. Book Oblique font was released in 1939. Extra Bold font was designed by Edwin W. Shaar in 1952. Extra Bold Italic font was designed in 1955 by Edwin W. Shaar and Tommy Thompson. Although Renner was not associated with the Bauhaus, he shared many of its idioms and believed that a modern typeface should express modern models, rather than be a revival of a previous design. Renner's initial design included several geometrically constructed alternative characters and ranging (old-style) figures, which can be found in the typeface Architype Renner. Futura has an appearance of efficiency and forwardness. The typeface is derived from simple geometric forms (near-perfect circles, triangles and squares) and is based on strokes of near-even weight, which are low in contrast. (This is most visible in the almost perfectly round stroke of the o, but the shape is actually slightly ovoid.) In designing Futura, Renner avoided the decorative, eliminating non-essential elements. The lowercase has tall ascenders, which rise above the cap line. The uppercase characters present proportions similar to those of classical roman capitals. Original Futura design also included small capitals and the old-style figures, which were dropped from the original metal issue of the type. The digital versions of these glyphs were first produced by Neufville Digital under the Futura ND family.
R U U
Note tecniche
Esercitazione basata sulla realizzazione in A3 di un layout per un manifesto esclusivamente tipografico.
Software: Illustrator CS4
A 39
Manifesti e impaginazioni » Poster tipografico » 3
Note tecniche
Esercitazione basata sulla realizzazione in A3 di un layout per un manifesto esclusivamente tipografico.
Software: Illustrator CS4
40
Testo « Manifesti e impaginazioni
Note tecniche
Esercitazione basata sull’impaginazione di un testo dato, all’interno di un modulo precedentemente impostato.
Software: InDesign CS4
41
Manifesti e impaginazioni » Composizione testo e immagini » 1
Note tecniche
Esercitazione basata sull’impaginazione di un testo e di immagini suddivisi in tre pagine, per creare una sorta di articolo di rivista.
Software: InDesign CS4
42
2 ~ 3 « Composizione testo e immagini « Manifesti e impaginazioni
Note tecniche
Esercitazione basata sull’impaginazione di un testo e di immagini suddivisi in tre pagine, per creare una sorta di articolo di rivista.
Software: InDesign CS4
43
Studio del brand » Studio del settore merceologico e brief » 1
Nike Women Note tecniche
Brief
“Nike Women, SoccerGirl”
Studio e analisi del settore merceologico nel quale il marchio e il prodotto si collocano con relativa schedatura e specifica delle caratteristiche principali. Chi è la Nike?
Software: Illustrator CS4
La Nike è un'azienda produttrice di abbigliamento e accessori sportivi, nata il 25 Gennaio 1967 quando Bill Bowerman (allenatore della Oregon University) e Phil Knight (studente della facoltà di economia) creano un marchio per importare scarpe sportive dal Giappone (Onitsuka Tiger). Così, poi, scelsero il nome Nike, perché nella mitologia greca l'omonima dea simboleggiava la vittoria. Negli anni, Nike è diventato il primo produttore di accessori e abbigliamento sportivo, soprattutto per il calcio, il basket, il tennis e recentemente anche per lo skateboard, le cosiddette nike-sb. Il 9 luglio 2003 la Nike ha acquistato la Converse per 305 milioni di dollari e ha rilanciato il noto marchio come fenomeno di moda producendo molti nuovi modelli.
Che mercato ha? Il mercato della Nike è molto eterogeneo, dai giovani sportivi ai professionisti, dai bambini agli anziani, da uomini a donne. Il suo mercato specialistico (a livello professionale) risiede in questi sport: basket (nikeBasketBall), football (NikeFootball) e running (NikeRunning).
46
Negli ultimi decenni sono nate diverse sottocategorie: Nike+ (Consiste nel monitoraggio estremo delle proprie attività sportive: allenamenti e gare, monitorate da programmi e strumenti innovativi. Nike Sportswear (Marca per gli sportivi di tutti i giorni: abbigliamento comodo e pratico, anche per andare a lavorare) Nike Women (Abbigliamento completo per vari sport, studiati attentamente per la donna) ACG (Sport estremi come freestyle in bmx e arrampicata) ActionSport (Dedicato a sport estremi: ski, surf, bmx, snow, wake, moto - è in relazione a Nike 6.0) AirForce1 (In relazione a Nike Air) Nike Biz (Ispirate a atleti famosi, come M. Jordan) Nike Eyewear (Occhiali Nike) Nike Golf Nike ID (Possibilità di personalizzare diversi prodotti per gli sportivi "comuni") NikeLab (Dedicata ai professionisti partecipanti alle Olimpiadi che richiedono prodotti personalizzati) NineMillion (Campagna sociale assieme all'UNHCR per l'eduzazione sportiva e aiuti nei paesi del Terzo Mondo) Timing/Watches (orologi Nike) Nike Zoom
Qual è la sua comunicazione? Comprende tutti i mezzi a 360°, dal Web, alla stampa, dallo spot televisivo al punto di vendita. L'obiettivo della comunicazione, in generale, sta nel mettere al centro delle sue attenzioni le necessità e i bisogni del cliente, sia pure un giovane, che un professionista del settore. E questo nella più vasta gamma di utenza e finalità possibili. I suoi testi sono corti e diretti. Non ci sono strani rigiri di parole, lo slogan deve toccare l'insight nel suo più profondo. Le immagini sono vere, non montante in studio (al dire il vero, molto poco pubblicitarie) devono trasmettere valori di un reportage, sia dallo stadio più importante sia del campetto di periferia. Audio, attivamente coinvolgente.
2 « Studio del settore merceologico e brief « Studio del brand
Nike Women
“Nike Women SoccerGirl”
Target Il target è rivolto alle giovanissime del calcio e varia da un'età di 8 anni ad un massimo di 25.
Schema riassuntivo finale Prodotto: Nuova gamma di scarpe da calcio femminili: 5 paia di scarpe da calcio5 - 5 paia di scarpe da calcio11 (di cui due da 6 tacchetti) Numeri variabili dal 25 al 40 Prezzo:Da 25 a 50€
Offerta La Nike quindi promuove 10 nuove scarpe, 5 per il calcio5 e le altre 5 per il clacio11 (di cui due con tacchetti a 6), di numeri (IT): dal 25 al 40, in colori femminili e giovanili, in un design pratico e divertente.
Obiettivi Obiettivi La Nike Woman, Football offre oggi sul mercato 14 scarpe per professioniste. Decide di voler fare una nuova gamma di scarpe da calcio per le donne, in particolare per le "pulcine" (8/10 anni) e per le und (12/25 anni), che non si possono permettere grandi cifre (le 14 scarpe sul mercato hanno un prezzo che varia dai 100 ai 150 euro). La Nike Woman si è resa conto, grazie a delle analisi di mercato, che le società sportive italiane di calcio hanno dei finanziamenti per le squadre femminili, e la Nike non può certamente perdersi un'occasione simile.
Target: Bambine e ragazze dagli 8 ai 20 anni
Note tecniche
Studio e analisi del settore merceologico nel quale il marchio e il prodotto si collocano con relativa schedatura e specifica delle caratteristiche principali.
Distribuzione: Dal piccolo punto vendita di periferia, ai grandi centri commerciali, dai negozi specialistici ai grandi magazzini di calzature.
Qualità e Caratteristiche del prodotto: Buoni materiali / Buone cuciture / Materiali restitenti al fango e all’acqua Facilità nel lavaggio / Appositi accorgimenti tecnici per non far sciogliere gli elastici / Possibilità di aggiungere solette personali e togliere le standard già inserite / Lacci colorati scambiabili / Design moderno e giovanile Colori vivaci che non sbiadiscono son l’uso / Rapporto qualità-prezzo buona /
Concorrenza diretta: Adidas - Mizuno - Lotto - Puma - Asics - Bikkembergs. Nessuna di queste marche produce scarpe da calcio femminili. Concorrenza indiretta: DC Store (produce scarpe specialistiche in modo differenziato per il sesso) - Sunsilk/Dove/Johnson Baby per come tratta la “bellezza” della donna - Vitasnella e Vera per la naturalezza e il benessere (indice possibile di sportività)
Software: Illustrator CS4
Spunti&Esempi: Film “What women want” per il soggetto della campa-
Qual è l’impressione finale che si vuol lasciare? Qual è il concetto-chiave da comunicare al target? La Nike Women si prende cura del primo approccio, dell’esercizio e dell’allenamento, della comodità e praticità, della sicurezza di avere ottime scarpe, che anche sui piedi più inesperti fanno la differenza. E quando si hanno i mezzi per poter fare la differenza, il giocatore diventa fiducioso e sicuro, sia che si sta facendo una partita di campionato sia che si tira due calci ad un pallone per hobby. Nike è energia, passione, divertimento.
gna pubblicitaria (Donna Nike) e la filosofia scelta - Film “Million Dollar Baby” per il concetto di fatica sportiva - Spot pubblicitario delle Virgosol Cult (per le “pulcine” del calcio) - Spot Ringo per la squadra e varie ambientazioni
47
Studio del brand » Analisi della concorrenza
Nike Women
“Nike Women, SoccerGirl"
Note tecniche
Studio e analisi dei marchi e del visual (logo, font e colori) delle aziende concorrenti.
Analisi della concorrenza nel Visual
Nike
Adidas
Software:
Puma
Lotto
Diadora
Mizuno
BRAND
Illustrator CS4
LOGO: Tutti questi brand hanno la
caratteristica di avere il proprio simbolo pittosto astratto, accompagnato dalla scritta della marca. Possono apparire entrambe, a seconda del prodotto e del packaging. L’adidas ha cambiato il logo a seconda della tipologia di utenza a cui si riferisce, mentre la Nike cambia il nome, per esempio.
48
Asics
FONT: La maggior parte dei brand ha un font senza
frazie. Solo la lotto usa un font graziato. 3 marche su 7 hanno utilizzato il maiscolo, le altre 3 un minuscolo e la rimanente (Mizuno) ha usato la prima lettera in maiuscolo. 4 Marche su 7 usano font quadrati, più maschili, questo anche per il loro target, meno omogeno della Nike e dell’Adidas. La Nike utilizza ilgrassetto per evidenziare il suo sottoprodotto.
COLORI: La Nike utilizza per il brand
questi colori: nero, bianco, arancione. L’Adidas il nero, celeste scuro e grigio (per i rispettivi tre loghi), l’Asics inizialmente il nero ma con il restyling del logo il blu, la Puma il nero, il rosso e il bianco, la Lotto uguale, la Diadora il nero, il verde, il celeste e il bianco e infine la Mizuno usa il nero, il blu e il bianco.
Mood « Studio del brand
Nike Women
“Nike Women, SoccerGirl” Mood
Note tecniche
Mood: immagini tipo dell’azienda. All’interno del mood si esprimono le emozioni che i prodotti devono suscitare nel target; quest’ultimo deve riconoscerne lo stile.
Software: Illustrator CS4
49
Studio del brand » Bozzetti di proposta del marchio
Nike Women Note tecniche
Bozzetti di proposta dei marchi, per la nuova linea di prodotti dell’azienda.
Software: Illustrator CS4
50
“Nike Women, SoccerGirl” Proposte marchi
Marchi definitivi in grandezze scalari « Studio del brand
Nike Women
“Nike Women, SoccerGirl” Marchi scelti
Note tecniche
Marchi scelti e proposti in modo scalare, per far vedere che sono riconoscibili nelle varie grandezze di applicazione.
Brand 1
Software: Illustrator CS4
Brand 2
51
Studio del brand » Font e cromie - Brand 1
Nike Women Note tecniche
Studio del brand in relazione ai marchi precedentemente scelti: scelta del nome, dei font e delle applicazioni cromatiche.
Software: Illustrator CS4
52
“Nike Women, SoccerGirl”
Brand 1 - Studio del brand: font e cromie
Font e cromie - Brand 2 « Studio del brand
Nike Women
“Nike Women, SoccerGirl”
Brand 2 - Studio del brand: font e cromie
Note tecniche
Studio del brand in relazione ai marchi precedentemente scelti: scelta del nome, dei font e delle applicazioni cromatiche.
Software: Illustrator CS4
53
Studio del brand » Immagine coordinata - Brand I
Note tecniche
Nike Women
“Nike Women, SoccerGirl”
Brand 1 - Immagine coordinata
Nike Women
“Nike Women, SoccerGirl”
Brand 2 - Immagine coordinata
Realizzazione dell’immagine coordinata del marchio definitivo per ciascuno dei brand precedentemente realizzati: carta intestata, biglietto da visita e busta da lettera.
Via dello Sport 67, 07143 Milano, Italia
@ soccergirl@nike.com nike/soccergirl.com
Software: Illustrator CS4
Via dello Sport 67, 07143 Milano, Italia
(+39) 023 60 20 15
@ soccergirl@nike.com
nike/soccergirl.com
Mario Rossi Milano Account Manager
(+39) 023 60 20 15
@ soccergirl@nike.com nike/soccergirl.com
54
Nike Women
“Nike Women, SoccerGirl”
Brand 1 - Immagine coordinata
Nike Women
“Nike Women, SoccerGirl”
Brand 2 - Immagine coordinata
Immagine coordinata - Brand 2 « Studio del brand
Note tecniche
Realizzazione dell’immagine coordinata del marchio definitivo per ciascuno dei brand precedentemente realizzati: carta intestata, biglietto da visita e busta da lettera.
Via dello Sport 67 • 07143 Milano • Italia mail•soccergirl@nike.com www.nike/soccergirl.com
Software: Illustrator CS4 Via dello Sport 67 • 07143 Milano • Italia tel•(+39) 023 60 20 15 - fax•(+39) 023 60 20 16 mail•soccergirl@nike.com Sito Web•www.nike/soccergirl.com
Esterno
Interno Mario Rossi Milano Account Menager
Fronte
Retro
tel•(+39) 023 60 20 15 fax•(+39) 023 60 20 16 mail•soccergirl@nike.com Via dello Sport 67 07143 Milano • Italia
nike/soccergirl.com
tel• (+39) 023 60 20 15 fax• (+39) 023 60 20 16 mail•soccergirl@nike.com Via dello Sport 67 07143 Milano • Italia
• nike/soccergirl.com •
Mario Rossi • Milano Account Menager
nike/soccergirl.com
Aspetto chiuso Fronte
Aspetto chiuso Retro
55
Studio del brand » Studio del settore merceologico e brief » 1
Note tecniche
Studio e analisi del settore merceologico nel quale il marchio e il prodotto si collocano con relativa schedatura e specifica delle caratteristiche principali.
Software: Illustrator CS4
56
2 « Studio del settore merceologico e brief « Studio del brand
Note tecniche
Studio e analisi del settore merceologico nel quale il marchio e il prodotto si collocano con relativa schedatura e specifica delle caratteristiche principali.
Software: Illustrator CS4
57
Studio del brand » Analisi della concorrenza
~ Analisi della concorrenza ~ Note tecniche
Studio e analisi dei marchi e del visual (logo, font e colori) delle aziende concorrenti.
Software: Illustrator CS4
LOGO:
I loghi hanno la caratteristica di essere prevalentemente testuali, a meno che la parola non sia visualmente collegabile ad un’immagine (il caso della Foxy).
58
FONT:
I font principalmente utilizzati sono (5/9) basati sui caratteri calligrafici. Una scrittura sì leggibile ma molto “famigliare”, “giovane”, e “morbida”. Questo per permettere al consumatore una sensazione piacevole anche al momento della lettura della marca sul paccchetto dei fazzoletti: fa sì che il consumatore si senta “accolto”, asuo agio.
COLORI:
I colori principalmente utilizzati (7/9) sonoi celesti e gli azzurri. Questo perchè si vuole trasmettere il senso della pulizia e della serenità.
Mood « Studio del brand
~ Mood ~ Note tecniche
Mood: immagini tipo dell’azienda. All’interno del mood si esprimono le emozioni che i prodotti devono suscitare nel target; quest’ultimo deve riconoscerne lo stile.
Software: Illustrator CS4
59
Studio del brand » Bozzetti di proposta del marchio
Lovely Feel - Proposte marchi Note tecniche
Bozzetti di proposta dei marchi pensati per l’azienda e i suoi prodotti.
Software: Illustrator CS4
60
Marchi definitivi in grandezze scalari « Studio del brand
~ Marchi scelti ~ Note tecniche
Brand 1
Marchi scelti e proposti in modo scalare, per far vedere che sono riconoscibili nelle varie grandezze di applicazione.
Software: Illustrator CS4
Brand 2
61
Studio del brand » Cromie - Brand 1 e Brand 2
Note tecniche
Studio del brand in relazione ai marchi precedentemente scelti nelle applicazioni cromatiche.
Software: Illustrator CS4
62
Font - Brand 1 e Brand 2 « Studio del brand
Note tecniche
Studio del brand in relazione ai marchi precedentemente scelti nell’applicazione dei font.
Software: Illustrator CS4
63
Studio del brand » Immagine coordinata - Brand 1
~ Brand 1 Coordinato ~
Lovely Feel Note tecniche
Realizzazione dell’immagine coordinata del marchio definitivo per ciascuno dei brand precedentemente realizzati: carta intestata, biglietto da visita e busta da lettera.
Lovely Feel
Via Garibaldi 67r, r, 05427 0 Roma / Ita Italia eel.com • lovelyfeel.com lovelyfe account@lovelyfeel.com
Software: Illustrator CS4
Via Garibaldi 67r, 05427 Roma / Italia • tel +39 042704205 • fax +39 042704206 • account@lovelyfeel.com • lovelyfeel.com
FronteR
etro
FronteR
Lovely Feel
Lovely Feel
etro tel +39 042704205 fax +39 042704206 account@lovelyfeel.com lovelyfeel.com
Via Garibaldi 67r, 05427 Roma / Italia tel +39 042704205 • fax +39 042704206 account@lovelyfeel.com • lovelyfeel.com
64
Via Garibaldi 67r, 05427 Roma / Italia
Immagine coordinata - Brand 2 « Studio del brand
~ Brand 2 Coordinato ~
Lovely Feel
Note tecniche
Realizzazione dell’immagine coordinata del marchio definitivo per ciascuno dei brand precedentemente realizzati: carta intestata, biglietto da visita e busta da lettera.
Lovely Feel Via Garibaldi 67r, 05427 Roma / Italia account@lovelyfeel.com lovelyfeel.com
Software: Illustrator CS4 Via Garibaldi 67r, 05427 Roma / Italia • t +39 042704205 • f +39 042704206 • account@lovelyfeel.com • lovelyfeel.com
Lovely Feel Via Garibaldi 67r, 05427 Roma / Italia
Retro tel
Fronte
+39 042704205
Fronte
t +39 042704205 f +39 042704206
Lovely Feel
m +39 3804109222 account@lovelyfeel.com
Mario Bianchi Account
web
Lovely Feel
cell +39 3804109222 account@lovelyfeel.com
lovelyfeel.com
lovelyfeel.com
lovelyfeel.com
Retro
65
Grafica raster » Uso del Timbro clone
Note tecniche
Uso del Timbro Clone, uno dei più importanti strumenti di Photoshop, in due diverse applicazioni: a) per duplicare una certa area, b) per correggere e “fotorestaurare” un’immagine in condizioni critiche.
Software: Photoshop CS4
68
Regolazioni « Grafica raster
Note tecniche
Regolazione Soglia
Due diverse regolazioni dell’immagine: a) la Soglia, che converte le immagini in scala di grigio o a colori in immagini in bianco e nero, definendo un livello specifico come soglia. Tutti i pixel più chiari della soglia vengono convertiti in bianco; quelli più scuri, in nero; b) lo strumento Sostituzione colore semplifica la sostituzione di specifici colori nell’immagine consentendo di sostituire un colore di destinazione con un colore correttivo.
Software: Photoshop CS4
Regolazione Sostituisci Colore
69
Grafica raster » Fotoritocco » 1
Note tecniche
Il fotoritocco si ottiene tramite il mix di più strumenti: Cerotto, Timbro Clone, Camera Oscura, Toppa e trasformazioni libere. Anche i Livelli hanno un’importanza assoluta per evitare di costruire la nuova immagine in modo dinamico, senza intervenire sui pixel originali della fotografia. Infine regolazioni sul colore e sulla luce sono indispensabili per un migliore effetto globale.
Software: Photoshop CS4
70
2 « Fotoritocco « Grafica raster
Note tecniche
Il fotoritocco si ottiene tramite il mix di più strumenti: Cerotto, Timbro Clone, Camera Oscura, Toppa e trasformazioni libere. Anche i Livelli hanno un’importanza assoluta per evitare di costruire la nuova immagine in modo dinamico, senza intervenire sui pixel originali della fotografia. Infine regolazioni sul colore e sulla luce sono indispensabili per un migliore effetto globale.
Software: Photoshop CS4
71
Grafica raster » Fotomontaggio » 1
Note tecniche
Il fotomontaggio, insieme al fotoritocco, è una delle principali applicazioni del programma Photoshop. Il fotomontaggio si ottiene tramite trasformazioni libere e pulizie dell’immagine con lo strumento Gomma. Oltre a ciò si utilizzano strumenti di selezioni vari e maschere veloci per garantire una perfetta coesione con i lineamenti delle immagini da copia incollare su sfondi di vario tipo. Anche in questo caso regolazioni sulla luce sono d’obbligo.
Software: Photoshop CS4
72
2 « Fotomontaggio « Grafica raster
Note tecniche
Il fotomontaggio, insieme al fotoritocco, è una delle principali applicazioni del programma Photoshop. Il fotomontaggio si ottiene tramite trasformazioni libere e pulizie dell’immagine con lo strumento Gomma. Oltre a ciò si utilizzano strumenti di selezioni vari e maschere veloci per garantire una perfetta coesione con i lineamenti delle immagini da copia incollare su sfondi di vario tipo. Anche in questo caso regolazioni sulla luce sono d’obbligo.
Software: Photoshop CS4
73
Grafica raster » Regolazioni sul colore
Note tecniche
Le regolazioni sul colore con la CS4 possono avvenire in modo dinamico, senza intervenire sui pixel originali. Queste regolazioni sono: Tonalità/Saturazione/Luminosità - Bilanciamento colore - Correzione colore selettiva. Da questi strumenti possiamo regolare l’immagine in toni più caldi, o più freddi.
Software: Photoshop CS4
74
Strumenti della Camera Oscura « Grafica raster
Note tecniche
Gli strumenti della Camera Oscura sono usati per schiarire (Scherma) o scurire (Brucia) alcune aree di un’immagine. Gli strumenti Scherma e Brucia si basano sulla tecnica fotografica tradizionale di regolazione dell’esposizione in determinate aree di una stampa. I fotografi riducono la luce per schiarire un’area della stampa (schermare) e aumentano l’esposizione per scurirne alcune zone (bruciare). Agiscono entrambi su: luci, mezzitoni e ombre.
Software: Photoshop CS4
75
Grafica raster » Creare un pattern
Note tecniche
In Photoshop si può definire un pattern predefinito tramite il menu Modifica. Si deve definire un nuovo documento delle dimensioni che si vuole per la riproduzione del motivo e appena creato il motivo lo si deve salvare tramite la voce “Definisci pattern”. Questo si aggiungerà alla lista dei predefiniti.
Software: Photoshop CS4
76
Simulazione dei riflessi « Grafica raster
Note tecniche
Tramite gli Stili di livello e le opzioni di Trasformazione libera è possibile riflettere l’immagine, colorarla con una sfumatura e distorcerla come meglio si crede. In questa specifica esercitazione ho simulato il riflesso su una superficie in plastica lucida.
Software: Photoshop CS4
77
Annuncio pubblicitario » Teoria
L’annuncio pubblicitario Molte volte ci troviamo a vedere pubblicità su cartellonistica e riviste, ma siamo in grado di interpretarle?
Note tecniche
Una brevissima spiegazione teorica sulle basi dell’annuncio pubblicitario stampato (print ad), scritto da Biagio Di Stefano, un professionista del settore. Sotto, altre spiegazioni dal sito: mysocialweb.it, di cui è responsabile Riccardo Esposito, un esperto di Marketing.
Questo tipo di pubblicità prende il nome di annuncio stampa. Un annuncio stampa completo è composto da cinque elementi: - un visual (l’immagine pubblicitaria di sfondo) - un titolo (headline) - un corpo del testo più lungo (bodycopy) - un pay off (la frase che accompagna il logo) - un pack shot (un’immagine del prodotto). Questi cinque elementi non sono sempre presenti in un annuncio. Ci sono annunci senza titolo, annunci senza bodycopy, loghi senza pay off e annunci senza immagine e con solo testo. Ci sono anche annunci fatti solo di immagine e logo, come accade spesso nella moda. Un annuncio “da manuale”, però, ha tutti gli elementi; ognuno svolge una funzione particolare. Quando un lettore posa gli occhi su un annuncio pubblicitario, il suo percorso di lettura è il seguente. Il primo sguardo va all’immagine. Subito dopo l’attenzione va al titolo (headline) e poi al logo in basso a destra. Se ci sono altre immagini, didascalie delle foto, sottotitoli e titoletti, il lettore dirige la sua attenzione verso questi elementi. Solo se titolo, immagine, logo ed elementi secondari hanno detto qualcosa di interessante, il lettore investe il suo prezioso tempo nella lettura del bodycopy. Finita la lettura del bodycopy, il lettore lancia un po’ di sguardi riassuntivi ai
80
vari elementi della pagina, fa qualche considerazione sul prodotto di cui ha letto e poi via, prosegue a sfogliare il giornale. Biagio Di Stefano Specifiche degli elementi Elementi testuali Headline - Sicuramente sai di cosa sto parlando. L’Headline è il titolo, la frase sintetica che apre la pagina pubblicitaria, quella stringa di testo che racchiude gran parte del significato. Generalmente si usa un font di grandi dimensioni, o comunque superiore a quello utilizzato nelle altre frasi della pagina. Ovviamente, se lavori su un progetto pubblicitario cartaceo, tutti i criteri di keyword che devi osservare se scrivi per il web cadono amabilmente; Occhiello - Questo elemento viene concettualmente inserito prima dell’headline (ma spazialmente può essere collocato anche di lato o sotto) e può essere d’aiuto per eventuali headline troppo criptiche o che giocano su doppi sensi; Sub-Headline - Più che introdurre il Body Copy, la Sub-Headline precisa e arricchisce i significati veicolati dall’headline con un enunciato meno striminzito del precedente; Informazioni tecniche - Contiene informazioni che prescindono dal messaggio pubblicitario: informano i lettori della presenza di qualche evento o promozione particolarmente vantaggiosa. Viene collocato in alto a destra
per dare meno fastidio possibile all’impaginato;
non trasformare il titolo in semplice didascalia dell’immagine;
Body Copy - Generalmente scritto con un font più piccolo e con un linguaggio meno sintetico, per body copy si intende il testo vero e proprio della pagina pubblicitaria che snocciola il significato del titolo. Se ti troverai a scrivere un body copy cartaceo scoprirai la vera libertà di espressione, totalmente svincolata da qualsiasi keyword density;
Visual secondari – Ulteriori foto esplicative, immagini e grafici spesso accompagnate da caption;
Caption - Eventuali didascalie che spiegano le immagini secondarie; Pay Off - Chiamata anche baseline o tagline, questa frase viene utilizzata per chiudere la pagina pubblicitaria e riassumere il senso intero del messaggio; Logo - Dato che si tende a fare molta confusione sull’argomento, cito direttamente Wikipedia: il logo è la scritta che rappresenta un prodotto, un servizio o un produttore con un uso ben preciso di font, colori e forme. Il logo diventa logotipo quando unisce la parte scritta con un simbolo (il marchio). Indirizzo - Gli indirizzi delle sedi aziendali, solitamente inseriti con caratteri molto piccoli e come ultimi elementi della pagina. Elementi grafici Visual principale – È l’immagine che domina la pagina insieme all’headline. Alcune scuole di pubblicità tendono a mantenere accordo tra questi due elementi, altre giocano con il contrasto, ma bisogna fare sempre attenzione a
Il marchio – Si tratta di un simbolo che distingue, attraverso un disegno unico per colori e forme, i tratti una determinata persona o azienda, rendendo il referente immediatamente riconoscibile (pensa al “baffo” della Nike). Come accennato in precedenza, quando marchio e logo si uniscono nasce il logotipo, un elemento graficotestuale costituito da una parola, da un acronimo o da una semplice lettera (ora pensa al “tondo” della BMW). Anche in questo caso colori e forme sono elementi molto importanti per la riconoscibilità del legittimo proprietario; Splash - Elementi grafici che attirano l’attenzione ed evidenziano una parte della pagina; Pack Shot - Un tipo di immagine secondaria, solitamente inserita in chiusura dell’annuncio, che raffigura il prodotto che si pubblicizza nella sua confezione o un suo particolare dettaglio. Particolarmente utile se nel visual primario e in quelli secondari non viene mai visualizzato l’oggetto che si sta pubblicizzando. Per stilare questa lista di elementi ho preso libero spunto dal testo di Marco Vecchia, Hapù. Manuale di tecnica della comunicazione pubblicitaria, 2003, Edizione Lupetti. Riccardo Esposito
1 « Studio e analisi del format di un annuncio su stampa periodica « Annuncio pubblicitario
Note tecniche
L’analisi di questo elaborato tecnico consiste nello studio del format di alcune campagne pubblicitarie di brand già esistenti, evidenziandone i vari aspetti caratterizzanti e analizzandone dettagliatemente gli elementi compositivi.
Software: Illustrator CS4
81
Annuncio pubblicitario » Studio e analisi del format di un annuncio su stampa periodica » 2
Note tecniche
L’analisi di questo elaborato tecnico consiste nello studio del format di alcune campagne pubblicitarie di brand già esistenti, evidenziandone i vari aspetti caratterizzanti e analizzandone dettagliatemente gli elementi compositivi.
Software: Illustrator CS4
82
3 « Studio e analisi del format di un annuncio su stampa periodica « Annuncio pubblicitario
Note tecniche
L’analisi di questo elaborato tecnico consiste nello studio del format di alcune campagne pubblicitarie di brand già esistenti, evidenziandone i vari aspetti caratterizzanti e analizzandone dettagliatemente gli elementi compositivi.
Software: Illustrator CS4
83
Annuncio pubblicitario » Creazione di una pagina pubblicitaria » 1
Note tecniche
L’esercitazione consiste nella produzione di alcune campagne pubblicitarie per marchi già esistenti (e possibilmente conosciuti) mantenendo lo stile e il messaggio tipici dell’azienda. Ciò tramite l’uso di elementi fotografici e attraverso la tecnica del fotoritocco e del collage fotografico.
Software: Photoshop CS4
84
2 « Creazione di una pagina pubblicitaria « Annuncio pubblicitario
Note tecniche
L’esercitazione consiste nella produzione di alcune campagne pubblicitarie per marchi già esistenti (e possibilmente conosciuti) mantenendo lo stile e il messaggio tipici dell’azienda. Ciò tramite l’uso di elementi fotografici e attraverso la tecnica del fotoritocco e del collage fotografico.
Software: Photoshop CS4
85
Annuncio pubblicitario » Creazione di una pagina pubblicitaria » 3
Note tecniche
L’esercitazione consiste nella produzione di alcune campagne pubblicitarie per marchi già esistenti (e possibilmente conosciuti) mantenendo lo stile e il messaggio tipici dell’azienda. Ciò tramite l’uso di elementi fotografici e attraverso la tecnica del fotoritocco e del collage fotografico.
Software: Photoshop CS4
86
4 « Creazione di una pagina pubblicitaria « Annuncio pubblicitario
Note tecniche
L’esercitazione consiste nella produzione di alcune campagne pubblicitarie per marchi già esistenti (e possibilmente conosciuti) mantenendo lo stile e il messaggio tipici dell’azienda. Ciò tramite l’uso di elementi fotografici e attraverso la tecnica del fotoritocco e del collage fotografico.
Software: Photoshop CS4
87
Annuncio pubblicitario » Creazione di una pagina pubblicitaria » 5
Note tecniche
L’esercitazione consiste nella produzione di alcune campagne pubblicitarie per marchi già esistenti (e possibilmente conosciuti) mantenendo lo stile e il messaggio tipici dell’azienda. Ciò tramite l’uso di elementi fotografici e attraverso la tecnica del fotoritocco e del collage fotografico.
Software: Photoshop CS4
88
6 « Creazione di una pagina pubblicitaria « Annuncio pubblicitario
Note tecniche
L’esercitazione consiste nella produzione di alcune campagne pubblicitarie per marchi già esistenti (e possibilmente conosciuti) mantenendo lo stile e il messaggio tipici dell’azienda. Ciò tramite l’uso di elementi fotografici e attraverso la tecnica del fotoritocco e del collage fotografico.
Software: Photoshop CS4
89
Extra » Concorso “Notturna di San Giovanni”
Note tecniche
Progetto vincitore per il concorso “Notturna di San Giovanni“. Creazione del disegno della maglietta per i partecipanti all’evento sportivo. L’illustrazione digitale vuole enfatizzare la particolarità dell’evento (la notte) e la tradizione fiorentina legata a San Giovanni, il patrono di Firenze (tramite il Battistero).
Software: Illustrator CS4
a
71 Notturna di S. Giovanni
92
Thanks!