Browsing category: Tutorials
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.
[Continue Reading →]Category: Tutorials
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.
[Continue Reading →]Category: Tutorials
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!
[Continue Reading →]Category: Tutorials
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.
[Continue Reading →]Category: Tutorials
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.
[Continue Reading →]Category: Tutorials
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!
[Continue Reading →]Category: Tutorials
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.
[Continue Reading →]Category: Tutorials
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.
[Continue Reading →]Category: Tutorials
How to Create an Abstract Space Scene in Illustrator
How to Create an Abstract Space Scene in Illustrator In this tutorial we will create an abstract space scene with vector tools in Illustrator, utilizing the Mesh tool and Blending Modes to create abstract light and color effects, this tutorial allows you to bring some of your own creativity into the process and is all packed in a simple and easy to follow set of six detailed steps.
[Continue Reading →]Category: Tutorials
How to Get Pixel-Perfect Designs in Adobe Illustrator
Pixels are not what most designers are thinking about when they launch Adobe Illustrator, but there are some pretty awesome things Illustrator can do with them. By default Illustrator is set up to be a resolution independent vector drawing and print layout tool—in short, not for pixels—but in this tutorial we will go over a few techniques which can add pixel-perfect design to it’s list of uses.
[Continue Reading →]Category: Tutorials


