\n Slutresultat\n<\/p>\n
\n L\u00e5t oss se vad du kommer att skapa i den h\u00e4r handledningen.\n<\/p>\n
\n Skapa en cool sk\u00e4ggtrimmer i Illustrator
\n<\/h3>\n\n Steg 1
\n<\/h5>\n
\n<\/h5>\n
\n L\u00e5t oss b\u00f6rja med att skapa ett nytt dokument (Control + N)<\/strong>. V\u00e4lj Pixlar fr\u00e5n rullgardinsmenyn Enheter, ange 800<\/strong> i rutorna f\u00f6r bredd och h\u00f6jd och klicka sedan p\u00e5 knappen Avancerat .<\/strong> V\u00e4lj RGB<\/strong>, Sk\u00e4rm (72ppi)<\/strong> och se till att rutan Justera nya objekt till Pixel Grid<\/strong> \u00e4r avmarkerad. Klicka p\u00e5 OK<\/strong>\n<\/p>\n \n V\u00e4lj rektangelverktyget (M)<\/strong> och skapa en rektangelform p\u00e5 160 x 545 px<\/strong>. Fyll den med en ljusbl\u00e5.\n<\/p>\n \n Ta direktvalsverktyget (A)<\/strong>, v\u00e4lj de tv\u00e5 ankarpunkterna som \u00e4r markerade med de r\u00f6da cirklarna (i f\u00f6ljande bild) och dra dem in\u00e5t 20px<\/strong> respektive.\n<\/p>\n \n Live Corners<\/strong> -funktionen \u00e4r endast tillg\u00e4nglig f\u00f6r CC-anv\u00e4ndare. Den b\u00e4sta l\u00f6sningen f\u00f6r att ers\u00e4tta denna effekt skulle vara Round Any Corner-<\/strong> skriptet som finns i den h\u00e4r artikeln: Skript f\u00f6r Adobe Illustrator (JavaScript)<\/a> som du ocks\u00e5 kan ladda ner direkt h\u00e4r<\/a>. Ta tag i direktvalsverktyget (A)<\/strong> och v\u00e4lj de tv\u00e5 ankarpunkterna markerade av de r\u00f6da cirklarna (i f\u00f6ljande bild), g\u00e5 till Arkiv > Skript > Annat skript<\/strong>. \u00d6ppna Round Any Corner-skriptet<\/strong> och dra reglaget till 50px<\/strong>.\n<\/p>\n \n Ta nu Ellipsverktyget (L)<\/strong>, skapa en 85 x 45px<\/strong> form och placera den som visas i f\u00f6ljande bild. Skicka den h\u00e4r formen till baksidan genom att v\u00e4lja Objekt > Ordna > Skicka till baksidan<\/strong>. V\u00e4lj v\u00e5r bl\u00e5 form och g\u00f6r en kopia framf\u00f6r (Control-C > Control-F)<\/strong>. V\u00e4lj sedan formen som gjordes i det h\u00e4r steget och v\u00e5r bl\u00e5 kopia och klicka p\u00e5 Minus Front<\/strong> – knappen fr\u00e5n s\u00f6kv\u00e4gspanelen<\/strong>.\n<\/p>\n \n Ta tag i direktvalsverktyget (A)<\/strong> och v\u00e4lj de tv\u00e5 ankarpunkterna markerade av de r\u00f6da cirklarna (i f\u00f6ljande bild), g\u00e5 till Arkiv > Skript > Annat skript<\/strong>. \u00d6ppna Round Any Corner-skriptet<\/strong> och dra reglaget till 20px<\/strong>.\n<\/p>\n \n Se till att din bl\u00e5 form \u00e4r vald. Ta pennverktyget (P)<\/strong> och l\u00e4gg till fyra ankarpunkter som visas i f\u00f6ljande bild. Med Direct Selection Tool (A)<\/strong> v\u00e4ljer du nu de tv\u00e5 ankarpunkterna markerade av de r\u00f6da cirklarna (i f\u00f6ljande bild) och drar dem ut\u00e5t 10px<\/strong> respektive. V\u00e4lj sedan de tv\u00e5 ankarpunkterna markerade av de bl\u00e5 cirklarna och dra dem in\u00e5t 3px<\/strong> respektive.\n<\/p>\n \n Ta direktvalsverktyget (A)<\/strong>, v\u00e4lj de tv\u00e5 ankarpunkterna markerade av de r\u00f6da cirklarna (i f\u00f6ljande bild) och g\u00e5 till Arkiv > Skript > Annat skript<\/strong>. \u00d6ppna Round Any Corner-skriptet<\/strong> och dra reglaget till 15px<\/strong>. Markera de tv\u00e5 ankarpunkterna som \u00e4r markerade med de bl\u00e5 cirklarna och klicka p\u00e5 knappen Konvertera markerade ankarpunkter till j\u00e4mna<\/strong> i den \u00f6vre panelen.\n<\/p>\n \n Se till att v\u00e5r bl\u00e5 form \u00e4r vald och g\u00e5 till Effekt > Warp > Arc Upper<\/strong>. Ange inst\u00e4llningarna som visas nedan. G\u00e5 sedan till Objekt > Expandera utseende<\/strong>.\n<\/p>\n \n V\u00e4lj v\u00e5r bl\u00e5 form och g\u00f6r tv\u00e5 kopior framf\u00f6r (Control-C > Control-F> Control-F)<\/strong>. V\u00e4lj den \u00f6versta kopian och flytta den 40px<\/strong> till toppen. V\u00e4lj sedan rektangelverktyget (M)<\/strong> och skapa en rektangelform p\u00e5 240 x 530 px<\/strong>.\n<\/p>\n \n V\u00e4lj nu rektangelformen som gjordes i f\u00f6reg\u00e5ende steg och den \u00f6versta kopian av v\u00e5r bl\u00e5 form och klicka p\u00e5 knappen Unite<\/strong> fr\u00e5n s\u00f6kv\u00e4gspanelen<\/strong>. V\u00e4lj den resulterande formen och den andra kopian av v\u00e5r bl\u00e5 form och klicka p\u00e5 Minus Front<\/strong> – knappen fr\u00e5n s\u00f6kv\u00e4gspanelen<\/strong>. Du b\u00f6r ha en resulterande form som visas i den sista bilden.\n<\/p>\n \n Vi ska ge lite f\u00e4rg till det hela. V\u00e4lj bottenformen och fyll den med gradient<\/strong> enligt bilden. V\u00e4lj sedan den andra formen och fyll den med gradient<\/strong> som visas nedan.\n<\/p>\n \n I det h\u00e4r steget ska vi l\u00e4gga till ett gradientn\u00e4t. Ta Mesh Tool (U)<\/strong> och klicka bara p\u00e5 toppen av v\u00e5r bl\u00e5 form som visas i f\u00f6ljande bild f\u00f6r att skapa mesh. Sedan med Direct Selection Tool (A)<\/strong>, klicka i mitten och fyll den med #504c4b<\/strong> f\u00e4rg. Fyll nu de andra omr\u00e5dena som visas i bilden.\n<\/p>\n \n Se till att v\u00e5r andra form i botten \u00e4r vald och g\u00f6r tv\u00e5 kopior framf\u00f6r (Control-C > Control-F> Control-F)<\/strong>. V\u00e4lj den nedersta kopian och flytta den 8px<\/strong> till toppen. V\u00e4lj nu b\u00e5da kopiorna som gjorts i detta steg och klicka p\u00e5 Minus Front<\/strong> – knappen fr\u00e5n s\u00f6kv\u00e4gspanelen<\/strong>. Fyll den resulterande formen med gradient<\/strong> som visas nedan.\n<\/p>\n \n G\u00f6r en kopia framf\u00f6r (Control-C > Control-F)<\/strong> av formen som gjordes i f\u00f6reg\u00e5ende steg och dra 8px<\/strong> till toppen. Fyll denna form med gradient<\/strong> enligt bilden nedan.\n<\/p>\n \n V\u00e4lj rektangelverktyget (M)<\/strong> och skapa en rektangelform p\u00e5 6 x 40 px<\/strong>. Fyll den med en ljusbl\u00e5. V\u00e4lj sedan ankarpunkten markerad av den r\u00f6da cirkeln med verktyget f\u00f6r direkt markering (A) och dra den in\u00e5t<\/strong> 4px<\/strong>. V\u00e4lj nu denna form och g\u00e5 till Effekt > Stylisera > Rundade h\u00f6rn<\/strong>. Ange en radie p\u00e5 3 px<\/strong>, klicka p\u00e5 OK<\/strong> och g\u00e5 till Objekt > Expandera utseende<\/strong>.\n<\/p>\n \n V\u00e4lj formen som gjordes i f\u00f6reg\u00e5ende steg och g\u00f6r en kopia framf\u00f6r (Control-C > Control-F)<\/strong>. Skala den h\u00e4r formen och placera den som visas i f\u00f6ljande bild. V\u00e4lj de tv\u00e5 bl\u00e5 formerna och klicka p\u00e5 knappen Dela<\/strong> fr\u00e5n s\u00f6kv\u00e4gspanelen<\/strong>. Med direktvalsverktyget (A)<\/strong> v\u00e4lj den o\u00f6nskade formen och ta bort den.\n<\/p>\n \n Fyll den f\u00f6rsta formen med svart<\/strong> f\u00e4rg och den andra formen med gradient<\/strong> enligt bilden nedan.\n<\/p>\n \n Med rektangelverktyget (M)<\/strong> skapar du en 9 x 22px<\/strong> form med valfri f\u00e4rg och placerar den som visas i den f\u00f6rsta bilden. V\u00e4lj denna form och fyll den med gradient<\/strong> enligt bilden nedan. V\u00e4lj v\u00e5r form igen, g\u00f6r en kopia framf\u00f6r (Control-C > Control-F)<\/strong> och skala h\u00f6jden p\u00e5 v\u00e5r kopia till 18px<\/strong>.\n<\/p>\n \n Med rektangelverktyget (M)<\/strong> skapar du en form p\u00e5 9 x 36 px<\/strong> med valfri f\u00e4rg och placerar den som visas i f\u00f6ljande bild. Se till att denna nya rektangel f\u00f6rblir markerad och g\u00e5 till Objekt > Transformera > Rotera<\/strong>. Ange en vinkel p\u00e5 -2px grader och klicka p\u00e5 OK<\/strong>. Nu med direktvalsverktyget (A)<\/strong>, v\u00e4lj de tv\u00e5 ankarpunkterna markerade av de r\u00f6da cirklarna (i f\u00f6ljande bild) och g\u00e5 till Arkiv > Skript > Annat skript<\/strong>. \u00d6ppna Round Any Corner-skriptet<\/strong> och dra reglaget till 65px<\/strong>. V\u00e4lj v\u00e5r form och g\u00e5 till Effekt > Stylisera > Rundade h\u00f6rn<\/strong>. Ange en radie p\u00e5 3 px<\/strong>, klicka p\u00e5 OK<\/strong>och g\u00e5 till Objekt > Expandera utseende<\/strong>.\n<\/p>\n \n V\u00e4lj formen som gjordes i f\u00f6reg\u00e5ende steg och g\u00f6r tv\u00e5 kopior framf\u00f6r (Control-C > Control-F> Control-F)<\/strong>. V\u00e4lj den \u00f6versta kopian, skala den med markeringsverktyget (V)<\/strong> och placera den som bilden visar. V\u00e4lj sedan b\u00e5da kopiorna som gjorts i det h\u00e4r steget och klicka p\u00e5 knappen Minus Front<\/strong> fr\u00e5n s\u00f6kv\u00e4gspanelen<\/strong>.\n<\/p>\n \n V\u00e4lj den resulterande formen fr\u00e5n f\u00f6reg\u00e5ende steg och st\u00e4ll in hans f\u00e4rg p\u00e5 #514d4c<\/strong>. G\u00e5 till Effekt > Stylize > Drop Shadow<\/strong> och ange inst\u00e4llningarna enligt nedan. St\u00e4ll sedan in v\u00e5r f\u00f6rsta bl\u00e5 formf\u00e4rg p\u00e5 #211d1e<\/strong>.\n<\/p>\n \n V\u00e4lj alla former vi har gjort sedan steg 16 och gruppera dem (Ctrl + G)<\/strong>. Se till att den h\u00e4r gruppen f\u00f6rblir markerad och g\u00e5 till Objekt > Transformera > Reflektera<\/strong>. Ange inst\u00e4llningarna nedan och klicka p\u00e5 Kopiera<\/strong>. Dra denna kopia och placera den som visas. Nu med Direct Selection Tool (A)<\/strong>, v\u00e4lj formen som \u00e4r vald i bilden, g\u00e5 till Effekt > Stylisera > Drop Shadow<\/strong> och ange inst\u00e4llningarna enligt nedan.\n<\/p>\n \n V\u00e4lj rektangelverktyget (M)<\/strong> och skapa en rektangelform p\u00e5 80 x 348 px<\/strong>. Fyll den med en ljusbl\u00e5. Ta direktvalsverktyget (A)<\/strong>, v\u00e4lj de tv\u00e5 ankarpunkterna markerade av de r\u00f6da cirklarna (i f\u00f6ljande bild) och dra dem in\u00e5t 10px<\/strong> respektive. Sedan med dessa tv\u00e5 punktankare fortfarande valda, g\u00e5 till Arkiv > Skript > Annat skript<\/strong>. \u00d6ppna Round Any Corner-skriptet<\/strong> och dra reglaget till 28px<\/strong>.\n<\/p>\n \n V\u00e4lj v\u00e5r huvudform och med Mesh Tool (U)<\/strong> klicka var de tv\u00e5 ankarpunkterna \u00e4r markerade av de r\u00f6da cirklarna (i f\u00f6ljande bild). Ta pennverktyget (P)<\/strong> och dra ankarpunkterna enligt bilden. G\u00e5 sedan tillbaka till v\u00e5r form som gjordes i f\u00f6reg\u00e5ende steg och med pennverktyget (P)<\/strong> fortfarande valt l\u00e4gg till de fyra ankarpunkterna som visas. Med Direct Selection Tool (A)<\/strong> v\u00e4ljer du de tv\u00e5 ankarpunkterna som \u00e4r markerade med de r\u00f6da cirklarna och drar dem ut\u00e5t 2px<\/strong> respektive. V\u00e4lj sedan de tv\u00e5 ankarpunkterna markerade av de bl\u00e5 cirklarna och dra dem in\u00e5t 2px<\/strong> respektive. V\u00e4lj nu de fyra ankarpunkterna och klicka p\u00e5 Konvertera valda ankarpunkter f\u00f6r att j\u00e4mna ut<\/strong>knappen i den \u00f6vre panelen.\n<\/p>\n \n V\u00e4lj de tv\u00e5 ankarpunkterna som \u00e4r markerade med de r\u00f6da cirklarna och g\u00e5 till Arkiv > Skript > Annat skript<\/strong>. \u00d6ppna Round Any Corner-skriptet<\/strong> och dra reglaget till 10px<\/strong>.\n<\/p>\n \n Med rektangelverktyget (M)<\/strong> skapar du en form p\u00e5 80 x 19 px<\/strong>, st\u00e4ll in valfri f\u00e4rg och placera den som visas i f\u00f6ljande bild. Med v\u00e5r nya form fortfarande vald, g\u00e5 till Effekt > Stylisera > Rundade h\u00f6rn<\/strong>. Ange en radie p\u00e5 10px<\/strong>, klicka p\u00e5 OK<\/strong> och g\u00e5 till Objekt > Expandera utseende<\/strong>. G\u00e5 nu till Effekt > Warp > Arc Lower<\/strong>. Ange inst\u00e4llningarna som visas nedan, klicka p\u00e5 Ok<\/strong> och g\u00e5 till Objekt > Expandera utseende<\/strong>. G\u00e5 sedan till Object > Path > Offset Path<\/strong>, ange inst\u00e4llningarna nedan och klicka p\u00e5 Ok<\/strong>.\n<\/p>\n \n V\u00e4lj de tv\u00e5 formerna fr\u00e5n f\u00f6reg\u00e5ende steg och klicka p\u00e5 Minus Front<\/strong> – knappen fr\u00e5n s\u00f6kv\u00e4gspanelen<\/strong>. Du b\u00f6r ha f\u00f6ljande resultat.\n<\/p>\n \n Med rektangelverktyget (M)<\/strong> skapar du en form p\u00e5 75 x 30 px<\/strong> och placerar den som visas i f\u00f6ljande bild. V\u00e4lj formen som gjordes i f\u00f6reg\u00e5ende steg och g\u00f6r en kopia framf\u00f6r (Control-C > Control-F)<\/strong>. V\u00e4lj v\u00e5r kopia och formen som gjordes i det h\u00e4r steget och klicka p\u00e5 knappen Dela<\/strong> fr\u00e5n s\u00f6kv\u00e4gspanelen<\/strong>. Med direktvalsverktyget (A)<\/strong> v\u00e4lj de o\u00f6nskade formerna och ta bort dem enligt bilden. V\u00e4lj apelsinformerna och klicka p\u00e5 knappen F\u00f6rena<\/strong> fr\u00e5n s\u00f6kv\u00e4gspanelen<\/strong>.\n<\/p>\n \n Ta direktvalsverktyget (A)<\/strong>, v\u00e4lj de tv\u00e5 ankarpunkterna markerade av de r\u00f6da cirklarna, dra dem till botten som visas och g\u00e5 till Arkiv > Skript > Annat skript<\/strong>. \u00d6ppna Round Any Corner-skriptet<\/strong> och dra reglaget till 18px<\/strong>. Sedan med v\u00e5r form fortfarande vald g\u00f6r tv\u00e5 kopior framf\u00f6r (Control-C > Control-F> Control-F)<\/strong>. V\u00e4lj den \u00f6versta kopian, skala den med markeringsverktyget (V)<\/strong> och placera den som bilden visar. V\u00e4lj nu b\u00e5da kopiorna som gjorts i detta steg och klicka p\u00e5 Minus Front<\/strong> – knappen fr\u00e5n s\u00f6kv\u00e4gspanelen<\/strong>.\n<\/p>\n \n Vi kommer att l\u00e4gga till ytterligare ett gradientn\u00e4t. Ta Mesh Tool (U)<\/strong> och klicka bara p\u00e5 toppen av v\u00e5r bl\u00e5 form som visas i f\u00f6ljande bild f\u00f6r att skapa mesh. Sedan med Direct Selection Tool (A)<\/strong> klickar du i mitten och fyller den med #87898d<\/strong> f\u00e4rg. Fyll nu de andra omr\u00e5dena som visas i bilden.\n<\/p>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-199798-638187d1c1425.webp\")
<\/a><\/p>\n\n Steg 2
\n<\/h5>\n<\/a><\/p>\n\n Steg 3
\n<\/h5>\n<\/a><\/p>\n\n Steg 4
\n<\/h5>\n<\/a><\/p>\n\n Steg 5
\n<\/h5>\n<\/a><\/p>\n\n Steg 6
\n<\/h5>\n<\/a><\/p>\n\n Steg 7
\n<\/h5>\n<\/a><\/p>\n\n Steg 8
\n<\/h5>\n<\/a><\/p>\n\n Steg 9
\n<\/h5>\n<\/a><\/p>\n\n Steg 10
\n<\/h5>\n<\/a><\/p>\n\n Steg 11
\n<\/h5>\n<\/a><\/p>\n\n Steg 12
\n<\/h5>\n<\/a><\/p>\n\n Steg 13
\n<\/h5>\n<\/a><\/p>\n\n Steg 14
\n<\/h5>\n<\/a><\/p>\n\n Steg 15
\n<\/h5>\n<\/a><\/p>\n\n Steg 16
\n<\/h5>\n<\/a><\/p>\n\n Steg 17
\n<\/h5>\n<\/a><\/p>\n\n Steg 18
\n<\/h5>\n<\/a><\/p>\n\n Steg 19
\n<\/h5>\n<\/a><\/p>\n\n Steg 20
\n<\/h5>\n<\/a><\/p>\n\n Steg 21
\n<\/h5>\n<\/a><\/p>\n\n Steg 22
\n<\/h5>\n<\/a><\/p>\n\n Steg 23
\n<\/h5>\n<\/a><\/p>\n\n Steg 24
\n<\/h5>\n<\/a><\/p>\n\n Steg 25
\n<\/h5>\n<\/a><\/p>\n\n Steg 26
\n<\/h5>\n<\/a><\/p>\n\n Steg 27
\n<\/h5>\n<\/a><\/p>\n\n Steg 28
\n<\/h5>\n<\/a><\/p>\n\n Steg 29
\n<\/h5>\n<\/a><\/p>\n\n Steg 30
\n<\/h5>\n<\/a><\/p>\n\n Steg 31
\n<\/h5>\n