Blog Template 2.0: Advanced highlighting technique using Photoshop. <body><script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener('load', function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <div id="navbar-iframe-container"></div> <script type="text/javascript" src="https://apis.google.com/js/platform.js"></script> <script type="text/javascript"> gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() { if (gapi.iframes && gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: 'https://www.blogger.com/navbar.g?targetBlogID\x3d5560732631221352938\x26blogName\x3dBlog+Template+2.0\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dBLUE\x26layoutType\x3dCLASSIC\x26searchRoot\x3dhttps://blogtemplate20.blogspot.com/search\x26blogLocale\x3den_US\x26v\x3d2\x26homepageUrl\x3dhttp://blogtemplate20.blogspot.com/\x26vt\x3d-7942670375567613572', where: document.getElementById("navbar-iframe-container"), id: "navbar-iframe" }); } }); </script>
Free Blogger Templates | Home |
.
BlogTemplate20 Free Download Blog Templates
Free Templates
Recent Post(s)
Search Design
Archives
Syndication

AddThis Feed Button

Blog Stats
eXTReMe Tracker
StatCounter tracker
Blogs that link here
Could be useful
Templates Stock
Premium HQ Template
Full Widgetized
Elegant Citrus Fresh
Blue-Dark gradient
Rounded Keko
Fresh Magz Clean
Twitter Style Skin
Travel Logbook
X rated template
BlogArtZine
Cute Girly Cupcake
Brown Magz Style
White Simplicity
Masunurin Simple Rounded
Premium Dashboard
ZinMag News Showcase
Natural Magazine style
Premium RedHat
Money Making Template
Sky dashboard
Premium Blue Sky
Slick Red Web 2.0
Classic w/ Slideshow
Photo Gallery Theme
Theme Showcase
Pro 4 Columns
Neo Simple Green
Club Card Minimalistic
Amature Sexy Template
Feat: Headline Slider
CNN NYT like
Lollipop Woman Stuff
Garland
Papeles Effect
Simple BlueSky
Beach Holiday
Green Light
Glossy Blue
Colorful Transparent
Green Marine
Dark Portfolio blog
Fresh Summer
Valentine Day
Blogy Webby
Azul 2.0
Blogy Freshy
Blogy Illacrimo
Glossy Minimalist
Hello Wiki 2.0
Green Lush Fresh
Kaskus Black
Red Late Show
Red Wine elegant
Blogy Integral
Green Mynix
Red White 2.0
StarCrash web 2.0
Blogy Pro 2 Col.
Blogy Crepusculo
Redish web 2.0
Dark Blue skin
Simple 3 Col.
Beauty Illustration
Fresh Natural
Punk Rock Metal
White Minimalist
K2 Freshy
FireFox Theme
Binary web 2.0
Clear Menu
3 Colomns 2.0
Tabbed menu xml
Tabbed menu classic
iPhone Theme
3 Col Simple
Rounded Corners
Clear Curved Blue
Glossy Glass
Very Web 2.0
Apple Mac skin
Colourful web 2.0
Photoshop CS2 skin
Magazine white
3 Col web 2.0
Blogger Photoblog
PopBlue 3 col.
TypoXP 2.1 skin
Dark Red Glossy
Sandpress 3 col
Elegant Clear web2.0
Elegant Dark web2.0
Rounded tab skin
Fresh blue 2.0
Cute Orange (HOT)
Trendy Blue Marine
Bloggerized AdSense
Orange Yellow Sosuechtig
Blue O2 web 2.0
Premium Blogger
TypoXP2 Standard
18+ Anime Series skin
2 Best Classic skin
NeoSapien New Skin
Simple Glowing Blue Darky
Fresh Green Aura
Ocean Mist Trendy
A new day Elegant
Blue steel 3 columns
Please read our Privacy Policy
Confined space entry dvd
online casino bluebook
online casino gambling guide, to top ranked online casinos and reviews of over 200 gambling related websites. www.onlinecasinobluebook.com also host a casino forum, blog, and casino news articles

Free web 2.0 blogger skins
Spice up your blog by adding our small cool banner inside your blog pages. Simply copy and paste code below. It will not harm your blog, I swear.


Welcome to BlogTemplate20
a blog with free Blogger templates collection.
// Sunday, July 19, 2009
highlighting technique

May be you have curiosity about what is this tutorial about. This tutorial will explain clearly about how to make highlight of illustration we’ll use in our blog. Image and illustration can help us explain about something simpler, clear and straightly brief. Wise man said that picture tells everything. But using highlight in our illustration can make it more focused when someone has direct view on it. This way your blog’s readers will know what you want directly just by seeing your illustration. This technique is usually implemented for tutorial kind of articles. Just see an example above coz we’ll try to make it step by step.

basic illustration we want to use it

Image above we’ll use it as basic image. In this case we want to highlight [contact] tab. You may use your own image or just right click and save above image (in practice case). Now open it in Photoshop, you may use any version of Photoshop. Then click Ellipse Tool (U) at your toolbar.

toolbar

Make an ellipse shape on the part of image we want it to be highlighted, or in this case is [Contact] tab.

highlight

In the layers tab, click on box shaped section behind the eye. Then change its color to Yellow.

yellow highlight

Then add stroke to this shape. Click Layer menu -> Layer style -> Stroke. A dialog box about stroke settings should appear. Set it like this one below.

layer stroke

When you’ve done it right, you should find the result as what I have below.

stroked highlight

This part could be the tricky part of this technique. Change layer’s opacity and fill settings. You can use 85% for opacity and 25% for fill.

opacity

Amazingly the yellow color disappeared flimsily but the red line is still there.

oke

Now we need to rasterize our shape layer. Right click on it and choose Rasterize layer.

rasterize layer

Still shape layer selected, now using Magic Wand tool then click anywhere outside the red line. It should be looked like this.

magic wand

Now click on Background layer to select it.

background

Now it is the second part of tricky technique. Still with Background layer is selected, now click Filter menu -> Blur -> Gaussian blur. Then make its radius setting to one pixel.

gaussian blur

Well done, you are great dude. Thanks for read this tutorial and hope you enjoy. Don’t forget to subscribe or bookmark us on your favorite bookmarker below this post. And here my 2 products of this technique.

final result

opacity

Labels:



Give us feedback comments
Read 1 comment(s):
  • At December 30, 2009 at 2:23 PM, Anonymous Anonymous said…
    I don’t usually reply to posts but I will in this case. I’ve been experiencing this very same problem with a new WordPress installation of mine. I’ve spent weeks calibrating and getting it ready when all of a sudden… I cannot delete any content. It’s a workaround that, although isn’t perfect, does the trick so thanks! I really hope this problem gets solved properly asap.

     
  • Gadget 2.0

    Tracked by ClickAider