Cum se creează un efect Wiener Text distractiv în Adobe Illustrator

Ce veți crea

În acest tutorial veți învăța cum să creați o perie de model wiener și cum să o utilizați pentru a crea o ilustrație de text frumos. 

Pentru început, veți învăța cum să creați principalele forme folosind unelte și efecte de bază, un amestec simplu și unele tehnici de amestecare și formare a vectorilor. Mutarea pe voi va învăța cum să salvați două modele simple și cum să vă creați propria perie de model. În cele din urmă, veți învăța cum să utilizați peria dvs. și cum să adăugați anumite umbre și subliniază subtil folosind mai multe efecte Drop Shadow și o grămadă de căi compuse minuscul.

1. Creați un document nou și configurați o rețea

Lovit Control-N pentru a crea un nou document. Selectați pixeli de la Unități meniul derulant, introduceți 600 în casetele de lățime și înălțime și faceți clic pe Avansat buton. Selectați RGB, Ecran (72ppi), și asigurați-vă că Aliniați obiectele noi la grila Pixel caseta nu este bifată înainte de a face clic O.K.

Activați Grilă (Afișați> Afișați grilă) si Fixat la retea (Vizualizare> Snap to Grid). Pentru începători veți avea nevoie de o rețea în fiecare 5 px, așa că pur și simplu du-te la Editați> Preferințe> Ghiduri> Grilă și introduceți 5 în Grilă în fiecare și 1 în subdiviziunile cutie. Încercați să nu vă descurajați de toată grilă - vă va ușura munca. Și rețineți că puteți să o activați sau să o dezactivați cu ușurință utilizând Control-" Comanda rapidă de la tastatură.

De asemenea, trebuie să deschideți Info panou (Fereastră> Info) pentru o previzualizare live cu dimensiunea și poziția formelor dvs. Nu uitați să setați unitatea de măsură la pixeli de la Editați> Preferințe> Unități> Generale. Toate aceste opțiuni vor crește semnificativ viteza de lucru.

2. Creați principalele forme

Pasul 1

Alegeți Instrumentul dreptunghiular (M) și să vă concentrați asupra dvs. Bara de instrumente. Îndepărtați culoarea din cursa, apoi selectați umplutura și setați culoarea la R = 57 G = 181 B = 74. Deplasați-vă la tabloul de bord, creați un 20 x 50 px forma, asigurați-vă că acesta rămâne selectat și apoi mergeți la Efect> Stylă> Colțuri rotunjite. Introduceți a 10 px Radius și faceți clic pe O.K.

Pasul 2

Asigurați-vă că dreptunghiul verde este încă selectat și mergeți la Obiect> Extindeți aspectul. Selectați forma rezultată și pur și simplu faceți o copie în față folosind Control-C> Control-F Comanda rapidă de la tastatură. Asigurați-vă că este selectată numai această copie proaspătă și înlocuiți culoarea de umplere existentă cu R = 180 G = 43 B = 0.

Pasul 3

Utilizarea Instrumentul dreptunghiular (M), creeaza o 5 x 30 px forma, setați culoarea de umplere la R = 223 G = 88 B = 30 și plasați-o așa cum se arată în imaginea următoare. Asigurați-vă că acest dreptunghi nou rămâne selectat și mergeți la Efect> Stylă> Colțuri rotunjite. Introduceți a Radius 2,5 px, clic O.K, și apoi du-te la Obiect> Extindeți aspectul.

Pasul 4

Concentrează-te pe tine Bara de instrumente și faceți clic pur și simplu pe Instrumentul de amestecare pentru a deschide Blend Options fereastră. Selectați Pașii specificați de la Spațiere meniul derulant, introduceți 10 în acea casetă albă și faceți clic pe O.K. Acum, selectați dreptunghiurile rotunjite maro și portocaliu (asigurați-vă că nu selectați cel verde) și apoi pur și simplu lovit Alt-Control-B (sau mergeți la Obiect> Blend> Make) pentru a crea un nou amestec. În cele din urmă lucrurile ar trebui să arate ca în a doua imagine.

Pasul 5

Dezactivați modul Snap în rețea (Shift-Control-“) și apoi du-te la Editați> Preferințe> Generale și asigurați-vă că Creșterea tastaturii este setat sa 1 px.

