Featured

Read on and Subscribe! :)Now Reading ...

18 Essential Photoshop Tutorials for Blogger

By Ken Xu on Sep 10, 2007 in Blogging, Blogging Skills

Hi! If you're new here, you may want to subscribe to my Full feeds and by Email to receive free daily updates. Thanks for visiting! Have a nice day! :-)

As a blogger, a little Photoshop skills in image editing is very crucial. Beside you can make your own image creation like logo or header image, you can virtually change anything in your blog to suit your mood.

There are more than millions of Tutorials in the web. Sometimes it will overwhelming you if you don’t know where to start your first step.

I hope within this post, you will be able to find your start point and begin to learn this powerful image editing software and apply it to your own blog.

Basics

  • Getting the most out of your RAM
    • Photoshop is a RAM hungry application for your desktop, find out how is the basic skills to optimize your RAM so your computer won’t slow down by Photoshop.
  • Top Useful Photoshop Shortcuts
    • Knowing some shortcut fasten your working time. Make sure to make a good use of this list.
  • Layers Explained
    • Layer is one of the most favorite feature in all graphic designing software. Find out what is Layer and how the magic is happening in this tutorials.
  • Comprehensive Guide on Type Tool
    • Type tools is very useful when you want to create nice text effect for your blog header or somewhere else. This guide will teach you all you should know about Text tool.
  • Tricks to working with Text
    • Learning the comprehensive guide on text is not enough. This tutorial will show you how to ‘play’ with text. :)
  • Complete Guide on Pen Tool
    • Pen Tool is the most useful tool in photoshop to make selection and forming a custom shape manually. This tutorial will share you the basic element of Pen Tool to help you understanding it deeper.

Favicon

  • Creating and Using Favicon.ico
    • Favicon.ico is the image beside your blog URL. It’s important to have one for your blog to differentiate your feed items in your user feed reader.

Blog Header

  • Beautiful light effect
    • You can use this tutorial to create your own beautiful header image to impress your reader! :)
  • Simple Web 2.0 Banner
    • Nice tutorial for creating web 2.0 style banner image for your
  • 3D logo
    • Logo is a crucial element of your blog brand. Make sure to have one for your blog.
  • Dreamy Text for Header
    • Create a dreamy text effect to suit your header design.

Blog Content

Blog Sidebar

  • Simple Glossy Icon / Button
    • This is the most general skill in creating glossy shinning icon or button in photoshop. Suitable for your blog navigation bar or Header image.
  • Rounded Button
    • Simple tutorial to make a rounded corner button for your blog’s sidebar
  • Mail Button
    • You can use this tutorials to create a Feedburner’s mail subscription button instead of the default form. Change the text inside the tutorial to “Subscribe via Mail” or something else.
  • Cool Glassy Feed Icon Creation
    • Want to make a different kind of Feed button for your blog? This tutorial will show you how to make a glassy feed button in 18 steps.
  • Groovy Smooth Orange Icon
    • Add some nice and groovy like icon to colorize your pale blog.
  • Post-it Note
    • Create your own Post-It note and Stick it to your side bar to remind reader to subscribe to your blog.

There is more tutorial that you can eat. Make sure to make a clear target instead of trying to learn every one of them. Have fun learning! :)

RSS feed | Trackback URI

23 Comments »

Comment by Nirmal
MyAvatars 0.2
2007-09-10 03:15:56

Wow! This is a great collection. Thanks for sharing this Ken! Stumbled.

(Comments wont nest below this level)
 
Comment by Ken Xu
MyAvatars 0.2
2007-09-10 04:50:45

You are welcome! :)
I’m glad you like this post, Nirmal! Thanks for the stumble too! I’m appreciate it very much. :D

(Comments wont nest below this level)
 
Comment by jamy
MyAvatars 0.2
2007-09-10 10:54:03

Ken, a lot to digest :).

(Comments wont nest below this level)
 
Comment by Shankar Ganesh Subscribed to comments via email
MyAvatars 0.2
2007-09-10 10:59:00

Indeed a beautiful collection! Stumbled :mrgreen:

