Affinity Photo-tutorial: Julängeln

Affinity Photo: Beskära och transformera vingarna - "Julängeln" (Delar 6-8/14)

Marco Kolditz
publicerad:

Sektionera motivationen i Affinity Photo - Med hjälp av QuickMask och Pensel lyckades detta med dansaren. I delarna 6–8/14 av vår handledningsserie lär du dig nu en annan metod: Ta fram Pennan och ge ängeln sina välförtjänta vingar med hjälp av banor.


Del 6: Att skära ut vingar - skapa bana med pennan

Ta itu med det andra motivet som du behöver för montage. Innan du skär ut vingarna, förklarar Marco Kolditz hur du grundläggande hanterar utklipp med Penn-verktyget i Affinity Photo. Efter att ha använt Pensel och QuickMask lär du dig en andra teknik för utklipp. Till slut får du en baserad på bana, som förfinas i den kommande handledningen.

Affinity Photo: Tillämpa penna
Lär dig hur du grundläggande använder pennan i Affinity Photo och tillämpar den på ett konkret exempel.

Vad du lär dig i del 6 av Affinity Photo-handledningen

  • Skapa en bana med pennan för att förbereda en utklipp
  • Grundläggande om Penn-verktyget och konkret användning
  • Byt ankarpunkter för att skapa rundningar och hörn

Att klippa ut med pennan - de grundläggande förklaras

Låt oss ta hand om vingarna. För detta har jag valt den här bilden och laddat in den i bakgrundsplanet i Affinity Photo. Vi skulle kunna aktivera Utklippsläget igen med QuickMask och med hjälp av Pensel-verktyget välja ut vingen.

I det här fallet föredrar jag dock det Penn-verktyg eller att arbeta med banor, eftersom vi har vackra kurvor här som är lätt att välja ut med banor. Jag tar tag i Penn-verktyget. Det finns bakom den här ikonen och kan också nås med P:

Affinity Photo: Aktivera penna med tangenten P eller via ikonen.
Du aktiverar pennan med tangenten P eller via ikonen.

Jag zoomar in på bilden. När jag klickar på en punkt i bilden med Penn visas den här lilla rektangeln (1). I lagerpanelen ser man ingenting speciellt ännu. När jag ställer in en andra punkt har jag två ankarpunkter och en linje däremellan (2). Nu finns det en Kurva-lager i lagerpanelen, alltså i huvudsak ett Bana-lager. När jag lägger till fler ankarpunkter och avslutar detta har jag skapat en sluten bana (3).

Affinity Photo: Sätt ankarpunkter och stäng sökvägar
När du lägger till en andra ankarpunkt skapar du en kurva. Slutför banorna genom att föra dem tillbaka till den första ankarpunkten.

Ankarpunkterna är fyrkantiga. Om jag vill ha en Avrundning, det vill säga kurvor, måste jag klicka och dra vid nästa ankarpunkt (1). På så sätt kan jag skapa en kurva. Små armar sticker ut från ankarpunkten. Dessutom är ankarpunkten inte längre fyrkantig, utan cirkulär.

När jag klickar och drar igen (2) kommer vackra kurvor fram som övergår till andra kurvor. Så inga kanter syns, och varje av dessa ankarpunkter har två armar.

Om jag vill flytta dessa enskilda ankarpunkter, oavsett om de är runda eller fyrkantiga, håller jag nere Ctrl-tangenten. Muspekaren ändras i enlighet med detta (3) - jag klickar på en ankarpunkt och drar. På så sätt kan jag placera ankarpunkterna där jag vill ha dem.

Detta gäller också för armarna i sådana kurvor. Om jag klickar och drar en arm med Ctrl-tangenten nedtryckt (4), kan jag ändra kurvan. Båda armarna rör sig mot varandra, vilket förhindrar att det skapas en ful kant.

Affinity Photo: Med penna ritar du hörn och kurvor.
Ett klick skapar ett fyrkantigt hörn, och klicka och dra skapar en rund ankarpunkt.

