Creați pictograme muzicale similare în Adobe Illustrator

Ce veți crea

Este timpul să actualizați aspectul setului de pictograme de pe desktop începând cu pictogramele playerului dvs. muzical sau ale fișierelor MP3. Cu acest tutorial în stilul autocolantului, veți învăța cum să combinați forme de gradient, efecte în panoul Aspect și forme compensate, pentru a face rapid cercurile în începutul unei pictograme mari setate în Adobe Illustrator CC 2014.

1. Configurați forma pictogramei

Pasul 1

Creeaza o Document nou și utilizați Instrument de elipsă (L) pentru a desena un cerc în cadrul artboard. Dimensiunea pe care o alegeți determină dimensiunea globală a pictogramei. Selectați cercul dvs. și mergeți la Obiect> Cale> Calea offset pentru a crea un cerc mai mic în primul cerc. ofset de -0,2 inci sau mai mulți pixeli (oricare ar fi creat o graniță frumoasă între cele două cercuri).

Pasul 2

Selectați noul cerc și alegeți un gri închis pentru culoarea de umplere. Mențineți cercul exterior alb. 

Pasul 3

Copiați (Control-C) și Lipiți (Control-V) cercul gri pentru forma principală a autocolantului. Pentru a face pictograma simbolică, o parte a cercului interior trebuie să arate ca și cum a început să se coajă. Desenați un dreptunghi utilizând Instrumentul dreptunghiular (M) și rotiți-o 45 ° astfel încât să fie în diagonală în colțul din dreapta-jos al cercului. Suprapuneți ușor cele două.

Selectați ambele forme și utilizați Shape Builder Tool (Shift-M) pentru a selecta fiecare formă și forma de intersecție astfel încât să aveți la dispoziție trei părți separate.

Pasul 4

Șterge dreptunghiul jumătate. Selectați și Roti partea dreaptă de jos a cercului, astfel încât să se îndrepte spre interior (și marginea acestuia să se alinieze cu muchia cercului.) Forma dvs. de autocolant decojită este pregătită pentru a fi făcută.

2. Efectuați autocolantul de peeling

Pasul 1

Alegeți o temă color pentru autocolantă. În acest caz, este o portocalie cremoasă. Secțiunea de autocolant decojită trebuie să fie mai ușoară decât restul autocolantului. Selectați și ofset forma principală a autocolantului cu câțiva pixeli, deci există o ușoară margine în jurul obiectului de autocolant. Asigurați-vă că forma conturului este mai închisă decât cercul principal.

Pasul 2

Aplicați a Gradientul liniar folosind Instrument de gradient (G) la forma autocolantului decolorat, cu a -32,6 ° deci este paralel cu marginea autocolantului. În Gradient , adăugați trei culori: portocaliu mediu a, portocaliu mediu b și portocaliu închis (același portocaliu închis ca schița din pasul anterior). Rețineți că cea de-a doua culoare văzută în gradientul de mai jos a fost și portocaliu deschis aplicat în pasul anterior.

Pasul 3

Aplicați a Umbra la forma autocolantului decojit, mergând la Efect> Stylize> Drop Shadow cu următoarele atribute:

  • Mod: Acoperire
  • Opacitate: 62%
  • X Offset: 0,03 in
  • Y Offset: 0,01 in
  • Estompa: 0,07
  • Culoare: # 000000

Pasul 4

Selectați cercul alb exterior și aplicați a Umbra cu următoarele atribute:

  • Mod: Multiplica
  • Opacitate: 56%
  • X Offset: 0.12 in
  • Y Offset: 0,1 in
  • Estompa: 0,07
  • Culoare: # 282828

Pasul 5

Folosește Instrument Pen (P) pentru a desena o linie curbată la fiecare capăt al părții stângi a autocolantului. Setați culoarea de umplere la nulă și cursa pentru a lumina portocaliu. În Accident vascular cerebral panou setați lățimea cursei la 1pt.

3. Efectuarea CD-ului

Pasul 1

