Förutom Photoshop kan du skapa Vexel-Art även i Illustrator. Där finns till och med en funktion för att spåra, som kan automatisera en del av ditt arbete, men det är en annan historia och inte ämnet för denna handledning. Och något annat: Förutom trendfaktorn har Vexel-bilder en mycket användbar egenskap. De kan förstoras obegränsat utan att konturerna blir suddiga – logiskt. Vi arbetar inte med pixlar, utan med former som omsluts av vektorer och dessa kan skalas problemfritt.

Steg 1

För att kunna se det fullständiga omfånget av arbetet har jag satt samman före-efter-bilderna så att du kan se helheten. För en nybörjare är detta en ganska krävande uppgift, men med varje Vexel-bild samlar du erfarenhet och blir bättre och snabbare. Tips: Om du vill skapa en Vexelbild, duplicera originalbilden så att du under arbetets gång kan jämföra färger och former i vektorbilden med originalet.

Växelkonst

Steg 2

Börja med att spåra konturerna av bilden från topp till botten. För vår del är detta viktigt eftersom vi måste ta hänsyn till fågelns fjäderstruktur. Välj Lassoverktyget och rita den övre delen av näbben.

Växelkonst

Steg 3

Med ett högerklick väljer du alternativet Skapa arbetsväg.

Växelkonst

Steg 4

I den efterföljande dialogrutan väljer du Tolerans. För små detaljer är en liten Tolerans på ca 1-3 optimalt, då skapas sökvägen exakt efter valet och kommer inte godtyckligt förenklas av programmet.

Växlingskonst

Steg 5

Fågelns näbb är inte enfärgad, den har några färger som du kan återskapa i vektorversionen med en gradient. Välj i lagerpanelen alternativet Gradient för att fylla sökvägen.

Växelkonst

Steg 6

Välj först gradienttypen Svart till vitt och definiera lämplig vinkel i dialogen Gradientfyllning.

Växelkonst

Steg 7

Gradienten, som för närvarande är svart-vit, kan fyllas med valfria färger. Dubbelklicka på Gradientfältet och definiera färgerna rött och gult i dialogrutan Redigera grader, som visas på skärmbilden.

Växelkonst

Steg 8

På samma sätt som beskrivet i steg 2-7 kan du också skapa den nedre delen av näbben. Observera ordningen på lagren. Principen för lagerpositionering är mycket enkel. Lagret med den nedre delen av näbben ligger under lagret med den övre delen.

Växelkonst

Steg 9

Skapa former på den övre och nedre delen av näbben som betonar näbbens struktur. Dessa kan skapas med Lassoverktyget och omvandlas till en sökväg.

Växelkonst

Steg 10

De skapade formerna fylls inte med graderingar, utan med en färg. Välj alternativet Fullfärg i lagerpanelen för att göra detta.

Växelkonst

Steg 11

På skärmbilden ser du hur många fyllningslager den vektoriserade versionen av näbben består av. Munnen har fyllts med svart färg. I grund och botten kan man avsluta förklaringarna här, eftersom teknikerna nu kommer att upprepas mer eller mindre. Det skulle dock inte vara rättvist, eftersom det finns några tips som kommer att underlätta ditt arbete, och dessa vill jag inte hålla tillbaka från dig.

Växelkonst

Steg 12

För att få en bättre översikt är det meningsfullt att samla fyllningsnivåerna som tematiskt passar ihop i lagegrupper. Du kan markera de lager som näbben består av med Skift-tangenten nedtryckt och slå samman dem i en grupp med kortkommandot Ctrl+G. Namnge gruppen "Näbben".

Växelkonst

Steg 13

Välj bakgrundslagret och skapa en markering av fågelns huvud med Lassoverktyget. Använd alternativet Lägg till i markeringen för att bekvämt skapa markeringen i avsnitt istället för allt på en gång. Omvandla markeringen till en sökväg, välj en tolerans på 2. Fyll formen med blå färg.

Växelkonst

Steg 14

Om du inte är nöjd med formen på sökvägen kan du justera den genom att dra i förankringspunkterna. Använd Markeringsverktyget och Sökvägsmarkeringverktyget för detta.

Växelkonst

Steg 15

