June 2014

A monthly round up of some of the best tutorials for designers, as well as web articles to read through. The monthly round-up includes some excellent illustrator tutorials worth checking out, alongside some great web articles to read through. A personal favourite was a great article for graduate web design students on how to get in to the industry.

Have we missed any good posts from the compilation, which should have been included ? Please feel free to share those in the comments below.

An under 3 minute illustrator design tutorial on how you can create your very own seamless geometric pattern using illustrator, which can be incorporated into print or web design projects. The tutorial is in the form of a screencast making it super easy to follow along. You don’t need to have extensive knowledge in order to be capable of completing the tutorial.

As we all know, hyperlink is that which links image/text to another place either in the same document or different document or address. It’s pretty useful when you want to show more information. Follow the steps provided in this tutorial to create hyperlinks in Photoshop.

Steps to hyperlink in Photoshop:

1. First of all, open Adobe Photoshop. We are using Adobe Photoshop CS5.5 but this also works on earlier or later versions.

In today’s tutorial you’ll be brushing up on your photo manipulation skills, by creating a mystical tribal warrior. This tutorial is packed full of useful techniques, from blending tactics, to digital painting, lighting, layout sketching and much more.

We hope you love the final outcome, and get a lot from today’s lesson.

What You’ll Be Creating:

Here’s a look at the outcome you’ll be able to produce by the end of this lesson:

In today’s tutorial you’ll be brushing up on your photo manipulation skills, by creating a mystical tribal warrior. This tutorial is packed full of useful techniques, from blending tactics, to digital painting, lighting, layout sketching and much more.

We hope you love the final outcome, and get a lot from today’s lesson.

What You’ll Be Creating:

Here’s a look at the outcome you’ll be able to produce by the end of this lesson:

Flipping images option in Photoshop allows your object / image to flip either horizontally or vertically. Flip Photoshop option is useful when you want to duplicate a whole or part of an image and want to make it look a bit different.
In this tutorial, we are showing you how to flip an image in Photoshop – or rather, how to flip an object inside a photo in Photoshop.

Steps to flip an image in Photoshop

1. First of all open Adobe Photoshop. We are using Adobe Photoshop CS 5.5 but this also works on earlier or later versions.

In recent years, SEO has become one of the top priorities of many online businesses. But many people still don’t really understand what it is, and how they can utilize it for their online businesses.

The subtle art of becoming more easily found in a search engine’s results—commonly known as Search Engine Optimization (SEO)—can help you drive a lot of targeted traffic to your item pages. Today I’ll share some tips with you that you can easily implement to drive more visitors to you pages via the various search engines.

Find Keywords that Buyers Actually Search For

In recent years, SEO has become one of the top priorities of many online businesses. But many people still don’t really understand what it is, and how they can utilize it for their online businesses.

The subtle art of becoming more easily found in a search engine’s results—commonly known as Search Engine Optimization (SEO)—can help you drive a lot of targeted traffic to your item pages. Today I’ll share some tips with you that you can easily implement to drive more visitors to you pages via the various search engines.

Find Keywords that Buyers Actually Search For

As designers, we are all very visual people and love to play with Photoshop effects. Why stick to boring, regular photos when you can make a really nice photo effect such as blurring the edges of a photo? With blur edges effect you can blend borders with the background that eventually gives an awesome effect when you want to highlight certain image / objects. Follow the steps provided in this tutorial to blur edges in Photoshop.

Steps to blur edges in Photoshop

1. First of all open Adobe Photoshop. We are using Adobe Photoshop CS 5.5 but this also works on earlier or later versions.

Today we have one of the most exciting giveaways of all time. Ultimate Designer Toolkit, a website dedicated to providing premium design resources for web designers and developers, has partnered with us to give one lucky Web Design Dev reader a LIFETIME Vip Membership – a value of $1000!

Sometimes you may need to re-size multiple images at once. For example, you may want to resize 50 images or more at once with same size (resolution). In that case, using batch re-size is highly recommended so that you don’t have to open every single image and re-size one by one. You will definitely save more than 90% of your time by using batch resize functionality of Photoshop. Follow the steps provided in this tutorial to batch re-size in Photoshop.

Steps to batch re-size in Photoshop

1. First of all open Adobe Photoshop. We are using Adobe Photoshop CS5.5 but this also works on earlier or later versions.

Photoshop has evolved from just being a great tool for editing photographs . The possibilities of what can be achieved using Photoshop are simple jaw dropping the days of it being used for just editing photography are distant memory. As a web designer its one of the key tools I cant go a day without using.

This tutorial is a great showcase of some of the very best tutorials for teaching you how you can use Photoshop for creating icons. The roundup features a collection of tutorial for beginners, as well as for more veteran Photoshop users.

Photoshop Actions are one of the most essential tools in Photoshop. Photoshop action lets you record anything you do, such as resize, rotate, apply filter and much more and allows you to later apply the same action to other files. Follow the steps provided in this tutorial to create actions in Photoshop. Please note that this is a Photoshop tutorial for beginners. If you already know how to work with actions, you can see our other Photoshop tutorials (760+ tutorials for web and graphic designers).

Steps to create actions in Photoshop

1. First of all open Adobe Photoshop. We are using Adobe Photoshop CS5.5 but this also works on earlier or later versions.

Using motion blur to your image adds excitement. Sometimes, you may want to put the person or object in focus and set remaining object/scene blurred. In that case, motion blur is suitable. With this Photoshop tutorial you will learn how to blur background in Photoshop.

The best of the web for may features a great collection of design tutorials for mastering some great new techniques with the help of Photoshop and illustrator. The round-up also includes some must read web and design articles. A great way to catch up on some of the best blog posts published through out may.