Category: Tutorials

New techniques, fascinating effects, print design issues, icon design, Programming, Best-of tutorials, Adobe frameworks and 3D Inspiration for your projects – the Smashing Tutorials section covers numerous technologies, programmes and techniques. See what we have to offer: Smashing Tutorials, Hand-Picked Photoshop Tutorials, 50 Excellent AJAY Tutorials

Adobe Illustrator Tutorials – Best Of: Part 2

It's been about 7 months since the original Illustrator Tutorials - Best Of was published, and in that time there have been many more noteworthy tutorials released. With all of that new content , it's only appropriate to put out a second edition of the best Illustrator tutorials. In this post you'll find some basic tutorials on getting started with certain aspects of Illustrator and some of its specific tools. You'll also find more advanced tutorials that deal with all of the potential that Illustrator brings to graphic design.

blueprint text

Many of these tutorials have been developed by some of the best in the business, so you're sure to find plenty of new techniques and tricks to take your graphic design skills to a new level.

Read more...

40 Photoshop Tutorials On Rain Showers and Water Drops

With fall just around the corner, designers are looking for ways to complement their work with Fall imagery like water droplets, rain on leaves and fall rain showers. Including rain or water drops in a scene can be a nice effect because water is a very compelling element. As you’ll see in the tutorials below, water drops and rain can completely change the dynamic of a design or photo.

Screenshot

Adding the illusion of water and rain to photographs using Photoshop can be a bit tricky. Many times the effect feels forced and cheesy, as if you’re looking at a grainy picture instead of an authentic rain shower. The tutorials below will give any designer inspiration for incorporating water scenes in fall designs and showcase some amazing water work by excellent designers. You’ll learn how to create realistic photos.

Here are some other tutorials and Photoshop tutorials from Smashing Magazine:

Read more...

50 Photoshop Tutorials For Sky and Space Effects

Humans have always had an infatuation with the air above us and the space around our planet. With Adobe Photoshop we can create new images or enhance existing photos to include the sky and space as a backdrop. There is virtually no limit to what can be done with some Photoshop skills and a bit of creativity.

Awesome space effect

As you will see from the tutorials featured here, some of the most entertaining and practical Adobe Photoshop creations and manipulations deal with the sky and space. Whether you are looking to make adjustments to the sky in the background of a photo or if you want to create an exploding space scene from scratch, Photoshop can meet your needs.

From this collection of tutorials you'll learn all kinds of tricks that can be applied to your own work. Some of them are ideal for realistic photo manipulation and others are more suited for fun and experimentation. Take some time and explore the possibilities when working with the sky and space.

You may also be interested in some of our other collections of Photoshop Tutorials:

Read more...

70 Beauty-Retouching Photoshop Tutorials

Beauty retouching is probably one of the most popular application areas in which Adobe Photoshop is used extensively. There are two simple reasons for that. First, Photoshop offers a variety of advanced tools to smooth out skin and hair, optimize body proportions and emphasize some beautiful details. And second, if you have some experience with Photoshop it is easy to learn the basics and quickly produce very impressive and beautiful results.

Of course, beauty-retouching is a quite deceptive art. The masters of Photoshop create illusions which are hard to tell apart — unless you have both a genuine photo and the final result in Photoshop and can directly compare them. In fact, every day we consume perfectly retouched stars and models online and offline which just look different in the real life.

Photoshop Tutorial Screenshot

Still, it is not the reason to avoid learning advanced Photoshop techniques for beauty-retouching and study examples of how it is done in practice. The list below presents both image-tutorials as well as video-tutorials. Most examples have a before-vs.-after-comparison and you can follow the modifications with Photoshop step-by-step.

You may want to take a look at the further Photoshop tutorials selections we've presented earlier:

Read more...

Icon Design Tutorial: Drawing A Pencil Icon

Nowadays we can see icons everywhere, from a game console to web applications. Icons are getting more and more popular and play an important role, maybe the most important role in user interfaces. However, the resources about icon design are not that popular which is why when we have done our first steps in icon design, it was really hard to find a good starting point.

