Share
Questo tutorial ti insegnerà come creare un semplice chip di poker. Una volta creato il chip, possiamo cambiare i colori, impilarli insieme, ruotare e tutto ciò che vuoi.
Iniziamo creando gli elementi sulla faccia del chip. Quindi useremo una tecnica che uso nell'illustrazione tecnica per creare un cilindro isometrico. Poi gli diamo un po 'di colore, aggiungiamo un'ombra e uno sfondo per finalizzare l'immagine. Speriamo che le tecniche di questo tutorial ti aiuteranno in alcuni dei tuoi progetti.
Di seguito è l'immagine finale su cui lavoreremo. Vuoi accedere ai file Vector Source completi e alle copie scaricabili di ogni tutorial, incluso questo? Unisciti a Vector Plus per soli 9 $ al mese.
Questa è l'immagine di un chip di poker. Baseremo il nostro design su questo. Se si nota, un chip di poker è in realtà solo un cilindro sottile. Ci sono sei grandi strisce bianche attorno all'esterno e dodici piccole strisce bianche sulla parte interna del chip. Il chip ha anche un piccolo rientro che ospita le strisce bianche più piccole. Ignorerò le icone dei dadi sul lato del chip del poker, ma puoi aggiungerlo facilmente se lo desideri.
Inizia creando un cerchio semplice usando lo strumento Ellisse (L). Dare al cerchio un riempimento bianco e un tratto nero 1pt. Se vuoi più realismo, puoi misurare il diametro del chip del poker e quindi fare clic sulla tavola da disegno. Questo farà apparire la finestra di dialogo Ellisse, inserirai quelle dimensioni nei campi Altezza e Larghezza e premi OK.
Il chip del poker ha un anello interno che è rientrato. Per creare questo anello interno, utilizza lo strumento Ellisse (L) per disegnare due cerchi più piccoli, all'interno del cerchio appena creato.
Suggerimento: Attiva le Smart Guides (Comando + U) e posiziona il cursore nel centro esatto del primo cerchio che hai disegnato. Con le Smart Guides abilitate, il cursore si aggancia al centro del cerchio. Fai clic con il pulsante del mouse e trascina tenendo premuto il tasto Opzione. Questo creerà un cerchio proporzionato dal punto centrale, verso l'esterno.
Duplica ciò che hai fatto fino ad ora (Modifica> Copia, Modifica> Incolla) e trascinalo di lato. Questa sarà la nostra base, ma abbiamo bisogno della copia originale dei cerchi per creare le nostre strisce bianche.
Al centro del cerchio originale, usa lo strumento Rettangolo (M) e crea un rettangolo, vedi l'esempio sotto per le dimensioni approssimative. Ancora una volta, per un maggiore realismo, è possibile misurare le dimensioni esatte della striscia. Una volta creato, trascina il rettangolo in cima al cerchio, lascia che il rettangolo si sporga dal bordo del cerchio.
Usando le tecniche nel passaggio 2, crea un altro cerchio dal punto centrale dell'originale. Assicurati di fare in modo che il cerchio sia abbastanza grande da consentire al rettangolo disegnato nel passaggio 4 di appendere il fondo di questo cerchio.
Se guardi il chip del poker originale, abbiamo sei grandi strisce bianche che racchiudono il volto del chip del poker. Abbiamo bisogno di duplicare il rettangolo che abbiamo appena creato altre cinque volte per coprire il chip perimetrale.
Seleziona il rettangolo creato nel passaggio 4. Seleziona ora lo strumento Ruota (R). Trova il centro del chip del poker. Con il cursore sul punto centrale del cerchio (potrebbe essere più facile trovarlo in modalità Contorno), tieni premuto il tasto Opzione e fai clic con il pulsante del mouse. Apparirà la finestra di dialogo di rotazione. Dal momento che vogliamo un totale di 6 rettangoli attorno al cerchio, dividiamo 360 per 6, dandoci 60 gradi. Immettere 60 nella finestra di dialogo Angolo:. Quindi premere copia non ok.
Un secondo rettangolo viene creato a 60 gradi dal centro del cerchio.
Ora possiamo premere Command + D quattro volte. Questo ripete l'ultimo comando dato. In questo caso, ruotando e copiando il rettangolo. Ora abbiamo sei rettangoli attorno al nostro cerchio.
Seleziona i sei rettangoli che abbiamo appena creato, insieme al cerchio esterno e al primo cerchio interno. Nella Tavolozza degli itinerari, fare clic sul pulsante Dividi mentre si tiene premuto il tasto Opzione. Questo separerà tutte le linee intersecanti.
Taglia via le forme e il gruppo in eccesso. Hai appena creato le grandi strisce bianche sulla faccia del chip del poker.
Creeremo ora le strisce bianche più piccole, usando la stessa tecnica di prima. Inizia creando un rettangolo al centro del cerchio. Si noti che le strisce più piccole hanno una larghezza minore rispetto a quelle più grandi. Crea il tuo rettangolo e assicurati che il rettangolo sia posizionato in alto per sovrapporsi a entrambi i cerchi. Trascinalo e sovrapponi i due cerchi.
Nota: puoi sempre ridimensionare il rettangolo più grande o più piccolo una volta che è stato spostato.
Seleziona lo strumento Ruota (R). Individua il centro del cerchio (potrebbe essere più facile da trovare in modalità Struttura). Con il cursore sul punto centrale del cerchio, tieni premuto il tasto Opzione e fai clic sul pulsante del mouse. Viene visualizzata la finestra di dialogo Ruota. Dal momento che vogliamo un totale di 12 rettangoli attorno al cerchio, dividiamo 360 per 12, dandoci 30 gradi. Immettere 30 nel campo Angolo della finestra di dialogo Ruota. Quindi premere copia non ok.
Possiamo ancora premere Command + D per duplicare la nostra ultima azione. Premi Comando + D finché non avrai abbastanza rettangoli da racchiudere i cerchi (dovrebbe essere dieci volte).
Seleziona i dodici rettangoli che abbiamo appena creato, insieme ai due cerchi. Nella Tavolozza degli itinerari, fare clic sul pulsante Dividi mentre si tiene premuto il tasto Opzione. Questo separerà tutte le linee intersecanti.
Taglia via le forme in eccesso e raggruppa quelle rimanenti. Hai appena creato le dodici piccole strisce bianche sul lato del chip del poker.
Trascina le strisce bianche che abbiamo creato fino alla copia delle cerchie originali che abbiamo creato nel passaggio 3, quindi posizionale in cima.
A questo punto aggiungeremo del colore generico. In questo caso, il 5% di nero per le strisce bianche (sento che il bianco puro appiattisce le cose). Per il colore rosso ho usato il 100% di magenta e il giallo. Ho mantenuto il tratto nero di 1t nei cerchi. Cambierà il colore in seguito.
Ora userò una tecnica che utilizzo per creare oggetti isometrici. Seleziona tutti gli oggetti che compongono il volto del nostro chip di poker. Fare doppio clic sullo strumento Scala (S) nella barra degli strumenti. Questo farà apparire la finestra di dialogo Scala. Selezionare la casella di spunta Non uniforme e digitare quanto segue; Orizzontale del 100%, Verticale del 86,6% e quindi fare clic su OK.
Con tutti gli oggetti ancora selezionati, fai doppio clic sullo strumento Inclina nella tavolozza degli strumenti. Questo farà apparire la finestra di dialogo Shear. Nel campo Angolo di taglio digitare 30 e premere OK. Assicurati che la casella di controllo Orizzontale sia selezionata sotto il gruppo Asse.
Con tutti gli oggetti ancora selezionati, fare doppio clic sullo strumento Ruota nella casella degli strumenti. Questo farà apparire la finestra di dialogo Ruota. Nel campo Angolo, digitare -30 e premere OK.
La faccia del chip del poker è ora in un angolo isometrico. Un altro modo per ottenere questo effetto è quello di ridimensionare il cerchio al 100% in orizzontale e al 57% in verticale. Nota: è possibile creare qualsiasi forma ed eseguirla attraverso i passaggi 18-20 per creare una vista isometrica dall'alto.
Ora daremo la profondità dell'illusione estrudendo il cerchio.
Per raggiungere correttamente questo effetto, dobbiamo aggiungere alcuni punti di ancoraggio al nostro cerchio isometrico. Disegna una linea verticale con lo strumento Penna (P). Useremo questa linea per una guida. Trascina la linea finché non si interseca con il bordo sinistro del cerchio. Di nuovo, con le Smart guide attivate, Illustrator scatterà la linea sul cerchio isometrico in cui si intersecano.
Seleziona la linea verticale e bloccala in posizione usando Comando + 2. Ingrandisci il più possibile e passa alla modalità Contorno. Utilizzare lo strumento Aggiungi punto di ancoraggio (+) per aggiungere un punto di ancoraggio al cerchio isometrico in cui si interseca con la linea di guida verticale bloccata in posizione. Ripeti questo passaggio per il lato destro del cerchio.
Quando selezioni il cerchio dovresti avere due nuovi punti di ancoraggio sul bordo sinistro e destro del cerchio.
Ho selezionato le grandi strisce bianche, poi le ho nascoste usando Command + 2. Ciò renderà le cose più facili da vedere e non interferiranno quando selezioneremo i punti di ancoraggio nella fase successiva.
Nota: Se si dispone di due oggetti che si sovrappongono l'un l'altro e si seleziona lo strumento Aggiungi punto di ancoraggio, Illustrator desidera aggiungere quel punto di ancoraggio al Superiore oggetto. A volte è necessario bloccare (Command + 2) o nascondere (Command + 3) un oggetto per lavorare con gli oggetti sotto di loro.
Afferrare lo strumento di selezione diretta (A), quindi selezionare i due punti di ancoraggio inferiori. Nota: Usa il tasto Maiusc per selezionare entrambi i punti di ancoraggio contemporaneamente. Con i punti selezionati, Copia> Incolla davanti (Comando + F). Ora abbiamo creato un percorso a mezzo cerchio in cima alla nostra cerchia.
Usa lo strumento Selezione (V) per selezionare il nuovo percorso appena creato, quindi trascinalo verso il basso.
Nota: Basta spostarlo nella profondità che pensi che il chip di poker dovrebbe essere. Possiamo sempre renderlo più spesso o più sottile in seguito. Con l'oggetto ancora selezionato, rimuovere il colore di riempimento rosso.
Con lo strumento Selezione diretta (A), selezionare i due punti di ancoraggio inferiori.
Nota: Usa il tasto Maiusc per selezionare entrambi i punti di ancoraggio contemporaneamente. Con i punti selezionati, vai a Modifica> Copia> Incolla in primo piano. Ora abbiamo creato un altro percorso a mezzo cerchio in cima alla nostra cerchia.
Dovresti aver creato due semicerchi con percorsi aperti. Uno direttamente sopra il nostro cerchio isometrico e uno leggermente al di sotto del cerchio. Ora dobbiamo solo collegare i percorsi aperti.
Prendi il tuo strumento penna. Sul lato sinistro del chip del poker, ingrandisci i due percorsi aperti dei semicerchi che abbiamo creato. Fare clic sul percorso aperto in basso con lo strumento Penna (P). Si noti che quando lo strumento Penna (P) si trova sopra il percorso aperto, cambia per mostrare una barra rovesciata. Questo indica che sei su un percorso aperto. Fare clic sul percorso aperto con lo strumento Penna (P).
Sposta lo strumento Penna (P) fino al prossimo percorso aperto. Si noti come lo strumento penna cambia di nuovo. Questa volta viene visualizzato un simbolo di percorso chiuso sul lato destro dello strumento Penna. Quando vedi questo simbolo, clicca sul percorso. Questo collega entrambi gli oggetti con una linea e chiude il percorso.
Ripeti i passaggi 30 e 31 sul lato destro. Il chip del poker dovrebbe assomigliare a quello mostrato qui sotto.
Nota: Se vuoi rendere il chip di poker più sottile o più spesso, basta selezionare i quattro punti di ancoraggio sottostanti. Quindi utilizzare lo strumento Selezione diretta (A) insieme al tasto Maiusc per spostare i punti di ancoraggio selezionati su o giù su un angolo vincolato. Spostando i punti di ancoraggio verso il basso, il chip del poker diventerà più spesso, spostandoli verso l'alto lo farà apparire più sottile.
Un-hide (Command + Shift + 3) le strisce bianche che abbiamo nascosto nel passaggio 25. Per dare alle nostre strisce bianche la stessa profondità, dobbiamo ripetere i passaggi che abbiamo usato per il corpo del chip del poker. Iniziamo selezionando il corpo del chip di poker appena creato e inviandolo sul retro (tasto Command + Left Bracket).
Sulla striscia bianca a sinistra, utilizzare lo strumento Selezione diretta (A) per selezionare il punto di ancoraggio nel mezzo della striscia, quindi Modifica> Copia> Incolla davanti. Hai creato un percorso aperto in cima alla striscia bianca.
Con il percorso aperto già selezionato, spostalo fino in fondo al chip del poker. Rimuovi il colore di riempimento bianco.
Nota: Se selezioni il percorso aperto con lo strumento Selezione (V), selezionerà tutte le strisce di poker bianche. Usa lo Strumento selezione gruppo e fai semplicemente clic e trascina sul percorso aperto per spostarlo nella parte inferiore del chip del poker. Con le Smart Guide attivate, il percorso dovrebbe scattare sul percorso inferiore.
Utilizzare lo strumento Selezione diretta (A) e selezionare il punto di ancoraggio nel mezzo della striscia, quindi Modifica> Copia> Incolla davanti. Hai creato un altro percorso aperto in cima alla striscia bianca.
Collegare i percorsi aperti con lo strumento Penna (P), simile ai passaggi 30 e 31.
Ripeti i passaggi per le prossime 2 strisce bianche. Ora dovrebbe apparire come l'immagine qui sotto.
Nota: Per le due strisce successive, non vi è un punto di ancoraggio nel mezzo dei due punti di ancoraggio. Per copiare il segmento di linea, fai clic sulla linea tra i due punti di ancoraggio con lo strumento selezione diretta. Questo selezionerà il segmento di linea, tra il punto di ancoraggio. Seleziona Modifica> Copia> Incolla davanti. Ora avrai un percorso aperto in cima alla striscia bianca.
Il cerchio interno sul chip del poker è arretrato un po '. Per fare ciò, prima nascondiamo il cerchio più piccolo, più interno, selezionandolo e premendo Comando + 2.
Seleziona il cerchio interno con lo Strumento selezione diretta (V). Usa il comando Modifica> Copia> Incolla in primo piano per creare un'altra istanza di questa cerchia.
Trascina il cerchio che hai appena creato, solo un capello. Questa è la profondità della rientranza.
Seleziona entrambi i cerchi. Nella Tavolozza degli itinerari, fare clic sul pulsante Dividi mentre si tiene premuto il tasto Opzione. Questo separerà tutte le linee intersecanti.
I due cerchi sono ora divisi nei loro punti di intersezione. Questo crea tre oggetti separati. Vogliamo selezionare ed eliminare l'oggetto inferiore.
Seleziona le piccole strisce bianche, quindi spostale verso il basso per diventare a filo con il cerchio inferiore.
Seleziona il cerchio interno e Modifica> Copia> Incolla davanti per creare una seconda copia. Useremo questo oggetto per tagliare via l'eccesso dalle piccole strisce bianche che non sarebbero visibili a causa della cavità interna.
Seleziona il cerchio appena duplicato, insieme a una qualsiasi delle strisce bianche che si sovrappongono.
Nota: Le piccole strisce bianche sono in un gruppo. Pertanto, se provi a selezionarli con lo strumento Selezione (V), verranno selezionate tutte le strisce bianche piccole. Utilizzare lo strumento Selezione gruppo e il tasto Maiusc, per selezionare ciascuna striscia singolarmente, insieme al cerchio.
Quando tutti gli elementi sovrapposti sono selezionati, vai alla Tavolozza degli itinerari, fai clic sul pulsante Dividi mentre tieni premuto il tasto Opzione. Questo separerà tutte le linee intersecanti.
Seleziona ed elimina tutti i pezzi in eccesso (evidenziati in giallo).
Un-hide (Command + Shift + 3) il cerchio più interno che abbiamo impostato su Hide nel passaggio 39. Nota: Potrebbe essere necessario portare questo oggetto in primo piano. Con il cerchio interno selezionato, vai a Modifica> Copia> Incolla davanti. Questo ci darà un cerchio duplicato in cima all'originale.
Trascina il cerchio che hai appena incollato verso il basso fino a quando non tocca appena le piccole strisce bianche.
Con il cerchio nella posizione corretta e ancora selezionato, scegli Oggetto> Disponi> Porta indietro. Questo metterà il cerchio selezionato dietro l'originale.
Ora aggiungiamo un po 'di colore. Inizia selezionando tutti gli oggetti e rimuovendo il tratto nero applicato a loro. Quindi dobbiamo decidere da dove viene la fonte di luce.
Per il corpo del chip del poker, ho creato un gradiente con sfumature di rosso più scure sui bordi esterni, con la sfumatura più chiara del rosso all'origine della fonte di luce.
Ho aggiunto lo stesso gradiente a tutti gli oggetti rivolti in avanti.
Per la parte superiore, ho creato una sfumatura semplice con la tonalità chiara di rosso nella parte anteriore e la tonalità più scura di rosso nella parte posteriore.
Per la parte incassata, ho usato lo stesso gradiente applicato sulla parte superiore, ma ho invertito le tonalità più scure e chiare. Questo dà all'area più contrasto.
Ho variato i toni delle strisce bianche sul lato del chip del poker. Ho usato una percentuale più alta di nero, più una striscia era verso la fonte di luce.
Voglio dare l'impressione di una leggera smussatura sul chip. Inizia selezionando il cerchio grande e Modifica> Copia> Incolla davanti. Ora abbiamo due cerchi direttamente l'uno sopra l'altro.
Con il cerchio superiore selezionato, fai doppio clic sullo strumento Scala (S). Questo farà apparire la finestra di dialogo Scala. Digita 99% nel campo Scala e premi Invio. Ora abbiamo un cerchio leggermente più piccolo sopra l'altro.
Con lo strumento Selezione (V), sposta il cerchio più piccolo direttamente verso l'alto finché non si interseca con il bordo del cerchio più grande.
Seleziona il cerchio più grande, più basso, conferisce a questo cerchio una tonalità più chiara di rosso. Ora sembra che il chip del poker abbia una leggera smussatura.
Da qui possiamo aggiungere alcuni elementi per estrarre questo oggetto dalla pagina. Iniziamo con un colpo più spesso intorno all'intero chip.
Seleziona solo il cerchio superiore più grande (quello più chiaro rosso, usato per lo smusso) e il corpo anteriore del chip, quindi vai a Modifica> Copia> Incolla in posizione.
Con quegli oggetti ancora selezionati, vai sulla palette Pathfinder, fai clic sul pulsante Unisci mentre tieni premuto il tasto Opzione. Questo unirà tutti gli oggetti selezionati in un unico oggetto.
Con l'oggetto appena unito ancora selezionato, assegnare un tratto nero di 3 pt all'oggetto. Invia l'oggetto sul retro, usando Oggetto> Disponi> Invia a Indietro.
Di seguito è quello che dovremmo avere finora. Per migliorare ulteriormente l'immagine, creiamo un'ombra semplice. Esistono diversi modi per creare ombre in Illustrator. Preferisco questo. Se ne hai uno migliore, usalo.
Inizia andando su Modifica> Copia> Incolla il cerchio più grande sul chip del poker (è quello rosso chiaro) e trascinandolo sul lato.
Posiziona il cerchio che hai appena creato, il casting su dalla fonte di luce.
Invia il cerchio che hai appena posizionato sul retro di tutti gli oggetti, utilizzando Oggetto> Disponi> Porta in secondo piano.
Disegna una linea guida che intersecherà sia il chip del poker che il cerchio che hai appena inviato alla schiena.
Aggiungi un punto di ancoraggio al cerchio in cui la linea si interseca con lo strumento Aggiungi punto di ancoraggio (+). Elimina la linea guida dopo aver aggiunto il punto di ancoraggio.
Elimina il segmento di linea tra i due punti di ancoraggio mostrati sotto.
Usa lo strumento Penna (P) per disegnare un segmento di linea dal percorso aperto fino al bordo del chip del poker.
Assegna al cerchio un colore di riempimento del 100% K
Con il cerchio nero selezionato, scegli Effetto> Stilizzazione> Sfuma. Nella finestra di dialogo Sfuma, inserisci 9pt e fai clic su OK.
Usa la palette Trasparenza per dare all'ombra un'Opacità del 50%.
Duplica il tuo chip usando Modifica> Copia> Incolla e applica diversi tipi di colore.
Impila i chip come meglio credi, aggiungi uno sfondo a tua scelta! E abbiamo finito!
Inoltre, se stai cercando altre tecniche per creare chip di poker, Grant Friedman ha scritto un tutorial in due parti su AiBURN su Creazione di un chip di poker 3D animato in Illustrator (Parti uno e due), che usa strumenti 3D per comporre il chip e quindi esporta come Flash. È un flusso di lavoro molto diverso rispetto all'esercitazione precedente.
Iscriviti al feed RSS di Vectortuts + per rimanere aggiornato con le ultime esercitazioni e articoli vettoriali.
Accentsconagua