Utklipping motiv i Affinity Photo - dette ble oppnådd med danseren gjennom QuickMaske og Malpinsel. I del 6–8/14 av vår tutorialserie, lærer du nå en annen metode: Ta i bruk Zeichenstift og gi engelen sine velfortjente vinger ved hjelp av stier.
Del 6: Utklipping av vinger - Lage sti med Zeichenstift
Gå inn i det andre motivet du trenger for sammensetningen. Før du klipper ut vingene, vil Marco Kolditz forklare hvordan du grunnleggende går frem med utklipping ved hjelp av Zeichenstift-verktøyet i Affinity Photo. Etter å ha jobbet med Malpinsel og QuickMaske, vil du lære en annen teknikk for utklipping. Til slutt ender du opp med et stibasert utvalg, som vil forbedres i den påfølgende opplæringen.

Du vil lære i del 6 av Affinity Photo-tutorial
- Lage en sti med Zeichenstift for å forberede en utklipping
- Grunnleggende om Zeichenstift-verktøyet og praktisk anvendelse
- Bytte ankerpunkter for å skape kurver og hjørner
Utklipping med Zeichenstift - grunnleggende forklart
La oss ta oss av vingene. Til dette har jeg valgt dette bildet og lastet det inn i bakgrunnsnivået i Affinity Photo. Vi kunne aktivere utklipping igjen med QuickMaske og velge ut vingen ved hjelp av Malpinsel-verktøyet.
I dette tilfellet foretrekker jeg imidlertid Zeichenstift-verktøyet eller arbeidet med stier, siden vi har fine kurver her som egner seg godt til utklipping med stier. Jeg tar i bruk Zeichenstift-verktøyet. Dette er skjult bak denne ikonet og kan også aktiveres med P:

Jeg zoomer inn i bildet. Når jeg klikker på et punkt i bildet med Zeichenstift, vises det en liten firkant (1). I lagpanelet ser man ingenting spesielt ennå. Så snart jeg setter et andre punkt, har jeg to ankerpunkter og en linje mellom dem (2). Nå ligger det et Kurve-nivå i lagpanelet, det vil si i grunnen et Sti-nivå. Hvis jeg setter flere ankerpunkter og avslutter, har jeg opprettet en Lukket sti (3).

De eckige ankerpunkted. Ønsker jeg en Runding, det vil si kurver, må jeg klikke og dra til neste ankerpunkt (1). På denne måten kan jeg oppnå en kurve. Det kommer ut små armer fra ankerpunktet. I tillegg er ankerpunktet ikke lenger firkantet, men sirkulært.
Når jeg klikker og drar igjen (2), vises fine kurver som glir over i andre kurver. Du ser altså ingen kanter, og hver av disse ankerpunktene har to armer.
Ønsker jeg å flytte disse enkelte ankerpunktene, uansett om de er runde eller firkantede, holder jeg Ctrl-tasten nede. Muspekeren vil endre seg på tilsvarende måte (3) - jeg klikker på ankerpunktet og drar. På denne måten kan jeg plassere ankerpunktene der jeg ønsker dem.
Dette gjelder også for armene på slike kurver. Hvis jeg klikker og drar en arm mens Ctrl-tasten er nede (4), kan jeg endre kurven. Begge armene beveger seg mot hverandre, slik at det ikke dannes stygge kanter.

Hvis jeg ønsker at det skal være en kurve og at det skal gå over i en kant, må jeg holde nede Alt-tasten, klikke og dra (1). På denne måten har jeg opprettet en kant. Armene beveger seg uavhengig av hverandre (2). Med Ctrl-tasten nede kan jeg tilpasse armene. Nå har vi en kurve, en kant og en kurve igjen (3). På rektangelet ser du at det er en kant her.

