Resourceful Bookmarks: Web Roundup – May 2010

Resourceful Bookmarks: Web Roundup – May 2010

There is so much useful tutorials for the hungry learner. We here at Wordrom thought it would be fun to share some of the goodies that are out there in cyberspace. The month May has been full of a lot of really good tutorials. There is so much to share that it has been difficult to select those that are good and readable. Be inspired, and if you do not test on one of these guides today, then you can of course save the links in your bookmarks.


Photoshop Tutorials

Here we have listed the latest Photoshop tutorials which appeared in the month May. We have selected the guides / articles that we feel are instructive for anyone who is both a beginner or more advanced level.


Create an Awesome Number-Based Illustration

In this tutorial, you’ll learn how to combine the power of the pen tool with some patterns and shapes to create an awesome illustration. Designer Bram Vanhaeren will walk you through his technique for working at print quality, using various compositional techniques to achieve a creative result. You’ll also learn some great tips for workflow, along with learning a variety of skills that you can apply in your own design works.


How to Break an Egg in Photoshop

Create this amazing broken egg illustration in Photoshop. This in-depth tutorial contains 50 steps to show you how to use shapes, gradients, selections, and more to create this artwork. A full resolution PSD is included with this tutorial.


Design The Brilliante Website Layout in Photoshop

In today’s Photoshop tutorial, we’re going to learn how to create a clean WordPress-styled website/blog design. We’ll be mainly dealing with; Basic shapes (lines, rectangles, arrows), Layer Styles, and a bit of basic type. Besides some Photoshop tricks. We’ll also be focusing on keeping our layout very well-aligned. So, let’s get started!


Create a Dark and Surreal Geometric Space Poster using Photoshop

In this tutorial I will show you how to create an abstract space poster using geometrical shapes, masks and apply some filters in Photoshop. Layered PSD file included. Let’s get started!


How to Design a Magazine Cover in Photoshop

When you set out to design your own magazine cover you’ll need to pay close attention to details and carefully lay out the artistic aspect of it, working towards a well planned and complete artistic concept. Taking the time to formulate a strong concept is extremely important to the success of the magazine. I will take you through the process of creating a cover and reveal techniques that designers use to make their covers stand out.


Create a Realistic Panoramic Matte Painting in Photoshop

Matte paintings are images commonly used in the film industry to create the illusion of an environment that would otherwise be too expensive or impossible to build. In this tutorial I will show you how to turn a single stock photo into a realistic panoramic scene


Photoshop Quick Tips: Light Leaks in Photography

A trend that is becoming more and more popular in Photography recently is a vintage/film/retro style. You can see examples in Urban Outfitters, Nylon Mag, Anthropologie, etc. One of the major elements in this style is the light leak. Some of you may remember the post a few months back about Light Leaks in Photography.


Create a Clean and Modern Web Design in Photoshop

In this web design tutorial, we’re going to learn how to create a clean-looking and modern website layout. We will take advantage of some fundamental techniques and tools — such as custom shape tools, selection tools, and clipping masks — and end up with a nice and professional web design. Ready? Let’s get started!


Create a Magical Four Piece Stardust Composition

For whatever reason it is always fun to create composite images that use star fields as a backdrop. Star fields have a unique ability to make a composition look mysterious and even magical. In today’s tutorial we will demonstrate how to create a 4-piece stardust composition using textures and masks. Let’s get started!


Illustrator Tutorials

Here we have listed the latest Illustrator tutorials which appeared in the month May. We have selected the guides / articles that we feel are instructive for anyone who is both a beginner or more advanced level.


Create a Cute Baby Monster Character in Illustrator

Here’s another vector monster tutorial for all you designers learning Illustrator to get stuck into! Use Illustrator’s basic shapes to form the outline and structure of a cute baby monster character, before adding colour, gradients and effects to bring the design to life.


Create a Trendy Seamless Type Pattern

In this tutorial, I will show you how to create a trendy seamless type pattern in Illustrator using some text and icons. Although I won’t go in-depth about creating the icons, we will take a close look at creating a seamless pattern swatch. You can easily apply these techniques to other seamless pattern swatches.


Create a Distressed Vector Typographic Poster Design

Follow this step by step walkthrough of my recent design process for the ‘Spectrum’ poster. Starting with custom made type in Illustrator, we’ll move our vector graphics into Photoshop for some serious distressing with Photoshop brushes, blending modes and more!


Create Beautiful 3D Graphs and Charts in Illustrator

There is something gorgeous in aesthetically pleasing, visual representation of data. In this tutorial I’ll show you how to put some style into graphs generated in Adobe Illustrator.


Web/Blogging Tutorials

Here we have listed the latest Web/Blogging tutorials which appeared in the month May. We have selected the guides / articles that we feel are instructive for anyone who is both a beginner or more advanced level.


The Psychology of Web Design

Designers often don’t take the time they should to learn about how basic psychological principles can effect the experience their visitors have on the sites they build.
Psychological principles are either looked upon as unnecessary, or too complicated. But the truth is that they’re neither.


Interface Design is a Conversation

A recent round of client work at One Mighty Roar has got me thinking a lot more about successful interface design. Specifically, how can we build pages that send a clear message without losing aesthetic or professional edge? The question turns out not to be “How does it look?” but, “What is it saying?”


Basic Web Page Background Techniques with CSS

The good old background property is one of the core elements we can play around with in our web designs. Here’s an overview of the four most common approaches to styling your web page body, from the basic solid colour through to large detailed background images. If you’re just starting out in web design, you’ll find some basic CSS techniques for you to put into practice into your future projects.


Design & Build a Grid Based Web Design with CSS

I’m currently working on a new WordPress theme called ?grid, which lives up to its name with a clear grid based design. Follow this step by step walkthrough of the design and build process, right from the initial Photoshop concept, through to writing the HTML structure, styling up with CSS then adding clever functionality with the jQuery library.


Feedback Request

If the tutorial/article have helped, we would greatly appreciate a submission to your favorite social networking site. Diggs and retweets will help us out a lot. Subscribe to the Wordrom RSS Feed. Thanks again!

About Vincent Klaiber

A few years ago, Vincent became interested in design and constructing web. He founded and built up Wordrom with the idea to share good ideas and inspiration, he will also do his best to make Wordrom an interesting place. Thanks!

Responses 0 Comments

Add a Comment