Menu Search
Jump to the content X X

Today, too many websites are still inaccessible. In our new book Inclusive Design Patterns, we explore how to craft flexible front-end design patterns and make future-proof and accessible interfaces without extra effort. Hardcover, 312 pages. Get the book now →

Posts Tagged ‘Tutorials’.

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

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

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

Diagrams: Tools and Tutorials

Being a web-developer means not only being able to design web-sites or program their functionality. Sometimes it also means to be able to explain complex issues clearly and be able to present to your potential customers reasonable and convincing arguments - in order to find the best compromise between the customer's wishes and the standards you respect. In fact, it is essential to make sure the customer understands which advantages you are actually offering and why this or that layout and markup are better for a given web-project. [Content Care Oct/02/2016]

Developing web-sites over the last few years, I've been stumbling over the same problem over and over again: how can I visualize my idea easily and quickly? Since human being is used to visualize things, trying to understand the idea behind them, recently I've spent hours googling for useful tools and tutorials which would help me to create images - mostly, diagrams, charts, chart-flows etc. to visualize my personal ideas to my potential clients.

I'd like to present the results of my search. If you have any further suggestions, ideas or constructive criticism, don't hesistate to comment on this article!

Read more...

↑ Back to top