2.2. Skapa en etikett

Nu ska vi skapa en etikett åt vår burk. Gå in på www.pixlr.com.

(Och som vanligt, om Pixlr bytt utseende helt och hållet jämfört med exempelbilderna nedan så kan du gärna höra av dig till mig på [email protected].)

Klicka på Pixlr Editor.

 

Välj Skapa en ny bild.

 

Ange en bredd på 400 och en höjd på 200, och klicka sedan på OK...

 

... så skapas en ny, tom bild som är exakt 400 pixlar bred och 200 pixlar hög. Det är en bra storlek.

 

 

 

2.2.1. Ge bilden en färgtoning som bakgrund

I den här genomgången ska vi göra en etikett som har en färgtoning som bakgrund. Klicka på knappen Gradientverktyg i knappraden till vänster.

 

Då visas verktygets olika kontroller i den grå randen under menyerna. Klicka där på rutan Gradient...

 

... så visas olika typer av övertoningar. Vi kan välja en förinställd övertoning: Jag klickar på den gula övertoningsrutan.

 

När du valt en övertoning (du får förstås välja vilken som helst) klickar du på rutan Gradient igen för att stänga väljarfönstret.

 

Nu ska vi använda övertoningen i vår bild: Placera pekaren nära bildens överkant. Håll ned musknappen...

 

... och flytta pekaren åt det håll du vill att övertoningen ska gå. Jag gör en sned övertoning. Strecket som då dras fram anger hur lång själva övertoningen blir. Områdena bortanför streckets start- och slutpunkter blir helfärgade.

Jag drar ut strecket så pekaren kommer nära bildens underkant. Där släpper jag knappen...

 

... så fylls bilden med en övertoning som har samma lutning som strecket hade.

 

 

 

2.2.2. Skriv text i bilden

Nu ska vi ge etiketten text. Klicka på knappen Textverktyg...

 

... och klicka någonstans strax till vänster om bildens mitt (eftersom texten skrivs in från vänster till höger). Det går alltid att placera om texten efteråt, så positionen måste inte bli exakt rätt från början.

 

När du klickat visas textfönstret. Klicka i rutan Text...

 

... och skriv in något. Jag skriver JUICE.

 

Du kan ange en storlek för texten genom att klicka på pilen vid rutan Storlek och dra i knappen som då visas.

 

Du kan även ändra typsnitt genom att klicka på pilen vid rutan Typsnitt och välja något passande i listan.

 

Om du vill ändra färg på texten klickar du på rutan under rubriken Färg. Jag gör texten ljusgul.

 

När du är nöjd med hur texten ser ut kan du klicka på OK. Då verkställs texten.

 

 

 

2.2.3. Använd en effekt på texten

Vi ska använda en effekt på texten.

Titta på panelen Lager som ligger längst till höger i Pixlr. Där finns nu två rader: Bakgrund, som ju visar vår övertoning, samt ett lager med ett stort "A" till vänster i sig. A:et betyder att det är ett textlager, och lagrets innehåll visas automatiskt som lagrets namn -- i mitt fall heter textlagret alltså JUICE.

Se till att textlagret är markerat, alltså blått. Om det inte är det, klicka på dess rad så den blir blå.

 

När textlagret är markerat, klicka på knappen Layer Styles längst ned i panelen Lager. Den knappen ser ut som en liten ruta ned en stjärna på sig.

 

Då öppnas fönstret med samma namn. Layer styles, alltså "lagerstilar", är specialeffekter man kan aktivera och ställa in. Effekterna påverkar bara innehållet i det lager som var markerat när man klickade på knappen Layer Styles, så i vårt fall kommer de effekter vi väljer här att endast påverka texten i vår bild eftersom det var textlagret som var markerat.

 

Vi går igenom hur den enklaste lagerstilseffekten fungerar, men alla aktiveras och ställs in samma sätt så det är förstås fritt fram att experimentera om du känner för det.

Bocka för rutan Drop Shadow i listan till vänster. Det får en skugga att visas under texten.

 

Klicka sedan på effektens namn -- vi klickar alltså på texten Drop Shadow i listan. Då visas just den effektens inställningar till höger om listan.

 

Vi kan ställa in hur långt bort från texten skuggan hamnar genom att dra i knappen vid Distance (alltså "Avstånd").

 

Ju längre åt höger vi drar knappen desto längre bort hamnar skuggan...

 

... och ju längre åt vänster vi drar knappen desto närmare texten hamnar skuggan. (Du kan även ange åt vilket håll skuggan ska falla genom att klicka-och-dra i cirkeln vid Vinkel, längre ned i fönstret. Linjen i cirkeln pekar åt det håll "solen" lyser från, så skuggan faller åt det motsatta hållet.)

 

Jag drar knappen för Distance hela vägen åt vänster, till det står 0 i dess ruta. Det innebär att skuggan ligger precis bakom texten.

 

