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 New York, dedicated to smart front-end techniques and design patterns.
This category includes articles and tutorials on designing in Photoshop, InDesign, Illustrator and Fireworks. Free icons, textures, PSDs and other similar resources are featured here, as well as showcases of photography, video and wallpapers.
Most people who have designed websites or apps in Photoshop will, at one point or another, have had issues trying to match colors in images to colors generated by HTML, CSS or code. This article aims to solve those problems once and for all. So how can we achieve color management that matches colors across multiple devices?
In the print world, color management typically involves calibrating your entire workflow, from scanner or digital camera to computer display to hard proofs to the final press output. This can be quite a tall order, especially when the devices use different color spaces — matching RGB and CMYK devices is notoriously hard.
When designing or editing for TV, calibrating the main editing display and using a broadcast monitor are common; these show real-time proof of how the image will look on a typical TV in a viewer’s home. In such a scenario, color management offers many benefits and is highly recommended.
When building Web and application interfaces, the situation is a little different. The final output is the same device that you’re using to create the artwork: a computer display (putting aside for now differences in gamma between Windows, OS X prior to 10.6 and the iPhone, which we’ll cover later.)
Although web design is everywhere nowadays (even when we're not at the computer it still manages to squeeze it's way in to our everyday life), print design is still a huge part of the design industry and is everywhere we look: newspapers, posters, prints, manuals, restaurant menus, business cards – the list goes on and on. So how do you make sure that you leave a good impression on people holding your piece of art in their hands? This is where experience and advanced print design skills come into play.
Below we present 25 useful print design tutorials as well as a collection of inspirational links at the bottom of the post to get your imagination running wild. These tutorials make use of Adobe Photoshop, Illustrator and InDesign, and even the experienced designers out there can give their skills a polish by taking the time to read through these tutorials to squeeze a few more tips, tricks, do's and dont's up their already stuffed sleeves.
Desktop wallpapers can serve as an excellent source of inspiration. However, if you use some specific wallpaper for a long period of time, it becomes harder to draw inspiration out of it. That’s why we have decided to supply you with smashing wallpapers over 12 months.
And to make them a little bit more distinctive from the usual crowd, we’ve decided to embed calendars for the upcoming month. So if you need to look up some date, isn’t it better to show off a nice wallpaper with a nice calendar instead of launching some default time application?
This post features 60 free desktop wallpapers, created by designers across the globe. Both versions with a calendar and without a calendar can be downloaded for free.
all images can be clicked and lead to the preview of the wallpaper;
you can feature your work in our magazine by taking part in our desktop wallpaper calendar series. We are regularly looking for creative designers and artists to be featured on Smashing Magazine. Are you one of them?
So what wallpapers have we received for October 2009?
When you hear the word 'kinetic' for the first time, probably the first thing that comes to your mind is motion. Kinetic Photography, also known as 'camera tossing', is a technique of shooting photos with the actual physical movement of the camera. However, it does not necessarily involve tossing of the camera — you can also shake, bounce, swing or spin it; the goal of the technique is to obtain unpredictable results which are sometimes fascinating, always abstract and rarely boring.
The main rule of kinetic photography is simple: do not hold your camera stationary! Obviously, it is a quite uncommon and bizarre technique that involves risk of damaging your camera. The concept is extremely simple and really fun to use. Though the outcome is uncertain, kinetic photography sometimes produces beautiful abstract, random and motion blurred images. The results often look like a computer generated graphics.
Below we present beautiful examples of kinetic photography for your inspiration. All images are linked to photographer's web sites. You can explore further works of the photographers we've featured below by clicking on the images presented in this showcase. And feel free to add links to some beautiful works in the comments to this post!
Learning is a process which continues throughout the life of an artist, graphic designer, and illustrator. Along the way, designers find the task of mastering Adobe Illustrator a large obstacle which requires practice and experience in using the vector-based application. Practice comes in the form of tutorials, which offer tips, tricks, and artistic styles from other designers who have mastered certain techniques based on their experience.
From these tutorials, a designer can polish their skillsets on a variety of topics which will strengthen their own artwork. Sometimes a simple tutorial has tips which may have been overlooked based on the subject of the tutorial. By looking past the subjects of the tutorials, an endless array of learning opportunities exist. Essentially, the tutorials become not only a teacher but a "class" which a designer can repeat as often as necessary to refine their skills.
In this post, 40 simple to complex Adobe Illustrator tutorials will have the overall techniques by each tutorial summarized. The purpose is to pick and choose among the tutorials based on the areas that need improvment. Whether a seasoned professional or a designer just starting out, Adobe Illustrator tutorials offer a way to brush up on one's skills.
Photoshop and Illustrator, as we’ve all come to realize, have revolutionized contemporary design and illustration, unleashing the creative potential of artists the world over. Through this tutorial, we’ll take you through process and technique, from sketch to Photoshop to Illustrator, so that you can learn skills to complement your ample creativity! As we go through constructing this image, I encourage you to experiment with the skills you learn, applying them to your own style.
Pencils sharp! We start with the sketch. Though a short one, this step is without a doubt the most important in this tutorial. With a strong sketch and concept, you have a much better chance of producing a first-rate result! That said, let's begin fleshing out the rough details of our illustration.
The most important aspect of designing an individual icon is that it has to be instantly recognizable, you have to know its function, and you need to know exactly what it is. If you are designing a set, the actual design becomes a lot harder, the designer has to face two initial challenges: Each icon they design has to be individual and distinctive from the other, and, they also have to have similar features to show that they are related, completing the set. Not an easy task.
Perhaps that is why we love those small indispensible graphical images so much, it’s an appreciation of the hard work, creativity and talent of the designer. And to think, all those hours spent in front of a laptop crafting these little marvels, and then, allowing everyone else to download them for free. To all icon designers we say: "thank you".
In this post we present a round-up of fresh high-quality icons that are available for free download and (sometimes only for personal) use. Please make sure to read license agreements before using icons in your designs – they can change from time to time.
Today, in the era of digital technology black and white often awake nostalgic feelings of the 20th century, the good old times when the television was just invented, when people read colorless printed newspapers and when people were just imagining cell phones equipped with photo cameras. But still, dozens of years later, many artists use black and white photography for artistic purposes. It is one of the best and cheapest types of photography for the beginners to test their creativity. This showcase is a tribute to this often forgotten and underrated art of photography.
In this post we present beautiful examples of black and white photography — an update to previously featured showcase of black and white photography. The showcase below focuses more on art and creative mind of photographers. Of course, it's not the ultimate collection. There were many more which we could not cover in a single post. All the photographs are linked to photographer’s website. Please do visit their sites to explore the skills and craft of these artists.
Traditional drawing is certainly way harder than digital and it is true that people are able to progress much faster digitally, but one should learn the traditional type of drawing and painting before starting digital drawing, since it often lays out the foundation for screen design.
This article contains a mixture of traditional drawing tutorials, drawing techniques and some methods for transforming and preparing your creations for screen design. Some are intermediate level and some are advanced tutorials that include general theory, useful tips, comic inspired art, sketch a pencil drawing, coloring processing, character sketching, shapes, proportional, perspective and much more. We hope that drawing tutorials and techniques in this post will be a great help to you.