Share
Denna handledning visar hur man skapar en glasmålningseffekt i Adobe Illustrator. Metoden är ganska snabb och enkel, men resultatet ser väldigt trevligt ut - speciellt när du använder en vacker bild som referens. Låt oss börja!
Nedan är den slutliga bilden vi ska arbeta för. Vill du ha tillgång till hela Vector Source-filerna och nedladdningsbara kopior av varje handledning, inklusive den här? Bli med Plus Plus för bara 9 $ per månad.
Jag bestämde mig för att skapa en glasmålningseffekt när jag såg en mycket vacker Tiffany-lampa. Och även om det kan vara lätt att skapa en mosaik med Illustrator raster effekter, tyckte jag att det skulle vara bättre att göra det på ett annat sätt. Den enkla metod jag beskriver i denna handledning innebär bara några verktyg. Du får också bättre resultat med en referensbild - oavsett om det är din egen skiss, ett foto eller någon annan bild du vill ha.
Låt oss öppna Adobe Illustrator och skapa ett nytt dokument. Gör det som standard A4-pappersstorlek (210x297 mm horisontellt), men din bild kan skapas i vilken storlek som helst. Jag ställde in det på RGB-färgläge, men du kan välja CMYK om du föredrar det.
Nu behöver vi en referensbild, och du behöver veta något om det. Upplösning och kvalitet spelar ingen roll, det kan vara ett litet foto. För en glasmålningseffekt är det bättre att inte välja högfrekventa bilder, vilket innebär bilder med många små detaljer eller med mycket avlägsna föremål.
Det blir ganska svårt att reproducera små områden med så många glasstycken (du måste skapa var och en av dem). Således är stadslandskap eller detaljerade porträtt inte det bästa valet. Välj en lågfrekvensbild som ett stilleben, blommor eller ett landskap. Se exemplen nedan.
Okej, när referensbilden väljs, placera den i ditt dokument (Arkiv> Plats). Jag använde ett bra foto "Vårbukett" som den ryska fotografen Nattalia Shloma gav mig tillåtelse att använda i denna handledning. Hon har några fantastiska blomma kompositioner som är perfekta för glasmålning effekter.
Placera och skala den placerade bilden efter eget tycke så att huvudobjektet ligger i mitten. Klicka sedan två gånger på skiktet i panelen Lager (F7) och byt namn på det till "foto". Markera alternativet "mall", skriv även 100% i fältet Dim To. På detta sätt kommer bilden att synas även i konturläget.
Jag lämnade lite tomt utrymme för att fylla det med glasarbete senare, och jag bestämde också att beskära den med en klippmask. Skapa bara en rektangel i samma storlek som ditt dokument, välj både rektangelformen och bilden och tryck sedan på Command + 7.
Skapa nu ett nytt lager och namnge det "Glasswork." Välj linjärverktyget (\) och se till att ditt underlag med en referensbild är låst, så att du inte väljer det av misstag. Färger spelar ingen roll nu, du ändrar dem senare, så du kan välja en levande strokefärg att arbeta med.
Nu är det dags att skapa den grundläggande formen av glasverket. Detta är den mest tidskrävande delen av handledningen och kräver lite tålamod. Rita ut det grova utkastet av glasverket, så att linjerna är gränserna mellan glasstyckena.
Börja skapa linjer som följer huvudobjekten i din bild. Se till att varje rad berör någon annan linje eller bildgränsen med dess ändpunkter. Du gör framtida glasbitar, kom ihåg - så tanken är att bryta ytan ner i separata föremål. Undvika öppna Linjeändar, det är mycket viktigt, så överlappande är nyckeln!
Slå på smarta guider (Command + U) för hjälp. På så sätt ser du var linjerna skärs. Du behöver inte kopiera referensbilden exakt. Jag bestämde mig för att göra bordet rent och rent, tappade den fallna tulpan och ändra vasformen.
De platta områdena som väggen eller bordet kommer att bestå av större glasstycken, medan mindre föremål (blommor och löv) behöver mer detaljerat arbete. Försök att rita linjer som grovt följer gränserna för varje objekt. Kom ihåg: Det är bättre att skapa mindre glasstycken där vi inte behöver dem, än att skapa en stor bit där vi behöver mer detaljer.
Här ersatte jag mimosa med enklare löv för att undvika för mycket små detaljer. Du kan växla till konturläget (Command + Y) om linjefärgen stör dig. Det är vad jag har för nu.
Det är lätt att veta att du är redo för nästa steg: Avaktivera bara sikt på bottenskiktet, så ser du om linjerna ser igen igen. Se till att alla viktiga föremål för ditt referensfoto är lämpliga glasstycke avgränsad av linjer på toppskiktet.
Kontrollera två gånger att raderna rör varandra eller bildgränsen. Korrekta luckor och punkter som ligger lite över gränsen - bara flytta dem på plats med Direct Selection Tool (A). Du kommer dock att kunna rätta till det senare men.
När linjens utkast ser ut, välj alla linjer du skapade (du kan helt enkelt klicka på cirkeln bredvid lagnamnet i panelen Lager). Välj nu Warp Tool (Shift + R) och börja deformera linjer för att göra dem vågiga - börja med stora glasstycken använder standardverktygsstorleken. När du kommer att arbeta på mindre bitar, ändra verktygsinställningarna till ett handtag mer subtila områden - klicka på Enter och justera intensitet, enkelhet och storlek.
Du kan också ändra Warp Tool storlek snabbt genom att hålla Alt och dra inåt eller utåt (för att begränsa proportionerna håller du också Shift). Gör linjearbetet upprepa formen på bildobjekt. Du måste sluta med något som liknar bilden som visas nedan (jag gjorde bottenskiktet osynligt).
Tja, det sista att göra innan du lägger till färg är att skapa en rektangel som blir bildgränsen. Se till att det inte har någon fyllning och det rör raderna så att det inte finns några luckor. Välj nu hela lagret (linjer och rektangel tillsammans), gruppera dessa objekt (Command + G) och ge den här gruppen en 3-stegs ljusbrun färg (# BC8B0F).
Nu ska du göra en kopia av den här gruppen, vi använder den senare: tryck på Command + C och Command + F. Kopian visas ovanför originalgruppen. Dölj den för nu genom att trycka på Command + 3 eller klicka på ögonikonen bredvid gruppkopian i lagpanelen. Nedan visas hur det ser ut när den nedersta bilden är avstängd.
Nu lägger vi lite färg på vårt konstverk: välj den ursprungliga gruppen av linjearbete och gå till Objekt> Levande färg> Skapa (Alt + Kommando + X). Detta gör gruppen till en Live Paint Group - gränsen kring den kan förändras lite. Nu kan du lita ut mellanslag mellan linjer med Live Paint Tool (K).
För att välja färgrar föreslår jag att du går till Fönstret> Färgbibliotek och välj den kombination du vill (Jag använde "Mat" och "Natur" -biblioteken). Klicka bara på färgstämpeln som fyllfärg och placera verktygsmarkören i det område du vill måla, det kommer att anges med ett brett urval. Börja måla hela bilden med färger du gillar (ändå inte ändra slagfärgen men).
Du kan få problem när du målar ditt glasarbete. Om vissa områden visas som en enda på grund av luckor mellan rader, välj linjens slutpunkt med Direct Selection Tool (A) och flytta den för att stänga luckan.
Om du känner att några rader saknas, rita nya rader och deformera det med Warp Tool, välj sedan både nya linjer och Live Color-gruppen och gå till Objekt> Live Paint> Merge. Linjerna läggs till i gruppen.
Fortsätt att måla din bild - du kan ändra färgen på något stycke i den här gruppen om du vill ha samma Live Paint Tool. Byt bottenskiktets synlighet för att kontrollera fyllningen av glasverket. Nedan är vad jag har hittills.
För att klara den grundläggande formen av glasarbete, ta bort den säkerhetskopieringsgrupp du duplicerade i steg 6 (tryck på Alt + Command + 3). Välj dubbletter och ändra dess slag till 2 pt och mörkgul färg (# EAA00C). Kopiera nu gruppen igen (Command + C och Command + F) och ge den här en 1 pt stroke och ljusgul färg (# FCD515). På detta sätt ser glasgränserna ut som om de är gjorda med kopparfolie.
Slutligen, låt oss beskära bilden. Rita rektangeln ovanför glasverket så att det täcker hela duken (eller du kan kopiera en från bottenskiktet). Gör lagret en klippmask (välj "Glasswork" -lagret i Lagerpanelen och välj Gör klippmask i menyn för utflyttning). Du kan låsa "Glasswork" -laget nu, eftersom det grundläggande arbetet är klart.
Skapa ett nytt lager och namnge det "Realism" (som vi lägger till några realistiska detaljer nu). Skapa en rektangel som täcker hela duken igen (eller kopiera klippvägen från lagret nedan). Kopiera den två gånger och göm kopiorna för ett ögonblick (Command + C och Command + F). Välj den första och gör den fylld 50% svart utan stroke. Gå nu till Effects> Artistic> Svamp, skriv in dessa värden:
Du kan nu gå till Opacity-panelen (Shift + Command + F10) och ändra rektangelens blandningsläge till Overlay. Nu, med den fortfarande valda, går du till Effekter> Sketch> Plastic Warp och anger följande:
Det kommer att skapa en fin glasstruktur. Du kan minska den opacitet för en mer subtil effekt. Om ditt dokument har olika dimensioner kan du också ändra effektens inställningar lite.
Ta bort den första rektangelkopian och fyll den med en vit till svart radiell gradient. Flytta gradientens mittpunkt med Gradient Tool (G), var du vill imitera ljuset utanför glasfönstret. Ändra nu rektangelens blandningsläge till Soft Light.
Bilden ser bra ut redan, men om du vill lägga till extra belysning, välj den tredje rektangeln ovanför två andra, fyll den med en grå färg och vrid den till ett lutningsnät (Objekt> Skapa Gradient Mesh), skriv 4 i rader och 6 för kolumner. Ändra nu någon punktfärg till vit, välj dem med den vita pilen (A) och flytta några punkter och handtag för att skapa formerna för färgövergångarna.
Nu byter du nätverksläget igen till Soft Light och justerar opaciteten om du vill. Detta objekt efterliknar ytterligare ljuskällor utanför ett glasfönster. Vid denna tidpunkt har jag också ändrat färgerna i Light Paint-gruppen något. Det är det, nedan är mitt resultat.
I denna handledning gjorde vi en glasmålningseffekt med enkel metod med flera Illustrator-verktyg. Du kan använda de flesta bilder som referens för att skapa denna effekt, men försök att undvika högfrekventa bilder.
Denna metod ger bra resultat när det skapas från början, eftersom du slumpmässigt kan arbeta och måla det som du vill. Dessutom ser det till att den enklaste prydnaden med den här effekten ser bra ut - se bilden nedan. Hoppas du har hittat något användbart för dig själv i denna teknik.
Prenumerera på Vectortuts + RSS-flödet för att hålla dig uppdaterad med de senaste vektorhandledningarna och artiklarna.
Accentsconagua