Free Icons, Photoshop Brushes and a WordPress Theme

Advertisement

We are definitely not Santa Claus, but we love to release high-quality sets and themes for free. And, of course, we do have some beautiful and unusual and (hopefully) useful presents for the upcoming New Year’s Eve. Today we are glad to release three icon sets, one Photoshop brushes set and one exclusive WordPress-theme. A couple of more presents will be released over the next days. Happy New Year, folks!

Viewport WordPress Theme

Viewport, a free WordPress theme created by Paul Bennett1 is focused around a clean and simple, content based layout. The aim is to grab the user’s attention and draw them straight into the content. On the single post page the content is laid out clearly in full, with post controls and a widget-enabled sidebar. The theme also allows the blog owner to change the background image and color, and the image of the ‘Where Next?’ page.

Download the theme for free!

The theme is released under GPL. You can use it for all your projects for free and without any restrictions. Please link to this article if you would like to spread the word. You may modify the theme as you wish.

Viewport WordPress Theme2

Viewport WordPress Theme3

Motivation behind the design

Here are some insights from the designer himself:

The main idea behind Viewport was to present the user with a viewport showcasing the bloggers posts in a graphic form. There has been a recent trend to break away from conventional blog design, and Viewport aims to further extend that by using imagery to complement the post content. It particularly suits the creative market, providing a good platform to showcase projects and ideas.

As with all new sites or themes, it’s best to start off with some sketches of ideas. This one was fairly straight forward, as there aren’t any fancy graphics or complex containers. All we’re doing is focusing on the image related to the post. As such the framework of the theme was constructed from scratch in an afternoon. It was then a case of building up the code required to display the images, and allow the user to customize the layout.

The underlying code used on the front page is a lightly modified version of Coda Slider by Niall Doherty [ndoherty.com], which allows for left and right navigation and cross-linking if needed. It has the ability to provide seamless transitions when sliding a large number of panels with graphics, which meant it was the perfect choice for this application.

Known issues: image placement sometimes doesn’t place nice with Internet Explorer 6, so it’s best to user version 7 or better if IE is your flavor.

Thanks, Paul!

Messy Watercolor Photoshop Brushes Set

In the past we have featured Franz Jeitz10‘s work already (he designed a couple of desktop wallpapers for us) and the response from our community was really great. So when Franz suggested to do something together we were quick to respond. The result is a set of Messy Watercolor Photoshop Brushes, released exclusively via Smashing Magazine.

The set has 12 brushes at a resolution of 2300px which results in an .abr file of the size 27.3Mb.

Icon Set11

Icon Set12

Behind the design

Here are some insights from Franz himself:

“Like many people I have an ever-growing library of photoshop brushes. My all-time favourites are those that have a grunge feeling to them. At first I only collected high resolution photoshop brushes, but ever since I started my own design blog at www.fudgegraphics.com16 I made my own and shared them with the design community. So it is my pleasure to release the “Messy Watercolour Brushes 1″ exclusively on Smashing Magazine.

The set includes 12 brushes ranging from 2156px up to 2294px. I suggest experimenting with the brushes to discover the full potential of this set . Open a blank canvas and start painting on individual layers. Play with colours and blending modes until you’re happy with the result. What I like most about watercolour brushes is the endless opportunities. You could complete a design using only the brushes. Or you could overlay them on text or vectors to give them a more organic feel. You may even combine them with different gradients. Whatever you do I hope you have fun with them. For more Hi-Res photoshop brushes please visit the Freebies Section17 on fudgegraphics.com.

Unfortunately people stuck on Photoshop versions prior to CS1 won’t be able to use these brushes as they are simply too large. Don’t worry though. The source files used to make them will be released shortly on Smashing Magazine as a texture pack.”

Thanks, Franz!

Pacman Returns Icon Set

We have found the Russian design studio Turbomilk18 a long time ago. Denis Kortunov and his team published a couple of truly useful articles related to icons design. We’ve been impressed by thte quality of their work and contacted them, asking to design an unusual and creative icon set. We’ve discussed what exactly we would like to have and let the designers do the magic. In the end the result was a set of unusual avatars, similar to the legendary PacMan. We love the icons, and hopefully so are you!

