Transparenta kanter i Paint Shop Photo Pro X3?

Permalänk
Medlem

Transparenta kanter i Paint Shop Photo Pro X3?

Hej! Använder Paint Shop Photo Pro X3 och skulle behöva hjälp med en sak:

Om jag har ett foto, och vill att nederkanten av fotot ska tona över i en viss färg, hur gör jag då?

Fotot ska vara längst uppe på en hemsida, hemsidans bakgrundsfärg i övrigt är blå, och istället för att det blir en skarp brytning mellan fotot och bakgrunden vill jag ha en gradvis övergång, genom att den nedersta centimetern av bilden tonar över i samma blåa nyans som som bakgrunden.

Visa signatur

Intel Core i7-2600 @ 3,4 Ghz ~ Asus Z170 Pro Gaming Aura ~ Asus Geforce GTX 1060 6GB ~ 16 GB Corsair Vengeance 2666Mhz
~ Fractal Design Define R5 ~ Windows 10 64-bitars ~ Dell 2209WA Ultrasharp 22# wide TFT TCO-03

Permalänk
Medlem

I GIMP eller Photoshop kan du lägga en lagermask där färgmättnad/nyans representerar opacitet/transparens. Enkelt förklarat så kan man lägga en gradient från kritvitt till nattsvart och använda den som lagermask, vilket resulterar i att det maskade lagret tonas ut mot transparens där masken går mot svart.

Kolla om du har en liknande funktion i ditt program!

Visa signatur

Kom-pa-TI-bilitet

Permalänk
Medlem

Tack för svaret Teknicide!

Jag vet inte hur jag ska förklara det riktigt, men jag vill att graden av transparens ska minska ju längre ner på bilden jag kommer.

Om jag lägger en lagermask som täcker de nedersta fem centimeterna på bilden så vill jag att transparensen längst upp på denna lagermask ska vara 100% för att sedan gradvis gå ner mot 0%.

(Kanske var precis det du förklarade, men jag lyckas inte få det att fungera riktigt)

Visa signatur

Intel Core i7-2600 @ 3,4 Ghz ~ Asus Z170 Pro Gaming Aura ~ Asus Geforce GTX 1060 6GB ~ 16 GB Corsair Vengeance 2666Mhz
~ Fractal Design Define R5 ~ Windows 10 64-bitars ~ Dell 2209WA Ultrasharp 22# wide TFT TCO-03

Permalänk
Medlem

vet inte vad det kan heta i PS men gimp har ju 'blend tool' om det är det du vill använda dig av.
den t.ex gör en stegvis shiftning mellan två färger eller till lager, transparent

Visa signatur

Fractal design R2 | Asus p5q deluxe | Intel Core 2 Quad 9650 @ 4ghz | 4x 2gb Corsair 1066mhz ddr2 | Gigabyte gtx 560ti SoC | raid0 - 2x Intel X-25 M G2 80gb

Permalänk
Medlem
Skrivet av Thobbs:

Tack för svaret Teknicide!

Jag vet inte hur jag ska förklara det riktigt, men jag vill att graden av transparens ska minska ju längre ner på bilden jag kommer.

Om jag lägger en lagermask som täcker de nedersta fem centimeterna på bilden så vill jag att transparensen längst upp på denna lagermask ska vara 100% för att sedan gradvis gå ner mot 0%.

(Kanske var precis det du förklarade, men jag lyckas inte få det att fungera riktigt)

Jag tror jag har förstått saken rätt. Fick lust att göra en liten tutorial helt plötsligt, förhoppningsvis passar den dina önskemål.

First things first
Denna tutorial använder sig av bildbehandlaren GIMP, även känd som The GIMP, även känd som "den där bildbehandlaren med det helpuckade namnet". Programmet går att ladda ner här och är helt fritt att använda.

