Share
Vad du ska skapaI följande steg kommer du att lära dig hur du skapar en enkel skyltbildsillustration i Adobe Illustrator.
Till att börja med lär du dig hur du installerar ett enkelt nät. Därefter kommer du att lära dig hur du skapar polen med hjälp av grundläggande verktyg och effekter tillsammans med några grundläggande vektorkonstbyggnadstekniker. Genom att använda främst panelen Utseende och några enkla bitar av text kommer du att lära dig hur du skapar skyltarna.
Slutligen lär du dig hur du ändrar plattformens orientering och hur du skapar en enkel bakgrund.
Träffa Kontroll-N att skapa ett nytt dokument Välj pixlar från Enheter rullgardinsmenyn, skriv in 600 i breddlåda och 630 i höjden rutan klicka sedan på Avancerad knapp. Välj RGB, Skärm (72ppi) och se till att Justera nya objekt till pixelnätet rutan är avmarkerad innan du klickar ok.
Aktivera Rutnät (Visa> Visa rutnät) och den Snap to Grid (Visa> Snap to Grid). Till att börja med behöver du ett rutnät varje 5px, så helt enkelt gå till Redigera> Inställningar> Guider> Grid, stiga på 5 i Gridline varje lådan och 1 i underavdelningar låda. Försök att inte bli avskräckt av allt det nätet, det kommer att underlätta ditt arbete och tänk på att du enkelt kan aktivera eller inaktivera den med hjälp av Kontrollera-" tangentbordsgenväg. Du borde också öppna Info panel (Fönster> Info) för en levande förhandsgranskning med storleken och positionen på dina former. Glöm inte att ställa in måttenheten till pixlar från Redigera> Inställningar> Enheter> Allmänt. Alla dessa alternativ ökar din arbetshastighet avsevärt.
Välj Rektangelverktyg (M), skapa en 15 x 480px forma och placera den ungefär som visas i följande bild. Se till att denna form förblir vald, öppna Lutning panel (Fönster> Gradient) och klicka helt enkelt på gradientminnebilden för att lägga till standard svartvitt linjär gradient.
Håll fokus på Lutning panel, ställ in Vinkel på 0 grader flyttar sedan till gradientfärgerna. Välj den vänstra gradientreglaget och ställ in färgen vid R = 15 G = 20 B = 25 välj sedan den högra lutningsreglaget och ställ in färgen vid R = 55 G = 60 B = 65. Fokusera på lutningsfältet och klicka bara på det för att lägga till en ny lutningsreglage. Se till att den här nya glidaren är vald, ställ in sin färg på R = 100 G = 105 B = 110, fokusera på Plats låda (från Lutning panel) och ställa in den 35%. Tänk på att de vita siffrorna från Lutning bilder står för Plats procentsats. Lägg till ytterligare två reglage för din gradient, använd sedan färgen och Plats attribut som visas i följande bild.
Se till att din rektangel fortfarande är vald och gå till Effekt> Stylize> Avrundade hörn. Ange en 1px Radius, klick ok och gå till Effekt> Warp> Arc Upper. Ange egenskaperna som visas i följande bild och klicka på ok.
För följande steg behöver du ett rutnät varje 1px, så gå till Redigera> Inställningar> Guider och galler och skriv in 1 i Gridline varje låda. Använda Ellipsverktyg (L), skapa en 11px cirkel, fyll den med den radiala gradienten som visas nedan och placera den enligt bilden nedan. Fokusera på din tavla och använd Gradient Tool (G) att sträcka din radiella gradient som visas nedan.
Använda Ellipsverktyg (L), skapa en 19 x 8px form, sätt fyllfärgen på R = 39 G = 170 B = 225 och placera den som visas i den första bilden. Byt till Rektangelverktyg (M), skapa en 19 x 5px forma och placera den som visas i den andra bilden. Återmarkera båda formerna i detta steg, öppna Stigfinnare panel (Fönster> Pathfinder) och klicka på Förena knapp.
Använda Ellipsverktyg (L), skapa en 19 x 8px form, fyll den med den linjära gradienten som visas nedan och placera den som visas i den första bilden. Välj den här klämda cirkeln tillsammans med din blå form och klicka på Minus Front knapp från Stigfinnare panel. Se till att den resulterande gruppen är vald och enkelt träffad Skift-Control-G till Dela upp Det. Välj de nedre, blåa formerna (markerade i den tredje bilden) och ta bort dem med hjälp av Radera knapp från tangentbordet. Välj den återstående blå formen och ersätt den befintliga fyllfärgen med R = 225 G = 225 B = 225.
Inaktivera Snap to Grid (Visa> Snap to Grid) sedan gå till Redigera> Inställningar> Allmänt och se till att Tangentbordsökning är inställd på 1px. Återmarkera din pressade cirkel och gör två exemplar framför (Control-C> Control-F> Control-F). Välj den översta kopian och flytta den 1px ner med pilknappen från tangentbordet.
Återmarkera båda kopiorna i det här steget och klicka på Minus Front knapp från Stigfinnare panel. Se till att den resulterande formen förblir vald och fokusera på Utseende panel. Ersätt den befintliga fyllfärgen med vit (R = 255 G = 255 B = 255) klicka sedan helt enkelt på det "Opacitet"textstycke för att öppna Genomskinlighet utflödespanel. Sänka Opacitet till 80% och ändra Blandningsläge till Mjukt ljus.
Välj alla former markerade i den första bilden och klicka helt enkelt på Kontroll-G till Grupp dem. Se till att din nya grupp är vald och träffad Skift-Control- [ att skicka det till baksidan.
Aktivera Snap to Grid (Visa> Snap to Grid). Använda Rektangelverktyg (M), skapa en 17 x 52px form, sätt fyllfärgen på R = 26 G = 29 B = 31 och placera det enligt bilden nedan.
Se till att din mörka rektangel fortfarande är vald och gå till Effekt> Förvräng & Transformera> Transformera. Ange egenskaperna som visas i följande bild, klicka ok och gå till Objekt> Expand Utseende. Välj den resulterande gruppen av former och träff Skift-Control-G dubbelt.
Välj de fem, mörka rektanglarna som gjordes i föregående steg och välj helt enkelt Kontroll-8 att förvandla dem till a Föreningsvägen. Använda Direktmarkeringsverktyg (A), välj hela din sammansatta sökväg, fokusera på kontrollpanelen och skriv in "1px" i det Corners låda.
Se till att din sammansatta sökväg fortfarande är vald och gå till Effekt> Warp> Bulge. Ange egenskaperna som visas i följande bild, klicka ok sedan slår du helt enkelt Skift-Control- [ att skicka det till baksidan.
Använda Rektangelverktyg (M), skapa en 17 x 52px form, sätt fyllfärgen på R = 39 G = 170 B = 225 och placera det enligt bilden nedan.
Se till att din blå rektangel fortfarande är vald och gå till Effekt> Förvräng & Transformera> Transformera. Ange egenskaperna som visas i följande bild, klicka ok och gå till Objekt> Expand Utseende. Se till att den resulterande gruppen av former väljs, slå Skift-Control-G två gånger så vrid dina blå rektanglar till en enkel sammansatt väg.
Se till att din blåa sammansatta sökväg fortfarande är vald och gå till Effekt> Warp> Bulge. Ange egenskaperna som visas i följande bild, klicka ok och gå till Objekt> Expand Utseende.
Använda Direktmarkeringsverktyg (A), välj din hela blå förbundssti, fokusera på kontrollpanelen och skriv in "1px" i det Corners låda. Se till att din blåa sammansatta sökväg fortfarande är markerad och klicka på Dela upp knapp från Stigfinnare panel. Välj den resulterande gruppen av former och klicka helt enkelt på Skift-Control-G till Dela upp Det. I slutet borde du ha fem separata blåa former.
Inaktivera Snap to Grid (Visa> Snap to Grid). Fokusera på den övre, blå formen, välj den och gör två exemplar framför (Control-C> Control-F> Control-F). Välj den översta kopian och flytta den 1px ner med pilknappen från tangentbordet. Återmarkera båda kopiorna och klicka på Minus Front knapp från Stigfinnare panel. Kontrollera att den resulterande formen är vald och ersätt den befintliga fyllfärgen med R = 76 G = 79 B = 81.
Återmarkera din topp, blå form och gör två exemplar framför (Control-C> Control-F> Control-F). Välj den översta kopian och flytta den 1px upp med hjälp av pilknappen från tangentbordet. Återmarkera båda kopiorna och klicka på Minus Front knapp från Stigfinnare panel. Kontrollera att den resulterande formen är vald och ersätt den befintliga fyllfärgen med R = 76 G = 79 B = 81.
Återmarkera din topp, blå form och gör två exemplar framför (Control-C> Control-F> Control-F). Välj den översta kopian och flytta den 3px ner. Återmarkera båda kopiorna och klicka på Minus Front knapp från Stigfinnare panel. Se till att den resulterande formen väljs och ersätt den befintliga fyllfärgen med den linjära gradienten som visas i följande bild.
Återmarkera din topp, blå form och gör två exemplar framför (Control-C> Control-F> Control-F). Välj den översta kopian och flytta den 3px upp. Återmarkera båda kopiorna och klicka på Minus Front knapp från Stigfinnare panel. Se till att den resulterande formen väljs och ersätt den befintliga fyllfärgen med samma linjära gradient som används i föregående steg.
Återmarkera din översta blå form och ersätt den befintliga fyllfärgen med den linjära gradienten som visas i följande bild.
Flytta till nästa blå form och helt enkelt upprepa de tekniker som används för din blåaste form. I slutet ska sakerna se ut i följande bild.
Aktivera Snap to Grid (Visa> Snap to Grid) och återgå till gridline varje 5px, så helt enkelt gå till Redigera> Inställningar> Guider och galler och skriv in 5 i Gridline varje låda. Använda Rektangelverktyg (M), skapa en 155 x 50px form, fyll den med den linjära gradienten som visas nedan och placera den enligt bilden nedan. Glöm inte att det vita numret från Lutning bilden står för Plats procentsats.
Flytta till Skikten panel (Fönster> Lager), klicka helt enkelt på formen i detta steg och byt namn på den "tallrik".
Se till att din "tallrik"formen stannar vald och går till Objekt> Sti> Lägg till Anchor Points. Byt till Direktmarkeringsverktyg (A) och fokusera på höger sida av din form. Välj de övre och nedre ankarpunkterna och dra dem helt enkelt 25px till vänster. Se till att Direktmarkeringsverktyg (A) förblir aktiv, välj ankarpunkten markerad av den lila cirkeln i den andra bilden, fokusera på kontrollpanelen och helt enkelt ange 5px i Corners låda. Välj de två ankarpunkterna markerade med de gröna cirklarna i den andra bilden och skriv in 10px i detsamma Corners rutan från kontrollpanelen. Till slut din "tallrik"ska se ut i den tredje bilden.
Se till att din "tallrik"formen stannar vald, fokusera på Utseende panel, välj stroke, sätt färgen till svart (R = 0 G = 0 B = 0) klicka sedan helt enkelt på "Stroke"textstycke för att öppna Stroke utflödespanel. Ställ in Vikt på 5px och kolla på Rikta in streck på insidan knapp.
Återgå till Utseende panel och klicka helt enkelt på "Opacitet"bit text som står för din stroke för att öppna Genomskinlighet utflödespanel. Sänka Opacitet till 20% och ändra Blandningsläge till Mjukt ljus.
Se till att din "tallrik"formen stannar vald, fokusera på Utseende panel och lägg till en andra stroke med hjälp av Lägg till ny stroke knappen (pekad av den blå cirkeln i följande bild). Välj din nya stroke, ställ in Vikt på 2px, kolla Rikta in streck på insidan knapp från Stroke fly-out-panelen och lägg till den linjära gradienten som visas i följande bild.
Se till att det här nya slaget fortfarande är valt och gå till Effekt> Path> Offset Path. Ange en -1px Offset, klick ok och gå till Effekt> Stylize> Drop Shadow. Ange egenskaperna som visas i följande bild och klicka på ok.
Se till att din "tallrik"formen stannar vald, fokusera på Utseende panel och lägg till en tredje stroke med samma Lägg till ny stroke knapp. Välj den här nya stroke, ställ in Vikt på 1px, kolla Rikta in streck på insidan knapp från Stroke fly-out panel och ställa in sin färg på R = 76 G = 79 B = 81.
Använda Rektangelverktyg (M), skapa en 10 x 50px form, sätt fyllfärgen på svart och placera den som visas på den första bilden. Se till att den här nya rektangeln förblir vald, fokusera på Utseende panel, sänka dess Opacitet till 20% och ändra Blandningsläge till Mjukt ljus. Välj Typverktyg (T), klicka bara på din artbboard och lägg till texten. Se till att den stannar och välj den Karaktär panel (Fönster> Typ> Tecken). Använd Byrån FB typsnitt, gör det Djärv Ställ sedan in storleken på 20px och färgen på R = 245 G = 245 B = 245.
Byta till gridline varje 1px, så gå till Redigera> Inställningar> Guider och galler och skriv in 1 i Gridline varje låda. Använda Penverktyg (P), skapa en 14px, vertikal väg och placera den enligt bilden nedan. Välj den här nya sökvägen och fokusera på Utseende panel. Se till att det inte finns någon färg för fyllningen och välj sedan stroke. Ställ in färgen på R = 225 G = 225 B = 225 Öppna sedan Stroke utflödespanel. Ställ in Vikt på 3px kolla sedan på Round Cap och den Round Join knappar.
Se till att din vertikala sökväg fortfarande visas och gå till Objekt> Sti> Lägg till Anchor Points. Använda Direktmarkeringsverktyg (A), välj den nyligen tillförda ankarpunkten och dra den 8px till höger. I slutet skulle sakerna se ut i den tredje bilden. Se till att din pilbana fortsätter att vara vald och gå till Effekt> Stylize> Drop Shadow. Ange egenskaperna som visas i följande bild och klicka på ok.
Välj din "tallrik"form tillsammans med textstycket, den svarta rektangeln och den lilla pilbanan och Grupp dem (Kontroll-G). Se till att den här nya gruppen är vald, bara skicka den till baksidan (Skift-Control- [ ) sedan flytta till Skikten panel och byta namn på det "teckenbricka".
Återvänd till gridline varje 5px, så helt enkelt gå till Redigera> Inställningar> Guider och galler och skriv in 5 i Gridline varje låda. Multiplicera din "teckenbricka" grupp (Control-C> Control-F), sprida kopiorna som visas i följande bild och ändra bitar av text som visas i följande bild.
Gör ytterligare två kopior av din "teckenbricka"grupp, välj båda och gå till Objekt> Transformera> Reflektera. Kolla Vertikal ruta och klicka på ok knapp. Placera dessa nya grupper som visas i följande bild, ta bort de befintliga bitarna av text och lägg till några nya med liknande attribut.
Välj toppen, höger "teckenbricka"grupp och gå till Effekt> Förvränga och transformera> Fritt förvränga. Dra de ankarpunkterna som visas i följande bild och klicka på ok.
Välj mitten, höger "teckenbricka"grupp och gå till Effekt> Förvränga och transformera> Fritt förvränga. Dra de ankarpunkterna som visas i följande bild och klicka på ok.
Välj botten, höger "teckenbricka"grupp och gå till Effekt> Förvränga och transformera> Fritt förvränga. Dra de ankarpunkterna som visas i följande bild och klicka på ok.
Välj den övre, vänstra "teckenbricka"grupp och gå till Effekt> Förvränga och transformera> Fritt förvränga. Dra de ankarpunkterna som visas i följande bild och klicka på ok.
Välj botten, vänster "teckenbricka"grupp och gå till Effekt> Förvränga och transformera> Fritt förvränga. Dra de ankarpunkterna som visas i följande bild och klicka på ok.
Välj Rektangelverktyg (M) och klicka helt enkelt på din tavla för att öppna Rektangel fönster. Stiga på 610 i Bredd lådan och 640 i Höjd ruta och klicka sedan på ok knappen för att skapa din nya rektangel. Se till att den här nya formen fortfarande är vald, sätt fyllfärgen på R = 239 G = 253 B = 225, skicka det till baksidan (Skift-Control- [ ) Öppna sedan Justera panel (Fönster> Justera).
Ställ in anpassningen till Artboard (öppna menyn Fly-out och gå till Visa alternativ om du inte kan se Anpassa till avsnittet som visas i följande bild), se till att din form är markerad, klicka helt enkelt på Horisontell inriktning Center och Vertikalt inriktningscentrum knappar. I slutet ska din form täcka hela tavlan som visas i följande bild.
Se till att din blå rektangel fortfarande är vald, fokusera på Utseende panelen och lägg till en ny fyllning med hjälp av Lägg till ny fyllning knappen (pekad av den blå cirkeln i följande bild). Välj den här nya fyllningen, sänk den Opacitet till 20%, ändra Blandningsläge till Multiplicera och lägg till den radiella gradienten som visas i följande bild.
Tänk på att den gula nollpunkten från Lutning bilden står för Opacitet procentsats. Detta innebär helt enkelt att du måste välja den gradientreglaget, fokusera på Opacitet låda (från Lutning panel) och ställa in den 0%.
Så här ska det se ut. Jag hoppas att du har haft den här handledningen och kan tillämpa dessa tekniker i dina framtida projekt.
Accentsconagua