Menu Search
Jump to the content X X
Smashing Conf San Francisco

We use ad-blockers as well, you know. 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. upcoming SmashingConf San Francisco, dedicated to smart front-end techniques and design patterns.

Posts Tagged ‘Tutorials’.

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

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

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

Hand-Picked Photoshop Tutorials

Adobe Photoshop is a powerful tool for designing various visual elements one can use for web-pages. However, sometimes it’s important to know what to do in order to achieve some effects. In such cases, step-by-step tutorials can provide help and save a lot of time you would have to spend on finding a solution otherwise. Let’s take a look at some of the best Adobe Photoshop tutorials we’ve found in the Web so far. [Content Care Dec/28/2016]

photoshop-hand-picked1

Read more...

↑ Back to top