Lag sti med tegnepenn
Slik kan man enkelte arbeide med stier. Ved hjelp av teknikken velger vi vingen. Jeg sletter det tidligere sti-laget. Jeg plasserer første ankerpunkt her (firkantet punkt ved 1), den andre på dette stedet, der jeg drar direkte for å lage en kurve (rundt punkt ved 1). Jeg passer på at kurven plasseres langs vingen. Hvis den stikker ut over vingen, holder jeg Ctrl--tasten nede, klikker på ankerpunktet og kan justere den litt.
Her plasserer jeg det tredje ankerpunktet (2). Med tegnepennen må man øve litt – jo mer man har jobbet med verktøyet, desto bedre vet man også hvor man skal klikke i bildet. Så man trenger ikke å sette en ankerpunkt millimeter for millimeter, men kan heller la det være litt avstand og heller jobbe med disse kurvene.
Her ser vi at armen sannsynligvis er for lang. Så jeg justerer det mens jeg holder Ctrl--tasten nede (fra 2 til 3). Generelt jobber jeg slik at stien heller befinner seg litt inne i vingen enn utenfor.

Også her gjør jeg ytterligere justeringer til alt passer. Slik jobber man seg trinn for trinn gjennom bildet.

I det neste bildet ser vi at vi har en lett bøyd linje foran oss. Derfor er det sannsynligvis nok å sette det neste ankerpunktet langt oppe. Jeg klikker og drar – og vi har igjen en kurve, men denne følger ikke kurven av vingen vår. Så justerer jeg også det ved å forlenge armen.
Som sagt, her må man ta seg tid, til man bokstavelig talt får tak på det. Tegnepenn-verktøyet er meget anbefalt når man må fristille objekter som glass eller tekniske enheter. Ved objekter med kurver og også rette linjer er det mer effektivt å jobbe med stier enn for eksempel fristilling med QuickMaske.

Nå går vi inn i et mer komplisert område. Her har vi en avrunding og deretter en kant. Jeg setter ankerpunktet og tilpasser kurven (1 til 2).
Hvis jeg nå setter det neste ankerpunktet og drar, har vi riktignok en kurve (3), men også her nederst (pil ved 3). For å beholde kanten, holder jeg Alt--tasten nede, klikker på ankerpunktet og drar. Slik har jeg gjort den runde ankerpunktet til et kantete igjen (4). Med Ctrl--tasten nede beveger jeg armene fritt fra hverandre.
Øverst har vi et område der vingen ikke er kontinuerlig (5). Dette kan vi korrigere senere med en maske.

Slik kan man jobbe seg gjennom bildet. Det fine er: Med en sti oppnår vi veldig fine konturer, det vil si ikke så pikselerte eller ujevne områder, som kan oppstå hvis vi for eksempel skulle jobbe med Malerpisselforkleet.

Det aktuelle resultatet: Jeg har valgt hele vingen ved hjelp av penn-verktøyet.

Penselag med penn – Sammendrag Del 6
- Med penn lager du et kurveplan basert på baner.
- Pennen anbefales for objekter med rette og buede kanter.
- Du aktiverer pennen via ikonet eller med snarvei P.
- Et klikk setter et firkantet ankerpunkt for hjørner.
- Ved å klikke og dra lager du et rundt ankerpunkt for kurver.
- Ankerpunktene (og armene) som er satt, kan flyttes med Ctrl-tasten trykket ned.
- Med Alt-tasten kan du konvertere et rundt ankerpunkt til et firkantet ankerpunkt.
- Til slutt gjelder det: Øvelse gjør mester! Prøv pennen med ulike former.
Del 7: Frihåndsskjære vinger, opprette maske og lage spor
Nå gjelder det å frihåndsskjære vingene etter danseren. Du kan enten konvertere banen via funksjonen maske eller ved hjelp av utvalg. Hvordan du går frem, vil du lære i den syvende opplæringen i juleserien. I tillegg lager du noen spor i kantene på vingene, slik at du til slutt har et fullstendig frihåndsskåret motiv som ser enda mer realistisk ut, fordi det ser delvis slitt ut.