Om jag vill att detta ska vara en kurva och att allt ska övergå till en kant, måste jag hålla ned Alt-tangenten, klicka och dra (1). Så skapar jag en kant. Armarna rör sig oberoende av varandra (2). Med Ctrl-tangenten nere kan jag justera armarna. Nu har vi en kurva, en kant och sedan en kurva (3). Rektangeln visar att det finns en kant här.

Affinity Photo: Kortkommandon för att använda pennan när du ritar banor.
Du växlar ankarpunkternas typ med Alt-tangenten. Du kan flytta ankarpunkter och armar med Ctrl.

Skapa bana med pennan

Så kan man enkelt arbeta med banor. Genom tekniken väljer vi vingen. Jag tar bort den tidigare banlagret. Jag placerar den första ankarpunkten här (fyrkantig punkt vid 1), den andra vid denna plats där jag direkt drar för att skapa en kurva (rund punkt vid 1). Jag ser till att kurvan placeras längs vingen. Om den sticker ut över vingen, håller jag ner Ctrl-tangenten, klickar på ankarpunkten och kan justera den lite.

Här placerar jag den tredje ankarpunkten (2). Med pennan måste man öva lite – ju mer man har arbetat med verktyget, desto bättre vet man var man ska klicka på bilden. Man behöver alltså inte placera en ankarpunkt millimeter för millimeter, utan man kan ha mer avstånd och snarare arbeta med dessa kurvor.

Här ser vi att armen antagligen är för lång. Så jag justerar det med nedtryckt Ctrl-tangent (från 2 till 3). Totalt sett arbetar jag så att banan snarare befinner sig något invändigt på vingen än utvändigt.

Affinity Photo: Klippa ut med hjälp av pennverktyget
Använd ankarpunkterna för att leda banorna längs kurvor.

Också här gör jag ytterligare justeringar tills allt passar. På detta sätt arbetar man steg för steg genom bilden.

Affinity Photo: Friställning med pennverktyget
Övning ger färdighet: När du väl har lärt dig det, vet du var du ska klicka och dra.

I nästa bild ser vi att vi har en lätt böjd sträcka framför oss. Därför räcker det förmodligen att sätta nästa ankarpunkt långt upp. Jag klickar och drar – och vi har en kurva igen, men den följer inte vingens kurva. Så jag justerar också det genom att förlänga armen.

Som sagt, det tar tid tills man verkligen har lärt sig konsten. Pennverktyget är mycket rekommenderat när man behöver klippa ut objekt som glas eller tekniska enheter. När det gäller objekt med kurvor och även räta linjer är det effektivare att arbeta med banor än till exempel att klippa ut med QuickMaske.

Affinity Photo: Friläggning med hjälp av penna.
Även långa sträckor kan överbyggas med pennan.

Nu kommer vi till en mer komplicerad del. Vi har en rundning här och sedan en kant. Jag placerar ankarpunkten och justerar kurvan (1 till 2).

När jag nu sätter och drar till nästa ankarpunkt, får vi visserligen en kurva (3), men också en linje nedanför (pil vid 3). För att behålla kanten håller jag nere Alt-tangenten, klickar på ankarpunkten och drar. Så har jag återigen gjort en kantig punkt av den runda punkten (4). Med nedtryckt Ctrl-tangent flyttar jag armarna fritt från varandra.

Överst har vi en del där vingen inte är sammanhängande (5). Det kan vi senare korrigera med en mask.

Affinity Photo: Kombinera fyrkantiga och runda ankarpunkter.
Kombinera kantiga och runda ankarpunkter för att hantera även sådana kurviga element.

Så arbetar man sig genom bilden. Det fina är att med en bana får vi väldigt fina konturer, det vill säga inte så pixliga eller ojämna områden som kan uppstå om vi till exempel skulle arbeta med målarpenseln.

Affinity Photo: Klippa ut med penna
Ankarpunkt för ankarpunkt arbetar du dig genom bilden med pennan.

Aktuellt resultat: Jag har markerat hela vingen med hjälp av pennverktyget.

Affinity Photo: Klippa ur med markörpennan - fullständig sökväg runt motivet
Resultatet: Konturen på vingen har nu helt spårvägs med en stig.

