Hur man gör iPhone grafik med Illustrator

Skapa en iPhone-ikon grafisk med Illustrator genom att applicera gradientfyllningar i form av "rundad rektangel". Gradient fyllningar simulera belysningen du ser på påtagliga tryckknappar, som de i hissar. iPhone-ikoner visas som dessa knappar. Observera att det här projektet använder sig av färdiga typografiska ikoner från Webdings typsnitt, men du kan rita din egen grafik med Illustrators "Paintbrush" -verktyg. Du kan också använda en upphovsrättsfri bild från webben, till exempel en JPEG-bild av en telefon, en kalkylator eller en annan enhet.

1.

Klicka på verktygspalettikonen formad som en rundad rektangel och dra sedan på duken för att definiera denna form.

2.

Klicka på reglaget längst ner på panelen "Gradient" för att indikera att du vill fylla rektangeln med en lutning, snarare än en solid färg. Klicka på den lilla fliken längst till vänster om reglaget så att du kan välja gradientens första färg.

3.

Klicka på den lilla knappen högst upp till höger om panelen "Färg" och klicka sedan på "RGB" för att indikera att du vill ha en färggradientfyllning, inte svartvitt, för rektangeln. Klicka på en ljus färg som röd eller blå från färgspektrum längst ner på färgpanelen.

4.

Klicka på den lilla fliken längst till höger om skjutreglaget i panelen "Gradient" och klicka sedan på den svarta färgen från panelen "Färg". Denna åtgärd fullbordar valet av gradientens färger. Graderingen kommer att få rektangeln att visas tredimensionell.

5.

Klicka på ellipsikonet från verktygspaletten för att köra verktyget för att dra ellipser och dra sedan på duken för att definiera en ellips som täcker den övre halvan av rektangeln. Ellipsen kommer att ge en simulerad höjdpunkt för grafiken.

6.

Tryck på V för att gå till valläge, dra sedan ett valområde runt rektangeln och ellipsen. Klicka på "Divide" -knappen på Pathfinder-panelen. Detta kommando delar överlappande former i komponentformer genom att använda kanterna på den överlappade regionen.

7.

Klicka på ellipsdelen som ligger utanför rektangeln och tryck sedan på "Radera" för att radera de här delarna. Använd anvisningarna från steg 2 till 4 för att fylla den återstående ellipsdelen med en svartvitt gradient för att simulera höjdpunkten som tidigare nämnts.

8.

Dra glidytan "Opacitet" ovanför duken till 75 procent för att göra det möjligt för ellipsdelen att smälta gradvis med rektangelens färger. Detta gör att ellipsdelen visas som en del av ikonen, snarare än en separat form.

9.

Tryck på T för att öppna textinmatningsläge, klicka sedan på "Webdings" -fonten i listrutan "Font" ovanför duken.

10.

Skriv ett tecken för att skapa en liten typografisk ikon och tryck sedan på V för att springa "Selection" -verktyget igen. Dra Webding-ikonen till mitten av den avrundade rektangeln för att slutföra iPhone-grafiken.