Access To 100's Of Premium Design Resources

Unlimited downloads

Best Of Web And Design In June 2010

  • July 1st, 2010
  • News


Wow a very exiting month for June 2010 with the new over anticipated wordpress 3.0 finally being released, alongside with a tone of design tutorials as well as fresh web design related articles for you to enjoy which are worth reading.

Photoshop Tutorials

Make a Soft Grunge Product Ad Design in Photoshoptrainer-wet

In this graphic design tutorial, you’ll create a poster with light grunge features centred around a Nike shoe. Graphics designers are often asked to work on advertisement campaigns. Great projects are realized in collaboration with several creative minds specialized in different matters, all under the direction of an art director. Small firms, on the other hand, generally contract out a single graphic designer and give them detailed instructions on how create their ad poster design.

Composite photos and vectors for an 80s photo style


Recreating colourful, 1980s-style graphics isn’t hard – the tricky bit is updating them for the 21st century. In this tutorial, Karan Singh shows how to add a 1980s twist to stock or specially taken model shots, to jazz up your photos.

Create a Remarkable Poster with Decorative Elements


Shows you how to create various decorative elements including geometric shapes, halftones, ribbons, 3D stars, and 3D text in Illustrator and then merge, compose, enhance, and texturize them in Photoshop. The overarching goal of this tutorial is to learn how to use both of these powerful tools for their strengths for an unmatched workflow that takes advantage of both vector and raster graphics.

Create a fantasy-horror scene in Photoshopfantasy-glow

Today I’ll drive you through the process of making a fantasy horror scene in Photoshop. We will use some of our grunge textures to realize the background scene, several Photoshop filters to create light effects and we will turn the picture of an innocent child into a diabolic character.

Illustrators Tutorials

Create a Detailed, Vector-based iPhone Illustration, Part 1


In this tutorial you will learn how to create a photo-realistic iPhone illustration and every single icon you can find on the iPhone touch screen. That’s 18 icons! With so many fantastic tips and tricks we’ve broken the tutorial into two parts, in part two you will learn how to make the remainder of the icons and finish your illustration.

How To Create Gear Icons Using Illustratorgear-icons

This is a quick tip in the form of screen cast, This is simple illustrator tutorial on how you can use illustrator in order to create gear vector icons.

How To Create Gear Icons Using Illustratoryoyo

This is a quick tip in the form of screen cast, This is simple illustrator tutorial on how you can use illustrator in order to create gear vector icons.

How to Illustrate Deliciously Realistic Grapes using Simple Techniquesrealistic-grapes

In this tutorial we will learn how to illustrate a bunch of grapes using basic Adobe Illustrator tools. You will learn how to render multiple light sources and how to model a complex object using simple shapes and techniques.

Web Design

Making Your First Google Chrome Extensionchrome

The Google Chrome web browser is slowly growing in popularity. This is no surprise, as it is a great browser, and is backed by no other than Google. It also provides great tools for web developers and I find myself using it more and more (actually Firebug is the only thing keeping me from crossing to the other side).

Getting Started with Tumblr & Custom Theme Design


Websites powered by Tumblr (or Tumblelogs , or tlogs) are becoming increasingly popular. Tumblr fills the gap between Twitter and the full blog, allowing users to post short updates in text, video, photo, link, chat, quote and audio formats quickly and easily. Let’s take a look at the basics of what Tumblr is, and how to get a tumblelog of your own up and running.

10 sites developers should have in their bookmarksmysql

Over the millions of websites available, some are true tools for us web developers. In this article, I have compiled 10 extremely useful sites for web developers, that should definitely be added to your bookmarks.

Neon Text Effect With jQuery & CSSneo-tex-effect

Tutorialzine is the home to some of the best web development tutorials on the net. Our focus has mainly been on the coding side of web development, but often creating a good design is equally important.

The Principles Of Cross-Browser CSS Codingthe-priciples-of-browsers

It is arguable that there is no goal in web design more satisfying than getting a beautiful and intuitive design to look exactly the same in every currently-used browser. Unfortunately, that goal is generally agreed to be almost impossible to attain. Some have even gone on record as stating that perfect, cross-browser compatibility is not necessary.

Web Languages: Decodedweb-language

Those of us who have become well seasoned to the dyslexia-inducing array of web languages often overlook the diversity and additional interactivity we can gain by learning another language or two.

Avoiding Design Burnoutdesign-burn-out

In the innovative world of design, designers are pushing the limit and inspiring the design trends of the future. However, it takes many rounds of trial and error for designers to get even close to breaking new grounds in design.

What tips would you give a beginner wanting to make money blogging?foundations-buold-blog-on

It’s always an interesting question to answer – particularly when you’re asked to limit your tips to just a few sentences so the person can use it as a sound bite. The problem in condensing the advice into just a few quick tips is that for every tip there are plenty of successful blogs out there who didn’t do what you’re advising and still have had success.

10 More Awesome Web Development Screencasts and Presentationsscreen-cast

Last year, around this time, we posted an enlightening list of twenty web development video screencasts from around the web. Today, the same tradition continues, a bit expanded with some presentations from the web world.

8 New Exciting WordPress 3.0 Featuresexciting-new-wordpres-features

Finally, WordPress 3.0 has been released. Now you can download the latest stable version to test it out on your localhost or development server before upgrade on your live server. This WordPress 3.0 release is packed with tons of exciting features, like custom post type, better menu management, editor style and many more. It also comes with a new default theme – TwentyTen, that is compatible with most of the new features.


Free High Resolution Grunge Textures4-high-res-textures

In this tutorial you will learn how to illustrate a bunch of grapes using basic Adobe Illustrator tools. You will learn how to render multiple light sources and how to model a complex object using simple shapes and techniques.

Seamless Vector Pattern – Vintage Velvetseamless-pattern

An awesome free vector pattern worth a download.

Exclusive Freebie Pack – 25 Grunge Brushesgrunge-brushes

Photoshop brushes are a popular tool that designers use to apply an effect to a graphic. Brushes can be used for digital painting or even to distress text or logos. This set of 25 High Resolution Photoshop Brushes is our little treat to the readers of this website and can be used to grunge up your designs in whatever way you need for free!

Metallic Adobe CS Iconsmetalic-icon-set

This Free Icon Pack is for use in your personal and commercial projects, and can be used without attribution. It may not be redistributed.

Post tags


Please leave a comment

6 thoughts on “Best Of Web And Design In June 2010

  1. A great range of tutorials for June, which have been very helpful in developing my design skills further, thanks.

  2. Hi! I just wanted to ask if you ever have any trouble with hackers? My last blog (wordpress) was hacked and I ended up losing a few months of hard work due to no back up. Do you have any methods to stop hackers?

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.