Att skapa en stig med pennan - Sammanfattning Del 6

  • Med pennan skapar du ett kurvlager baserat på stigar.
  • Pennan rekommenderas för objekt med raka och kurviga kanter.
  • Aktivera pennan genom ikonen eller med genvägen P.
  • Med ett klick skapar du en fyrkantig ankarpunkt för hörn.
  • Genom att klicka och dra skapar du en rund ankarpunkt för kurvor.
  • Flytta satta ankarpunkter (och armar) med en tryckt Ctrl- tangent.
  • Med Alt- tangenten omvandlar du en rund ankarpunkt till en fyrkantig ankarpunkt.
  • Till sist gäller: Övning ger färdighet! Prova att använda pennan för olika former.

Del 7: Friläggning av vingar, skapa mask och infoga hack

Nu gäller det att frilägga vingarna efter dansaren. Stigen kan du antingen konvertera via funktionen Mask eller via val. Hur du går tillväga lär du dig i den sjunde handledningen i julserien. På samma gång mejslar du ut några hack i kanterna på vingarna, så att resultatet i slutändan är en helt frikopplad och ännu mer realistisk, eftersom det delvis ser slitet ut.

Affinity Photo: Klippa ur med markörpennan - fullständig sökväg runt motivet
Stigen är där - men hur når du friläggningen? Två vägar är möjliga: via mask och val

Vad du kommer att lära dig i Del 7 av Affinity Photo-tutorialen

  • Hur du skapar en mask från en stig
  • Skapa stig- och pixlar-maskar
  • Pennan - Funktioner Val och Mask
  • Gör ytterligare förbättringar med Penseln
  • Sammanfoga synliga lager i Affinity Photo

Skapa en mask från en stig

Efter att vi skapat stigen för vingen i föregående handledning, finns nu bilden som bakgrunds-lager och kurvlagret, alltså vår stiglager, i lagerpaletten. Hur kan vi förvandla den till en mask? – Det finns två vägar …

Med aktiverat pennverktyg (1) och aktivt kurvlager (2) är stigen synlig. Dessutom ser vi ovan alternativen Mask och Val (3). Låt oss titta på funktionen Mask.

Affinity Photo: Friläggning - i penverktyget finns alternativen Mask och Markering tillgängliga.
I pennan har du alternativen Mask och Val till ditt förfogande.

Med aktiverat kurvlager (1) med bilden nedanför, som jag vill maska, klickar jag på Mask (2). Nu har jag maskat och valt vingen. Resten är transparent (3). I lagerpaletten finns bilden med en mask (4) - med en fortfarande ändringsbar stigmask.

Jag kan nu inte ta penselverktyget och måla med svart förgrundsfärg för att göra detta område transparent - det fungerar inte eftersom vi har en stigmask. Men om jag väljer vårt bakgrundslager (4 välj) och klickar på mask-symbolen (5), kan jag skapa en ny maska (6). Denna kan jag sedan klicka på och dra till bakgrundslagret (7). Nu har jag en pixlar-mask och en stigmask (8).

Affinity Photo: Steg för steg: Skapa ban- och pixlar-mask
Så skapar du steg för steg en stig- och en pixlar-mask.

En anmärkning: Du kan aktivera knappen Assistentinställningar, så att en mask automatiskt tillämpas på det valda lagret. Jag har oftast inaktiverat assistenten, eftersom den å ena sidan har fördelar, men å andra sidan ibland nackdelar.

Affinity Photo: Aktivera assistenten
Tips: I vissa fall är det användbart att aktivera assistenten.

Jag kommer att visa dig vad det betyder när den är aktiverad: Jag har återaktiverat bakgrundsplanet (1), klicka på denna maskikon (2). I det här fallet vet Affinity Photo att jag vill tillämpa en mask på den här nivån (3). Assistenten är alltså praktisk i det här fallet. Ibland finns det dock situationer då assistenten agerar och gör saker som man egentligen inte hade planerat. Därför hade jag den också inaktiverad.

Affinity Photo: Skapa mask med aktiverad assistent
Skapa mask med aktiverad assistent

Vi har alltså sökvägsmasken och pixlar. Om jag har pixlarna (1) och pensel-verktyget (2) med svart förgrundsfärg (3) aktiverat kan jag måla transparenta områden (4).