The set “Pacman Returns” contains 11 high-quality icons (including RSS and “Smashing Pacman”-icons) that you can use for free in your private and commercial projects – without any restrictions whatsoever.

Icon Set19

Nurture Social Icon Set

This is definitely one of the last social icon sets we release here, on Smashing Magazine. Since we’ve released a lot of “social” sets throughout 2008, we decided to not release such sets in the future – unless the quality is truly outstanding. The latter is the case in David Leggett24‘s social icon set called “Nurture”. We just couldn’t reject David’s great work which is why we release it in this post, even although some commenters may not like it.

“Nurture” is a Social Icon Pack that was designed for digital creatives who want to add a unique, lively, and green touch to their blogs and other web-projects. The set includes 10 icons featuring the logos of popular social bookmarking sites. The set was designed with a fresh, lively, green look in mind. The pack includes 512×512, 256×256, 128×128, and 64×64 icons in .png format. It can be used for free in any commercial or private projects with no restrictions, but the set itself may not be resold, sublicensed, rented, transferred or otherwise made available for use.

Icon Set25

Icon Set26

Behind the design

Here are some insights from David himself:

“I’m a long time follower of SM, and have taken my fair share of freebies from the community. Rather than release these on Tutorial9.net, I would like to make these icons as widely available as possible. For me, this as a small way I can give back to the folks who have helped me along the way.”

Thanks, David!

Calendar Icons for 2008, 2009 and 2010

Doug Cloud30 created a handy set of icons that you can use on your blog to display the current date. There are 15 available themes for the calendar icon, for the years 2008, 2009 and 2010. All files are available in .png.

Calendar icon31

Calendar icon32

Thank you very much, Doug! We appreciate your efforts.

And thank you!

We really do love the web design community. Everybody helps each other, everybody supports each other. We are proud to be part of it! And we would like to express sincere gratiture to all designers and developers out there who contribute to the web design community and help us all to make the Web a better place. Thank you!

Footnotes

  1. 1 http://paulicio.us
  2. 2 http://www.smashingmagazine.com/images/december-icon-set/viewport-frontpage.png
  3. 3 http://www.smashingmagazine.com/images/december-icon-set/viewport-archives.png
  4. 4 http://labs.paulicio.us/viewport/
  5. 5 http://www.smashingmagazine.com/images/december-icon-set/viewport-frontpage.png
  6. 6 http://www.smashingmagazine.com/images/december-icon-set/viewport-post.png
  7. 7 http://www.smashingmagazine.com/images/december-icon-set/viewport-archives.png
  8. 8 http://paulicio.us/2008/11/05/viewport-a-free-wordpress-theme/
  9. 9 http://www.smashingmagazine.com/images/december-icon-set/viewport-free-wordpress-theme.zip
  10. 10 http://www.fudgegraphics.com/
  11. 11 http://www.smashingmagazine.com/images/december-icon-set/messy-large-preview.jpg
  12. 12 http://www.smashingmagazine.com/images/december-icon-set/messy-large-preview.jpg
  13. 13 http://www.smashingmagazine.com/images/december-icon-set/messy-large-preview.jpg
  14. 14 http://www.smashingmagazine.com/images/december-icon-set/messywatercolours.zip
  15. 15 http://www.fudgegraphics.com/2008/12/messy-watercolours-free-hi-res-ps-brushes/
  16. 16 http://www.fudgegraphics.com
  17. 17 http://www.fudgegraphics.com/category/freebies/
  18. 18 http://www.turbomilk.com
  19. 19 http://www.smashingmagazine.com/images/december-icon-set/pacman-preview.png
  20. 20 http://www.smashingmagazine.com/images/december-icon-set/pacman-preview.png
  21. 21 http://www.smashingmagazine.com/images/december-icon-set/pacman-png.zip
  22. 22 http://www.smashingmagazine.com/images/december-icon-set/pacman-mac.zip
  23. 23 http://www.smashingmagazine.com/images/december-icon-set/pacman-win.zip
  24. 24 http://www.tutorial9.net
  25. 25 http://www.smashingmagazine.com/images/december-icon-set/nurture-large-preview.jpg
  26. 26 http://www.smashingmagazine.com/images/december-icon-set/nurture-large-preview.jpg
  27. 27 http://www.smashingmagazine.com/images/december-icon-set/nurture-preview.jpg
  28. 28 http://www.smashingmagazine.com/images/december-icon-set/nurture-large-preview.png
  29. 29 http://www.smashingmagazine.com/images/december-icon-set/nurture-social-icon-set.zip
  30. 30 http://www.dougcloud.net
  31. 31 http://www.smashingmagazine.com/images/december-icon-set/calendar_icons.zip
  32. 32 http://www.smashingmagazine.com/images/december-icon-set/calendar_icons.zip
  33. 33 http://www.smashingmagazine.com/images/december-icon-set/calendar_icons.zip

