Photoshop

Svartvit bild med en färgdetalj, PS CS2.

Jag rekommenderar en högupplöst bild för att du ska kunna se vad du gör. (Detta rekommenderas inte för små mobilbilder.. men det är ju upp till dig). Och detta är guider över hur jag gör, jag vet att det finns olika tillvägagångssätt, men detta är hur jag gör.

Klicka på bilderna för att se dem i större format

15

1. Börja med att öppna den bild du vill göra om. Kopiera bilden till ett nytt lager genom att dra bakgrundsbilden (background) till den lilla ikonen som är inringad längst ner till höger.

23

2. Så gör du sedan de översta lagret (där pilen pekar) svartvitt. Det gör du genom att gå in på ”Image > Adjustments > Desaturate”.

33

3. När du har ett lager svartvitt skapar du en lagermask. Det gör du genom klicka på den lilla ikonen som är inringad. Det kallas ”layer mask” på engelska.

43

4. Sedan ska du få det understa lagret att lysa igenom det svartvita. Det gör du genom att ha lagermasken markerad (nu räcker det inte med att bara ha själva lagret markerat utan du måste markera den vita rutan sk. lagermasken). Sedan ser du till att ha en passande pensel för att måla bort det svartvita just där du vill ha färgen.

Se även till att färgerna i paletten är vit undertill och svart ovanför. Eftersom man inte kan måla vitt på vitt eller svart på svart (det händer inte så mycket då).

Efter du har kollat alla detta är det bara att börja måla.

53

5. Måla tills du känner att du är nöjd.

Om du råkar hamna utanför att vill jämna till kanterna kan du trycka ”X” på ditt tangentbord för att ”sudda” bort det som blivit fel. Knappen X är ett snabbkommando för att byta färger i paletten. När du ”suddar” målar du vitt. Ungefär.. Svårt att förklara när man är trött, förlåt.

dsc_0089

Så här blev mitt resultat efter lite ytterligare pill.

Like

Bloggdesign

Fallande snö på din blogg! (blogg.se)

Folk har frågat mig hur jag kan ha fallande snö på min blogg och jag har ett snö-plugin till wordpress som har fixat allting automatiskt.

Detta script fungerar till blogg.se och webblogg.se.

  1. Kopiera den kod du vill ha här under.
  2. Klistra in koden i Design > Kodmallar under taggen <head> (nästan längst upp i kodmallen).
    (Vill du ha snö på alla sidor får du lägga in koden i alla kodmallar; category page, archive page & entry page)
  3. Spara.. och det är klart!

.
.

EXEMPEL MED *

.

EXEMPEL MED •

.
.

Koden med * som flingor:

<script type="text/javascript">

Width =1000; // ange bredden på sidan som ska snöas in...

Height =2000; // ange höjden på sidan som ska snöas in...

Count =50; // antal snöflingor OBS! ange inte för stort antal!

MaxStep=3; // max steg i rörelsen

MinStep=1; // min steg i rörelsen

MaxFlake=10; // max storlek på snöflinga

MinFlake=4; // min storlek på snöflinga

PosX = new Array();

PosY = new Array();

StepX = new Array();

StepY = new Array();

StarSize=new Array();

for (i = 0; i < Count; i++) {

PosX[i] = Math.random()*Width;

PosY[i] = Math.random()*Height;

StepX[i] =MinStep+Math.random()* -MaxStep;

StepY[i] =MinStep+Math.random()* MaxStep;

StarSize[i]=MinFlake+Math.random() * MaxFlake;

document.write("<div id='Obj" + i + "' style='position:absolute; left:0px; top:-20px; z-index:10000; visibility:hidden; color:#f0feff; font-weight:normal; font-family:Verdana; font-size:"+StarSize[i]+"pt'>*</div>");

}

function animate() {

for (i = 0; i < Count; i++) {

PosY[i] += StepY[i];

PosX[i] += StepX[i];

document.getElementById("Obj"+i).style.visibility = "visible";

if (PosY[i] > Width || PosX[i] > Height || PosX[i]<0) { // starta om från toppen av sidan när mitten nås

PosX[i] = Math.random()*Width; ///2

PosY[i] = -20;

StepX[i] = MinStep+Math.random()* -MaxStep;

StepY[i] = MinStep+Math.random()* MaxStep;

}

document.getElementById("Obj"+i).style.top = PosY[i] + "px";

document.getElementById("Obj"+i).style.left = PosX[i] + "px";

}

setTimeout("animate()", 50);// hastighet

}

setTimeout("animate()", 1000);

</script>

.

Koden med • som flingor:

<script type="text/javascript">

Width =1000; // ange bredden på sidan som ska snöas in...

Height =2000; // ange höjden på sidan som ska snöas in...

Count =50; // antal snöflingor OBS! ange inte för stort antal!

MaxStep=3; // max steg i rörelsen

MinStep=1; // min steg i rörelsen

MaxFlake=10; // max storlek på snöflinga

MinFlake=4; // min storlek på snöflinga

PosX = new Array();

PosY = new Array();

StepX = new Array();

StepY = new Array();

StarSize=new Array();

