Share
I följande steg lär du dig att skapa en enkel affischram med en grungy tegelväggsbakgrund i Adobe Illustrator.
Till att börja med lär du dig hur du konfigurerar ett enkelt rutnät och hur du skapar de huvudsakliga två bildrutorna med hjälp av enkla verktyg och effekter tillsammans med Pathfinder-panelen och några grundläggande maskeringstekniker. Därefter kommer du att lära dig hur du lägger till lite subtil skuggning med hjälp av Utseendepanelen, Inner Glow-effekten och grundläggande blandningstekniker. Slutligen skapar du tegelväggens bakgrund med enkla rektanglar, vissa rastereffekter, inbyggda konstborstar, subtila dropshadow-effekter och två Transform-effekter.
Träffa Kontroll-N att skapa ett nytt dokument Välj pixlar från Enheter rullgardinsmenyn, skriv in 600 i breddlåda och 700 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 10px, så helt enkelt gå till Redigera> Inställningar> Guider> Grid, stiga på 10 i Gridline varje lådan och 1 i underavdelningar låda. 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) och helt enkelt skapa en 280 x 360px form, Snap to Grid kommer att underlätta ditt arbete. Se till att denna nya form förblir vald och fokusera på Utseende panel (Fönster> Utseende). Se till att det inte finns någon färg för fyllningen, välj sedan stroke och sätt färgen till svart (R = 0 G = 0 B = 0).
Håll fokus på din stroke och klicka helt enkelt på "Stroke"textstycke för att öppna Stroke utflödespanel. Ställ in Vikt på 10px och kolla på Rikta in streck på insidan. I slutändan ska din rektangel se ut på följande bild. Återmarkera det och gå till Objekt> Path> Outline Stroke.
Se till att din svarta form fortfarande är vald och gör en kopia framförControl-C> Control-F). Välj endast kopian och ersätt den befintliga fyllfärgen med vit (R = 255 G = 255 B = 255). Flytta till Skikten panel (Fönster> Lager) och klicka helt enkelt på den lilla ögonikonen som står för din vita form för att göra den osynlig. Du behöver denna form senare.
Använda Penverktyg (P), skapa en enkel, sned bana som visas i följande bild. Lägg till en 1pt stroke för den här nya vägen och ställ in sin färg på R = 233 G = 28 B = 36.
Se till att din röda väg fortfarande är vald och gå till Effekt> Förvräng & Transformera> Transformera. Ange egenskaperna som visas i följande bild (glöm inte att kolla Reflektera X box) och klicka sedan på ok.
Se till att din röda väg fortfarande är vald och gå igen till Effekt> Förvräng & Transformera> Transformera. Ange egenskaperna som visas i följande bild (glöm inte att kolla Reflektera Y box) och klicka sedan på ok.
Se till att din röda väg fortfarande är vald och gör en kopia framförControl-C> Control-F). Flytta till Skikten panelen och helt enkelt stäng av synligheten för den här färska kopian. Du behöver det några steg senare.
Återmarkera den synliga, röda vägen och gå till Objekt> Expand Utseende. Välj den resulterande gruppen av vägar tillsammans med den svarta formen, öppna Stigfinnare panel (Fönster> Pathfinder) och klicka på Dela upp knapp. Se till att den resulterande gruppen av former väljs och enkelt träffas Skift-Control-G till Dela upp Det.
Flytta till Skikten panelen och fokusera på de nyskapade formerna. Välj den som inte har någon färguppsättning för fyllningen eller stroke (markerad i fjärde bilden) och helt enkelt ta bort den med hjälp av Radera knappen från ditt tangentbord.
Välj det övre, svarta formfokuset på Utseende panel. Välj först fyllningen och ersätt den befintliga färgen med R = 55 G = 55 B = 55.
Håll fokus på Utseende panel och lägg till en ny fyllning för din form med hjälp av Lägg till ny fyllning knappen (pekad av den blå cirkeln i följande bild). Välj den nya fyllningen, sätt färgen på R = 100 G = 100 B = 100 och gå till Effekt> Path> Offset Path. Ange en -1px Offset och klicka ok.
Se till att toppformen förblir vald, fokusera på Utseende panel, välj toppfyllningen och duplicera den med hjälp av Kopiera valda objekt knappen (pekad av den blå cirkeln i följande bild).
Välj den nya fyllningen, ö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å 90 grader Flytta sedan till lutningsreglaget. Välj den vänstra gradientreglaget och ställ in färgen vid R = 50 G = 50 B = 50 välj sedan den högra lutningsreglaget och ställ in färgen vid R = 65 G = 65 B = 65. Se till att den fyllning som läggs till i det här steget fortfarande är vald och gå till Effekt> Förvräng & Transformera> Transformera. Fokusera på Flytta avsnitt, dra Vertikal skjutreglaget på 1px Klicka sedan ok.
Därefter måste du kopiera egenskaperna som används för toppformen och klistra in dem på den nedre, svarta formen. Så här kan du enkelt göra det. Gå till Skikten panelen, fokusera på höger sida och du märker att varje form kommer med en liten grå cirkel. Det kallas en målikon. Håll Alt knappen från ditt tangentbord, klicka på målikonen som står för toppformen och dra helt enkelt in i den cirkel som står för din nedre, svarta form. Välj nu din nedre form och fokusera på Utseende panel. Välj toppfyllningen, flytta till Lutning panel och ställ in Vinkel på -90 grader återvänd sedan till Utseende panel och öppna befintliga Omvandla effekt. Dra helt enkelt Flytta-Vertikal skjutreglaget på -1px och klicka ok. I slutet ska sakerna se ut i följande bild.
Återigen, använd målikonen för att kopiera Utseende attribut som används för de övre och nedre formerna och klistra in dem till vänster och höger form. Välj vänster och höger former en efter en. Ändra först vinkeluppsättningen för gradienten då de egenskaper som används för Omvandla effekter som visas i följande bild.
Fokusera på Skikten panelen och aktivera synligheten för din röda väg. Välj det och klicka helt enkelt Shift -Control-] att föra det fram.
Se till att din röda väg fortfarande är vald och fokusera på Utseende panel. Välj den befintliga stroke, ersätt den röda med R = 100 G = 100 B = 100 och gå till Effekt> Förvräng & Transformera> Transformera. Fokusera på Flytta avsnitt, dra Vertikal skjutreglaget på 0.7px och klicka ok.
Se till att din grå sökväg fortfarande är vald, fokusera på Utseende panelen 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 den nya stroke, ställ in Vikt på 1px och färgen på R = 30 G = 30 B = 30 sedan gå till Effekt> Förvräng & Transformera> Transformera. Fokusera på Flytta avsnitt, dra Vertikal skjutreglaget på -0.7px och klicka ok.
Fokusera på Skikten panel, aktivera synligheten för din vita form och ta den framåt (Shift -Control-] ). Återmarkera den här vita formen tillsammans med den sneda vägen, öppna Genomskinlighet panel (Fönster> Genomskinlighet) och klicka bara på Gör mask knapp. I slutet skulle sakerna se ut i den tredje bilden.
Välj alla former som hittills gjorts och helt enkelt slå Kontroll-G till Grupp dem. Flytta till Skikten panel, dubbelklicka på din nya grupp och byt namn på den "blackFrame".
Använda Rektangelverktyg (M), skapa en 260 x 340px forma och placera det enligt bilden nedan. Lägg till en 20px stroke för den här nya rektangeln, sätt färgen på R = 247 G = 172 B = 64 och rikta in det till insidan. Se till att din form inte har en färguppsättning för fyllningen och gå till Objekt> Path> Outline Stroke.
Använda Penverktyg (P), skapa en ny snettväg som visas i följande bild. Lägg till en 1pt stroke och sätta sin färg på R = 233 G = 28 B = 36.
Se till att din röda väg fortfarande är vald och gå till Effekt> Förvräng & Transformera> Transformera. Ange egenskaperna som visas i följande bild (glöm inte att kolla Reflektera X box) och klicka sedan på ok.
Se till att din röda väg fortfarande är vald och gå igen till Effekt> Förvräng & Transformera> Transformera. Ange egenskaperna som visas i följande bild (glöm inte att kolla Reflektera Y box) och klicka sedan på ok.
Återmarkera din röda väg och gå till Objekt> Expand Utseende. Välj den resulterande gruppen av vägar tillsammans med den orange formen och klicka på Dela upp knapp från Stigfinnare panel. Kontrollera att den resulterande gruppen av former är vald och Dela upp Det (Skift-Control-G). Flytta till Skikten panelen, välj form utan färginställning för fyllningen eller stroke och radera den helt enkelt.
Välj den övre, orange formen och ersätt den platta färgen som används för fyllningen med den linjära gradienten som visas i följande bild.
Välj den nedersta, orange formen och ersätt den platta färgen som används för fyllningen med den linjära gradienten som visas i följande bild.
Fokusera på resterande orange former och byt ut orangefärgen med de färger som pekas på följande bild.
Välj de fyra gråa formerna och Grupp dem (Kontroll-G). Flytta till Skikten panel, dubbelklicka på den här nya gruppen och byt namn på den "whiteFrame".
Använda Rektangelverktyg (M), skapa en 220 x 300px form och sätt fyllfärgen på vit. Placera den här nya rektangeln enligt bilden nedan och skicka den till baksidan (Shift-Control- [ ). Flytta till Skikten panel, helt enkelt dubbelklicka på den här nya formen och byt namn på den "imageMask".
Använda Rektangelverktyg (M), skapa en 260 x 340px form, sätt fyllfärgen på vit och placera den enligt bilden nedan. Se till att den här nya rektangeln är vald och gå till Effekt> Stylize> Inner Glow. Ange egenskaperna som visas i följande bild och klicka på ok.
Återställ rektangeln med Inre glöd effekt och gå till Objekt> Expand Utseende. Flytta till Skikten panel och öppna den nyskapade gruppen av former. Ta bort den vita rektangeln då Dela upp (Skift-Control-G) Återstående maskerad form. I slutet skulle sakerna se ut i den tredje bilden.
Använda Rektangelverktyg (M), skapa en 260 x 340px form, sätt fyllfärgen på svart och placera den enligt bilden nedan.
Se till att din svarta rektangel stannar och välj helt enkelt Skift-X för att överföra färgegenskaperna från fyllningen till stroke.
Fokusera på Utseende panel, välj den stroke, ställ in Vikt på 3px, anpassa den till insidan och klicka bara på Opacitet bit text för att öppna Genomskinlighet utflödespanel. Ändra Blandningsläge till Mjukt ljus och sänka Opacitet till 10%.
Håll fokus på Utseende panelen, se till att strejken fortfarande är vald och duplicera den med samma Kopiera valda objekt knapp. Välj den nya stroke, öka dess Opacitet till 20% och ställa in Vikt på 2px. Kopiera din 2px stroke, välj kopia, öka dess Opacitet till 30% och ställa in Vikt på 1px. I slutet ska sakerna se ut i följande bild.
Använda Rektangelverktyg (M), skapa en 220 x 300px form, sätt fyllfärgen på svart och placera den enligt bilden nedan.
Se till att din svarta rektangel stannar och välj Skift-X. Fokusera på Utseende panel, välj den stroke, ställ in Vikt på 4px, anpassa den till insidan och sänk den Opacitet till 2%. Kopiera denna stroke, välj kopia, ställ in Vikt på 2px och öka Opacitet till 3%. Kopiera din 2px stroke, välj kopia, öka dess Opacitet till 5% och ställa in Vikt på 1px.
Håll fokus på Utseende panel och lägg till en fjärde fyllning för din form med samma Lägg till ny stroke knapp. Välj den nya stroke, ställ in Vikt på 1px och färgen i vitt, rikta den till utsidan och sänk dess Opacitet till 75% och ändra Blandningsläge till Mjukt ljus. I slutet ska sakerna se ut i följande bild.
Dra bilden som du vill ramma inuti ditt dokument och skicka det till baksidan (Shift-Control- [ ). Försök att ändra storlek på din bild och om den överskrider ramens gränser, använd "imageMask"rektangel för att maskera den.
Bilden jag använder för detta exempel är från Monika Zagrobelnas handledning om hur man ritar hästar.
Fokusera på den övre sidan av din ram. Använda Rektangelverktyg (M), skapa en 260x 50px forma och placera det enligt bilden nedan. Lägg till en 1px stroke för den här nya formen och ställa in sin färg på R = 55 G = 55 B = 55. Byt till Ta bort Anchor Point Tool (-), fokusera på toppen och klicka bara på vänster ankarpunkt för att ta bort den. Ta tag i Direktmarkeringsverktyg (A), välj den återstående toppankeringspunkten och dra den 130 x till vänster. Detta bör göra din rektangel till en triangel.
För detta 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. Fokusera på det övre hörnet av din triangel. Använda Ellipsverktyg (L), skapa en 6px cirkel, sätt fyllfärgen på R = 55 G = 55 B = 55 och placera det enligt bilden nedan.
Se till att denna lilla nya form förblir vald, fokusera på Utseende panel och lägg till en ny fyllning. Välj den nya fyllningen, sätt färgen på R = 100 G = 100 B = 100 och gå till Effekt> Path> Offset Path. Ange en -1px Offset och klicka ok.
Återgå till Utseende panelen och lägg till en tredje fyllning för din cirkel. Välj den, sätt färgen på R = 55 G = 55 B = 55 och gå till Effekt> Path> Offset Path. Ange en -1px Offset, klick ok och gå till Effekt> Förvräng & Transformera> Transformera. Fokusera på Flytta avsnitt, dra Vertikal skjutreglaget på 1px och klicka ok.
Återvänd till gridline varje 10px, så helt enkelt gå till Redigera> Inställningar> Guider och galler och skriv in 10 i Gridline varje låda.
Återmarkera din triangel tillsammans med den lilla cirkeln och Grupp dem (Kontroll-G). Se till att den här nya gruppen förblir vald, skicka den till baksidan (Shift-Control- [ ) och gå till Effekt> Stylize> Drop Shadow. Ange egenskaperna som visas i det vänstra fönstret (i följande bild), klicka ok och gå igen till Effekt> Stylize> Drop Shadow. Ange egenskaperna som visas i det högra fönstret och klicka på ok.
Välj alla former som hittills gjorts och Grupp dem (Kontroll-G). Flytta till Skikten panel och helt enkelt byta namn på den här nya gruppen "posterFrame".
Använda Rektangelverktyg (M), skapa en 620 x 720px form, sätt fyllfärgen på R = 237 G = 237 B = 237 och skicka det till baksidan (Shift-Control- [ ).
Därefter måste du centrera den här grå rektangeln, så öppna 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) klicka sedan enkelt på Horisontell inriktning Center och Vertikalt inriktningscentrum knappar. I slutändan ska din rektangel täcka hela tavlan. Flytta till Skikten panel och helt enkelt byta namn på det "bg".
Se till att din "bg"formen är fortfarande vald, fokusera på Utseende panel och lägg till en ny fyllning. Välj den, sätt färgen till svart, sänk den Opacitet till 5%, ändra Blandningsläge till Multiplicera och gå till Effekt> Konstnärligt> Filmkorn. Ange egenskaperna som visas i följande bild och klicka på ok.
Se till att din "bg"formen är fortfarande vald, fokusera på Utseende panelen och lägg till en tredje fyllning. Välj den, sätt färgen till vit, sänk den Opacitet till 30%, ändra Blandningsläge till Multiplicera och gå till Effekt> Konstnärligt> Svamp. Ange egenskaperna som visas i följande bild och klicka på ok.
Öppna borstar panel (Fönster> Penslar) och fokusera på det övre, vänstra hörnet av din tavla. Använda Rektangelverktyg (M), skapa en 60 x 20px forma och placera det enligt bilden nedan.
Öppna menyns utflyttningsmeny borstar panel, gå till Open Brush Library> Artistic> Artistic_ChalkCharcoalPencil och ett nytt fönster med en massa inbyggda borstar öppnas. Återställ rektangeln för några minuter sedan, välj stroke, lägg till Penna - Tunn konst borste och ställa in sin färg på R = 125 G = 125 B = 125. Se till att strejken är vald och gå till Effekt> Stylize> Drop Shadow. Ange egenskaperna som visas i det vänstra fönstret (i följande bild), klicka ok och gå igen till Effekt> Stylize> Drop Shadow. Ange egenskaperna som visas i det högra fönstret och klicka på ok.
Återmarkera rektangeln med konstborsten, fokusera på Utseende panel, välj stroke och duplicera den med samma Kopiera valda objekt knapp. Fokusera på den nya stroke, öppna de två Drop Shadow effekter och ersätta de befintliga attributen med de som visas i följande bild.
Återställ rektangeln med konstborstarna, duplicera den (Control-C> Control-F), välj kopian och placera den som visas på den första bilden. Välj om både rektanglar och Grupp dem (Kontroll-G). Flytta till Skikten panel och namnge den här nya gruppen "tegelstenar".
Fokusera på Skikten panelen och dra din "tegelstenar"grupper under"posterFrame"grupp. Välj"tegelstenar"grupp och gå till Effekt> Förvräng & Transformera> Transformera. Ange egenskaperna som visas i följande bild och klicka på ok.
Se till att din "tegelstenar"gruppen är fortfarande vald och går igen till Effekt> Förvräng & Transformera> Transformera. Ange egenskaperna som visas i följande bild och klicka på ok.
Använda Rektangelverktyg (M), skapa en 280 x 360px form, sätt fyllfärgen på svart och placera den enligt bilden nedan. Flytta till Skikten panel och namnge den här nya rektangeln "skugga".
Fokusera på Skikten panelen och dra din "skugga"rektangel under"posterFrame"Kontrollera att den här svarta rektangeln är vald, välj fokus på Utseende panel, välj fyll och gå till Effekt> Stylize> Drop Shadow. Ange egenskaperna som visas i det övre, vänstra fönstret (i följande bild), klicka ok Lägg sedan till de andra tre Drop Shadow effekter som visas nedan.
Välj din "skugga"rektangel, fokusera på Utseende panel och lägg till en ny fyllning. Välj den, se till att färgen är svart, sänk den Opacitet till 15% och gå till Effekt> Förvräng & Transformera> Transformera. Ange egenskaperna som visas i följande bild (se till att du kontrollerar den övre, mittenreferenspunkten), klicka ok och gå till Effekt> Oskärpa> Gaussisk oskärpa. Ange en 15px radie och klicka ok.
Använda Rektangelverktyg (M), skapa en 280 x 170px form, fyll den med den linjära gradienten som visas nedan och placera den enligt bilden nedan. Den gula nollpunkten från Lutning bilden står för Opacitet procentsats. Flytta till Skikten panel, namnge rektangeln i detta steg "Longshadow"och dra den under din"posterFrame" grupp.
Välj din "Longshadow"rektangel, sänk dess Opacitet till 15% och gå till Effekt> Oskärpa> Gaussisk oskärpa. Ange en 5px radie, klicka ok och du är klar.
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