How To Create a Cartoon-Style Illustration in Photoshop

In this video-tutorial we’re going to show you how to create a cartoon-style illustration of an ax in Photoshop. We will be spending time with layer masks, the pen tool, and Photoshop brushes. We will finally import and apply a vector pattern from Illustrator to Photoshop.

At the end of this tutorial you should be able to easily create your own cartoon-style illustrations of just about any object.

Video transcription, images, and included resources are available after the jump:

5 Practical Ways to Replace Images with CSS3

Every web designer and developer should be aware of CSS3 and all of it’s fantastic new properties that make life easier for web professionals. But we may not be truly making the most of the technology that is available to us.

How To Create An Epic Metallic Band Logo

Every band understands the importance of their visual image, and how that come across to their listeners. A big part of that visual image for most musicians is in their logo, it’s what’s printed on their CDs, posters, T-shirts etc. And the beauty of a band logo is that, unlike it in world of business, a band logo can often be a lot more liberal with special effects, atmosphere, and impact. Which can lead to some very exciting results.

5 Essential Time-Saving Tips for Designing iPhone and iPad App Interfaces

This tutorial shares 5 top tips that will help you design interfaces for iPhone and iPad apps more efficiently, in less time, and with much, much less stress! The areas that are covered include preparing your Retina graphics, keeping your artwork fully scalable, saving time designing your app icon. And one interesting tip that might just surprise you.

Fireworks Tip: Create a Detailed Leather Button Using Only One Layer

In this tutorial we will show you how it’s possible to create a detailed, fully scalable web button, using just one layer in Fireworks. This was originally an experiment with styles and Live Filters (Layer Styles), to see what is achievable. The benefits of this method, over layering objects on top of one-another, is that by saving the styles as a preset, they can instantly be applied to any other object in your document without the need to re-draw. Saving designers time, stress, and money!

How to Design an iPhone App in Photoshop

In this tutorial, we will use Adobe Photoshop, to design a simple 3-page directory listing app for iPhone. This article will guide you through the steps, and cover all of the basic principles of designing iPhone apps using Photoshop.

How To Create Your Own Grunge Brushes In Photoshop CS5

Love grunge brushes and textures? Ever wanted to make your own Photoshop brush, or just have something in your collection that’s unique to you? Then you’re in luck because it’s surprisingly easy, especially in Photoshop CS5 to build a collection of unique grunge brushes. Follow this tutorial to learn the techniques you need, and in no time you’ll be creating your own personal brushes.

How to Code a Clean Website Template in HTML5 & CSS3

Last week on MediaLoot we posted a tutorial on designing a clean homepage template using Adobe Fireworks, the result was a sleek web page concept that we’re now going to imagine that we have shown to our client, and they have just given us the go ahead to start coding it up into HTML and CSS!

How to Design a Clean Website Template From Scratch in Adobe Fireworks

Welcome to the first instalment of this 2 part tutorial in which we will be creating a clean, crisp website homepage design from scratch using Adobe Fireworks, and then coding it with HTML5 and CSS3 in part 2 next week.

How To Create a Pretty Little Login Box in Fireworks

In this tutorial we will use Adobe Fireworks to create a sharp, pixel perfect login box, using basic Fireworks techniques that can be applied to most User Interface (UI) elements for the web or in desktop and mobile apps.