Dette lærer du i Del 7 av Affinity Photo-opplæringen
- Hvordan du oppretter en maske fra en bane
- Opprette bane- og pikselmasker
- Penn – Funksjoner Utvalg og Maske
- Gjøre ytterligere optimaliseringer med Malerpensel
- Slå sammen synlige lag i Affinity Photo
Opprette en maske fra en bane
Etter at vi i forrige opplæring opprettet banen for vingen, vil bildet nå ligge som bakgrunnslag og kurveplanen, altså baneplanen vår, i lagpaletten. Hvordan kan vi lage en maske av dette? – Det er to måter …
Når kurveplanet (1) er aktivert med bildet underlagt, som jeg vil maskere, klikker jeg på Masker (2). Dermed har jeg maskert og valgt vingen. Resten er gjennomsiktig (3). I lagpaletten har vi bildet med en maske (4) – med en bane-maske som fortsatt kan endres.
Jeg kan nå ikke bruke malerpensel-verktøyet og male med svart for å gjøre dette området gjennomsiktig – det fungerer ikke, fordi vi har en bane-maske. Men hvis jeg velger bakgrunnslaget vårt (4), og klikker på maskesymbolet (5), kan jeg opprette en ny maske (6). Denne kan jeg deretter klikke på og dra til bakgrunnslaget (7). Nå har jeg en pikselmaske og en bane-maske (8).

Et tips: Du kan aktivere «Assistentinnstillinger»-knappen, slik at en maske automatisk blir anvendt på det valgte laget. Vanligvis har jeg assistenten deaktivert, fordi den gir visse fordeler, men også noen ulemper.

Jeg viser deg hva det betyr når det er aktivert: Jeg har aktivert bakgrunnslaget igjen (1), klikk på dette maskesymbolet (2). I dette tilfellet vet Affinity Photo at jeg vil påføre en maske på dette laget (3). Assistenten er praktisk i dette tilfellet. Det er imidlertid noen ganger situasjoner der assistenten griper inn og gjør ting som egentlig ikke var planlagt. Derfor hadde jeg deaktivert den.

Så har vi stiplemasken og pikselmasken. Når jeg har aktivert pikselmasken (1) og malebørste-verktøyet (2) med svart forgrunnsfarge (3), kan jeg male gjennomsiktige områder (4).
Vi kan derfor jobbe med en kombinasjon av stiplemaske og pikselmaske. Vi endrer stiplemasken med penn- verktøyet - pikselmasken med malebørste.

Opprette et valg fra en sti
Hvis du bare vil jobbe med en pikselmaske, går du frem som følger: Vi har igjen vår opprinnelige bakgrunn og bølgeformlaget. Penn- verktøyet er aktivt (1). Jeg er på bølgeformlaget (2). Denne gangen velger jeg Valg (3). Slik konverterer vi banen til et pikselvalg (4).

Ved hjelp av valget kan vi opprette en pikselmaske. Jeg aktiverer dermed bakgrunnen (1), assistentinnstillingene også (2), og jeg klikker på masken (3), slik at det legges til en pikselmaske på det valgte laget (4). Med Ctrl + D opphever jeg det gjeldende valget.

Rediger vingenes maske
Vi kan fortsette å redigere og optimalisere masken. For dette zoome jeg inn på bildet. Jeg justerer kantene. For øyeblikket er alt veldig jevnt. Jeg tar malepenselen (1) med svart forgrunnsfarge (2) og maler på masken (3) for å lage små hakk som til slutt gir en mer realistisk effekt (4).

Slik jobber jeg meg rundt hele valget. Fordi jeg jobber med en grafisk tavle, kan jeg variere børstens tykkelse med pennen ved å trykke forskjellig hardt.

Vi kan fullstendig ignorere områdene, for de vil senere ligge bak modellen:

Slå sammen synlige lag
Vi kunne plassere dette laget, bildet med masken, i sammensetningen vår. Jeg vil imidlertid vise deg hvordan du oppretter et eget lag der bare denne vingen er, helt uten maske. For dette velger du det nåværende laget (1) og går til Lag og velger Sammenslå synlige (2). Alternativt kan du gjøre dette med Ctrl + Alt + Skift + E. Slik samles de underliggende lagene til en sammen.

Der vingen på et separat lag foran gjennomsiktig bakgrunn, helt uten maske. Og den kan vi nå plassere i sammensetningen.

Oprett masker i Affinity Photo – Oppsummering del 7
- For å opprette en maske fra en bane, er funksjonene Pen, Mask og Selection tilgjengelige.
- Du kan redigere pikselmasker etterpå ved å bruke Penselverktøy.
- Bruk eventuelt assistenten.
- Du kan samle synlige lag ved å bruke Ctrl+Alt+Shift+E.
Del 8: Plassere og transformere vingene
Vi frilagde engelen og vingen i de tidligere delene av opplæringen. Nå er det på tide å kombinere motivene. Lær hva du må være oppmerksom på når du limer inn et bilde i et annet, og hvordan du kan transformere elementer. Bruk rotasjon, horisontal speiling og proporsjonal eller ikke-proporsjonal forstørring og forminskning for å la engelen fly.

Dette lærer du i del 8 av Affinity Photo-opplæringen
- Hvordan sette inn bilder i andre bilder og hva du skal se etter
- Endre dokumentstørrelse og lerretstørrelse
- Plassere og transformere motiver: speile horisontalt, flytte, rotere, (proporsjonalt) forstørre og forminke
Vi har frilagt vingen og plasserer den nå bak engelen. Jeg har åpnet filene med vingen (1) og engelen (2). I lagpaletten ser vi den frilagte vingen som befinner seg på et piksellerag (3).
Jeg vil gjerne markere dette og dra det til den andre filen, men dette fungerer ikke i Affinity Photo (versjon 1.6). Jeg kan heller ikke bare klikke på vingen og dra den til den andre filen. Så vi må gå en annen vei, via Kopier og lim inn: Jeg velger laget som skal kopieres og trykker Ctrl+C for å kopiere. Jeg bytter til den andre filen.

Nå kan jeg trykke Ctrl+V for å lime inn vingen. Men vi må være forsiktige: I lagpaletten er gruppen for øyeblikket ikke valgt (1). Hvis jeg bare trykker Ctrl+V nå, skjer det ingenting. Hvor er vingen? Den ble plassert et sted innenfor gruppen (2).
Jeg sletter laget, lukker gruppen og sørger denne gangen for at gruppen er aktivert (3). Når jeg nå trykker Ctrl+V, plasseres den kopierte innholdet over den tidligere valgte gruppen eller laget (4). Dette var akkurat det vi ønsket å oppnå.

Nå må vi sørge for at vingen befinner seg bak engelen vår. Dette gjøres vanligvis enkelt ved å plassere laget under "danseren"-laget.
Vi ser imidlertid i dokumentet vårt at det ikke er mye plass tilgjengelig. Dette må vi først ordne på. Vi må enten forstørre dokumentet eller, som det heter i Affinity, forstørre lerretet. Dette gjøres via Dokument, hvor det er to alternativer: Endre dokumentstørrelse... (1) og Endre lerretstørrelse... (2).
Hva er forskjellen? Med endre dokumentstørrelse (3) forstørres eller forminskes bildet, det vil si at pikslene i bildet blir rekalibrert og innholdet dermed forstørres eller forminskes. Dette ønsker vi ikke i dette tilfellet.
I stedet velger vi endre lerretstørrelse (4). Nå kan jeg definere hvor stort lerretet eller dokumentet skal være. Jeg velger midten som ankerpunkt (5), slik at bildet blir forstørret fra midten. Jeg setter størrelsen til 8.000 px (6). Ved å bruke hengelås-symbolet blir den andre verdien proporsjonalt justert. Derfor låser jeg opp symbolet (7) og skriver inn 8.000 px også for den andre verdien. Dette bekrefter jeg med endre størrelse.

