If you came from the other tutorial, here’s the optional method to change the style of the solid color shadow.
Step 1: Click the styles located on right side (above) then choose the one you think will fit the photo best. (I’m using CS5 so I really have no idea where you’ll find it in CS6) Here it is:
I already circled the one I chose so the result would look like this:
Step 2: Tweak around either of the two effects or both by doubling clicking it to achieve your preference.
Step 3: My final result of the solid color layer:
(second photo when you want your shadow less visible.)
I know it’s not much but simple tweaks can make a big impact on your photo.
Step 2: Duplicate the picture by going to layer -> duplicate layer.
Step 2.5: Select the magic wand tool then click the background of the photo. (In my case, my BG is white.) Note: to achieve the magic wand tool, click and hold the quick selection tool to see the selection menu. Result:
Step 3: change the magic wand tool to quick selection tool in order to correct the selected photo. Hold Alt while clicking the selected area to remove or hold shift while clicking the selecting area to include it. Result:
Step 4: Right click the picture then select inverse. Go to layer -> select new fill layer -> solid color. Select any color you want for the shadow (You can always edit the color later!)
Step 5: Make sure to move the solid color layer in between the original and duplicate photo. Result:
Step 6: Click the photo layer copy then repeat Step 2.5 to Step 4. Go to select->Refine Edge.
Step 6.5: Change the output in Refine Edge menu to new layer then click ok. You should see another layer copy without its background. Result:
Step 7: on the solid color layer move the picture to the right or left by using the move tool. Then you’ll see the shadow color behind the person or object. (Make sure the color you chose for the shadow is visible enough in order to move it.)
Step 7.5 (Optional): If you want to change the shadow color, just double click the solid color layer and adjust the color to your preference. Click here to add styles on your solid color.
Step 8: You can finally edit your photo such as adding psd and coloring.
To achieve random images showing up on your sidebar every time someone refreshes your blog, please keep reading.
Locate <img src=”{image:Sidebar Image}”> in the search box of your theme html.
Copy and paste the script code below over that sidebar image html code. Hence, removing, “<img src=”{image:Sidebar Image}”> ”
Then start changing the url of “image1.gif” to your preferred image or gif.
You’re all set! Good luck!
<script language=”JavaScript”>
<!—
/*
Random Image Script- By JavaScript Kit (http://www.javascriptkit.com)
Over 400+ free JavaScripts here!
Keep this notice intact please
*/
function random_imglink(){
var myimages=new Array()
//specify random images below. You can have as many as you wish
myimages[1]=”image1.gif”
myimages[2]=”image2.gif”
myimages[3]=”image3.gif”
myimages[4]=”image4.gif”
myimages[5]=”image5.gif”
myimages[6]=”image6.gif”
var ry=Math.floor(Math.random()*myimages.length)
if (ry==0)
ry=1
document.write(‘<img src=”’+myimages[ry]+’” border=0>’)
}
random_imglink()
//—>
</script>
<p align=”center”>This free script provided by<br />
<a href=”http://javascriptkit.com”>JavaScript
Kit</a></p>
#updatetext a{
display:inline-block;
font-size:11px;
font-family:calibri;
/* ———————– Change color of your text below ————- */
color:black;
/*———————————————————————–*/
letter-spacing:0px;
line-height:9px;
}
/* ————————————– End of Update tab head section ——————————— */
Part 2:
<!—————— Beginning of Update tab place this directly after < body > NOT </ body > this will be in the middle of the code somewhere. If after the first time of trying it doesn’t show up place it directly before </ body > ——>
<div id ="update”>
<div id=“updateimage”>
<center>
<!————————————- Change UPDATES to whatever you want your title to be or delete if you don’t want there to be a title —————————————————->
<b>Updates</b>
</center>
</div>
<div id=“updatetext”>
<!——————————— Place the text you want in your update tab here, I’ve given examples normal text goes between <a text=“> and </a> whilst links are the href ones! Use as many of these as you need —————>
<a text=”>Currently Watching:<br>FMA:B<br><br></a>
<a text=“>Currently Reading:<br>Nothing<br><br></a>
<a text=”>Currently Singing:<br>The Lightning Strike<br>by Snow Patrol<br><br></a>
<a href='http://jabberjais.tumblr.com’>The Prim to My Katniss<br><br> </a>
<a href='http://gingerbreadpeeta.tumblr.com/post/70208299861/the-hunger-games-mockingjay-part-one-inspired-by’>Latest Edit </a>
</div>
</div>
<!————————————— End of Update tab ——————————————————->
