Rain Rain, Come My Way

A very simple wallpaper representing rain by falling arrows. Inspired by the fact that I haven’t made a wallpaper in Photoshop in over 2 months, and also the unbearable heat here in Delhi. Read more
CommonWealth Games 2010

A friend of mine is making an “un”official website for the Commonwealth Games 2010 which are to take place in Delhi, India in October 2010. (Oh boy. Not much time left now!) The website aims at providing latest new updates, pics, new developments etc along with facilities such as information about Delhi, Food and beverages, Accomadation etc. in Delhi for tourists and athletes. The website is online at http://www.cwg-delhi.com
Please keep in mind that only the design is complete and uploaded, there is no active content as of now. Please view the complete article for more web-design related aspects of the website.
The website has been made using HTML, CSS, PHP and JavaScript along with JQuery. The PHP handles the dynamic content fetching from the website owner’s blog at http://www.knayam.com. The owner is an active blogger and an avid writer. Do check it out.
The website also provides customized twitter updates using PHP. Scrolling news headlines at the top and latest scrolling pics in the middle complete the page. There is also a custom count-down timer counting down (duh) to the date 3 October. Thats when the games start. They end on 14th October.
One more thing. My Google PageRank just moved from 2 to 3!! YAY!
One more thing. I am launching my own website very soon! Will post with the name and link as soon as I have got the hosting. The website design is ready, and I will be putting that up too within 2-3 posts.
Aperture Science Wallpaper
Take a breather…
Just some random wallpapers in various designs and resolutions. I just made a gradient and a new circular brush and “brushed” around. When I realized that the result looked like an underwater scene with bubbles, i added the text “Breathe. Just Breathe.” Do ‘Read More’ to see all wallpapers…
1280 x 800:
1920 x 1200:
1280 x 800:
1920 x 1200:
Birthday Magic
Its that time of the year again! Yeah, you guessed it right (I am sure you did…). Its my birthday today!! Yep, 11 July once again… So here is a birthday card for me. You can also gift it to someone else you want to wish!! Also, the same wallpaper, but with a more useful quote, so that everyone can use it as a wallpaper. Read More to see the images.

The quote on this one says “Magic: When Illusions seem Real”. A really catchy and logical quote.
Thanks for your wishes in advance! As a gift, I would appreciate link-backs from you!
Leave your links in the comments to get a link as a return gift from me.
Poster – Web Designing
Hey all,
Here are 2 versions of the poster that I made for the Web Designing competition event of my college’s annual festival. Do tell me which one do you like better.
(Yes, the only difference is in the colors)
Comments are mandatory. And yeah, a wallpaper with a nice quote is coming up next.
Vista/7 Orb/Start button Tutorial
Hey all,
I have decided that I will do a whole series of Vista elements tutorials. Note that I am not an out-and-out Vista fan, I actually like XP and OSX a lot better than Vista. But you have to agree, the Vista interface does look nice, if you have a lot of processor power lying around unused…
Having already posted the Vista Taskbar Tutorial, the series will include tutorials on how to make:
1. The Vista Taskbar
2. The Vista Orb
3. The Vista Explorer/Interface
4. Maybe The Vista Sidebar
5. Some Vista wallpapers
Now let us begin with the Vista Orb Tutorial. First of all, here is a screen-shot of the real Vista Taskbar:
[image deleted]
Update: The Windows 7 start button/orb also looks exactly the same.
And here is what we will make in this tutorial:
Let us begin!
Step 1: The Basic Shape
1. Start with a square, 300x300px canvas. Pick up the “Elliptical Marquee Tool“, and draw a nice big circle in the center, while holding down the Shift key.

2. Next, make a gradient that goes from a dark shade of any color to a light shade of the same color, as shown. The actual Vista Orb seems to use #013660 and #00a8e9. I have used the same.
Make sure that you save the selection. To do so, go to “Select>Save Selection“. Give it some obvious name such as “outer”. To learn about saving/loading selections in detail, refer to my Mac OSX Tiger Wallpaper Tutorial.

Step 2: The Basic elements of Design
1. Go to Select>Modify>Contract. Enter 5 or 6px as the size. Do save the selection as “inner”.

2. Create a new layer, and pick up the Gradient tool. With the gradient set to “White to transparent”, select “Radial Gradient” from the options bar on top. Make a radial gradient on the new layer starting from point 1 to point 2 as marked in the pic below. Set the layer blend mode to “Overlay“. You can deselect (Ctrl/Cmd + D) any selections that are there. I hope that you saved your selections.

3. Now to put in the Windows logo. You could either wait for me to put up a tutorial for the win logo or download the following logo that you can easily extract (Tutorial on extraction coming soon) from any official windows wallpaper.
[image deleted]
Copy this logo onto a new layer in your image. Resize it to fit nicely, leaving some space on the sides.

Its already looking quite good huh?
Step 4: The 3D Gloss effect
1. We use the same old technique of giving a glossy look to any object. We make a partial gradient in a part of the image. For more details, refer to tutorials Vista Taskbar, RSS Feed Icon and 3D button/badge.
2. To select an area for the gradient, pick up the Pen Tool. Make a path as shown in the pic below. I have left the path incomplete on purpose to show you the anchor points.

3. Once the path is complete, right click anywhere on the canvas and select “Convert to Selection“. This will convert your path to a selection (duh!).
4. Now comes the use of the saved selections. Refer to the tutorial I linked to above, to learn more about loading selections. Basically, you can combine different selections in different manners by using the “Load Selection” feature. Go to “Select>Load Selection“. In the window that pops up, make the settings a shown:

5. As you can see in the image below, a very nice selection has been made. It is just the area that we need.

6. Again, on a new layer, with the Radial gradient set to “White to transparent”, make a large gradient from the top to the middle. Adjust transparency of the layer to suit your needs. I lowered it to about 80%.

7. Though it has started to look a bit glossy, it still looks a bit weird. Select the layer with the logo on it, and go to “Layer>Layer Styles>Drop Shadow“. Use the following settings.

8. This is what your image should look like. Please ignore the strange black patch under the green part of the logo. I made a mistake while taking a screen-shot. :p Also , don’t deselect it. Infact, you should save it. Let the name be “xyz”.

9. Now you need to load another selection. Load the inner selection again, but this time subtract “xyz” from it.
10. Next, with a soft (0% hardness) and large (radius 100px) brush, and foreground color set to Black, and the opacity of the brush set to 40%, color a bit in the areas marked with the red spots in the image above. And this finishes your Vista Orb!!
The final image:
Please do comment!!

















