Questi sono due videini che pensavo vi potessero fare da promemoria... Ma poi la lezione non s'è fatta e quindi temo siano poco chiari...
http://youtu.be/CreFr7v-B38
http://youtu.be/ngACZT-hZxY
Presentazione: Analisi dei Font
Progetto di Strumenti e Applicazioni del web
Università degli studi di Milano Bicocca
A cura di Jessica Amelotti, Federica Nacci e Davide Garavaglia
TreataBit (www.treatabit.com, il progetto di supporto per startup digitali di I3P, Incubatore di Imprese Innovative del Politecnico di Torino) ospita Piero Casaluci, consulente in comunicazione e nuovo marketing di Sharp Consulting Comunicazione, per descrivere il processo di costruzione dell'identità visiva di una Startup.
L'evento si è svolto il 29 Gennaio 2013, h. 17.30 Agorà @ I3P, via Pier Carlo Boggio 59, Torino.
Presentazione: Analisi dei Font
Progetto di Strumenti e Applicazioni del web
Università degli studi di Milano Bicocca
A cura di Jessica Amelotti, Federica Nacci e Davide Garavaglia
TreataBit (www.treatabit.com, il progetto di supporto per startup digitali di I3P, Incubatore di Imprese Innovative del Politecnico di Torino) ospita Piero Casaluci, consulente in comunicazione e nuovo marketing di Sharp Consulting Comunicazione, per descrivere il processo di costruzione dell'identità visiva di una Startup.
L'evento si è svolto il 29 Gennaio 2013, h. 17.30 Agorà @ I3P, via Pier Carlo Boggio 59, Torino.
WHAT IS GRAPHIC DESIGN? (Intro to GD, Wk 1)Shawn Calvert
Week 1, What Is GD
Presentation from Introduction to Graphic Design, Columbia College Chicago. Much of the content taken from readings, including the textbooks: Timothy Samara's "Design Elements" and "Design Evolution." Other references cited in presentation. Please note: many slides are intended for class discussion and might not make sense out of context.
Yesterday the 11th of June 2015, the User Experience department took us down the exciting path of fonts and typography.
Facilitated by Crystal Chijindu, we came to realize the importance of Typography as an intricate element of design and idea development.
Have a good read and don't forget to share.
Nessa aula vamos conferir as definições de um cartão de visita. Tutorial completo para criar um cartão simples, bonito e profissional no ADOBE ILLUSTRATOR
WHAT IS GRAPHIC DESIGN? (Intro to GD, Wk 1)Shawn Calvert
Week 1, What Is GD
Presentation from Introduction to Graphic Design, Columbia College Chicago. Much of the content taken from readings, including the textbooks: Timothy Samara's "Design Elements" and "Design Evolution." Other references cited in presentation. Please note: many slides are intended for class discussion and might not make sense out of context.
Yesterday the 11th of June 2015, the User Experience department took us down the exciting path of fonts and typography.
Facilitated by Crystal Chijindu, we came to realize the importance of Typography as an intricate element of design and idea development.
Have a good read and don't forget to share.
Nessa aula vamos conferir as definições de um cartão de visita. Tutorial completo para criar um cartão simples, bonito e profissional no ADOBE ILLUSTRATOR
Una lezione dedicata al design editoriale: gabbie, flussi di lavoro, carta e formati, linee editoriali, risoluzioni, il colore e i suoi spazi, sistemi di stampa e quadricromia, esempi (Fesel), l'impaginazione (cenni tecnici e Indesign)
Tesi di Laurea in Grafica "Progettare l'identità"Daniela Verona
These are the slides that I used to discuss my thesis in Graphic Design in the 2008 at the RUFA Rome University of Fine Arts.
Queste sono le slide che ho utilizzato per discutere la mia tesi in Grafica presso la RUFA Libera Accademai di Belle Arti di Roma nel 2008.
(2013-05-20) [DevInSampa] AudioLazy - DSP expressivo e em tempo real para o P...Danilo J. S. Bellini
Slides da apresentação no DevInSampa 2013 (18 de maio), com algumas complementações e correções. Esses mesmos slides foram utilizados na apresentação feita no fisl 2014 (2013-07-05).
2. Introduzione ad Adobe Illustrator CS5
Grafica Vettoriale vs Grafica raster
La grafica vettoriale è una tecnica utilizzata in computer grafica per descrivere
un'immagine mediante un insieme di primitive geometriche che definiscono punti,
linee, curve e poligoni ai quali possono essere attribuiti colori e anche sfumature.
È radicalmente diversa dalla grafica raster in quanto nella grafica raster le immagini
vengono descritte come una griglia di pixel opportunamente colorati.
(http://it.wikipedia.org/wiki/Grafica_vettoriale)
2
3. Introduzione ad Adobe Illustrator CS5
Grafica Vettoriale
A differenza della grafica raster, la grafica
vettoriale non memorizza i singoli pixel, bensì
equazioni matematiche che ne calcolano le
coordinate. Quando un’immagine va ingrandita
il programma cambia le variabili mantenendo
tutto in proporzione.
?
?
La base della grafica vettoriale
sono le curve di Bézier.
È roba per matematici…
3
4. Introduzione ad Adobe Illustrator CS5
Grafica Vettoriale vs Grafica bitmap: ecco cosa succede
INGRANDIMENTO INGRANDIMENTO
VETTORIALE BITMAP
UN VIDEO PER APPROFONDIRE: http://youtu.be/vrW2lI_VyZg
4
5. Introduzione ad Adobe Illustrator CS5
Grafica Vettoriale vs Grafica raster
Uso la grafica RASTER (O BITMAP) Uso la grafica VETTORIALE
- Per lavorare con immagini complesse - Per tutte le immagini che dovranno
con molti colori e sfumature ad es. le essere sottoposte a continui cambi di
fotografie (il fotoritocco si fa in grafica dimensione: pensate a loghi e font.
raster). - Flash usa la grafica vettoriale per
animare le immagini senza sgranarle.
5
6. Introduzione ad Adobe Illustrator CS5
Grafica Vettoriale:
Grafica raster: prendo lo strumento penna o pennello e lo trascino sul foglio per
tracciare la linea che desidero. È quel che farei con un pennello analogico,
perciò viene naturale.
Grafica vettoriale: prendo lo strumento penna e fisso dei punti attraverso i quali
passeranno segmenti e curve. Non viene affatto naturale!
6
7. Introduzione ad Adobe Illustrator CS5
Grafica Vettoriale -> grafica per oggetti
Quando disegnamo su un foglio di carta
tutto sta sullo stesso piano.
Ogni elemento rimane dov’è.
L’unica alternativa è cancellarlo e
ridisegnarlo.
Nella grafica raster è la stessa cosa
anche se programmi avanzati come
Photoshop consentono di muoversi su
più LIVELLI per ovviare al problema.
7
8. Introduzione ad Adobe Illustrator CS5
Parentesi sui livelli
Disegnare coi livelli equivale a disegnare su più fogli trasparenti sovrapposti.
Il vantaggio è che posso sempre spostare un foglio rispetto al sottostante.
Es. posso avere lo sfondo su un livello e il soggetto (scontornato) su un altro.
8
9. Introduzione ad Adobe Illustrator CS5
Parentesi sui livelli
Sovrapponendo il livello con
l’immagine scontornata all’altro
posso ottenere varie combinazioni.
Illustrator prevede i livelli, ma non
sono fondamentali perché
Illustrator lavora sempre per
oggetti.
9
10. Introduzione ad Adobe Illustrator CS5
Grafica Vettoriale -> grafica per oggetti
Lavorare per oggetti
Quando lavoro con Illustrator è come se ogni cosa che faccio finisse su un livello
diverso.
Un testo è un oggetto, un’immagine raster importata è un oggetto, un cerchio,
un rettangolo (una qualsiasi forma) sono oggetti e restano indipendenti.
Le “forme” di Power Point sono oggetti vettoriali: mentre siete in modalità
progetto potete spostarli, sovrapporli, ridimesionarli e restano indipendenti.
Disegnare con Illustretor può essere simile a fare un collage.
10
11. Introduzione ad Adobe Illustrator CS5
Grafica Vettoriale -> grafica per oggetti -> il “collage”
Lavorare per oggetti
NB. Son tutti pezzi staccati. Eventualmente posso
raggrupparli per livello, ma restano indipendenti.
11
13. Introduzione ad Adobe Illustrator CS5
Strumenti e spazio di lavoro
Qui scelgo lo spazio di lavoro: gli
strumenti da tenere a portata di
mano.
È possibile crearsi uno spazio di
lavoro personalizzato e
registrarlo.
Inizialmente consiglio Essentials,
che mostra gli strumenti
essenziali.
13
14. Introduzione ad Adobe Illustrator CS5
Strumenti e spazio di lavoro
Pannello Strumenti
Altri pannelli
Pannello Controllo Strumenti
(è contestuale)
ATTENZIONE: questi sono i
pannelli dell’area di lavoro
“Essentials”. Se ne avete
impostata un’altra la vedrete
leggermente diversa.
14
15. Introduzione ad Adobe Illustrator CS5
Strumenti e spazio di lavoro
Quale che sia lo spazio di
lavoro scelto, potrete sempre
Altri pannelli…
modificarlo, aggiungendo
altre finestre di strumenti dal
menu “window/finestre”.
15
16. Introduzione ad Adobe Illustrator CS5
Strumenti e spazio di lavoro
Il Pannello Controllo è “contestuale”, cioè
cambia a seconda del tipo di oggetto su cui
lavoriamo.
Es. Se creiamo o evidenziamo una forma (come
un cerchio), il Pannello Controllo mostra le
opzioni relative ai tracciati, mentre se sto agendo
su di un testo mostra le opzioni del carattere.
16
17. Introduzione ad Adobe Illustrator CS5
La barra degli strumenti (CS5):
v. anche
http://help.adobe.com/it_IT/illustrator/cs/using/WS714a382cdf7d304e7e07d0100196
17
18. Introduzione ad Adobe Illustrator CS5
Quanti! AIUTO!
Ricordarsi ogni strumento e ogni funzione di Illustrator è causa persa.
Tuttavia online si trova un toutorial per qualsiasi cosa.
Specialmente se si fa una ricerca in inglese…
Se avete Illustrator in italiano potete aiutarvi con questo dizionario per vedere
come si chiama in inglese (o russo, se preferite) la funzione che volete
esplorare.
http://www.vektorgarten.de/illustrator-polyglott.html
18
19. Introduzione ad Adobe Illustrator CS5
Quanti! AIUTO!
Tutti i programmi Adobe sono scatole cinesi ed è facile perdere l’orientamento.
Per fortuna c’è l’AIUTO che permette di rintracciare lo strumento che cerchiamo.
È una funzione FANTASTICA!
19
20. Introduzione ad Adobe Illustrator CS5
Lo strumento PENNA
Lo strumento Penna è lo strumento principale di Illustrator…
20
21. Introduzione ad Adobe Illustrator CS5
Lo strumento PENNA
Lo strumento pen/penna è lo strumento principale di questo programma.
Tenendo premuto il pulsante del mouse sull’icona della penna si apre il
pannello relativo, da cui si possono scegliere altri strumenti.
Pen tool: traccia le curve grazie a punti di
ancoraggio e maniglie.
Add anchor point tool: aggiunge punti di
ancoraggio.
Delete anchor point tool: toglie punti di ancoraggio.
Convert anchor point tool: fa apparie o sparire le maniglie rendendo
possibile creare.
21
22. Introduzione ad Adobe Illustrator CS5
Lo strumento PENNA
Indica che lo strumento è pronto per cominciare un nuovo tracciato.
Dopo il primo clic la x sparirà e il tracciato avrà inizio.
Se invece di fare in nuovo punto del tracciato torno sull’ultimo che ho
tracciato, mi compare questo simbolo e cliccando mi fa cambiare direzione
alla curva.
Se voglio allungare un tracciato interrotto basta che mi avvicini ad
un’estremità e la piccola barra accanto alla penna mi segnalerà che posso
procedere.
Il cerchietto compare quando vado a posizionare l’ultimo punto del
tracciato sopra il primo, chiudendolo.
22
23. Introduzione ad Adobe Illustrator CS5
Lo strumento penna lavora con le curve di Bézier…
MANIGLIE
TRACCIATO/
CURVA
LINEA DI
PUNTO DI DIREZIONE
ANGORAGGIO
23