Selectați cercul gri închis și ofset calea lui prin -0,2 inci, sau aceeași sumă pe care ați deplasat-o în primul cerc Sectiunea 1, Pasul 1. În Aspect , setați culoarea de umplere la gri deschis (# d0c7be). Adăugați o umplere nouă cu o Gradientul liniar un bronz -122.3 ° unghi. Verificați culorile adăugate mai jos (ideea este gri cu un curcubeu ușor). Reduce Opacitate la 60%, sau așa. Aplicați a Umbra efect asupra cercului cu următoarele atribute:

  • Mod: Acoperire
  • Opacitate: 42%
  • X Offset: 0,02 in
  • Y Offset: 0,01 in
  • Estompa: 0,06
  • Culoare: # 000000

Pasul 2

Selectați forma și forma CD-ului ofset cercul de -5-10px, sau așa. Repetați, selectați ambele cercuri noi și apăsați Minus Front în deschizător de drumuri panou. Aplicați același lucru Gradientul liniar din pasul anterior. Schimba Mod amestec la Multiplica și Opacitate la 73% în Transparenţă panou.

Pasul 3

Copie și Pastă forma CD-ului. Șterge culori și efecte suplimentare de umplere în Aspect panou. Aplicați a Gradientul liniar de alternanță gri la 0% opacitate și alb la 100% opacitate pe o 50.4 ° unghi. Seteaza Mod amestec la Acoperire. Așezați cercul sub autocolantul portocaliu și deasupra acestuia în straturi panou.

Pasul 4

În Aspect , adăugați o altă umplere la cercul gri închis # 282828 la 100% la 0% opacitate la un -37 ° unghi.

Pasul 5

Selectați principala formă de autocolant portocaliu și adăugați o altă umplere deasupra primului în Aspect panou. Aplicați a Gradientul liniar care merge de la portocaliu închis (# b9362d) până la portocaliu mediu mediu (# ffbaa4) la un 137.8 ° unghi.

4. Desenați nota muzicală

Pasul 1

Nota muzicală este destul de simplă. Urmați defalcarea de mai jos:

  1. Desenați o elipsă utilizând Instrumentul Ellipse pentru a forma capetele note. Copie și Pastă pentru cea de-a doua elipsă. 
  2. Folosește Instrumentul dreptunghiului pentru a desena un dreptunghi lung, îngust. Copie și Pastă așa că ai două tulpini. 
  3. Pentru a face grinzile, Pastă dreptunghiul din nou, Roti aceasta 90 °, și aliniați-l între cele două tulpini. Va trebui să scurtați forma grinzii astfel încât să se potrivească între cele două tulpini.
  4. Copie și Pastă primul fascicul pentru a crea al doilea. Puneți formele împreună pentru a forma nota muzicală.
  5. Grup (Control-G) componentele notei muzicale împreună și Roti la dreapta 45 °, sau așa.

Pasul 2

Uni notele muzicale din deschizător de drumuri panou. Copie și Pastă nota, schimba culoarea de umplere la aceeași lumină portocalie de la Sectiunea 2, Pasul 5. Schimba Mod amestec la Acoperire și o compensați ușor din nota muzicală principală (vedeți mai jos pentru plasare). grup ambele note muzicale împreună.

Pasul 3

Copie și Pastă forma principală a autocolantului. Selectați forma copiată și grupul de note muzicale și Faceți o mască de tăiere (Control-7). Plasați grupul de mască de tăiere sub forma autocolantului decojit în straturi panou.

Locul de muncă mare, ai terminat!

Exportați pictograma dvs. ca fișier transparent GIF sau PNG (și nu uitați să îl dimensiunea corespunzător). Acum că ați terminat pictograma dvs. de muzică, ce alte pictograme de pe desktop și mobil puteți face? Cum rămâne cu variantele de culoare? Arătați-ne în comentarii!

Revenit pe tutoriale de pictograme? Verificați următoarele:

  • Creați un set de pictograme prețioase de pietre prețioase din Adobe Illustrator
  • Creați o serie de pictograme Pixel Art de mic dejun în Adobe Photoshop
  • Creați o pictogramă de înregistrare de vinil în Adobe Illustrator