Browsing category: Tutorials
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.
[Continue Reading →]
Video transcription, images, and included resources are available after the jump:
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.[Continue Reading →]
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 →]
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 →]
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 →]
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 →]
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 →]
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 →]
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 →]
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 →]