Så här skapar du en collageillustration i Adobe Illustrator

Vad du ska skapa

Hittills har jag gjort tutorials strängt genom att använda vektorformer. Men i den här handledningen visar jag dig hur du skapar en rolig digital collage i Adobe Illustrator med hjälp av fototekster.

Vad du kommer att behöva

I denna handledning använder vi bilder som jag tog av några föremål vars texturer jag hittade intressanta: min vintertröja, min favorit plädda skjortor och några gamla trädörrar. Du hittar dem i den zippade filen som medföljer denna handledning.

Också vi använder två lagerreferenser som kan hämtas på Pixabay:

  • Träkornstrukturstruktur
  • Vintergatan

För referenser av högre kvalitet rekommenderar jag att du använder lagerresurser som är tillgängliga för köp på PhotoDune och GraphicRiver. 

1. Rita en enkel karaktär

Du kan antingen göra en ritning i Adobe Photoshop eller göra det på traditionellt sätt: på ett pappersark och skanna sedan det. Om du väljer att gå med en traditionell, använd en svart markör. På så sätt får du snygga linjer som senare blir enklare att spåra.

Några tips för att teckna ett tecken: Försök att göra det i minst tre steg:

  1. Ansikte
  2. Kropp
  3. detaljer

Du kan se hur karaktärsdesignet går lättare när du etablerar ansiktsfunktionerna. Se till att alla dina linjer är stängda. Detta kommer att bli mycket viktigt i de senare stegen.

2. Skapa ett nytt utskriftsdokument

Gå till Fil> Ny (Kontroll-N). Ange dialogrutan i dialogrutan webb och ställa in Bredd till 800 px och den Höjd till 900 px.


3. Importera ritningen

Gå till Arkiv> Plats och välj ritningsfilen. Placera det i mitten av tavlan. Försök att placera ritningen lite lägre på undersidan av tavlan, så din karaktär ser inte ut som om den skärs i halv men snarare som om den förekommer från botten av tavlan. 

4. Spåra ritningen

Steg 1

När du har placerat ritningen, spåra den helt enkelt genom att välja den och gå till Objekt> Bildspår> Gör och expandera. Ritningen kommer att bli vektoriserad, och den kommer också att bryta ihop.

För att göra det lättare att arbeta med, måste vi ungroup ritningen. Klicka på det nu vektoriserade objektet och gå till Objekt> Ungroup.

Steg 2

Välj det vita utrymmet runt tecknet och radera det.

5. Importera fotoinnehåll

Vi kan börja importera texturerna. Varje del av tecknet kommer att tilldelas en motsvarande textur. Jag bestämde mig för att gå med trästrukturer för ansiktet och håret, plagget tygstruktur för mössan och skjortan, en stickad ulltextur för halsduken och rostig metall för bakgrunden. 

Jag uppmuntrar dig att ta bilder av mönster runt dig: din favorittröja, den tegelväggen runt hörnet, grannens trädörr, kakel på tågstationen ... Mönster finns runt oss; vi behöver bara märka dem bättre. 

Steg 1

Vi börjar med ansiktet. Nu när vi har ungrouped bilden måste vi sammanfoga några delar som tillhör samma grupp, till exempel ansiktet och öronen. Välj de tre delarna och gå till Objekt> Sammansatt sökväg> Gör. Detta kommer att sammanfoga dessa tre former, och de kommer att fungera som en. Klicka på det igen och kopiera det (Kontroll-C). 

Steg 2

Ladda ner ansiktsstruktur.

Gå till Arkiv> Plats och öppna den nedladdade texturen. När du har importerat den klickar du på den och Klistra in framför (Kontroll-F) de redan kopierade ansiktselementen.

Steg 3

Välj både texturbilden och ansiktsformen och gör a Högerklicka var som helst på arbetsområdet. Välj Gör Clipping Mask alternativ.


När du har gjort det här, Clipping Mask kommer att skapas och trästrukturen kommer endast att synas på ansiktsområdet.

Steg 4

Låt oss göra detsamma med de andra delarna.

Använda Direktmarkeringsverktyg (A), välj den vita ytan på halsduken och kopiera den (Kontroll-C).

Steg 5

Importera halsduktexturen. Gå till Arkiv> Plats och importera bildtexten märkt som Scarf.

Klistra in på plats (Kontroll-F) Den kopierade halsdukformen över texturen. Välj dem båda och Högerklicka på dem. Från menyn väljer du Gör Clipping Mask. Du kan också göra det genom att följa menyn Objekt> Clipping Mask> Make.

Illustrationen ska se ut så här hittills.

Steg 6

Låt oss gå vidare till skjortan. Använda Direktmarkeringsverktyg (A), Välj skjortans vita yta och kopiera den (Kontroll-C).

Steg 7

Importera texturen. Gå till Arkiv> Plats och importera bildtexten märkt som Skjorta. Placera den över kroppsdelen, skalla ner den om det behövs. Klistra in framför (Kontroll-F) Den kopierade skjortans form över texturen. Välj dem båda och högerklicka på dem. Från menyn väljer du Gör Clipping Mask.

Vi kan se hur mönstren börjar börja fylla vår illustration, och det ser bra ut!

Steg 8

Vi har två saker att fylla med mönster: håret och locket.

Använda Direktmarkeringsverktyg (A), Välj noga hårdelarna, inklusive delarna nära ögonbrynen och bakom öronen.