Concentrați-vă pe straturi panou, deschideți stratul existent, selectați dreptunghiul verde rotunjit și faceți două copii în față (Control-C> Control-F> Control-F). Selectați copia de început și mutați-o 1 px utilizați butonul săgeată sus din tastatură. Resetați ambele copii realizate în acest pas, deschideți deschizător de drumuri panou (Fereastră> Pathfinder) și faceți clic pe Minus Front buton.

Asigurați-vă că forma rezultată rămâne selectată, aduceți-o în față (Shift-Control-]) și să se concentreze pe Aspect panou. Înlocuiți culoarea de umplere existentă cu o culoare simplă (R = 0G = 0B = 0), micșorați-l Opacitate la 30% și schimbați Mod de amestecare la Lumina slaba.

Pasul 6

Resetați dreptunghiul verde rotunjit și faceți două copii în față (Control-C> Control-F> Control-F). Selectați copia de început și mutați-o 3 px folosind același buton săgeată sus de pe tastatură. Resetați ambele copii realizate în acest pas și dați clic pe Minus Front butonul din deschizător de drumuri panou.

Asigurați-vă că forma rezultată rămâne selectată, aduceți-o în față (Shift-Control-]) și să se concentreze pe Aspect panou. Înlocuiți culoarea de umplere existentă cu un negru simplu, micșorați-o Opacitate la 20% și schimbați Mod de amestecare la Lumina slaba.

Pasul 7

Resetați dreptunghiul verde rotunjit și faceți două copii în față (Control-C> Control-F> Control-F). Selectați copia de început și mutați-o 5 px folosind același buton săgeată sus de pe tastatură. Resetați ambele copii realizate în acest pas și dați clic pe Minus Front butonul din deschizător de drumuri panou.

Asigurați-vă că forma rezultată rămâne selectată, aduceți-o în față (Shift-Control-]) și să se concentreze pe Aspect panou. Înlocuiți culoarea de umplere existentă cu un negru simplu, micșorați-o Opacitate la 10% și schimbați Mod de amestecare la Lumina slaba.

Pasul 8

Activați Snap to Grid (Control-'). Reluați cele trei forme negre făcute în ultimii trei pași și mergeți la Obiect> Transformați> Reflectați. Verifică Orizontală apoi faceți clic pur și simplu pe Copie buton. Asigurați-vă că formele nou create sunt selectate și plasați-le așa cum se arată în a treia imagine.

Pasul 9

Resetați dreptunghiul verde rotunjit și faceți două copii în față (Control-C> Control-F> Control-F). Selectați copia de început și mutați-o 1 px spre dreapta, folosind butonul săgeată dreapta din tastatură. Resetați ambele copii realizate în acest pas și dați clic pe Minus Front butonul din deschizător de drumuri panou.

Asigurați-vă că forma rezultată rămâne selectată, aduceți-o în față (Shift-Control-]) și să se concentreze pe Aspect panou. Înlocuiți culoarea de umplere existentă cu un alb simplu (R = 255 G = 255 B = 255), micșorați-l Opacitate la 30% și schimbați Mod de amestecare la Lumina slaba.

Pasul 10

Dezactivați modul Snap în rețea (Control-'). Resetați dreptunghiul verde rotunjit și faceți două copii în față (Control-C> Control-F> Control-F). Selectați copia de început și mutați-o 4 px în stânga, utilizând butonul săgeată din stânga de pe tastatură. Resetați ambele copii realizate în acest pas și dați clic pe Minus Front butonul din deschizător de drumuri panou.

Asigurați-vă că forma rezultată rămâne selectată, aduceți-o în față (Shift-Control-]) și să se concentreze pe Aspect panou. Înlocuiți culoarea de umplere existentă cu un negru simplu, micșorați-l Opacitate la 20% și schimbați Mod de amestecare la Lumina slaba.

Pasul 11

Resetați dreptunghiul verde rotunjit și faceți două copii în față (Control-C> Control-F> Control-F). Selectați copia de început și mutați-o 2 px la stanga. Resetați ambele copii realizate în acest pas și dați clic pe Minus Front butonul din deschizător de drumuri panou.

Asigurați-vă că forma rezultată rămâne selectată, aduceți-o în față (Shift-Control-]) și să se concentreze pe Aspect panou. Înlocuiți culoarea de umplere existentă cu un alb simplu, micșorați-o Opacitate la 50% și schimbați Mod de amestecare la Lumina slaba.

Pasul 12

