1° aa - Grafica

Page 1



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!



Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.