Vi kan arbeta med en kombination av sökvägsmask och pixlar. Vi ändrar sökvägmaksen med hjälp av pennverktyget - pixelmasken med penseln.

Affinity Photo: Fortsätt redigera det markerade området på masken
På pixlar kan du eventuellt justera din friläggning ytterligare.

Skapa ett urval från en stig

Om du vill arbeta bara med en pixelmask, gör så här: Vi har vår ursprungliga bakgrund och kurvplanet igen. Pennverktyget är aktiverat (1). Jag är på kurvplanet (2). Den här gången väljer jag Urval (3). Därmed har vi konverterat stigen till en pixlarval (4).

Affinity Photo: Skapa ett urval för att beskära från en sökväg
Den andra möjligheten: Skapa ett urval från en stig.

Med hjälp av urvalet kan vi skapa en pixlar. Därefter aktiverar jag bakgrunden (1), även Assistentinställningarna (2), och klickar på masken (3) så att en pixlar läggs till den valda nivån (4). Med Ctrl+D avslutar jag det nuvarande urvalet.

Affinity Photo: Skapa en pixellöjlig mask.
Skapa en pixlar

Redigera vingen mask

Masken kan vi fortsätta att redigera och optimera. Jag zoomar in på bilden. Jag anpassar kanterna. Just nu är allt fortfarande helt slätt. Jag tar pensel (1) med svart förgrundsfärg (2) och målar på masken (3) för att skapa små jack, vilket ger en mer realistisk effekt i slutändan (4).

Affinity Photo: 
framhäva - detaljarbete på motivets konturer
En lyckad komposition uppstår från sådana detaljer: Arbete några jack.

Så här arbetar jag runt hela urvalet. Eftersom jag använder en grafik surfplatta kan jag variera penselns tjocklek med pennan genom att trycka olika kraftigt.

Affinity Photo: Avklippning - Detaljarbete på motivets konturer.
Med penseln kan du enkelt lägga till jack.

De områden kan vi helt ignorera, eftersom de senare kommer att vara bakom modellen:

Affinity Photo: Beskära - Detaljarbete på motivets konturer.
Dessa områden kommer senare att vara bakom dansaren och behöver inte beaktas.

Sammanfoga synliga lager

Vi skulle kunna placera detta lager, bilden med masken, i vår komposition. Men jag vill visa dig hur du skapar ett separat lager där bara den här vingen ligger, helt utan mask. Du väljer det aktuella lagret (1) och går under Lager till Sammanfoga synliga (2). Alternativt kan du göra det med Ctrl+Alt+Skift+E. Då kombineras de undre lagren till ett (3).

Affinity Photo: Sammanfoga synliga lager
Sammanfoga synliga lager i Affinity Photo

Med den vänstra vingen på en separat nivå framför en genomskinlig bakgrund, helt utan mask. Och nu kan vi placera den i kompositionen.

Affinity Photo: Resultat av fristående vingen.
Underbart! Efter dansaren har vi nu också friställt vingarna för vår komposition.

Skapa masker i Affinity Photo - Sammanfattning del 7

  • För att skapa en mask från en bana finns funktionerna Pen, Mask och Selection tillgängliga.
  • Du kan efterjustera pixlar i masker med hjälp av Penseln.
  • Använd assistenten vid behov.
  • Du kan sammanfoga synliga lager med Ctrl+Alt+Shift+E.

Del 8: Positionera och transformera vingar

I de tidigare delarna av handledningen friställde vi julängeln och dess tillhörande vinge. Nu är det dags att kombinera motiven med varandra. Lär dig vad du bör tänka på när du infogar en bild i en annan och hur du kan transformera element. Använd rotation, horisontell spegling och proportionell eller icke-proportionell förstoring och förminskning för att låta ängeln flyga.

Affinity Photo: Positionera och transformera vingarna på ängeln.
I den här delen av Affinity Photo-handledningen ger vi äntligen ängeln sina vingar.

Vad du lär dig i del 8 av Affinity Photo-handledningen

  • Hur du infogar bilder i andra bilder och vad du bör tänka på
  • Ändra dokumentstorlek och canvasstorlek
  • Positionera och transformera motiv: horisontell spegling, flytta, rotera, (proportionell) förstoring och minskning