2

There were only few in-depth tutorials or books about this subject. Which is why we would like to share some (hopefully useful) tips about how to create a simple icon set. This tutorial presents of course not everything you should know about how to master icon design, but we hope that it will help you, particularly if you have just started to learn, or want to learn more about icon design.

This article explains the process of designing a simple pencil icon, one of the icons of the icon set. The tutorial is very detailed and in-depth, so you will hopefully be able to follow each step without any problems.

Read more...

Adobe Photoshop Tutorials – Rainbows, Glows and Light Effects

Lighting effects in Adobe Photoshop are used to add flare and polish to images. They communicate feelings of creativity, technology, magic, and fantasy. Creating beams, glows, motion trails, rainbows, or an assortment of other lighting effects, give your images ambiance and depth.

Magic Strokes Girl Adobe Photoshop Tutorial

Now it’s time for a sparkling dose of related Photoshop learning material. This article provides a resource of Adobe Photoshop Light Effects tutorials. These tutorials offer an assortment of techniques for making your work creatively glow.

Please consider them as an extension of our ultimate Adobe Photoshop series:

Read more...

Adobe Photoshop Video Tutorials – Best Of

by Dirk Metzmacher

The best thing about Photoshop video-tutorials is that they allow you to observe professionals just as if you were standing nearby and looking over their shoulders. You can see step-by-step how buttons, collages or even paintings are created. Instead of reading through books describing what needs to be selected, activated and clicked, you can simply imitate mouse clicks knowing exactly that you are actually doing the right thing.

The learning curve is easier to climb and the result is easier to compare. More than that: you can observe how it is done from the very beginning to the very end and (sometimes) you can get explained why it is done in exactly this way.

Photoshop Tutorial Screenshot

We've searched through dozens of video-sites, forums, articles, blogs, portfolios and communities. And we selected 80 excellent Adobe Photoshop video tutorials which you can use as a starting point to improve your skills or observe how professionals do their job. Among other things, below we present Photoshop video tutorials about speed painting, design of buttons and interfaces, beauty retouching, digital matte painting, photo manipulation, effects and much more.

Read more...

Drunken Monkey Photoshop Tutorial

In this article I will explain step-by-step how I've designed an attractive character in one of our recent projects, namely for the company "Drunken Monkey Collectibles". I will review the entire design process, from the first sketches and drafts to the final touches with Adobe Photoshop. In the post you'll find further references to different articles published in my blog SOSNewbie; you might want to check them out as they cover more details of each phase of the process.

This Adobe Photoshop tutorial is a guest article written by Sergio Ordóñez, 29 years old Spanish designer and illustrator who is working as a freelancer in SOSFactory since 2004. The article focuses on creating a visually appealing mascot and a logo and provides insights in the designer's workflow and the design process itself.

Mascot and logo design

Read more...

Adobe Illustrator Tutorials – Best Of

Over years Adobe Illustrator has become the standard application when it comes to illustration design. Artists, illustrators and graphic designers use Illustrator to create vector-based graphics which — contrary to raster-based editors such as Adobe Photoshop — can be easily rescaled without the loss of quality. E.g., Illustrator is often used to quickly transform hand-drawn sketches on a sheet of paper into lively and colorful digital images.

However, to master Adobe Illustrator isn't easy; and the creating process of professional illustrations requires both time and patience. Therefore tutorials can turn out to be real life- and time-savers as they show exactly what needs to be done in order to create professional illustrations and how masters of illustration actually manage to do their magic. One year ago we’ve presented a hand-picked collection of Illustrator tutorials. Now it’s time for a fresh portion of healthy and creative Illustrator material.

Illustrator Tutiorials Screenshot

In this post we present a collection of excellent Adobe Illustrator tutorials for beginners and advanced designers. The new selection isn't enormous, but big enough to provide you with some good starting points.

Please notice that

  • we've selected only those tutorials which haven't been featured last year or were released after the article was published.
  • you might also be interested in Adobe Photoshop Tutorials - Best Of we've presented few weeks ago.
Read more...

↑ Back to top