salta alla navigazione

Illustrator: creare immagini vettoriali con “Live Trace” Gennaio 15, 2007

1 Star2 Stars3 Stars4 Stars5 Stars (2 votes, average: 5 out of 5)
Loading ... Loading ...
Inviato da Carlos in : Grafica, Illustrator CS2 , trackback

Nasce anche questa categoria riguardante questo fantastico programma.. Passiamo al tutorial vero e proprio però: il nostro obiettivo è di “vettorializzare” un’immagine. I benefici di una simile operazione sono facilmente deducibili, infatti creeremo un’immagine che potrà essere ingrandita e rimpicciolita senza perdere qualità. Nel mio caso io farò questa operazione su un ritratto. Prendete le misure della vostra immagine e dopo aver aperto Illustrator, fate click su File —> New…:

new
Fatto questo vi apparirà una finestra dove dovrete specificare alcune impostazioni, la più importante è la dimensione: se avete un’immagine che come la mia ha dimensioni 600×496, potreste scegliere misure un po’ più grandi (ad esempio ho scelto 700×600)

newfile

Una volta fatto cliccate su OK. A questo punto, andate su File —> Place…:

place

Vi apparirà una finestra nella quale dovrete cercare la vostra immagine e, una volta trovata, fate click su Place. Eseguita questa operazione, ecco come si presenterà la zona di lavoro:

implace

Bene, ora andate su Object —> Live Trace —> Tracing Options:

tracopt
si aprirà una schermata nella quale dovrete settare qualche parametro:

options

Il parametro fondamentale è quello evidenziato di rosso: la modalità deve essere in Bianco e Nero. Per quanto riguarda gli altri settaggi, spuntate Preview, in modo da poter avere un’anteprima e poi provate a modificarli fino a che non siete soddisfatti. Ad operazione conclusa cliccate su Trace; ecco il risultato:

res

Andate ora su Object —> Live Trace —> Expand:

expand
dopo il click, la vostra immagine si riempirà di quadratini uniti da linee azzurre:

imexp

Facciamo ora clic su Select —> Deselect:

seldel
quadratini e linee scompariranno, o meglio saranno solo deselezionate. Infatti ora andremo ad abbellire l’immagine dando un colore a tutti i punti bianchi presenti nell’immagine. Per fare ciò utilizzate lo strumento di selezione diretta (direct selection tool):

directsel

Cliccate poi su un punto bianco dell’immagine ed andate su Select —> Same —> Fill Color come vedete qui a destra

fill

Con questo comando saranno selezionate tutte le aree dello stesso colore e nel nostro caso, tutte le aree di colore bianco.

colorimp

Cambiate adesso il colore cliccando nella finestrina Fill evidenziata in rosso; ciò che vi apparirà lo potete vedere qui accanto.

color

Io ho scelto il magenta, ma nessuno vi impedisce di scegliere altri colori.

Appena cliccherete sul colore, tutta la vostra selezione, sarà riempita da quel colore in automatico. Questo è il mio risultato finale:

end

Altri articoli che potrebbero interessarti:

Commenti»

1. Francesco GuidOlanda - Febbraio 2, 2007

Ciao.. esiste un qualche programma free che possa creare img vettoriali

Grazie :)

2. Carlos - Febbraio 4, 2007

Prova con Inkscape, dicono che si avvicini ad illustrator e freehand. Ti lascio il link:
Link
Ah! E’ localizzato anche in italiano ;) Ciao

3. SOPE - Febbraio 4, 2007

ti ammiro, cioè riesci a dedicare il tuo tempo dando consigli utili, complimenti…se ti rende “felice” sappi che ti ho nei PREFERITI…BLESS!!

4. Dado - Marzo 14, 2007

Ciao…conosci un metodo in grado di vettorializzarmi un’immagine scannerizzata (piante e prospetti di una villa che devo restaurare per laboratorio) così da poter essere importate in autocad con una qualità alta…evitandomi così di ricalcare il tutto

Grazie anticipatamente…

5. Carlos - Marzo 14, 2007

Dopo aver scannerizzato l’immagine devi procedere a mano e questo non è sicuramente facile; valutando anche il fatto che poi hai l’idea di importarlo in autocad, non so se ti convenga farlo in autocad da subito.

Aggiungo che non ho molta conoscenza di autocad e che quindi non saprei come consigliarti riguardo a questa faccenda.