Resetați dreptunghiul verde rotunjit și faceți două copii în față (Control-C> Control-F> Control-F). Selectați copia de început și mutați-o 1 px în stânga, utilizând butonul săgeată din stânga de pe tastatură. Resetați ambele copii realizate în acest pas și dați clic pe Minus Front butonul din deschizător de drumuri panou.

Asigurați-vă că forma rezultată rămâne selectată, aduceți-o în față (Shift-Control-]) și să se concentreze pe Aspect panou. Înlocuiți culoarea de umplere existentă cu un negru simplu, micșorați-l Opacitate la 40% și schimbați Mod de amestecare la Lumina slaba.

Pasul 13

Activați Snap to Grid (Control-'). Pentru pașii următori veți avea nevoie de o rețea în fiecare 1 px, deci du-te la Editați> Preferințe> Ghiduri și Grilă și intră 1 în Grilă în fiecare cutie.

Utilizarea Instrumentul dreptunghiular (M), creeaza o 3 x 26 px, forma albă, plasați-o după cum se arată în prima imagine și mergeți la Efect> Stylă> Colțuri rotunjite. Introduceți a Radius 1,5 px, clic O.K și apoi du-te la Obiect> Extindeți aspectul. Asigurați-vă că forma rezultată rămâne selectată, micșorați-o Opacitate la 30% și schimbați Mod de amestecare la Lumina slaba.

Pasul 14

Utilizarea Instrument de elipsă (L), creați două 6 x 4 px forme neagră și plasați-le după cum se arată în imaginea următoare. Asigurați-vă că ambele forme rămân selectate și treceți la Aspect panou. Pur și simplu micșorați Opacitate la 20% și schimbați Mod de amestecare la Lumina slaba.

3. Creați Wiener Ends

Pasul 1

Utilizarea Instrumentul dreptunghiular (M), creeaza o 10 x 5 px , plasați-o după cum se arată în prima imagine și setați culoarea de umplere la R = 41 G = 171 B = 226. Focalizați pe partea de jos a acestui dreptunghi albastru și comutați la Instrumentul de selecție directă (A). Selectați punctul de ancorare din stânga, glisați-l 5 px la dreapta și apoi apucați Ștergeți instrumentul pentru punctul de ancorare (-). Pur și simplu faceți clic pe punctul de ancorare din dreapta pentru al elimina și acesta ar trebui să transforme dreptunghiul albastru într-un triunghi așa cum se arată în a doua imagine.

Pasul 2

Asigurați-vă că forma albastră este încă selectată și mergeți la Efect> Warp> Arderea. Introduceți proprietățile afișate în imaginea următoare, faceți clic pe O.K și apoi du-te la Efect> Warp> Arc Upper. Introduceți atributele afișate mai jos, faceți clic pe O.K și apoi du-te la Obiect> Extindeți aspectul.

Pasul 3

Dezactivați modul Snap în rețea (Control-'). Asigurați-vă că forma albastră este selectată și faceți două copii în față (Control-C> Control-F> Control-F). Selectați copia de început și mutați-o 1 px la stanga. Resetați ambele copii realizate în acest pas și dați clic pe Minus Front butonul din deschizător de drumuri panou. Umpleți forma rezultată cu negru, coborâți-o Opacitate la 50% și schimbați Mod de amestecare la Lumina slaba.

Pasul 4

Asigurați-vă că forma albastră este selectată și faceți două copii în față (Control-C> Control-F> Control-F). Selectați copia de început și mutați-o 2 px la stanga. Resetați ambele copii realizate în acest pas și dați clic pe Minus Front butonul din deschizător de drumuri panou. Umpleți forma rezultată cu alb, micșorați-o Opacitate la 50% și schimbați Mod de amestecare la Lumina slaba.

Pasul 5

Asigurați-vă că forma albastră este selectată și faceți două copii în față (Control-C> Control-F> Control-F). Selectați copia de început și mutați-o 1 px la dreapta. Resetați ambele copii realizate în acest pas și dați clic pe Minus Front butonul din deschizător de drumuri panou. Umpleți forma rezultată cu negru, coborâți-o Opacitate la 30% și schimbați Mod de amestecare la Lumina slaba.

Pasul 6

Asigurați-vă că forma albastră este selectată și faceți două copii în față (Control-C> Control-F> Control-F). Selectați copia de început și mutați-o 1 px sus. Resetați ambele copii realizate în acest pas și dați clic pe Minus Front butonul din deschizător de drumuri panou. Umpleți forma rezultată cu negru, coborâți-o Opacitate la 30% și schimbați Mod de amestecare la Lumina slaba.

Pasul 7

Resetați forma albastră și pur și simplu înlocuiți culoarea de umplere existentă cu R = 180 G = 43 B = 0.

Pasul 8

Activați Snap to Grid (Control-'). Utilizarea Instrument de elipsă (L), creeaza o 6 x 2 px albastru și plasați-o așa cum se arată în prima imagine. Asigurați-vă că această nouă formă este selectată și faceți două copii în față (Control-C> Control-F> Control-F). Deplasați-vă la straturi panou, selectați copia de jos și mutați-o 1 px jos. Resetați ambele copii și pur și simplu faceți clic pe Minus Front butonul din deschizător de drumuri panou. Umpleți forma rezultată cu alb, micșorați-o Opacitate la 50% și schimbați Mod de amestecare la Lumina slaba.

Pasul 9

Resetați forma albastră, înlocuiți culoarea de umplere existentă cu un negru simplu și schimbați Mod de amestecare la Lumina slaba.

Pasul 10

Selectați toate formele evidențiate în prima imagine și mergeți la Obiect> Transformați> Reflectați. Verifică Orizontală apoi faceți clic pur și simplu pe Copie buton. Asigurați-vă că sunt selectate formele nou create și plasați-le așa cum se arată în a doua imagine.

4. Creați peria de model Wiener

Pasul 1

Resetați amestecul și mergeți la Obiect> Extindeți.

Pasul 2

Intoarce-te grilă la fiecare 5 px, așa că pur și simplu du-te la Editați> Preferințe> Ghiduri și Grilă și intră 5 în Grilă în fiecare cutie. Utilizarea Instrumentul dreptunghiular (M), creeaza o 30 x 20 px forma, setați culoarea de umplere la R = 0 G = 104 B = 55, și plasați-o așa cum se arată în prima imagine. Resetați acest dreptunghi împreună cu restul formelor realizate până acum și duplicați-le (Control-C> Control-F). Glisați aceste copii spre dreapta și plasați-le așa cum se arată în a doua imagine.

Pasul 3

Concentrați-vă pe setul stâng de forme și alegeți Shape Builder Tool (Shift-M). Ținând cont Schimb butonul de pe tastatură, trageți pur și simplu o selecție de-a lungul dreptunghiului verde aproximativ ca în prima imagine, dar asigurați-vă că nu treceți de margine. Acum, selectați dreptunghiul verde și eliminați-l folosind Șterge de pe tastatură. În cele din urmă, lucrurile ar trebui să arate ca în a treia imagine.

Pasul 4

Continuați să vă concentrați asupra setului stâng de forme. Selectați toate aceste forme și utilizați Shift-Control-G comenzi rapide de la tastatură la Degrupeaza lor. Acum, selectați formele care formează capătul inferior al dispozitivului și grup lor (Control-G). Apoi selectați formele care alcătuiesc capătul superior al dispozitivului și faceți același lucru.

Pasul 5

Deplasați-vă la setul corect de forme și alegeți din nou același lucru Shape Builder Tool (Shift-M). Ținând cont Schimb butonul de pe tastatură, trageți pur și simplu o selecție de-a lungul părții superioare, la fel ca în prima imagine. Din nou, asigurați-vă că selecția dvs. nu trece peste marginea acelui dreptunghi verde. Deplasați-vă la partea de jos a acestui set de forme și repetați tehnica. În cele din urmă, lucrurile ar trebui să arate ca în a treia imagine.

Pasul 6

Continuați să vă concentrați asupra setului corect de forme. Alege toate formele verzi și scapă de ele. În cele din urmă lucrurile ar trebui să arate ca în a doua imagine. Selectați toate aceste forme, grup lor (Control-G) și plasați-le așa cum se arată în a treia imagine.

Pasul 7

Resetați toate formele realizate până acum și mergeți la Obiect> Transformare> Rotire. Seteaza Unghi la -90 de grade apoi faceți clic pe O.K buton.

Pasul 8

Selectați grupul care formează capătul din stânga al dispozitivului (evidențiat în imaginea următoare) și pur și simplu trageți-l în interiorul Specimene panou (Fereastră> Swatches) pentru ao salva ca un model simplu. Faceți dublu clic pe acest model nou, redenumiți-l "startTile", apoi asigurați-vă că ați lovit-o Anulare buton.

Pasul 9

Selectați grupul care alcătuiește capătul drept al dispozitivului (evidențiat în imaginea următoare) și transformați-l într-un model. Faceți dublu clic pe acest model nou, redenumiți-l "startTile", apoi asigurați-vă că ați lovit-o Anulare buton.

Pasul 10

Selectați grupul care alcătuiește corpul dispozitivului (evidențiat în imaginea următoare) și faceți clic pe Pensulă nouă butonul din Perii panou (Fereastra> Perii). Verifică Pensulă de model apoi faceți clic pe O.K pentru a deschide Opțiuni perie model fereastră.

Numeste "Wiener Brush", introduceți atributele afișate mai jos și apoi treceți la Ţiglă cutii. Deschide Pornește Placi fereastra derulantă și adăugați "startTile"din lista respectivă și apoi deschideți Sfârșitul plăcii fereastra derulantă și adăugați "endTile". În final, faceți clic pe O.K și ar trebui să găsiți noua dvs. perie de model înăuntru Perii panou.

5. Creați textul Wiener

Pasul 1

Dezactivați grila (Control-') și Snap to Grid (Shift-Control-“). Alegeți Instrumentul tip (T), faceți clic pe tabloul dvs. de artă și adăugați gri (R = 178 G = 178 B = 178) bucată de text. Asigurați-vă că acesta rămâne selectat și deschideți-l Caracter panou.

Folosește Freestyle Script și setați dimensiunea la 200 pt. Deplasați-vă la straturi și blocați această bucată de text pentru a vă asigura că nu veți selecta / mișca în mod accidental. Utilizarea Instrument Pen (P) (sau Instrument perie (B)), desenați niște căi netede, după cum se arată mai jos, încercând să folosiți textul care se află în spate ca o referință grosieră. Adăugați un accent negru subțire pentru aceste căi.

Pasul 2

Concentrează-te pe tine straturi panou și a scăpa de acea bucată de text. Selectați căile și înlocuiți cursa neagră subtilă cu "Wiener Brush"perie de model.

Asigurați-vă că toate aceste căi rămân selectate și mergeți la Efect> Stylize> Drop Shadow. Introduceți proprietățile afișate în fereastra din stânga sus (în imaginea următoare), faceți clic pe O.K și apoi adăugați celelalte patru Umbra efectele prezentate mai jos.

Pasul 3

Activați Grilă (Control-') și Fixat la retea (Shift-Control-“). Schimba cu grilă la fiecare 1 px, deci du-te la Editați> Preferințe> Ghiduri și Grilă și intră 1 în Grilă în fiecare cutie.

Utilizarea Instrument de elipsă (L), creeaza o 1 px cerc, a 2 px cerc și a 3 px cerc, le faceți toate negre și le plasați după cum se arată în prima imagine. Selectați toate aceste cercuri mici și pur și simplu lovit Control-8 pentru a le transforma într-o cale compusă. Asigurați-vă că calea compusă rămâne selectată, coborâți-o Opacitate la 40%, și schimbați Mod de amestecare la Lumina slaba.

Pasul 4

Înmulțiți calea combinată negru (Control-C> Control-F) și împărțiți copiile aproximativ în modul indicat în imaginea următoare.

Pasul 5

Utilizarea Instrument de elipsă (L), creeaza o 1 px cerc, a 2 px cerc și a 3 px cerc, le faceți albe și plasați-le după cum se arată în prima imagine. Selectați toate aceste cercuri minuscule și transformați-le într-o nouă cale compusă (Control-8). Asigurați-vă că acesta rămâne selectat, micșorați-l Opacitate la 40%, și schimbați Mod de amestecare la Lumina slaba.

Pasul 6

Multiplicați calea compusului alb (Control-C> Control-F) și împărțiți copiile aproximativ în modul indicat în imaginea următoare.

6. Adăugați Some Mustard

Pasul 1

În cele din urmă, puteți adăuga niște muștar folosind peria de scatter și tehnicile menționate în acest tutorial detaliat (pasul 4.1 - 6.7 - săriți partea cu amestecul).

Pasul 2

Urmați același tutorial dacă doriți să învățați cum să creați acest container de muștar curat sau pur și simplu să îl luați din fișierul sursă.

Felicitări! Ați terminat!

Iată cum ar trebui să arate. Sper că v-ați bucurat de acest tutorial și puteți aplica aceste tehnici în proiectele viitoare.