För att den ritade formen av fågelns huvud inte ska skymma ytterligare detaljer som ögon och fjädrar, kan du tillfälligt minska fyllningsnivån på lagret till ca 50%.

Växelkonst

Steg 16

Rita formerna med något ljusare blå färg ovan och bakom huvudet. Se till att lagren som tillhör huvudet inte överlappar lagruppen med näbben.

Växelkonst

Steg 17

Fjädrarna på fågelns huvud kan skapas med samma teknik. Rita med Lassoverktyget flera små "fjädrar" (alternativt Lägg till i markeringen) och omvandla sedan alla till en gemensam sökväg. Fyll sedan sökvägen med en mörkblå färg.

Växelkonst

Steg 18

När du har slutfört alla former för huvudet kan du återställa fyllningsnivån på det lägsta lagret av huvudkonturen till 100%. Samla lagren för huvudet i en lagegrupp.

Växelkonst

Steg 19

Börja med att skapa ögonen. För att kunna se allt i originalbilden under huvudgruppen, sänk fyllningsnivån för helpa huvudgruppen till ca 30-50%. Skapa de mörkare formerna under ögonen.

Växelkonst

Steg 20

Skapa formen för ögonäpplet, som du fyller med mörkröd färg.

Växelkonst

Steg 21

Skapa ytterligare former som pupillen, som fylls med svart, en ljusreflex i pupillen, som du kan fylla med vit färg. Samla lagren för ögat i en annan lagegrupp.

Växelkonst

Steg 22

Som tidigare beskrivet, skapa lagren för att vektorisera halsen på fågeln.

Växelkonst

Steg 23

För detaljer där det blir speciellt färggrant, som t.ex. fågelns bröst, kan du trixa lite. Skapa först en grundform, precis som du gjorde med huvudet, sedan formen med fjäderdräkten, fyll med en något mörkare färg.

Växelkonst

Steg 24

Duplicera sedan lagret med strukturen tre gånger. Skala kopior av fyllningslagret med strukturen, flytta dessa något från det första fyllningslagret med strukturen och ändra fyllningsfärgen genom att dubbelklicka på fyllningslagrets miniatyr. När du är klar med fördelningen av strukturerna kan du samla lagren i en lagegrupp.

Växelkonst

Steg 25

För de större fjädrarna kan du underlätta arbetet genom att använda kopior av fyllnadsplanerna. Skapa först en fyllnadsplan med formen av en fjäder och med en gradient från ljusgrön till mörkgrön.

Växelkonst

Steg 26

Gör en kopia av fyllnadsplanet och flytta den till en annan plats. På så sätt kan du skapa ett stort antal klontade fjädrar. För att de inte ska se för lika ut, kan du rotera några formplaner med kommandot Transformera fritt.

Växelkonst

Steg 27

Förena fjäderebenen i en lagergrupp.

Växelkonst

Steg 28

För att ge fjädern lite mer struktur kan du använda ett annat knep. Dubblera lagergruppen med fjädrarna och förminska den så att strukturen i fjädergruppen förflyttas lite i förhållande till originalet.

Växlingskonst

Steg 29

Skapa en lagermask på lagergruppen med de skalade fjädrarna och välj verktyget Gradientverktyg med alternativet Förgrund transparent, Förgrundsfärg Svart. Dra en maskeringsgradient så som det visas med pilen på skärmbilden.

Växelkonst

Steg 30

Som du ser kan du på det sätt som beskrivits i de senaste stegen omvandla hela designen av fågeln och grenen till vektorer. Det är viktigt att dela upp lagerstrukturen med lagergrupper; på så sätt får du bättre översikt.

Växelkonst

Steg 31

För att skapa bakgrunden på bilden, använd samma tekniker som jag har beskrivit i denna handledning. Om du använder Eget-formverktyg kan du använda Photoshop-biblioteket, där många intressanta mönster för din design finns tillgängliga. Dessutom kan du också spara egna mönster och använda dem.

Växlingskonst

Steg 32

Om du vill undvika att en form som ligger ovanpå en annan överskrider dess gränser (i vårt exempel är det en fritt ritad form som inte ska gå över kvadratens gränser), använd alternativet Klippmask, som du aktiverar genom att klicka mellan två lager med knappen Alt nedtryckt.

Växelkonst

Och så här ser den färdiga bilden ut.

Växelkonst