Man kan ange hur skarp eller suddig skuggan ska vara genom att dra i knappen vid Storlek. Den är vanligtvis inställd på 0 från början (den ligger alltså hela vägen åt vänster), vilket ger en skarp skugga.

 

Men om vi drar knappen Storlek åt höger så blir skuggan suddigare. I det här fallet får det skuggan att sticka ut runt bokstäverna i texten.

 

Jag drar knappen en liten bit åt höger så skuggan bildar en suddig kontur runt texten. Det tycker jag ger en ganska snygg effekt.

 

Vi kan ange hur tät skuggan ska vara genom att dra i knappen för Opacitet ("genomskinlighet").

 

Ju längre åt höger vi drar knappen desto tätare blir skuggan, och ju längre åt vänster vi drar den desto lättare blir den.

Jag drar knappen en bra bit åt vänster så skuggan bleknar, men utan att försvinna helt.

 

Du kan som sagt gärna experimentera med de andra effekterna med. De betyder, i tur och ordning:

Drop Shadow		Skugga - lägger en skugga under lagrets innehåll.
Inner Shadow		Innerskugga - lägger en skugga på lagrets innehåll.
Bevel		Fasning - får lagrets innehåll att se fasat ut.
Outer Glow		Yttre glöd - får lagrets innehåll att se ut som om det glöder.
Inner Glow		Innerglöd - lägger en glöd på insidan av kanterna runt lagrets innehåll.

Du aktiverar de olika effekterna genom att bocka för deras rutor i listan till vänster (och avaktiverar dem genom att bocka av deras respektive rutor), och kan ställa in hur effekterna ska se ut genom att klicka på deras namn i listan.

När du är nöjd med effekterna klickar du på OK.

Om du vill ändra på någon av effekterna (eller aktivera/avaktivera någon av dem) efter du klickat på OK så är det bara att se till att det lagrets rad är markerad i panelen Lager. Sedan klickar du på knappen Layer Styles längst ned i panelen.

Jag är nöjd med min enkla skugga, så jag klickar på OK.

 

Nu är bilden klar.

 

 

 

2.2.4. Spara bilden

Vi ska spara bilden. Gå in på Arkiv > Spara.

 

Jag ger bilden namnet etikett.

Formatet bör vara inställt på JPEG (om du inte har genomskinliga områden i den du vill ska fortsätta vara genomskinliga, annars väljer du formatet PNG).

Jag låter Kvaliteten vara inställd på 80 eftersom bildens filstorlek ändå bara är 7 KB. Sedan klickar jag på OK...

 

... och sparar bilden där jag vill ha den.

 

 

 

2.3. Importera etiketten som ett material

Nu ska vi använda etiketten på vår burk i SketchUp.

Gå in på File > Import...

 

... och bläddra till mappen du sparade bilden i. Om bilden inte syns fast du vet att du är i rätt mapp kan du behöva ställa in formatrutan. Jag ställer in den på All Supported Image Types, alltså "alla bildtyper som kan användas". Då visas alla JPG- och PNG-bilder i den mappen.

 

Jag markerar bilden etikett.

 

Klicka sedan på valet Use as texture (alltså "använd som material"). Då kommer bilden att importeras som ett material istället för en bildplatta.

 

Avsluta med att klicka på Öppna.

 

 

 

2.4. Använd bilden på en yta

Nu hämtas bilden in och fästs vid pekaren. (När man gör så här måste man ha minst en yta i ens ritning, annars kan man inte fästa bilden vid någonting. I så fall är det bara att trycka på tangenten Esc för att avbryta handlingen, skapa en yta, och testa igen.)

 

Vi har ju vår burk, så vi kan klicka på den nedersta linjen för burkens kropp...

 

... och sedan klicka på kroppens översta linje.

 

Då fästs materialet där -- men bara på en av de plattor som utgör kroppens cylinder. (Fast den ser rund ut såg vi ju i förra lektionen hur alla böjda ytor egentligen är en serie släta, vinklade plattor som bara ser böjda ut tack vare funktionerna Soften och Smooth.)

Det gör inget att det bara är en av cylinderns ytor som fått materialet på sig.

 

Om vi klickar på verktyget Paint Bucket och ställer in materialpaletten på kategorin In Model...

 

... så ser vi att vår bild hamnat där som ett nytt material. (Det här sker bara efter man klickat fast bilden på någon yta i ritningen.)

Vi kan klicka på materialet så det väljs.

 

Sedan kan vi klicka med hinken på cylinderns kropp...

 

... så läggs materialet på den utan att bli utdraget eller hackigt på något vis.

 

Nu har vi en burk med en etikett.

 

Det här var alltså ett långväga sätt att visa hur man kan använda ett material på en cylinder -- det var bara de här sista stegen som faktiskt hade med själva materialet att göra, resten var repetitioner. Men det är alltid bra att repetera det man lärt sig, så vi ska se hur vi kan använda en bild som ovansida för vår burk.