Gavin Steele
Gavin is from Douglas, Isle of Man and currently teaches ICT in a secondary school in London. He compiles screencasts for Psdtuts+!
Tutorials
  • Design & Illustration
    Super Cool Frilly Bits Typography1
    6 shares
    Last week we published our 10th Wallpaper of the Week. It was an awesome typography design from Ginger Monkey Design called Compassion. What I really liked about that design was how they mixed some "frilly bits" with the typeface to create an outstanding piece of work. I decided to create a tutorial showing how to do that as well - FabioRead More…
  • Design & Illustration
    Create a Glowing Surreal Planet Design - ScreencastVideo 1 create a glowing surreal planet design
    This time I'll show you how to create a glowing planet design. You'll learn how to create a planet from a panoramic picture, use the Lens Correction Filter, create complex background patterns, and more - Alvaro GuzmanRead More…
  • Design & Illustration
    Create an Energy Drink Ad Design - VideoEnergy video
    Featuring a product in an ad is a common task for any designer. In this tutorial, we'll look at a flexible design solution that you can use to create one for an energy drink. It relies on a combination of the Difference Blending Mode and the Radial Blur Filter to achieve unique colors, contrast, and lighting - Alex BeltechiRead More…
  • Design & Illustration
    Dynamic Recessed Watercolor Typography Effect in PhotoshopRecessed video
    1 shares
    In this tutorial, I’ll show you how to mix vector elements and watercolor effects with text to create a stunning design. It’s a quick process that depends heavily on good choices of images and colors - FabioRead More…
  • Design & Illustration
    How to Create a Super Shiny Pencil Icon - ScreencastPencil video
    1 shares
    The Pencil is one of the visual metaphors most used to express creativity. In this tutorial, I'll show you how to draw a pencil icon. We'll have a look at gradients, selection tools, and basic transform operations. Let's have some fun with this - Eren GokselRead More…
  • Design & Illustration
    Print-Ready Business Card Using Photoshop - Screencast7
    In this tutorial, we are going to design up a simple business card in Photoshop and get it ready for print with crop marks and bleed. Normally you'd do some of this with a tool like InDesign, but it is in fact possible to get by with just our trusty old Photoshop - CollisRead More…
  • Design & Illustration
    Message Strip in Photoshop - Screencast6
    2 shares
    In this tutorial, we're going to make a little message strip in Photoshop that you can place in the top-right corner of a design. These little strips look very trendy and Web2.0-y, particularly in Web designs! It's quite an easy effect to do, and in this tutorial we'll add some shadow and light to make it pop! - Collis Read More…
  • Design & Illustration
    Vista Inspired Menu in Photoshop5
    This tutorial will show you how to make a semi-transparent Vista-inspired menu using gradients, shadows, and blurring to produce a stunning modern effect - Ricky Nelles Read More…
  • Design & Illustration
    Web 2.0 Badge in Photoshop8
    When we are working on a Web design project, we quite often need icons to show commands like add, delete, or edit. With the Web 2.0 trend, the use of badges and subtle 3D has become very popular. In this tutorial, I will show you how to create a really easy and very nice 3D effect to be used in either buttons and icons or elements that need some depth - FabioRead More…
  • Design & Illustration
    Glossy Icon in Photoshop9
    5 shares
    The difficulty in designing web graphics is not so much in the actual execution of the design, but more in the planning of it. At the same time you want the graphic to be eye-catching, yet smooth and small enough so it doesn't dominate your layout. This tutorial will teach you how to create a graphic that does just that - Arik Read More…
  • Design & Illustration
    Rainbow Logo in Photoshop - Screencast12
    This tutorial is another user's request. It's an easy technique, but I'm sure you will be able to use it in all sorts of designs. It's very versatile. In this case I used this technique for a logo, but I could use it to create grids with light effects as well - Fabio Read More…
  • Design & Illustration
    Web 2.0 Footer in Photoshop11
    2 shares
    Since Web 2.0 hit the internet, footers have become more important than ever, and there has been some great looking work done downstairs. In this tutorial I'll show you how to produce a sleek looking site footer in Photoshop - Daniel LopesRead More…