Archive for the ‘Tutorials’ Category

• Pasting Attributes in Adobe Fireworks

  Sep 01 6 Fireworks, paste attributes, technique

  In this screen cast, I talk about design techniques using Adobe Firework’s paste attributes. Simple n Sweet.

  Filed under Tutorials, design Read the rest »

• Creating Smooth Edges in Adobe Fireworks

  Aug 30 3 Adobe, Fireworks, Masking, Smooth

  In this screencast, I explain my technique for creating smooth edges that eliminate border doubling. This is a great technique to use when employing multiple layers to achieve lighting effects.

  King out.

  Filed under Tutorials, design Read the rest »

• Using Firebug to Live Edit CSS

  Jun 03 23 CSS, Firebug, tutorial

  Working on the Mad Mimi redesign CSS, I take about 5 minutes to show you why I love debugging CSS using Firebug. I’m not sure how elementary this is or how familiar you are with Firebug, but if it is helpful for you, I’ll start creating more Firebug screencasts.

  King out.

  Filed under Tutorials Read the rest »

• Creating Brushed Metal in Adobe Fireworks

  May 28 9 brushed, metal, steel, tutorial

  Somebody (actually Patrick Schneider ) asked for it, so here it is. In my previous live design session screencast, I showed an icon with a brushed metal texture. People have been asking how, so, here’s how:

  Filed under Nerdlab, Tutorials, design Read the rest »

• Designing Rainboxx

  May 26 17 design, icon, metal, rainboxx, tutorial, water

  Not so much a tutorial, this is really a near-live sneak peek into the design process behind the Logo/Icon for Rainboxx. I’ve also posted this work in progress to Dribbble where you can see the first revision. In this video, I “work out loud” and work on creating the insignia on the Rainboxx logo. [...]

  Filed under Tutorials, design Read the rest »

• Using Tweening to Create Patterns in Fireworks

  May 04 17 design, Fireworks, mask, pattern, tutorial, tweening

  Yet another impromptu tutorial, I talk about using symbol tweening in Adobe Fireworks and how this powerful technique can be used to create patterns.

  Filed under Nerdlab, Tutorials Read the rest »

• The Power of Symbols in Adobe Fireworks

  Apr 29 12 Adobe Fireworks, Symbols, Tutorials

  In this zippy tutorial, I talk about using symbols in Adobe Fireworks and how they can be used as a powerful construct and time saver when using repeatable graphics.

  Filed under Nerdlab, Tutorials Read the rest »

• Using Masks in Adobe Fireworks

  Apr 28 9 Fireworks, Masks, Tutorials

  It’s a quick one, but a good one. In this tutorial, I discuss how i use masks and gradient masks in Adobe Fireworks CS4.

  Filed under Nerdlab, Tutorials, design Read the rest »

• Using Ellipses to Pwn on Fireworks

  Apr 21 19 ellipse, Fireworks, Tutorials

  In this impromptu tutorial, I cover how I use elliptical gradients and ellipse shapes to give some very unique shadowing.

  Filed under Nerdlab, Tutorials Read the rest »

• Impromptu Tutorial: Creating Crisp Vector Shapes

  Apr 15 36 Icon Design, social media, steam, tutorial, Tutorials

  I’ve always wanted to do a video tutorial, but I lack the ability to plan. Much of the design I do is as I am motivated. If I am motivated, I have to jump on it — I can’t spend a day planning, I just have to do it and do it naow *Arnold voice*.
  Today [...]

  Filed under Icon Design, Nerdlab, Tutorials, design Read the rest »