Steg 1:
Installera programmet som vanligt, och starta det sedan. Öppna godtyckligt foto genom att dra filen rakt in i programmet, eller genom Arkiv-menyn. Här har jag öppnat ett foto på en så-kallad "Sjörövare" från Göstas fisk på Smögen. Den var dessvärre ganska torr..

Steg 2:
Någonstans till höger bör du ha ett flytande fönster som heter "Lager, Kanaler, Slingor, Ångra" osv. Se till att ha lagerpanelen framme och högerklicka på miniatyrrepresentationen av ditt foto. Ur menyn som dyker upp väljer du "Lägg till lagermask..."

Steg 3:
På andra sidan av din arbetsyta bör nu ett nytt fönster ha öppnats. Se till att valmöjligheten "Vit (Full opacitet)" är markerad. Klicka på Lägg till.

Det föregående steget har skapat en så kallad lagermask. Fördelen med en lagermask är att du kan göra ändringar direkt mot masken och behålla det ursprungliga lagret intakt. Om något skulle gå fel kan du helt sonika kassera masken och börja om från början.

Steg 4:
Eftersom du [förhoppningsvis] valde vit färg i steg 3 verkar bilden helt oförändrad. Notera att en vit fyrkant har dykt upp till höger om miniatyrbilden i det flytande fönstret.

Detta steg innehåller tre moment:
1. Först väljer du gradientverktyget ur verktygslådan;
2. Håll sedan in vänstra ALT-tangenten och vänsterklicka på den vita fyrkanten (som är en miniatyr av lagermasken);
3. Du är nu i redigeringsläget för lagermasken. Allting är vitt, eftersom lagermasken är vit.
Placera en gradient på masken genom att klicka i de nedre regionerna av lagermasken och föra markören uppåt. Släpp när du kommit ungefär halvvägs, eller tidigare om du vill att övergången ska bli mer plötslig.

Om du håller in CTRL istället för ALT i moment 2 hamnar du i ett dolt maskredigeringsläge: Du ser fortfarande det egentliga lagret, men alla förändringar sker mot masken. Detta läge betecknas med en röd ram runt lagermasken istället för den gröna i skärmdumpen ovan.

Steg 5:
Avaktivera lagermaskredigeringsläget igen genom att ALT-klicka inuti den gröna rektangeln. Du bör nu ha ett resultat som liknar detta:

Nu sparar du bilden, förslagsvis som .PNG för att bevara transparensen. Om du vill spara som .JPG får du lägga till ett lager och fylla med hemsidans bakgrundsfärg, och därefter placera lagret under ditt foto. Det borde inte innebära några större problem för dig.

Visa signatur

Kom-pa-TI-bilitet

Permalänk
Medlem

Tack Teknicide!

Detta verkar vara precis det jag ville. Jag får testa det ikväll när jag kommer hem och se om jag lyckas få det att fungera.

Visa signatur

Intel Core i7-2600 @ 3,4 Ghz ~ Asus Z170 Pro Gaming Aura ~ Asus Geforce GTX 1060 6GB ~ 16 GB Corsair Vengeance 2666Mhz
~ Fractal Design Define R5 ~ Windows 10 64-bitars ~ Dell 2209WA Ultrasharp 22# wide TFT TCO-03

Permalänk
Medlem

Det fungerade! Återigen, tack Tecnocide, din tutorial var till stor hjälp.

Visa signatur

Intel Core i7-2600 @ 3,4 Ghz ~ Asus Z170 Pro Gaming Aura ~ Asus Geforce GTX 1060 6GB ~ 16 GB Corsair Vengeance 2666Mhz
~ Fractal Design Define R5 ~ Windows 10 64-bitars ~ Dell 2209WA Ultrasharp 22# wide TFT TCO-03

Permalänk
Medlem
Skrivet av Thobbs:

Det fungerade! Återigen, tack Tecnocide, din tutorial var till stor hjälp.

Kul att den kom till användning

Visa signatur

Kom-pa-TI-bilitet