Best Of Web And Design In May 2011

• May 30th, 2011
• News

Another month has gone by so quick again, This month as per usually we have been capable of  capturing all the best best Photoshop and illustrator tutorials all into on post. I hope you enjoy our monthly wrap up and we would love for you to share with us your favourite article from the roundup.

Photoshop

Create a Sweet Donut Icon in Photoshop from Scratch

In this icon design tutorial you will learn how to make a sweet and tasty donut icon from an initial sketch. So let’s begin, and remember: don’t try to bite the screen.

How to Create a Location Map Icon in Photoshop

In this tutorial we will be using Adobe Photoshop to create a modern map with dropped pin icon. This tutorial assumes familiarity with Adobe Photoshop at an intermediate level, for example you should understand the basics of layer styles and how perform most basic functions, this covers lighting and vector drawing techniques, and will teach you the fundamentals of icon design in Photoshop, including using basic shapes, masks and effects to create an attractive, sleek result that is scalable for different sizes and devices.

Creating an Expressive Painting Using a Freestyle Method in Photoshop

In this tutorial It will share my process for what I call Freestyle Expressive Painting in Photoshop. My goal is not too teach any new mind blowing techniques here, but to explore my process for creating a piece of art through a rough idea or loose concept. The process is very open, and involves a bit of trial and error, but what makes it a lot of fun is the experimentation involved.

Design a Retro Typography Poster in Photoshop

In this tutorial you will learn to create a cool poster using Photoshop & Illustrator.

Illustrator

How to create a cute little monster in Illustrator

It’s got a 3-D feel, but it’s done using only gradients. So, stick with us; we’re going to use and see some really nice easy tips for creating this little monster. The tutorial is intended for beginners.

Create a Vibrant Abstract Vector Design Illustrator

Follow this step by step Illustrator tutorial to create a vibrant abstract design. We’ll put Illustrator’s Gradient Mesh tool to use to create a colourful shape, then build up layers of objects to create an abstract design with lots of vibrancy, bright colours and transparency effects.

Create a Sparkly Female Portrait in Illustrator

In this step-by-step tutorial you will learn how to create a sparkly female portrait through playing with transparency and overlapping vector shapes. In this tutorial you’ll also learn to experiment with colors and just letting go of your creativity.

How to Create a Glamorous Portrait Using Adobe Illustrator

The final result will be 100% vector; therefore will retain its scalable properties. This walk through is ideal for those an intermediate to advanced knowledge of Illustrator. Illustrator CS5 was used for the tutorial although you can do the majority of the elements in the majority of vector programs. A Wacom Bamboo A5 tablet was also used, however you can achieve the same results with a mouse.

Freebies

Making a CSS3 Animated Menu

In this short tutorial, you will be using the power of CSS3 effects and transitions, to build a JavaScript-free animated navigation menu which you can use to add a polished look to your website or template. You will be using some neat features such as the :target pseudo selector and :after elements.

Convincing Clients to Care About the Little Things in Website Creation

What do web design clients want? Success for their websites, more sales, more customers, more visitors, easy maintenance, and all of their business goals met – through their website alone. What do designers and developers, those of us that actually make the websites, care about? Validation, web standards, creating something we can proudly put in our portfolio, and getting the job done that satisfies the client in a quick and easy way.

15 jQuery Sliding Tutorials

jQuery Sliding Techniques are thus crucial for making the website impressive with authoritative content. Whether its a blogger site, a magazine or an online news website, or a portfolio, every one have lots of images to display along with the content.

The Future Of CSS: Experimental CSS Properties

Despite contemporary browsers supporting a wealth of CSS3 properties, most designers and developers seem to focus on the quite harmless properties such as border-radius, box-shadow or transform. These are well documented, well tested and frequently used, and so it’s almost impossible to not stumble on them these days if you are designing websites.

8 Things They Don’t Tell You About Being a Web Designer

Despite contemporary browsers supporting a wealth of CSS3 properties, most designers and developers seem to focus on the quite harmless properties such as border-radius, box-shadow or transform. These are well documented, well tested and frequently used, and so it’s almost impossible to not stumble on them these days if you are designing websites.

The top 20 Flash sites of 2011… so far!

The reports of Flash’s death are greatly exaggerated and for some of the best interactive experiences on the web, here’s the best place to start. If you want to wow a client, impress a boss or just show off to your mates, Flash is still the best way to start when making interactive content.

Freebies

Hippie Free Photoshop And Illustrator Pattern

A unique cool looking hippie pattern using abstract quirky petal shapes used with hippie designs in the 70s. The pattern is available as a scalable vector pattern or you load the pattern set directly into photoshop.

Soft UI Kit: Free PSD for Mocking Up Web Designs

A unique cool looking hippie pattern using abstract quirky petal shapes used with hippie designs in the 70s. The pattern is available as a scalable vector pattern or you load the pattern set directly into photoshop.

Exclusive Free Multimedia Icon Set – 14 Icons in PNG and AI Formats

another exclusive free icon-set for you. Yet again, our friends from Iconshock.com have exclusively designed this set for Speckyboy readers.

3D Glossy Icon Set: 20 Free Icons (with PSD)

This free icon set by Iconshock, released exclusively here at Six Revisions, features beautiful, pixel perfect, glossy 3D icons. Each icon comes in 5 sizes (PNG format), with Photoshop PSD files in case you would like to tweak the icons.