Mi dispiace :( , ciao

6. 10th Way - Marzo 19, 2007

Grazie per il tutorial, iPod sto arrivando!

7. roberto - Marzo 23, 2007

ciao… ma le immagini dove stanno ?
io non riescoa visualizzarle..peccato

8. roberto - Marzo 23, 2007

Strano!.
Ho aperto la pagina con Safari e le immagini vengono visualizzate!..Boh!
Strano!..non capisco perche firefex non me lo permette!

9. Carlos - Marzo 23, 2007

Forse c’è qualche problema oggi con wordpress, io le vedo benissimo. Prova a fare il refresh della pagina.

Se le vedi con safari bene :D !

10. Francesco - Aprile 1, 2007

io vorrei sapere se è possibile creare quelle immagini formate solo da lettere e segni, disposte in modo da fare notare pure le ombreggiature grazie!!

11. Carlos - Aprile 1, 2007

Si è possibile quasi tutto. Non ho capito bene quello che vuoi ottenere, ma basta che tu usi lo strumento testo e poi vettorializzi aggiungendo anche le ombre.

Ciao

12. Francesco - Aprile 1, 2007

nn sn molto esperto… quindi strumento testo e vettorializzare… n so bene cosa vogliano dire… però penso sia spiegato bene nel resto del sito, in altre parole, io vorrei avereuna fotografia, che al posto di essere colorata normalmente si solo formata da lettere e segni, disposti in maniera particolare, da far capire il soggetto, senza l’uso di contorni o colori, vorrei sapere se esiste un semplice programma, dove io scelgo la foto e lui me la trasforma. Penso che le prime stampanti usassero questo metodo… ma nn ne sn certo, ti sarei grato se mi spiegassi come fare grazie!!!

13. Carlos - Aprile 2, 2007

Ho capito e temo che un programma così non esista, anche perché è un’operazione indubbiamente non semplice :( . Comunque se scopro qualcosa te lo faccio sapere!

14. Francesco - Aprile 4, 2007

grazie!!

15. mari - Aprile 5, 2007

ciao.. nn sono molto pratica di illustrator (è la seconda volta che lo uso) ho seguito il procedimento per creare l’immagine vettoriale e sono riuscita(grazie a te), ma vorrei far diventare le parti bianche trasparenze… così da poter sovrapporre varie immagini (devo creare una trama) sai come posso fare?
grazie mille!!

16. Carlos - Aprile 5, 2007

Se guardi l’immagine, prima di riempire le parti bianche con il colore magenta, esse sono trasparenti, nel senso che puoi aggiungerci qualsiasi cosa sotto, che sia un’immagine od una trama è uguale (puoi fare un copia ed incolla).

Ciao

17. mari - Aprile 7, 2007

grazie ciao

18. YNOT - Aprile 13, 2007

…dico la mia….. dopo anni di uso di adobe streamline (mac os9 (per PC non so se c’e')) ho scoperto che flash della macromedia fa ottimi lavori di vettorializzazione…. addirittura una scritta con effetto cromatura completamente in vettoriale! Poi mi arriva il CS2…illustrator… nessun paragone con i precedenti!! Ma Flash si avvicina molto.. CIAO A TUTTI

19. playso - Maggio 23, 2007

che tu sappia è possibile scaricare una versione demo di illustrator cs2??

20. Carlos - Maggio 23, 2007

Ciao, da qui puoi scaricare la trial di Illustrator cs3:
https://www.adobe.com/cfusion/tdrc/index.cfm?product=illustrator

L’altra non credo sia più disponibile, ciao

21. umberto da livorno - Giugno 13, 2007

http://www.glassgiant.com/ascii/
questo è per chi voleva le immagini con le lettere

22. max - Giugno 15, 2007

ciao, vorrei avere un informazione su illustrator, anche se l’ho utilizzato ieri per la prima volta e non sicuro di fare la domanda giusta, comunque
ho creato un logo composto solo da scritte (rotonde, diagonali, colorate, etc..) ora vorrei salvarlo in formato vettoriale e non capisco come farlo
sono riuscito a creare un jpeg (reduce da photoshop) ma se ho capito bene non è la stessa cosa: hai un consiglio da darmi?
grazie comunque, un saluto

23. Carlos - Giugno 18, 2007

Il formato vettoriale è quello .ai o .eps ed è leggibile solo con i programmi appositi. La distinzione non sta nel salvataggio del file, ma nel formato del file: un file vettoriale può essere ingrandito tantissimo senza perdere qualità ma questa operazione puoi farla solo con illustrator, mentre con una normalissima immagine questo non puoi farlo. Per utilizzare l’immagine che hai fatto sei obbligato a salvarla in uno dei formati più noti.

Quindi il vettoriale è una praticità ed una differenza di tracciamento delle immagini.

24. Vic - Luglio 22, 2007

Ciao avrei una domanda.

Se io ho gia creato un immagine,ma non di dimensioni elevate (300×300),e da questa creo l’immagine vettoriale. Potrò poi aumentare la dimensione dell’immagine,senza perdere qualità ?
Il problema è solo il fatto che l’immagine è di piccole dimensioni (300×300).

Grazie in anticipo!

25. Carlos - Luglio 22, 2007

Ciao, l’immagine deve essere in formato vettoriale per poterla ingrandire senza perdere in qualità. Nel tuo caso se trasformi in vettoriale, potresti ottenere un risultato decente solo se nell’immagine c’è solo una scritta o disegni semplici. In tutti gli altri casi ti sconsiglio di utilizzare questo metodo automatico perché otterresti risultati non ottimali.

Ciao

26. Vic - Luglio 29, 2007

rieccomi…ma dopo aver creato l’immagine vettoriale,ossia finire questo tutorial,come devo salvare l’immagine?
E poi,quando dovrò riutilizzare l’immagine vettoriale,avrò i colori dell’immagine?

Grazie!

27. Carlos - Agosto 4, 2007

Per la prima domanda, puoi salvarla in qualisasi formato comune come jpg, gif, bmp, etc..

Per la seconda domanda, per riaprire l’immagine in formato vettoriale con i colori utilizzati devi salvare una copia in formato .ai o .eps

Ciao

28. Francesco - Agosto 18, 2007

ciao, ho il CS(1), ma nn credo sia possibile fare ciò ke hai fatto tu, puoi darmi una mano?

29. Carlos - Agosto 19, 2007

Credo che ci sia questa opzione anche nel cs1, guarda nel menù Oggetto>Ricalco dinamico>opzioni di ricalco..

Fammi sapere se riesci :D

30. graziana - Agosto 22, 2007

non so come a fare una pagina con tutte le foto

31. Carlos - Agosto 22, 2007

Spiega meglio il problema che così proviamo ad aiutarti.

Aspettiamo tue notizie :)

32. McNasty - Agosto 31, 2007

Scusa io ho photoshop,adobe illustrator è compreso nel pacchetto di
photoshop Cs2? io ho istallato tutta la suite.

33. Carlos - Settembre 1, 2007

Non saprei, ci sono più tipi di suite, ma illustrator credo sia compresa in tutte. Quindi dovresti avercelo. Prova a guardare in Start –> Programmi –> Adobe Illustrator

Se invece hai solo Photoshop CS2, Illustrator non è compreso.

Ciao

34. NeckFace - Settembre 2, 2007

Salve volevo un informazione, con il live trace c’è un modo per togliere lo sfondo e lasciare diciamo solo la parte “nera” la foto vettorializzata senza sfondo in modo tale da poter lavorare con il tracciato grazie a presto

35. Carlos - Settembre 2, 2007

Si, basta che tu ti fermi a questa immagine.

Ciao

36. NeckFace - Settembre 3, 2007

Ma in questa immagine rimane lo sfondo bianco dietro al tracciato della faccia della donna,a me servirebbe solo il tracciato del viso senza lo sfondo bianco che rientra nella selezione.grazie a presto

37. Carlos - Settembre 5, 2007

Una volta selezionato puoi copiarlo e incollarlo in un nuovo documento trasparente di photoshop :)

38. Neckface - Settembre 11, 2007

pero non so se capisci,a me serve modificare il tracciato,in illustrator non in photoshop

39. Carlos - Settembre 12, 2007

Non intendevo che è obbligo usarlo in photoshop, era solo per farti capire che la parte nera è indipendente dallo sfondo. Puoi modificarlo con lo strumento di selezione diretta.

Ciao

40. Mario - Ottobre 16, 2007

Nel mio nuovo Illustrator CS3 non riesco ad aprire i file di autocad con i livelli originali; illustrator schiaccia tutto su un LIVELLO1 che ha un Sottolivello nominato BLOCK_RECORD che a sua volta contiene tutti gli elementi grafici; nell’interfaccia di importazione di Illustrator CS2 c’era un’ opzione “COMBINA LIVELLI”; qui no. Chi mi può aiutare?

41. Carlos - Ottobre 17, 2007

Non ho Illustrator cs3 mi dispiace :(
Magari però c’è qualcuno che lo sa.

42. carmine - Ottobre 19, 2007

ciao oggi ho provato a seguire la guida, ma il risultato è un casino non si capisce nulla.

questo è l’originale
http://img266.imageshack.us/img266/5739/post3798211190934019vg7.jpg

questo è il risultato finale
http://img502.imageshack.us/img502/8444/wwuf5.jpg

43. Carlos - Ottobre 21, 2007

Ciao Carmine, il risultato non è ottimale perché l’immagine che hai utilizzato è di qualità scadente e molto caotica. Per fare la procedura automatica servono immagini in alta risoluzione, e spesso non basta neanche questo.

Ciao

44. Vic - Novembre 2, 2007

Ciao

Mi chiedevo se è possibile ottenere lo stesso risultato (cioè ingrandire o rimpicciolire l’immagine) ma avendo anche i colori originali ?
Nell’esempio della donna,che abbia ancora i colori della pelle,dei capelli,ecc ma che l’immagine sia in formato eps ? (Potendo quindi modificarne le dimensioni senza perdere qualità)

Grazie in anticipo!

45. Vic - Novembre 2, 2007

Ancora io…ho trovato nelle Tracing Options l’opzione Colore anzichè Bianco e Nero. Però le sfumature ed alcuni colori non sono quelli originali dell’immagine. Come faccio ? :(

46. Carlos - Novembre 3, 2007

Ciao

Non è possibile, questo perché viene effettuata una vettorializzazione della foto e quindi non manterrà mai le stesse tonalità e la stessa uniformità. Con un buon lavoro di vettorializzazione puoi ottenere degli splendidi risultati, ma sicuramente non realmente fotografici.

47. lx - Novembre 3, 2007

ciao
ho il cs2 e quando vado a vedere nel menu’ non mi appare object se non layer e filter…. cosa mi consigli di fare?

48. Carlos - Novembre 6, 2007

Ciao, non ho capito bene la domanda, puoi spiegarmi il problema così posso aiutarti meglio?

49. Linda - Novembre 26, 2007

Ciao sto frequentando un corso di grafica e devo dire che le tue spiegazioni sono molto più dettagliate e chiare ,complimenti.

50. Carlos - Novembre 27, 2007

Beh che dire.. davvero grazie, questo è un gran complimento :D !

51. Paco - Dicembre 23, 2007

ciao raga un informazione…ma l’opzione live trace nn è presente nel cs1?se nn cè come posso fare ad avere lo stesso risultato?aspetto vostre notizie

52. patrick91 - Dicembre 24, 2007

si potrebbe fare anche con inkscape, anche se forse non è così tanto semplice :)

53. Carlos - Dicembre 25, 2007

Ciao Paco, purtroppo il live trace è presente a partire da illustrator cs2. Non so come potresti ottenere lo stesso risultato con la medesima semplicità. Puoi ottenerlo naturalmente, ma non è assolutamente semplice, mi dispiace :(

54. Paco - Dicembre 29, 2007

ok grazi lo stesso carlos…comunque ti ho mandato una mail appena puoi risp

55. Carlos - Dicembre 30, 2007

Risposto :D

56. Prime impressioni sulla creazione di wallpapers vector-brushes-colors-effects | carlosweb.net - Tutorial Photoshop, Grafica, Computer - Febbraio 23, 2008

[...] Il metodo più efficace e veloce per immagini così nitide e con buona risoluzione, è quello che ho descritto un po’ di tempo fa, e che si ottiene utilizzando Illustrator. Utilizzando quel metodo abbiamo il seguente [...]

57. Creazione di wallpapers vector-brushes-colors-effects - adobesoftwares.com- Forum - Marzo 1, 2008

[...] e se vuoi puoi presentarti a tutti nell’area welcome. Il link che cerchi si

58. simone - Marzo 22, 2008

ciao per fortuna ke ho scoperto queste guide perchè ne ho trovate di vere confusionarie!!! Cmq nella foto riesco a farla diventare come nelle esempio però nn mi compare nella barra ”fill” con i vari colori!!! xchè? ma al suo posto un quadrato tagliato di rosso…

59. Carlos - Marzo 25, 2008

Ciao devi cliccare sulla freccetta a destra per far apparire i colori. Il simbolo con la riga rossa significa “nessun riempimento”.

Ciao

60. giuseppe - Maggio 30, 2008

ciao e complimenti per la guida
ho una piccola domanda da farti
io devi stampare dei loghi su delle magliette e mi servono immagini vettoriali con max 3 colori
e possibile vettorializzare il logo senza sfondo colorato?
per farmi capire meglio
come la tua foto ma senza il colore magenta attorno
e casomai avere la possibilità di cambiare il colore nero dell’immagine in altri colori

61. Carlos - Giugno 13, 2008

Ciao, perdona il ritardo della mia risposta.

Quello che chiedi è possibile, infatti quando vettorializzi, puoi decidere il colore di ogni parte di tracciato del disegno; anche nella mia immagine subito dopo la vettorializzazione, il colore è nero su sfondo bianco:

E partendo da questo risultato puoi cambiare colore a tutto quello che desideri.

Se hai ancora bisogno di aiuto non esitare a chiedere :)

Ciao

62. patrizia - Settembre 15, 2008

complimenti grazie mille per la tua guida perfetta!!

63. Carlos - Settembre 21, 2008

Felice che ti sia piaciuta :) ! Grazie per i complimenti!