(Comments wont nest below this level)
Comment by Ken Xu
MyAvatars 0.2
2007-09-10 13:36:50

Thanks Jamy! :D

Thanks Shankar! :D

 
 
Comment by ram
MyAvatars 0.2
2007-09-10 15:31:56

wow nice collection of tutorials, but i dont have latest photoshop. :cry:

(Comments wont nest below this level)
Comment by Ken Xu
MyAvatars 0.2
2007-09-11 00:53:09

Oh, don’t discourage by it Ram. Using photoshop 7 still ok. It’s indeed that the newest have more advance tools but, the basic still same! :) I also using not so new PS CS1. and things going smooth too! :D

 
 
Comment by Clara
MyAvatars 0.2
2007-09-11 07:35:49

Thanks for this compilation! Wish I had this post as a guide when I was learning to use this software.

(Comments wont nest below this level)
Comment by Ken Xu
MyAvatars 0.2
2007-09-11 09:59:05

Hi, Clara! Thanks for commenting. It’s nice to see you here.
Sure, I will make more content about design and tutorials. Hope you can make this blog as your future reference. :)

 
 
Comment by JennyHow
MyAvatars 0.2
2007-09-11 17:32:54

very handy info. Thanx Ken!

(Comments wont nest below this level)
Comment by Ken Xu
MyAvatars 0.2
2007-09-11 21:17:06

Hi, Jenny! :) Thanks for stopping by.

 
 
MyAvatars 0.2
2007-09-14 04:06:07

[…] Modifying CSS could be a daunting task if you don’t know the basic of the CSS rules. Below is another collection of mine beside my Photoshop sources. […]

(Comments wont nest below this level)
 
MyAvatars 0.2
2007-09-14 06:05:39

[…] My Sites Advisor Posts Relacionados Extensa lista con recursos para PhotoshopGood-Tutorials, buenos […]

(Comments wont nest below this level)
 
Comment by proud mom
MyAvatars 0.2
2007-09-17 08:36:03

hi ken! you’re such a prolific blogger huh! wanna see my real baby? pls. visit my site again…

(Comments wont nest below this level)
Comment by Ken Xu
MyAvatars 0.2
2007-09-20 23:16:23

Hi, proud mom! I have seen your baby! Really a cute boy. :)

 
 
Comment by VagabondoDigitale
MyAvatars 0.2
2007-09-20 18:04:46

Great list, thx :smile:

(Comments wont nest below this level)
Comment by Ken Xu
MyAvatars 0.2
2007-09-20 23:19:20

Hi, you are welcome. Please make a good use of it. :) Thanks for stopping by.

 
 
Comment by Mike
MyAvatars 0.2
2007-12-07 07:08:57

I appreciate your list! Thaks a lot! I became your RSS subscriber.

(Comments wont nest below this level)
 
Comment by Areeb Bajwa
MyAvatars 0.2
2007-12-31 04:42:37

Man that helped out a lot. Thanks! Now if only Photoshop didn’t cost a fortune.

(Comments wont nest below this level)
 
Comment by Manav Subscribed to comments via email
MyAvatars 0.2
2008-01-03 22:05:02

Nice post..quite educating. Thanks a lot.

(Comments wont nest below this level)
 
Comment by Dumoulin Hystan
MyAvatars 0.2
2008-01-13 03:55:38

This are very useful tutorials. Bookmarked.

(Comments wont nest below this level)
 
Comment by Xmlci
MyAvatars 0.2
2008-02-21 09:29:55

So Thanks for your list very helpfull for me…

(Comments wont nest below this level)
 
Comment by PhotoshopMaster
MyAvatars 0.2
2008-03-26 10:33:13

:mrgreen: Now, this what i like…as a graphic designer myself..this is very helpful..a digg and a stumble.

(Comments wont nest below this level)
 
Name (required)
E-mail (required - never shown publicly)
URI

Comment Policy: All First Time Commentator's Comment will be held under a moderation. So, if your comment isn't appear immediately after you hit the button, please be patient ok? ;)
Subscribe to comments via email
Your Comment (smaller size | larger size)
You may use <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> in your comment.