Menu Search
Jump to the content X X
Smashing Conf Barcelona

You know, we use ad-blockers as well. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. our upcoming SmashingConf Barcelona, dedicated to smart front-end techniques and design patterns.

Posts Tagged ‘Tutorials’.

We are pleased to present below all posts tagged with ‘Tutorials’.

40 Dirty Grunge Effect Photoshop Tutorials

Grunge is a popular trend that attempts to give designs a more organic and realistic look. It also provides a stark contrast to the simplistic, polished, and rigid "web 2.0" trend, opting instead for a less uniform and more elaborate form of design.

Creating an Old-Collage Effect Poster

We've discussed grunge style in modern web design before, as well as the tips and tricks to achieving the grunge look. Now, it's time to put theory into practice by finding ways to infuse grunge thems into your artwork using Photoshop. In this collection, we present to you 40 excellent, high-quality grunge Photoshop tutorials. So fire up Photoshop and get ready to get your handsdirty! [Content Care Nov/01/2016]

Read more...

24 Excellent AJAX Tutorials

AJAX provides Web developers with plenty of opportunities to enhance the user experience and improve the performance of their websites. There are countless ways that AJAX can be used, and fortunately there are plenty of good and useful AJAX tutorials out there to help you with your own implementation. [Content Care Oct/28/2016]

AJAX

This post serves as a collection of useful tutorials on working with AJAX in a wide variety of ways. You’ll find tutorials on working with forms, building shopping carts, creating chat features, working with log-ins and usernames and much more.

Read more...

35 Beautiful Retro And Vintage Photoshop Tutorials

With the recent post on retro and vintage in modern web design, it's time to put the theory into practice. We've scoured the Web to find some impressive Photoshop tutorials that can help you achieve an "old-fashioned" look-and-feel in your designs. [Content Care Oct/31/2016]

Ford Mustang

In this post, we go back to the 1900's all theway to the 1980's to showcase a variety of vintage- and retro-inspired designs that involve poster art, collages and graphical elements. Whether you're into print design or web design, you'll find something you can use or build upon. Without further ado, we present 35 high-quality vintage and retro Adobe Photoshop tutorials that may help your design... well, travel back in time.

Read more...

40 Gorgeous 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. [Content Care Nov/07/2016]

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.

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. [Content Care Nov/27/2016]

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.

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. [Content Care Nov/07/2016]

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.

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. [Content Care Nov/09/2016]

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...

Photoshop Rainbow, Light, and Glow Effect Tutorials

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. [Content Care Nov/28/2016]

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.

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 Photoshop Tutorials – Best Of

When it comes to graphic design, Adobe Photoshop is usually the first option to consider. However, the software itself is a quite tough nut to crack — and definitely extremely hard to master. For instance, the concepts are not always intuitive and it’s not always clear when to use what tool and how to use it effectively. In fact, in Photoshop it usually takes pretty much time to achieve something you have never done before.

However, you don’t need to muddle through numerous Photoshop features and extensions for every design problem. You can use professional suggestions instead, e.g. professional step-by-step tutorials which provide excellent results and thus can save you a lot of time.

Read more...

20 (Alternate) Ways To Focus On Users

Many web professionals know about certain ways to focus on users. The most popular methods surely include usability tests, card sorting, personas, surveys, and watching current research, and they mean valid approaches to enable products and services that actually work. The following list aims to show some alternative methods towards more useful products. [Content Care Oct/07/2016]

Read more...

CSS Float Theory: Things You Should Know

The concept of floats is probably one of the most unintuitive concepts in CSS. Floats are often misunderstood and blamed for floating all the context around it, causing readability and usability problems. However, the reason for these problems isn't the theory itself, but the way the theory is interpreted - by developers and browsers. Still, if you take a closer look at the float theory, you'll find out out that it isn't that complex as it appears to be. Most related problems are caused by the older versions of (take a guess) Internet Explorer. If you know the bugs, you can control the way information is presented in a more sophisticated, profound way. [Content Care Nov/09/2016]
W3C Visual Formatting Model
Let's try to tackle the issue and clarify some usual misunderstandings, which always appear once floats are being used. We've browsed through dozens of related articles and selected the most important things you should keep in mind developing css-based layouts with floats. Update (01.05.2007): our comment form returns some strange mistakes. We're working on it. Sorry for inconvenience. Read more...

↑ Back to top