Kopiera ett motiv från en fil och klistra in det i en annan fil

Vi har friställt vingen och placerar den nu bakom julängeln. Jag har öppnat filerna med vingen (1) och julängeln (2). I lager-panelen ser vi den friställda vingen som befinner sig på en pixelnivå (3).

Jag vill markera och dra den till den andra filen, vilket inte fungerar i Affinity Photo (version 1.6). Jag kan inte heller bara klicka på vingen och dra den till den andra filen. Vi måste alltså gå en annan väg, genom att använda kopiera och klistra in: Jag väljer det lager som ska kopieras och trycker på Ctrl+C för att kopiera det. Jag öppnar den andra filen.

Affinity Photo: Kopiera motiv från ett dokument till ett annat
Välj vingen och tryck på Ctrl+C för att kopiera den.

Nu kan jag trycka på Ctrl+V för att klistra in vingen. Vi måste dock vara försiktiga: I lager-panelen är gruppen för närvarande inte markerad (1). Om jag nu bara trycker på Ctrl+V, händer ingenting. Var är vingen? Den har placerats någonstans inom gruppen (2).

Jag tar bort lagret, stänger gruppen och se till att gruppen är markerad den här gången (3). Om jag nu trycker på Ctrl+V, kommer det kopierade innehållet att placeras ovanför den tidigare markerade gruppen eller lagret (4). Det var exakt vad vi ville uppnå.

Affinity Photo: Infoga en motiv i en bild
Var alltid uppmärksam på vilket element som är markerat i lagerpanelen när du klistrar in ett motiv.

Ändra dokumentstorlek och canvasstorlek

Nu måste vi se till att vingen befinner sig bakom vår julängel. Det går vanligtvis enkelt genom att placera lagret under "Dansaren"-lagret.

Vi ser dock i vårt dokument att det inte finns särskilt mycket utrymme tillgängligt. Det måste vi först se till att skapa. Vi måste antingen förstora dokumentet eller, som det kallas i Affinity, förstora canvasen. Det görs genom att gå till Dokument, där det finns två alternativ: Ändra dokumentstorlek... (1) och Ändra canvasstorlek... (2).

Vad är skillnaden? Genom att ändra dokumentstorlek (3) förstoras eller förminskas bilden, vilket innebär att pixlarna i bilden omberäknas och innehållet förstoras eller förminskas. Det är inte vad vi vill göra i det här fallet.

I stället väljer vi ändra dukstorlek (4). Nu kan jag definiera hur stor duken eller dokumentet ska vara. Som ankare väljer jag mitten (5), så att bilden förstoras från mitten. Jag ställer in storleken på 8 000 px (6). Med låssymbolet justeras det andra värdet proportionellt. Därför öppnar jag låssymbolen (7) och anger även 8 000 px för det andra värdet. Det bekräftar jag med storlek ändra.

Affinity Photo: Ändra dokumentstorlek och canvassstorlek
Funktionerna Dokumentstorlek och Dukstorlek ändras

OBS: Visningsfel i Affinity Photo

Förvånad dig inte över denna linje, det är en visningsfel. När jag zoomar in försvinner den. Uppenbarligen ett visningsproblem i Affinity Photo (version 1.6) - när bilden sparas, sparas inte linjen med eftersom den faktiskt inte existerar.

Affinity Photo: Visningsfel i version 1.6.
Visningsfel: I version 1.6 av Affinity Photo visas linjer som egentligen inte finns.

Placera vingen bakom statyn

Jag döper om pixellagret till "Höger vinge" (1). Jag skapar också en ny grupp: lagret är aktiverat och jag klickar på mapp-ikonen (2) eller trycker Ctrl+G. Jag döper gruppen till "Vinge" (3). Nu drar jag gruppen längst ned (4) för att placera vingen bakom statyn (5).

Affinity Photo: Placera vingarna bakom ängeln.
Som alltid gäller: Namnge dina lager och grupper för att snabbt hitta rätt.

Spegla vingen horisontellt

