In this tutorial you will learn how to create a volume button. It all starts with three concentric circles. Using some interesting stroke properties along with basic effects you will create the volume line.
Showing posts with label tutorial. Show all posts
Showing posts with label tutorial. Show all posts
Thursday, September 15, 2011
Tutorial : Modern Volume Dial with Illustrator
In this tutorial you will learn how to create a volume button. It all starts with three concentric circles. Using some interesting stroke properties along with basic effects you will create the volume line.
Wednesday, September 14, 2011
Tutorial : Headphones with Illustrator
In this tutorial you will learn how to create a realistic image of headphones using simple and understandable techniques. It turns out that to get a good result there is no need to do it in a complex way. This tutorial is easy for any beginner to complete.
Monday, July 18, 2011
Adobe Fireworks For Beginners
I came across an excellent guide for beginners that I would like to share with you!
Adobe Fireworks CS3, Photoshops lesser used and lesser known little brother. Its far cheaper, easier to learn and reasonably light weight. But, can it be as powerful? Of course, it can. Just like Photoshop the volume of extensions available are extensive, and with the correct extensions can be almost as powerful.
Why Use Adobe Fireworks?
Despite sometimes feeling like the un-loved, adopted child to the Adobe Creative Suite family, Fireworks remains for a lot of professional web and user interface designers to be the most useful, productive tool in their arsenal, however due to the vast popularity of a certain other graphics application in the creative suite, it doesn’t gain anywhere near the recognition it deserves for what it does best.
Fireworks was designed for rapid prototyping, layout and interface design, and it really shows when you start using it. Menial tasks that can take minutes to perform in Photoshop, take just seconds in Fireworks, and it isn’t just about saving time either, as Fireworks is an incredibly powerful graphics application, and with some experience there is very little you can do Photoshop that you can't do in Fireworks just as well.
This guide shouldn’t be seen as a dig at Photoshop though, it is simply here to assist designers who want to start taking advantage of the time-saving, efficient features that Fireworks has to offer. So why not give that yellow “Fw” icon a click and see if you can learn something new, and potentially save a large chunk of time in your daily workflow?
:)
Adobe Fireworks CS3, Photoshops lesser used and lesser known little brother. Its far cheaper, easier to learn and reasonably light weight. But, can it be as powerful? Of course, it can. Just like Photoshop the volume of extensions available are extensive, and with the correct extensions can be almost as powerful.
A Complete Getting-Started Toolbox
Why Use Adobe Fireworks?
Despite sometimes feeling like the un-loved, adopted child to the Adobe Creative Suite family, Fireworks remains for a lot of professional web and user interface designers to be the most useful, productive tool in their arsenal, however due to the vast popularity of a certain other graphics application in the creative suite, it doesn’t gain anywhere near the recognition it deserves for what it does best.
Fireworks was designed for rapid prototyping, layout and interface design, and it really shows when you start using it. Menial tasks that can take minutes to perform in Photoshop, take just seconds in Fireworks, and it isn’t just about saving time either, as Fireworks is an incredibly powerful graphics application, and with some experience there is very little you can do Photoshop that you can't do in Fireworks just as well.
This guide shouldn’t be seen as a dig at Photoshop though, it is simply here to assist designers who want to start taking advantage of the time-saving, efficient features that Fireworks has to offer. So why not give that yellow “Fw” icon a click and see if you can learn something new, and potentially save a large chunk of time in your daily workflow?
:)
jQuery’s delegate method
Event delegation may be some techie term that you’d rather shy away from, but if you’ve not already used it, this example will show you a simple but powerful use of event delegation.
We could repeat our code to handle the click each time the Ajax has run, but that feels repetitive doesn’t it? We want our code to by abide by the DRY rule where possible: Don’t Repeat Yourself.
Can’t the container element that holds all the images listen out for clicks instead? Absolutely yes. That’s where event delegation comes in to play.
Enjoy :)
 |
| View Tutorial |
The Problem
We’ve set up our page, we’ve run all our jQuery and we’ve hooked our click handlers. But what happens new new content arrives in the page, say via an Ajax request for instance? Those click handlers don’t work anymore.We could repeat our code to handle the click each time the Ajax has run, but that feels repetitive doesn’t it? We want our code to by abide by the DRY rule where possible: Don’t Repeat Yourself.
Can’t the container element that holds all the images listen out for clicks instead? Absolutely yes. That’s where event delegation comes in to play.
View Full Tutorial For Free Here
Enjoy :)
Sunday, July 17, 2011
Vintage 3D Typography
Vintage 3D Typography in Photoshop with Repoussé
"Sunday is the day to play with Photoshop and try some new ideas. As usual I went through some books and Web sites to find some inspiration. I am still addicted to the Handy Book of Artistic Printing, it's a must have book for some old style print references. I got some ideas and also found this amazing image from Alex Beltechi on Dribbble called Twisting in the Wind. Then I new the effect I wanted to know how to create in Photoshop."
You will learn in this Photoshop tutorial how to create a 3D effect using Photoshop and the Repoussé tool. The whole process is quite easy with less than 10 steps and won't take you more than 30 minutes.
Enjoy :)
Saturday, July 16, 2011
Vintage Traveler Diary
In past articles, we’ve shared great fonts, vectors and textures that you can use for free. So now if you want to learn some techniques to put those to use, you’re in luck, check our future posts. Here is very useful and popular Photoshop tutorial that will teach you techniques to add vintage elements to your retro style designs.
You can learn from this Photoshop tutorial by Nikola Lazarevic aka Colaja, how to create a very stylish vintage traveler diary in Photoshop. Learn how to mix brushes with stock photos and blend modes to achieve the retro style effect.
Free Tutorial Here
Enjoy :)
Subscribe to:
Posts (Atom)