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.
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 and video. This is also the place that hosts our regular Desktop Wallpaper Calendar series.
Photoshop is a magical tool for digital artists and photographers, and it rules the digital imaging world. It is not just a tool, though; Photoshop is a blank canvas that invites you to perform magic with your creativity. It gives you room to creatively manipulate photos and explore the artist in yourself.
To celebrate the upcoming holidays, in today’s post we decided to step away from technical design/coding-related topics and showcase some beautiful digital illustrations and their creators. Hopefully, the artwork will inspire you and stir your imagination. [Content Care Dec/02/2016]
As you know, so many more brilliant illustrations have been done by digital artists doing great work, but we cannot cover them all in a single post, so we will try to showcase them in our future posts (if you want to). If we forgot to mention the work of your favorite artist, please do share it with the other readers and let us know their name.
When laid by a learned hand, brush strokes can convey a sense of energy, tactility and humanness. These qualities speak to your audience's subconscious, whispering ideas that words alone can't convey. In the digital realm, a website with beautiful brushwork is a welcome break from the stark precision of most corporate websites. [Updated February/28/2017]
Mastering the digital brush is by no means easy. It carries the same difficulties as the sable brush hidden at the bottom of your art bin. In fact, the difficulty is multiplied by the disconnect between the hand and monitor. Developing Photoshop brush skills takes time, but it is well worth the effort. This article outlines the plethora of options that Photoshop affords, so that you can efficiently create and use brushes like the Old Masters.
Art is not restricted to any medium, nor is digital painting. Yes, you read that right: "digital painting." It is a new trend in today’s technologically brilliant world that won't go away any time soon. Here, we’ve gathered 35 tutorials to inspire you to display your creativity through digital painting. We hope you like this collection. Kindly share your comments about it with us.
You may also want to check out the following Smashing Magazine articles:
As printed typography enjoys the fruits of high-DPI glory, proudly displaying its beautiful curves and subtleties, its on-screen counterpart remains stifled by bulky pixels, living in a world of jagged edges, distorted letterforms and trimmed serifs. Until display manufacturers produce affordable 200 or 300 PPI monitors, we'll have to rely on software advances to fix these problems.
Enter anti-aliasing: the next best thing to a world of higher-resolution monitors. The concept of anti-aliasing is fairly simple: add semi-transparent pixels along the edges of letterforms to smooth the appearance of the "stair-step" effect.
However, many factors and technologies determine the actual effectiveness of the process: hinting, subpixel rendering, software capabilities and operating system specifications, to name a few. Here, we'll look at what you as a designer can do to improve the results of anti-aliasing with Photoshop, Flash and CSS. Plus, we'll explain the constraints of hardware, browsers and operating systems.
Among all of the graphic designers in the world, many of them have probably had a go at designing some cool artwork for t-shirts. The t-shirt, after all, is one of the world's most purchased products, and a lot of us wouldn't know what to do without them!
If you have yet to design for apparel goods, today is your lucky day! Below, we present over 20 useful t-shirt graphic tutorials written by fellow designers, followed by a selection of great resources (such as vector apparel mock-up templates), an inspirational showcase to get your brain thinking and some great websites where you can submit your new t-shirt graphics.
You may be interested in the following related posts:
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? [Updated February/28/2017]
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.
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. [Content Care Dec/07/2016]
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.