Jag duplicerar vingen. Jag väljer "Höger vinge" och trycker Ctrl+J (1). Jag döper kopior till "Vänster vinge" (2). Jag drar den åt vänster (3), sedan speglar jag den: Klicka med höger musknapp på vingen och välj Transformera>Horisontell spegling (4). Nu är vingen speglad (5).

Affinity Photo: Transformera motiv och spegla vertikalt och horisontellt.
Genom att högerklicka kan du under Transformera spegla motivet både vertikalt och horisontellt.

Flytta och rotera motiv

Låt oss först ta hand om den högra vingen: När jag klickar på den kan jag flytta den (1).

För att rotera flyttar jag muspekaren högst upp i hörnet (2). Inte direkt på ankarpunkten, utan lite längre ut, då visas dubbelpekaren. Genom att klicka och dra roterar vingen.

Affinity Photo: Rotera motivet
Klicka och dra motivet för att flytta det. Rotationen sker genom att dra nära ett handtag i hörnet på motivet.

När jag i stället klickar på en av ankarpunkterna (1) och drar ändras storleken proportionellt (2 och 3). Om du inte vill förstora eller förminska proportionellt (4), håll nere Skift-tangenten när du drar ankarpunkten.

Affinity Photo: Transformera motiv proportionellt och oproportionellt
Genom att dra handtagen kan du proportionellt förstora och förminska motiv. Om du håller ned Skift sker storleksändringen icke-proportionellt.

Jag positionerar nu vingen som jag vill ha den, samtidigt som jag vrider den och sträcker lite. Här nere måste jag se till att det fria området inte syns (1). Vingen bör heller inte börja bakom halsen (2). Så här gillar jag det (3).

Affinity Photo: Justering av vingen till ängeln.
Justering av högra vingen

För den vänstra vingen: Jag vrider den mer så att båda vingarna följer armarna. Här ställer jag också in storleken, ibland arbetar jag icke-proportionellt. Vingen bör börja ungefär vid knät (1) och också bakom axeln (2).

Affinity Photo: Anpassning av vingen till ängeln.
Första justeringen av vänster ving

Vid lägre zoom märks det att den högra vingen verkar vara något större än den vänstra (1). Den högra ska gå lite bakåt och den vänstra mer åt sidan. Det anpassar jag igen (2).

Affinity Photo: Justering av vingen till ängeln.
Ytterligare justering av vänster ving

På så sätt har vi placerat båda vingarna bakom statyn.

Affinity Photo: Resultat - utsatt ängel och utsatta vingar i en bildkomposition.
Resultat: Nu kan julängeln äntligen lyfta!

Positionera och transformera motiv i Affinity Photo – Sammanfattning del 8

  • Lägg till bilder i andra genom att kopiera och klistra in med Ctrl+C och Ctrl+V.
  • Var uppmärksam på vilket element som är markerat i lagerpaletten när du klistrar in.
  • Använd dokumentstorlek för att justera storleken på din bild.
  • Använd dukstorlek för att justera arbetsyta.
  • Genom att högerklicka kan du spegla en bild horisontellt eller vertikalt under Transformera.
  • För att flytta motiv klickar du på dem och drar dem.
  • Utforma element som du önskar genom att använda transformationer som spegling, rotation och (proportionell) förstoring och förminskning.
  • Genom att klicka på handtaget på ett motiv kan du förstora och förminska det proportionellt. Om du håller ner Shift-tangenten byter du till icke-proportionell storleksändring.

> Till delarna 4 och 5

> Till delarna 9 och 10

Testa TutKit.com gratis och utan förpliktelser.

Innehållet i inlägget är baserat på en videohandledning av vår tränare Marco Kolditz:

Publicerad den av Marco Kolditz
Publicerad den:
Från Marco Kolditz
Marco Kolditz driver som digital artist, redaktör och videotränare i München under namnet MEER DER IDEEN. Han driver även en blogg och en Youtube-kanal med samma namn. Förutom videoträningar för PSD-Tutorials har Marco Kolditz redan publicerat många andra videotutorials om Adobe Photoshop och Adobe Illustrator samt fackartiklar om kreativa Photoshop-Composings för andra facktidskrifter som DigitalPHOTO.
Tillbaka till översikten