Merk: Visningsfeil i Affinity Photo
Ikke bli forundret over denne linjen (1), dette er en visningsfeil. Når jeg zoomer inn i bildet, forsvinner den (2). Tydeligvis et visningsproblem i Affinity Photo (versjon 1.6) – når bildet lagres, blir ikke linjen lagret med, fordi den faktisk ikke eksisterer.

Plasser vingen bakstatuen
Jeg omdøper pikselebene til "Høyre vinge" (1). Deretter oppretter jeg en ny gruppe: Laget er aktivert, og jeg klikker på mappe-symbolet (2) eller trykker Ctrl+G. Jeg omdøper gruppen til "Vinge" (3). Nå drar jeg gruppen helt ned (4) for å plassere vingen bak statuen (5).

Vend vingen horisontalt
Jeg dupliser vingen. Jeg velger "Høyre vinge" og trykker Ctrl+J (1). Jeg omdøper kopien til "Venstre vinge" (2). Jeg drar den mot venstre (3), deretter speiler jeg den: Høyreklikk på vingen og velg Transformasjon>Horisontal speiling (4). Dermed er vingen speilet (5).

Bevege og rotere motiver
La oss først ta tak i den høyre vingen: Når jeg klikker på den, kan jeg flytte den (1).
For å rotere beveger jeg musepekeren til øverst i hjørnet (2). Ikke direkte på ankerpunktet, men litt lenger ute, da vises dobbeltpilen. Ved å klikke og dra roteres vingen.

Hvis jeg derimot klikker på en av ankerpunktene (1) og drar, endres størrelsen proporsjonalt (2 og 3). Hvis du ikke ønsker å forstørre eller forminske proporsjonalt (4), hold inne Shift-tasten mens du drar ankerpunktet.

Jeg justerer nå vingen slik jeg ønsker den, samtidig som jeg vrir den og strekker den litt. Her nede må jeg passe på at det ikke er synlig fritt område (1). Vingen bør heller ikke begynne bak nakken (2). Dette passer meg (3).

For den venstre vingen: Jeg vrir den mer, slik at begge vingene følger armene. Her justerer jeg også størrelsen, delvis jobber jeg ikke proporsjonalt. Vingen skal begynne omtrent på kneet (1) og også bak skulderen (2).

Ved lavere zoom ser vi at den høyre vingen virker litt større enn den venstre (1). Den høyre skal gå litt bakover og den venstre heller til siden. Dette justerer jeg igjen (2).

Nå har vi plassert begge vingene bak statuen.

Posisjonere og transformere motiver i Affinity Photo – Oppsummering Del 8
- Legg inn bilder i andre ved å kopiere og lime inn med Ctrl+C og Ctrl+V.
- Ved innliming, vær oppmerksom på hvilket element som er valgt i lagpanelet.
- Bruk dokumentstørrelse for å justere størrelsen på bildet ditt.
- Bruk lerretsstørrelse for å tilpasse tilgjengelig arbeidsområde.
- Ved høyreklikk kan du speile et bilde horisontalt eller vertikalt under Transformere.
- Du flytter motiver ved å klikke på dem og dra dem.
- Bruk transformasjoner som speiling, rotasjon og (proporsjonal) forstørrelse og forminsking for å tilpasse bildelementene som ønsket.
- Når du klikker på et motivs håndtak, kan du proporsjonalt forstørre og forminke det. Holder du inne Shift-tasten, bytter du til ikke-proporsjonal størrelsesendring.
> Til de forrige delene 4 og 5

Innholdet i innlegget er basert på en videoveiledning med vår trener Marco Kolditz: