Design

CSS3 for Advanced Design

Today I spoke at DevCon5 in NYC.  It was a blast.  The crowd was great and really intelligent. Lots of good questions about CSS and HTML 5.  I even previewed Edge. I hope to come back next year! Below are my slides and you can download my example files here. CSS3 For Advanced Design View more presentations from paultrani

Read More

CSS3 Transitions

I love Flex and ActionScript but I always want to recommend the appropriate technology for the job.  Sometimes that technology is CSS3 and HTML5, which is really exciting to me. So I thought I’d post a simple CSS3 example — on the CSS3 transition property to be specific. It allows property changes in CSS values to occur smoothly over a specified duration. In this example, when you hover the mouse over the link, the background color […]

Read More

Mobile Flash Design/Development Workflow

Whether you’re a designer or developer, it’s an exciting time to get into mobile development.  A relatively young industry that is full of potential and opportunity.  But it does face the same challenges that other software development projects face, that of communication and workflow.  Figure 9-1 pokes fun at communication and interpretation issues in a software project. The cartoon in isn’t a far cry from how many companies work.  There can easily be a lack […]

Read More

I Have PSD

Yes. I’ve been diagnosed. I first got it back in 1991 in college and haven’t been able to shake it since. Do you have PSD?  Check out the video to find out…

Read More

Lynda.com: Flash Animation Projects

My latest Flash title is available on Lynda.com! Flash Professional CS5: Animation Projects, The title was created in response to people asking how I created the Flash animations for the various Dreamweaver courses.  In this course I demonstrate how to create and import assets, and then take those assets and bring them to life using dynamic motion, 3D, depth, and ActionScript just to name a few. Here is a list of everything I cover. Creating […]

Read More

Design Fundamentals for Developers

There are many resources on development for designers but what about design for developers?  This presentation shows how to create an effective layout, which fonts to choose, and how to make proper color choices.  Skills that can be used in any graphic presentation. (Presentation was given at the Heartland Developer Conference 2010.)

Read More

The Golden Ratio for Great Layouts

Have you ever seen a beautifully composed photo, painting, or website and wondered if there is any science behind it?  Well, there actually is.  Great artists, designers, and architects have been using what is called the Golden Ratio since 400 BC.  Most use it intuitively to divide space and create compositions in a pleasing way, but it really boils down to a simple mathematical formula. (Or you can use this AIR app that I created […]

Read More

Hey Designer! Make the Logo Bigger!

I made this animation pretty quickly using the Bone tool as well as the new Spring for bones feature, which allows for more lifelike movement.  I also used the SmartMouth Flash extension, which makes it easy to swap out various mouths on the fly, allowing you to quickly sync audio to graphics. The song is from Burn Back and the character was created by Wayne Harris. Download source files.

Read More

Up for a design challenge?

Win $2000 + a copy of Adobe Creative Suite 5 Design Premium software ($1899) if your design is chosen the winner in the Threadless t-shirt design competition. Just use your design talents to create a tee inspired by the MAXtopia theme for Adobe MAX 2010. Contest ends August 29th, so don’t delay. Check out the rules here.

Read More