Tänkte visa er hur man enkelt ändrar färg på detaljer i en bild. I detta exempel beskriver jag hur du ändrar ögonfärg.

• Kopiera bakgrundslagret
• Markera detaljen du vill ändra färg på med tex. Polygonal Lasso  Tool
• Välj foreground färg till den färg du vill att detaljen ska ha
• Gå till menyn Edit och välj Fill
• Se till att inställningarna i Fill är Use: foreground, Mode: color, Opacity: 100%
• Markera Preserve Transparency och klicka ok
• Avmarkera genom att klicka CTRL+D
• Klart

För musen överbilden så ser du före och efter färg ändring.

Så här gör du om du också vill kunna växla bild via mouseover i dina inlägg.

Till att börja med måste du lägga in nedanstående skript i din kod mall. Klistra in den precis under </head>.  Har du WordPress så hittar du </head> i mallen Sidhuvud(header.php)

<script LANGUAGE=”JavaScript”>
<!–
// This is the implementation of SimpleSwap
// by Jehiah Czebotar
// Version 1.1 – June 10, 2005
// Distributed under Creative Commons
//
// Include this script on your page
// then make image rollovers simple like:
// <img src=”/images/ss_img.gif” oversrc=”/images/ss_img_over.gif”>
//
// http://jehiah.com/archive/simple-swap
//

function SimpleSwap(el,which){
el.src=el.getAttribute(which || ”origsrc”);
}

function SimpleSwapSetup(){
var x = document.getElementsByTagName(”img”);
for (var i=0;i<x.length;i++){
var oversrc = x[i].getAttribute(”oversrc”);
if (!oversrc) continue;

// preload image
// comment the next two lines to disable image pre-loading
x[i].oversrc_img = new Image();
x[i].oversrc_img.src=oversrc;
// set event handlers
x[i].onmouseover = new Function(”SimpleSwap(this,’oversrc’);”);
x[i].onmouseout = new Function(”SimpleSwap(this);”);
// save original src
x[i].setAttribute(”origsrc”,x[i].src);
}
}

var PreSimpleSwapOnload =(window.onload)? window.onload : function(){};
window.onload = function(){PreSimpleSwapOnload(); SimpleSwapSetup();}
//–>
</script>

För att få mouseover effekten i ditt inlägg måste du först ladda upp dina bilder till bloggen. Skriv först ditt inlägg och växla sen till HTML redigeraren och klistrar in följande kod:

<img src=”adressen till bild 1” oversrc=”adressen till bild 2”border=”0″ alt=”" />

Nu måste du lägga till dina bilders adresser där det står adress till bild 1 och adress till bild 2

Nu är det klart att publicera !!

Du kan på flera olika sätt skapa en ram runt din bild i photoshop. Nedan följer en beskrivning hur du skapar en ram med hjälp av verktyget Custom Tool Shape. Min goa mamma och jag ställer upp som modell denna gång