Share
I denna handledning lär du dig att konstruera en cool academy-ikon genom att lägga ihop enkla former i Illustrator och sedan applicera lageffekter på dem i Photoshop. Jag använder en tysk version av både Illustrator och Photoshop, så vissa skärmdumpar finns på tyska. Du borde kunna förstå det bra men som jag tillhandahåller detaljerade instruktioner och många exempelbilder. Låt oss börja!
Nedan är den slutliga bilden vi ska arbeta för. Vill du ha tillgång till hela källfilen och nedladdningsbara kopior av varje handledning, inklusive den här? Bli med Plus Plus för bara 9 $ per månad.
Öppna ett nytt Illustrator-dokument och växla till översiktsläge (Command + Y). Börja skapa fyra rektanglar av samma storlek, med hjälp av rektangelverktyget (M). Dessa kommer att vara kolumnerna i vår akademi.
Lägg nu till tre rektanglar till varje kolumn. Dessa kommer att vara svängning av kolonnen. Gör den inre rektangeln något större för att ge ett lite perspektiv.
Skapa rektanglar längst upp och längst ned i varje kolumn. Dessa kommer att vara huvudstaden och basen av kolumnen.
Skapa tre rektanglar under kolumnerna. Dessa kommer att vara trappan i vår akademi.
Skapa en rektangel ovanför kolumnerna. Detta är arkitektens arkitekter.
Skapa tre små rektanglar på varje sida av architraven.
Använd Penverktyget för att skapa en triangulär form ovanpå architraven. Det här är taket.
Skapa en mindre triangulär form inom taket.
Placera text i architravens centrum. Välj ett typsnitt du gillar, jag valde Avenir Heavy.
Skapa en pennaikon med Penverktyget och placera det i mitten av vårt tak. Du kanske vill rita en halv, vänd sedan en kopia genom att gå till Transform> Reflektera> Vertikal och träffa kopia. Radera sedan de två halvorna och använd Pathfinder-verktygen för att slå samman dem.
Nu finns det flera sätt att skapa en sunburst-effekt i Illustrator. Jag brukar göra det så här: Skapa en liten cirkel. Ge det en streckad stroke med en riktigt stor Vikt (250pt i det här exemplet). Ställ nu bindestrecket till ett värde som passar dig (det här bestämmer hur många strålar din solburst kommer att ha). Jag ställde den till 1,3pt. Ange gapvärdet om du vill, det gjorde jag inte. Se till att Ställa in Stroke till Outside.
Expand Utseende och placera formen under pennan form.
Duplicera den mindre triangulära formen. Beskär det med solstråleformen via Pathfinder.
Rengör solstrålformen lite så att inget av det syns i pennformen.
Skapa en rektangel bakom kolumnerna. Detta är bakgrunden till akademin. Skapa en rektangel som matchar måtten på ditt dokument. Detta är bildbakgrunden.
Nu är vi färdiga med Illustrator-delen av denna handledning. Vi exporterar nu vår akademi till en PSD-fil. Det finns dock vissa saker att ta hand om när man exporterar till PSD.
Illustrator sammanfogar alla banor i en grupp i ett enda lager vilket gör det omöjligt att redigera dem separat. För att undvika det måste vi placera varje väg i en egen grupp. Det är väldigt bra att namnge grupperna korrekt, det gör det mycket lättare att arbeta med dem i Photoshop. Efter att du grupperat och namngav allt korrekt borde ditt lagerfönster se ut som det som visas nedan.
Välj alla vägar och ge dem en vit fyllning utan stroke, färger kommer att appliceras senare i Photoshop. Gå sedan till Arkiv> Exportera och exportera till PSD. Använd följande inställningar.
Öppna den exporterade filen i Photoshop. Det du ser är en helt vit bild. Lyckligtvis har vi nämnt allt ordentligt så att vi kan börja med att applicera lagereffekter. Börja med att ge bakgrundsskiktet ett färgöverdrag på 80% grått. Ge akademiets bakgrundsskikt ett färgöverdrag på 40% grått och ett övertoningsöverlägg av multiplicera, opacitet på 60%, svartvitt och linjärt vid 90 °.
Trappans översta steg har följande skiktseffekter:
När du använder den inre skuggan ställs ljusvinkeln till 90 ° och kontrollerar Använd Global Light. Stegen nedan har samma effekter, men lite ljusare färgöverlagringar (B: 85 / B: 90).
Kolonnkapitalerna har följande skiktseffekter:
Kolonnbaserna har samma lagereffekter men ingen Drop Shadow.
Kolumnerna i sig har samma lagereffekter som kolumnhuvudena men ingen Drop Shadow, No Inner Shadow och No Color Overlay. Inre Glödets storlek är 5 px.
För fluting måste vi ge var och en av de tre rektanglarna något annorlunda skikteffekter. Centret får följande:
Den vänstra har samma effekter med undantag för dessa ändringar:
Och den rätta har samma effekter som vänster utom för kursen för Gradient Overlay som är:
Nu för arkitekterna. Det får följande skiktseffekter:
De horisontella ränderna till vänster och till höger får följande skiktseffekter:
Texten får samma skiktseffekter med följande ändringar:
Ställ texten anti-alias för att släta, standard för Illustrator-importen är skarp.
Taket har samma effekter som architraven men ingen Drop Shadow. Den inre delen av taket har följande effekter:
Pennformen får följande skiktseffekter:
Wow, det var en hel del lagseffekter. Vector Plus-medlemmar kan granska alla stilar som finns i PSD-källfilen. Naturligtvis är det inte nödvändigt att hålla sig till dessa värden. Spela runt och ta reda på vad du tycker om bäst. Nu när vi är igenom med skikteffekterna, låt oss göra resten.
Skapa en opacitetsmask för sunburstformen. I uppacitetsmasken väljer du Gradient-verktyget (G) och ritar en radial vit-svart-gradient från solstrålens mitt mot dess ändar. Sätt sedan lagrets opacitet till 60%.
För skuggorna på kolumnerna använder jag den här enkla metoden: Styr-klicka på miniatyrbilden för kolumnskiktet och tryck på Välj pixlar. Detta skapar ett urval av lagens innehåll. Därefter subtraherar elliptisk markör en del av urvalet så att du får något som visas nedan.
Gå till Välj> Ändra> Kontrakt och kontrakta ditt val med 1 px. Skapa ett nytt lager, namnge det "Kolumn 1 skugga" och fyll i urvalet med svart.
Skapa en opacitetsmask för detta lager. I opacitetsmasken väljer du Gradient Tool och ritar en linjär vit till svart gradient från nedre högra hörnet till den övre vänstra delen av din skugga. Ställ skiktets opacitet till 40% och du borde ha en skugga som den som visas nedan.
Upprepa med de andra tre kolumnerna. Jag bestämde mig för att göra skuggorna större till höger.
Använd samma teknik för att lägga till höjdpunkter i trappan: Välj pixlar i ett av stegen, dra av en del, kontrakt med 1, skapa ett nytt lager, fyll i med vit, lägg till opacitetsmask, dra en lutning och sätt sedan lagrets opacitet till 40%.
Lägg till höjdpunkter i de andra två stegen, till taket och på pennan och du är klar!
Prenumerera på Vectortuts + RSS-flödet för att hålla dig uppdaterad med de senaste vektorhandledningarna och artiklarna.
Accentsconagua