↑ Back to top Tweet itShare on Facebook

The Smashing team loves high-quality content and cares about the little details. Through our online articles, Smashing Books, eBooks as well as Smashing Conferences, we are committed to stimulating creativity and strengthening the web design community’s creative forces.

Advertising
  1. 1

    Thanks, the nurture icon set is awesome!

    0
  2. 52

    GAH! i’m making a wordpress theme similar to this… nice to see others out there have similar ideas that i do!

    0
  3. 103

    very good…

    0
  4. 154

    i am going to install the theme right away
    thanks Smashing magazine
    you guys rock as always

    0
  5. 205

    Thanks for icons :)

    0
  6. 256

    Wew,,very advanced WordPress theme,,and very heavy for my server resources… ^^

    0
  7. 307

    I need viewport video code. I can’t play videos. Help me pls.

    0
  8. 358

    I have troubles installing the viewport theme into wordpress 2.8.6

    Warning: file(/home7/signaltr/public_html/wp-content/themes/viewport_1.1/style.css) [function.file]: failed to open stream: No such file or directory in /home7/signaltr/public_html/wp-includes/theme.php on line 180

    It seems to have installed though on the themes overview page there is a message about a missing style sheet.

    Please advise

    0
  9. 409

    Thanks very much for the watercolor brushes. They’re superb!

    0
  10. 460

    Huge thanks for fun!All in all a nice and good post.

    0
  11. 511

    Viewport is an excellent theme and very unique.

    Is there a detailed guide on how to use this theme?

    Aside from that, I want to modify some parts of the template but will need help:

    1) The title – I would like the name of the website, the navbar and the search to be on one line as I feel it’s taking up too much space for what I want to do on it
    2) The nabvar – I would like the names of the pages to be in capital letters
    3) The whole frame – I would like to shift everything up so it can fit the screen and there is no need to scroll down (on the home page).

    Thanks in advance.

    0
  12. 562

    how to use this to put in my blog..??

    0
  13. 613

    Huge thanks for fun!All in all a nice and good post.

    0
  14. 664

    This is great! But the question is…how do I use it?

    0
  15. 715

    Andrea The English Webmistress

    September 1, 2010 12:01 pm

    Downloaded various items. Thanks to all for sharing!

    0
  16. 766

    That’s cool!

    0
  17. 817

    Thanks for that, we all apreciatted!!

    0
  18. 868

    eres genial, muaks!!!
    you are great, muaks!!!

    0
  19. 919

    I love your template but I was wondering how can I use this on more than one page on wordpress? It works as a main page but I can’t select this theme for my other pages. Do I need to go add my pages I want in the coding? Thank you

    0
  20. 970

    Thankz, the icon set is great…
    ;-)

    0
  21. 1021

    just cool!

    0
  22. 1072

    thx i like it

    0
  23. 1123

    Thanks for the great collection :). God bless you

    0
  24. 1174

    hey thanks guys for the gifts. I will definitely use them in some of my projects. Cheers.

    0
  25. 1225

    AWESOME!!!!!!!!!!!!!!!!! I have no words… O-)

    0

↑ Back to top