Anatomy of the Toolbox

 The toolbox in Photoshop is split up into 4 unique categories so that finding the right tool is never a hassle.

HTML5 Demos to Make You Forget About Flash

You’ve probably been hearing a lot lately about how Flash is a dying technology and how it’ll soon be replaced by HTML5. Personally, I think that it will slowly replace Flash for some things, but Flash will always have a place, especially for developing complex games and rich internet applications. If you’ve yet to see what HTML5 can do, I’ve rounded up 10 demos that show off some of its capabilities.

So what do you think – will HTML5 replace Flash?

Useful Resources to Help You Learn HTML5

Even though HTML5 is relatively new and it’s not supported yet by all major browsers, it is being used now by a lot of web designers and developers. Without a doubt, HTML5 is going to play a big part in the way we develop on the web, for many years to come. As I just mentioned, many people are using it now, but there are also many of you out there that hasn’t touched it yet. Now is a good time to start learning it. So, in order to give you a helping hand with that task, we’ve rounded up 7 Useful Resources to Help you Learn HTML5.

Useful 8 CSS Tools

Writing better CSS is something all web designers and developers should strive for, and thankfully there are some useful tools out there to help do just that. For this post, we’ve rounded up a collection of new tools to help you with your CSS. From learning new CSS3 properties, to making your code more efficient, there’s bound to be a few tools here you will find useful.

Fresh 20 CSS3 Tutorials

Quickly Build a Swish Teaser Page With CSS3

In this tutorial, you’ll learn how to build a teaser page using just CSS, no images or even a Photoshop design. Use it for any app or website that’s getting ready to launch.

The magic lighting effect in Photoshop

Well what I want to show here is how to create a nice light and magic effect. 1 - Create a radial gradient, in this case from a purple to a really dark purple 2 - Here I added a really cool Icon of a magic hat from the Crystal Clear Collection by Everaldo 3 - Add some text, I used the source code of a site to get the text and apply the Distort >Wave filter
Create two stripes of text 4 - Rotate and place the text 5 - Add some light using glow : Use different values for each line of text, the secret here is the blending option COLOR DODGE..
Change the values of Spread, Size and Range tant; border-right-color: rgb(51, 51, 51) !important; border-top-color: rgb(51, 51, 51) !important; font-size: 14px; padding-bottom: 20px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> 6 - Group the 2 lines of texts and with one apply a mask to make the stripes disappear at their ends. 7 - With the other group of text apply a gaussian blur, after that delete some parts to show the non-blury text.
This will add a movement feel to the text, like they are really being magically created. 8 - Create a new layer below the text and with a regular big brush like 100px add a spot of light in white.
The layer must be below the text, otherwise the glow will not affect the white spot 9 - Make some smoke again, I used the eraser, I could've used the liquify as well tant; border-right-color: rgb(51, 51, 51) !important; border-top-color: rgb(51, 51, 51) !important; font-size: 14px; padding-bottom: 20px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> 10 - Create a cloud: to do that make use a marquee with feather set to a value bigger than 20 and apply the render>clouds holding the command key(mac), ctrl key(win).
The same as the previous post, and the most important thing apply the COLOR DODGE blending options on it tant; border-right-color: rgb(51, 51, 51) !important; border-top-color: rgb(51, 51, 51) !important; font-size: 14px; padding-bottom: 20px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> 11 - Sparks: For the sparks create a brush, play with the shape dynamics, scattering, and other dynamics. After that, apply a Outer Glow and Inner Glow to create the magic effect. End - The result is really simple but at the same time it looks beautiful. The whole process took me about 35 minutes, one thing I think is really cool is to apply the color dodge blending option to folder, and put blurred elements inside of it. Using it you can create some really amazing light effects. CLICK HERE TO DOWNLOAD PSD FILE