Enkel Webbisbanner med foto (Psp 8)
Detta är mitt sätt att göra banners på, finns säkert många andra som kanske till och med är bättre.
Det här har dock fungerat bra för mig i några år nu.

Du behöver:
- Paint Shop Pro, du kan hämta en testversion här.

1. Öppna en ny bild, 350x200 transparent bakgrund, kan ju givetvis vara i vilken storlek som helst.
Är det en lapp till ett lapptäcke du vill göra så brukar dessa vara 130x130 pixlar stora.
2. Öppna även det foto du tänkt använda, kan vara stort eller litet, vi fixar storleken.
Tryck Shift D för att göra en kopia och stäng orginalet.
3. Välj selection-tool   under lilla pilen döljer sig ytterligare två verktyg, så du kan behöva söka lite
om inte just den lilla rektangeln syns, normalt är det 5:e ikonen i verktygsraden.
och dessa inställningar
4. Aktivera fotot, dra med vänster musknapp nertryckt, en oval med början där du vill att mitten skall vara. Misslyckas du så tag Ctrl z och prova igen, kan behövas några försök innan ovalen sitter precis där man vill. Eftersom vi satte inställningen 5 under "feather" så kommer kanten bli lite suddig.

Mitt exempel är mycket förminskat.

 

5. Välj <edit><copy> (eller Ctrl c) och sedan <edit><paste as a new image> (Ctrl v)
6. Nu går vi över till den nya bilden vi öppnade först, som skall bli vår banner.
Här sätter ni precis de färger ni själva vill, detta är bara ett exempel på hur man kan göra. Jag använder #766DBF till min bakgrund. Färgen sätter du på material palette. Välj sedan "färghinken" och fyll genom att klicka med höger musknapp (jag har ju angett den blå som bakgrundsfärg).
 

7. Välj nu i menyn <Selections> <Select all> och <Selections> <Selections float>, nu syns en ram med "vandrande myror" och i layer palett så syns en "floating selection".

Vi skall nu göra en skuggad ram, välj i menyn <Effects> <3D effects> <Cutout> med inställningar enl. bild. Klicka OK.
Utan att ta bort markeringen, så väljer du
<Effects> <3D effects> <Cutout> igen, och denna gång anger du -2 i Offset både vertical och horizontal. Klicka ok och sedan Ctrl D för att ta bort markeringen.
8. Du har nu en bild som denna.

9. Nu återgår vi till fotot, om du direkt ser att det är alldeles för stort för bannern, går du på <Images> <Resize>, ange höjden till 180 och sätt övriga inställningar enl. bilden.

Välj sedan <Adjust> <Sharpness> <Sharpen>

10. Välj nu <Edit> <Copy>, växla till bannern och välj <Edit> <Paste as new layer>. Placera bilden där du vill ha den med Mover tool

11. Sätt nu den färg du vill att texten skall ha som bakgrundsfärg. Välj text-tool och sätt font och storlek som du vill ha.

12. Välj <Layer> <New raster layer>
Klicka på bannern och skriv in din text, om du skall ha fler rader text, gör varje rad för sig och lägg på separata layers. Så att du lätt kan flytta runt dem vid behov.

När du klickat ok i textrutan så ser du texten med "vandrande myror" runt, så länge de finns där kan du flytta texten som du vill, peka på den med musen och när pekaren blir ett kors så kan du flytta runt texten. Tryck Ctrl D för att ta bort markeringen.
13. Jag tycker det blir snyggast om man lägger en skugga på texten. Välj <Effects> <3d Effects> <Drop shadow> jag har använt inställningar enl. bilden, men här kan du testa lite själv så att du får det som du tycker är snyggast. Under Offset anger du tjockleken på skuggan, Opacity anger genomskinlighet, Blur anger skärpan/suddigheten, sedan kan du även ange färg på skuggan.

Upprepa samma sak på alla dina textlayer.

Kan även vara snyggt att lägga en skugga på själva bilden - prova !

14. Nu har du en banner du gjort själv, vill du kan du naturligtvis smycka den med ytterligare tuber eller annat, besök gärna mina tubes-sidor om du inte har några egna, finns massor på nätet att ladda hem också. Du kan ju även animera bannern om du så önskar, läs mer om animering på min tutorial för en enkel animerad bakgrund, principen är precis densamma.
Så här blev mitt resultat
 

Hoppas ni tyckt att ni lärt er något. Hör gärna av er med frågor och kommentarer till mig på adressen cammis@svgo.com
 
Till tutorial index