I den första delen av en tvådelad handledning kommer vi att skapa en isometrisk stilillustration med hjälp av Adobe Illustrator och Photoshop. I vår andra handledning använder vi den här grafiken för att skapa ett omslag och inuti spridningen av en tidning i InDesign.
För att slutföra denna handledning måste du hämta och installera följande teckensnitt.
Öppna upp en Ny dokument i A3-format. Vi arbetar i CMYK Färg.
Börja med att rita en cirkel med Ellipsverktyg (L) och en konsol med Linjesegmentverktyg (\). Ge dem en 25pt slagvikt. Vi kommer att börja rita en väg.
Radera tre fjärdedelar av cirkeln och duplicera den återstående delen. Gå med i de lösa ändarna och gör en omvänd dubbelversion.
Gå till Objekt> Transformera> Skjuvning och ge den en -30, Vertikal omvandling.
Rotera objektet med -60 grader.
Skapa en rektangel och ge den en -30 graders skjuvning, precis som du gjorde i början. Använd den här formen för att ta bort slutet av "väggen" med Pathfinder> Minus Front.
Gör detsamma för den andra änden att avsluta den här delen av gatan. Så här borde du rita varje element i den här illustrationen. Det simulerar en 3D-vy utan perspektiv, som liknar hur pixelkonst fungerar.
Upprepa denna process för att skapa resten av vägarna. Du kan börja ge dem olika färger och slagvikter.
Gör en kopia av dina former och slå dem samman Pathfinder> Förena. Gå till Objekt> Path> Offset-sökväg och Offset av 5pt.
Ge den nya sektionen a 5pt Offset, precis som i föregående steg. Klipp ut den inre delen från den nya med Pathfinder> Minus Front.
Skapa en annan rektangel stencil och ta bort slumpmässiga delar av den här nya sökvägen. Poängen är att få dem att se ut som en trottoar och få dem att sluta med slumpmässiga mellanrum.
Upprepa denna process för att trimma alla trottoardelarna.
Vi gör nu några portioner som ser ut som snabba resedata som navigerar över vägarna. Offset vägen vägen, men gör det inåt.
Byt färg till gul och förläng linjen över vägen.
Upprepa processen för de återstående vägarna.
Använda samma process av klippning och Roterande, Lägg till en mängd olika former i din komposition för att ge intryck av träd och byggnader.
Skriv binära nummer med Textverktyg (T) och Objekt> Expand dem. Ge dem en 30 grader omvandling.
Placera slumptal i scenen och integrera dem i landskapet
Upprepa denna process och applicera dem över hela scenen.
Jag har gjort vissa förändringar på scenen vid denna tidpunkt och byter upp färgerna lite genom att lägga till vita element. Du måste ändra bakgrundsfärgen vid denna tidpunkt för att hålla reda på dessa ändringar. Jag har också bytt träd genom att lägga till extra detaljer.
Duplicera skiktet med alla dina former på. Vi behöver en version för att skapa gradienter som vi använder senare i Photoshop.
Välj vissa former, inte alla, och ge dem en radiell gradient, se nedan. Det är en vanlig svartvitt radiell gradient. De svarta portionerna kommer att användas i Photoshop för att skapa nyanser med ett färgbrännskikt.
Jag har lagt några av dessa gradienter runt min scen.
Välj alla övriga former och ge dem en linjär svart till vit gradient, förutom att byta svart till endast 4% svart. Detta kommer att användas för att skapa en mycket halvtoneffekt i Photoshop.
Välj bakgrundsformen och ge den en liknande mörk gradient.
Ändra bakgrundsfärgen till gult.
Nu har du två lager. En med färgerna, den andra med svarta och vita gradienter.
Kopiera det första lagret till ett nytt Photoshop-dokument. Vi gör oss lite större än en A3, 50 cm bred ska fungera men så länge proportionerna är bra, kommer alla storlekar att göra. Gör bara det större än en a3. När du har klistrat in färglagret klistar du in det svarta och vita lagret i ett separat lager. Ändra gradientlagret till en 80% färgbränning.
Klistra in lutningsskiktet igen men den här gången till ett nytt dokument som har exakt samma storlek som den föregående.
Gå till Bild> Läge> Gråskala.
Gå till Bild> Läge> Bitmapp och använd samma inställningar för den första dialogrutan.
Ändra Halvton-inställningarna till de som visas nedan.
Kopiera den nybildade bilden till din ursprungliga scen och ändra Blandningsläge till Multiplicera.
Det här är nu din sista bild. Jag har lämnat lite utrymme runt illustrationen så att vi kan beskära den senare i InDesign som vi önskar.
Vi har nu avslutat vår illustrerade illustration. I nästa del av denna handledning lägger vi till en tidskriftsomslag och inuti spridning, med hjälp av Adobe InDesign.