Best Of Web And Design In November 2012

November 29th, 2012
News

This has to be my be favourite part of the month, rounding up all the best design resources from 2012 all into one blog post. This month contains the usual great Photoshop and illustrator tutorials, as well some great freebies free icons and text styles. I would love to hear your thoughts on this months roundups in the comments section.

Photoshop

Create a 3D Coffee Cup with Illustrator and Photoshop

In this tutorial, we’ll be creating a three-dimensional coffee cup. You’ll learn to create the coffee cup and its basic shapes in Illustrator. Then we’ll bring it into Photoshop to give it some finishing touches and to place it in a poster layout just so you can get an idea of how the cup can be used as part of a design project.

Create a Syfy Inspired Logo Animation in Photoshop CS6

You already know that Photoshop is a fantastic tool for creating 2D images. What you might not know is that Photoshop also has limited capabilities for creating high quality 3D images and animations. In this tutorial, we will use the new and improved 3D and Timeline features of Photoshop CS6 to create a Syfy inspired text effect and logo animation without any additional applications.

Draw a Binoculars Illustration in Photoshop

In today’s advanced drawing tutorial you will learn how to draw a pair of binoculars from scratch using Photoshop. This tutorial is perfect if you’re interested in icon or illustration design and walks you through each step of the illustration process. You’ll learn about Photoshop’s advanced drawing capabilities and texturing/lighting techniques.

Create a Tasty Cupcake Icon in Photoshop

In this tutorial, we will explain how to create a tasty cupcake icon in Photoshop. We will start with a sketch and then add color, texture, and shading to create an icon that looks good enough to eat.

Illustrator

How to Create the Letter S in the Shape of a Slinky Toy

slinky

In this tutorial we will create the letter S in the shape of a slinky toy. For these purposes we will be using the Blend Tool and simple circles.

How to Draw a Colorful, Fun, Vector Vampire in Adobe Illustrator

In this tutorial we’re going to illustrate a not so scary vampire in a geometric style. We’ll be using basic shape tools and the Pathfinder panel as well as a great method of creating a unique color palette. Let’s get started… mwahahaha!

How to Vector a Portable Scanner in Adobe Illustrator CS6

In this tutorial I’m going to show you how to create a portable scanner using the Rectangle Tool (M), Direct Selection Tool (A) and Envelope options, as well as some patterns and gradients to add finer details.

How to Vector a Spirit Thermometer in Adobe Illustrator

In this tutorial you’re going to create a spirit thermometer using a geometry sketch, filled with gradients and using customized Art Brushes in Adobe Illustrator. With some finishing touches with the Type Tool and Gradient Mesh, you too can create this detailed illustration.

Web And Design Articles

How to use Twitter Bootstrap to Create a Responsive Website Design

One would argue that mobile wasn’t so mainstream and everybody was trying to imitate the IOS interface on the web, and I agree, it was bad, but that’s not the only reason why clients are asking for responsive!? Somehow they think we turn responsive design on or off as we please and that it’s just normal to have, so the price should stay the same. Well, it’s not that easy.

Quick Tip: Choose a Hosting Provider Based on Your Needs

The Web Design Survey 2012: The Results Are In!

Thanks to everyone who took part (all 500 of you), we can start to build a picture of what web designers in 2012 think about their work, where they think the industry is headed, and how they do business. Read on to find out about the results of the survey, and what the landscape of web design looks like in 2012!

Designers: Know Your Rights! 4 Must-Have Clauses In A Contract

Freelancers, you have learned to never start work without a written contract, but it’s hard to like contracts. They’re impossible to read, long and boring and you just can’t wait to sign that piece of paper to get it done and get to the real work. Well this post is here to help.

Freebies

Free Vector Page Doodles

This vector pack contains dozens of hand drawn page doodles. These doodles are great for creating that rough sketch feel. The elements include arrows, stars, hearts, skulls, and various other doodles.

Art Professions Icon Set (34 Icons, PNG)

This week we have a beautiful icon freebie for you.BanzaiTokyo designed this art related icon set. Their collection of 34 icons are an homage to the creative professions. The icons are available as PNG files and released under a Creative Commons Attribution License.

Yummy Photoshop Text Styles (PSD & ASL)

Friends, today’s design resource is a set of 8 Photoshop text and layer styles. Basically, the layer / text styles are an inspiration taken from bakery items such as chocolate, biscuit, cheese, honey, jelly, cherry, puff, and cake. So tasty to create some yummy text, button, icon effects for your designs… right!?!

Free Abstract Striped Backgrounds

These abstract striped backgrounds make excellent backdrops for product display or as a basis for an abstract art piece. Each file is high res 3000×2000.