for (i = 0; i < Count; i++) {

PosX[i] = Math.random()*Width;

PosY[i] = Math.random()*Height;

StepX[i] =MinStep+Math.random()* -MaxStep;

StepY[i] =MinStep+Math.random()* MaxStep;

StarSize[i]=MinFlake+Math.random() * MaxFlake;

document.write("<div id='Obj" + i + "' style='position:absolute; left:0px; top:-20px; z-index:10000; visibility:hidden; color:#f0feff; font-weight:normal; font-family:Verdana; font-size:"+StarSize[i]+"pt'>•</div>");

}

function animate() {

for (i = 0; i < Count; i++) {

PosY[i] += StepY[i];

PosX[i] += StepX[i];

document.getElementById("Obj"+i).style.visibility = "visible";

if (PosY[i] > Width || PosX[i] > Height || PosX[i]<0) { // starta om från toppen av sidan när mitten nås

PosX[i] = Math.random()*Width; ///2

PosY[i] = -20;

StepX[i] = MinStep+Math.random()* -MaxStep;

StepY[i] = MinStep+Math.random()* MaxStep;

}

document.getElementById("Obj"+i).style.top = PosY[i] + "px";

document.getElementById("Obj"+i).style.left = PosX[i] + "px";

}

setTimeout("animate()", 50);// hastighet

}

setTimeout("animate()", 1000);

</script>

.
Har du något annat script (högerklicksskydd osv.) aktivt finns det risk att det inte fungerar.

Like

Photoshop

Göra rundade hörn i Photoshop CS2.

Ja, eftersom i alla fall tre stycken läsare vill ha mer Photoshopguider så får jag väl fixa det då. Har två stycken på min bilddagbok, men jag hade tänkt att jag skulle lägga ut dem här så småningom. Let’s begin:

Att göra rundade hörn tar inte mig mer än 31.81 sekunder (Ja, jag tog tid. Då gjorde jag det 3 gånger för det blev fel de två första). När man kan det går det som på räls. Steg för steg:

1. Öppna bilden du vill ha.

(Du kan klicka på bilderna för att den ska bli större)

2. Skapa ett nytt lager.
(Snabbkommando: shift + ctrl + n)

3. Dubbelklicka på ”Background” och sen på ”Ok”
så att du gör bakgrundslagret till ett vanligt lager.
(Den blir automatiskt döpt till ”Layer 0”)

4. Dra ner det tomma lagret (Layer 1) så att det ligger under bilden.

5. Klicka först på paletten till vänster,
högerklicka sen på samma igen för att få fram rullgardinen
och välj ”Rounded rectangle tool”.

Sedan ska du kolla så att alternativet i verktygsfältet
(den lilla rektangeln där uppe som jag ringat in)
är inställt på ”fill pixels”. Den som är inringad.
Om den inte är det så får du klicka där.

6. Ställ in längst upp i verktygsfältet vilken ”rundhet” du vill ha på bilden.
80-100 px fungerar för mig, men i lågupplösta bilder rekommenderar jag lägre värde där.

Till höger där du ser lagrerna kan du klicka ur den (på ögat) översta bilden
för att göra det lagret osynligt för en stund.

Ha fortfarande det undre lagret markerat och gör
en rektangel med rundade hörn på det lagret.

7. Klicka i ögat igen så att man ser det övre lagret.
Högerklicka sedan på det lagret och välj ”create clipping mask”.

8. Så var det klart. Spara som… vad du nu vill.

Sparar du den som en ”.PNG eller .JPG/.JPEG” kommer det som är transparent
att automatiskt bli din bakgrundsfärg i ”paletten” till vänster (oftast vit som på min bild).

Enkelt och snyggt, några oklarheter?
Har du några frågor är det bara att kommentera så svarar jag så fort som möjligt.

Like

molkan.se

Bloggens utseende.

Bloggens utveckling.

Maj 08

Juni 08

Juli 08

Augusti 08

September 08

Oktober 08 (under uppbyggnad)

November 08

molkansedec4

December 08

headerjanuari1

Januari 09

molkansefebruari09

Februari 09

headerfdjskfjdslfhslfhlds

Mars 09

header-molkan-april-09-vers1

April 09

molkan-april-09-twi-2

April 09 – 2.0

bloggenapr09

April 09 – 3.0

Juli 09

molkan-jiuliers2

Juli 09 – 2.0

header-aug-09

Augusti 09

header-sep-09 copy

Augusti 09 – 2.0

September 09

Oktober 09

December 09

Januari 2010

Mars 2010

April 2010

Maj 2010


Juli 2010


September 2010


Oktober 2010


December 2010

Like

Tips

Gravatar.

Jag blev tipsad om ”Gravatar” (globally recognized avatar) av Kalle för ett tag sen (ett bra tag sen). En avatar vet väl alla vad det är? Det finns ett band som heter det, jag vet.. men de suger! I modern betydelse är en avatar en bild för att representera en användare på ett forum, bloggar, community eller liknande. (Info från Wikipedia) Men det finns även nån japansk tv-serie som heter så också, men det är inte detta jag vill få fram. Avatar, den personliga bilden är det jag menar alltså.

gravatar.com kan man själv få en personlig bild. Så man slipper bli medlem på ett femtiotal sidor bara för att få ha sin lilla bild jämte ett inlägg eller en kommentar. Skriver du bara in den mailadressen som är kopplad till ditt gravatar-konto får du din lilla bild med dig nästan överallt :) Smart va? Det är gratis också.. det glömde jag att säga. Jättesmidigt tycker jag i alla fall!

Skaffa dig en du med :D

Like