Steg 9

Öppna Stigfinnare panelen och klicka på Förena kommando. Gå sedan till Objekt> Sammansatt sökväg> Gör, eller använd bara genvägsversionen Kontroll-8

Steg 10

När vi har kontrollerat att alla hårdelarna är förenade, kan vi importera den utvalda texturen för detta område. Precis som i stegen innan går vi till Arkiv> Plats och importera bildtexten märkt som Hår. Placera den över hårdelen, skalar ner den så att den passar området.

Klistra in framför (Kontroll-F) det kopierade urvalet framför bildtexturen. 

Steg 11

Välj både, fototexturen och vektorhårformen och Högerklicka på dem. Från menyn väljer du Gör Clipping Mask.

Steg 12

När vi är färdiga med håret flyttar vi till sista delen, locket. Vi delar upp det i två grupper: paneler som första, huvudgrupp och topp tillsammans med knappen som en andra grupp. 

Först börjar vi med sidopanelerna. Använda Direktmarkeringsverktyg (A), välj de två sidopanelerna och slå ihop dem med hjälp av Förena kommando från Stigfinnare panel. Gå också till Objekt> Sammansatt sökväg> Gör. Kopiera dem (Kontroll-C).

Steg 13

Importera texturen märkt Keps 1 och placera den över locket. Klistra in framför (Kontroll-F) sidopanelerna. Välj dem båda och Högerklicka över dem. Från menyn väljer du Gör Clipping Mask

Steg 14

För den centrala kåpan kommer vi igen att importera samma struktur, bara den här gången kommer vi att rotera den 180 grader så att vi kan få en annan plaidplacering.

Så än en gång, kopia centralpanelen (Kontroll-C) och importera texturen. Gå till Arkiv> Plats och välj texturen märkt Keps 1. Högerklicka på det och gå till Transformera> Rotera.

Steg 15

En dialogruta visas. Ange bara 180 som en Vinkelvärde och klicka ok.

Steg 16

Klistra inKontroll-F) den centrala panelen och Högerklicka på det. Från menyn väljer du Gör Clipping Mask.

Steg 17

Använda Direktmarkeringsverktyg (A), klicka på mittpanelen och justera Texturen på ett sätt som kommer att vara annorlunda än resten av panelerna. På det här sättet har vi samma konsistens bara olika varandra, så vi kan visuellt skilja de tre paneldelarna.

Steg 18

Slutligen lägger vi till textur till den sista tomma delen av vår illustration: knappen och toppen av locket. Använd Direktmarkeringsverktyg (A) att välja dem båda. Öppna Stigfinnare panel och använd Förena kommando. Gå sedan till Objekt> Sammansatt sökväg> Gör (Kontroll-8). Kopia de sammanslagna föremålen (Kontroll-C).

Steg 19

Importera (Arkiv> Plats) texturen märkt Keps 2. Placera den så att den täcker hela kappdelen. Skala ner storleken om det behövs. Välj både texturen och den klistrade vektorformen och Högerklicka på dem. Från menyn väljer du Gör Clipping Mask

Illustrationen hittills ska se ut så här. Vi tilldelade en textur till varje del av illustrationen. Låt oss lägga till en bakgrund till den.

Steg 20

Ladda ner bakgrundsstrukturen. Importera (Arkiv> Plats) den nedladdade strukturen. Högerklicka på det och gå till Transformera> Rotera

Steg 21

En dialogruta visas. Stiga på 90 som en Vinkelvärde och klicka ok.

Steg 22

Välj bakgrundsstrukturfilen och Högerklicka på det. Gå till Ordna> Skicka till Tillbaka.

Vi har en rymdbakgrund! Vi är nästan färdiga, låt oss lägga till några sista detaljer.

Steg 23

Använda Direktmarkeringsverktyg (A), Välj en av karaktärens ögon.

Steg 24

Gå till Välj> Samma> Fyll färg. Alla illustrationens svarta färg, inklusive konturen, kommer att väljas.

Steg 25

Tryck bara på Radera. Varje vektor skiss och linje bör försvinna, lämnar den mörka bakgrunden för att fylla dessa luckor. Detta kommer endast att fungera med mörka bakgrunder eftersom lättare kan orsaka förvirring.

Steg 26

Låt oss sätta allt detta i en fin ram som passar vår 800 x 900 pixel tavla.

Väljde Rektangelverktyg och klick en gång var som helst på arbetsområdet. En dialogruta visas. Stiga på 800 px som en Bredd värde och 900 px som en Höjd värde. Klick ok.

Steg 27

En vit rektangel kommer att visas. Öppna Justera panel (Fönster> Justera). Från Anpassa till alternativ, välj Rikta mot Artboard. Använd sedan Horisontell inriktning Center och Vertikalt inriktningscentrum kommandon för att justera rektangeln perfekt till vårt tavla.

Steg 28

För sista steget, Välj allt du har på ditt arbetsområde och Högerklicka på det. Välj Skapa klippmask.

Fantastiskt jobb! Du är klar!

Jag hoppas att du hade kul när du gjorde den här digitala collagen. Att använda texturer är en bra ide inte bara i illustrationen, men även inom andra områden, som grafisk eller webbdesign. Du kan även skriva ut det och hitta ett bra ställe för det i ditt rum. 

Nu försök göra det med egna ritnings- och fotokonsturer och visa oss resultaten i kommentarerna nedan.