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.

Category: Graphics

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.

Popular tags in this category:

How to Design the Firefox Logo in Photoshop

This tutorial will go through how you can create the Firefox logo in a scalable Photoshop format. Firstly create a new document at 1024px x 970px and start off with selecting the ellipse tool (U) and drawing a large circle (hold SHIFT to constrain the proportions) and make the top of the circle nearly touch the top of the document and the bottom of the circle nearly touch the base of the document. Change the colour of this new shape by double clicking the colour next to your shape in the Layers Palette and then entering #1f0e6d in the space underneath RGB. This is your basic shape for your globe and should look like this: [Content Care Nov/10/2016]

Firefox Logo — Final Result
Read more...

(Really) Stunning Pictures and Photos

Photography is a very powerful medium and a very difficult craft. Excellent photos don't only display some facts — they tell stories, awake feelings and manage to share with the audience the emotions a photographer experienced when clicking the shot button. Taking excellent pictures is damn hard as you need to find a perfect perspective and consider the perfect timing. To achieve brilliant photography you need practice and patience. However, it is worth it: the results can be truly stunning. [Content Care Oct/16/2016]

Mind-Blowing Photos - Sky

Below you'll find 50 brilliant photos and stunning pictures — some pictures tell stories, some are incredibly beautiful, some are funny and some are very sad.

All pictures are copyright of their respective owners. Please explore the further work of the photographers by browsing through their work. We've tried to cover different themes so that everybody will find something interesting and spectacular for himself / herself. All screenshots are linked und lead to the pages from which they've been taken.

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

Fresh, Free and Gorgeous RSS Feed Icons

We love high-quality freebies. Over the last years we've featured a number of designers and developers who released their work for free — among other things we presented high-quality free fonts, free Wordpress themes, free wallpapers and, of course, free icons.

Every release helps to make the Web a nicer place which is why we support designers and challenge them to release something for free in order to be featured on Smashing Magazine. And the results are quite often pretty impressive.

Smashing Icon Set

Today we are glad to release a free RSS/Feed icon set. The set contains 8 icons which you can use for private and commercial projects, blogs and web-sites for free. The icons are available for both Mac and Win-users in resolutions 16×16px, 24×24px, 32×32px, 48×48px, 128×128px, 256×256px and 512×512px.

Read more...

Blog Headers For Free Download

This post presents the results of the contest — 45 beautiful blog header designs you can use for free. Below the designers have described their themes, intentions and shown us some examples of how header graphics can be used. [Content Care Oct/12/2016]

Blog Header For Free Download

Blog Header For Free Download

Blog Header For Free Download

Please notice that

  • often also the source image (.ai or .psd) can be downloaded,
  • all images are clickable and lead to the full-size image of the header,
  • full-size images have the resolution of 850×200 px,
  • and you can also download graphics together with source files using corresponding links in the description.
Read more...

Breathtaking Typographic Posters

You can't design without type. However, yon can use only type (or mostly only type) to create breath-taking designs. In fact, many graphic designers and artists take exactly this route to communicate their ideas through their works. The results are sometimes crazy, sometimes artsy, sometimes beautiful, but often just different from things we're used to. Thus designers explore new horizons and we explore new viewing perspectives which is what inspiration is all about. [Content Care Oct/14/2016]

Screenshot

This post showcases over 50 breathtaking typographic posters designed by artists across the globe. We feature Oriental, Iranian, Hebrew, Japanese, Chinese and Russian typographic posters as well as a number of further references. This isn't a "best of", there is no ranking and the collection isn't supposed to be complete; it's rather subjective and quite random. All screenshots are clickable; however, links not always lead directly to the corresponding image (e.g. it's impossible in Flash-based sites) — sometimes you'll need to search for it.

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

Logotrend 2007: Leaves

In modern logo-design leaves stand for fresh ideas or - more generally - for an innovative way of thinking. In Web they are mostly used to communicate light-weight solutions as well as clean and unobtrusive designs. In fact, leaves, plants or ornaments which appear to be related to the nature can be found almost everywhere; it's a trend that will probably be reversed soon, due to an extreme overuse of the theme in modern designs. The sites themselves, using leaves for their logos, mostly do not have a relation to foliage - and even although often green color is used, that is not necessarily the case.

9rules
30Logo
Logo with leafes

We'd like to present you some of them. The following logos aren't supposed to represent the quality of logo designs with leaves, but the trend we observe on the Web. The images can be clicked and lead to the sites from which the logos have been taken. You'll also find tutorials you can use to learn how to create "leaf logos". Please notice that this post features only those logos which are related to the Web.

What do you think? Is an extensive use of leaves in logos a current Web 2.0 hype which will disappear soon or are the leaves here to stay?

Read more...

Data Visualization: Modern Approaches

Data presentation can be beautiful, elegant and descriptive. There is a variety of conventional ways to visualize data - tables, histograms, pie charts and bar graphs are being used every day, in every project and on every possible occasion. However, to convey a message to your readers effectively, sometimes you need more than just a simple pie chart of your results. In fact, there are much better, profound, creative and absolutely fascinating ways to visualize data. Many of them might become ubiquitous in the next few years. [Content Care Nov/03/2016] So what can we expect? Which innovative ideas are already being used? And what are the most creative approaches to present data in ways we've never thought before?
Screenshot
Text similarities
Let's take a look at the most interesting modern approaches to data visualization as well as related articles, resources and tools. 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