Archive for the ‘Design Tutorials’ Category

May 6 Capturing and Editing Screen Shots with the GIMP Posted at 7:39 pm | No Comments »

For those of you unaware, the GIMP (Gnu Image Manipulation Program) is a free, open-source image manipulation program. It doesn’t quite stand up to Photoshop, but it’s still extremely useful, and you can’t beat the price.

This is intended to be a very quick tutorial explaining how to capture screen shots and then edit them with the GIMP. (more…)

Apr 22 Eight Links - April 22 Posted at 7:47 pm | No Comments »

Here are today’s Eight Links — links for web developers:

  1. JsPDF - create PDF files completely using JavaScript
  2. The Database Rant - begins with “It’s time for SQL to die.”
  3. iPhone app sales - a developer explains the income his app has generated and how changing pricing didn’t change sales
  4. Why writing software is like writing
  5. 18 Seriously Helpful Cheat Sheets for Easier Coding
  6. Google Analytics API Launched
  7. Finding and Fixing Memory Leaks in Python
  8. A Design for a Distributed Transaction Layer for Google App Engine

Feb 19 Cross-Browser Semi-Transparent Backgrounds Posted at 5:07 am | No Comments »

This is a simple tutorial to explain how to implement semi-transparent backgrounds for your HTML elements in all browsers. By now, most people are probably aware of the fact that you can use 24-bit PNG images to create semi-transparent backgrounds in newer browsers. However, because a large percentage of Internet users have still not adopted Internet Explorer 7; which means that they’re still using IE6, which doesn’t support 24-bit PNG images, we have to find a way to mimic that behavior. It should be noted that the fix described in this tutorial is only applicable to solid color backgrounds; it cannot be applied to backgrounds that include some sort of image. (more…)

Feb 2 img/stack Helps You Manipulate Images on the Fly Posted at 1:01 pm | 1 Comment »

Tobin Schwaiger-Hastanan has announced that a new version of <img/>stack is now live. The service is described as, “<img/>stack works by taking a URL to an image and instructions on what to do with that image to create a new image on the fly.”

Tobin noted in an email exchange, “I wanted to simply request the image based on how I needed it for the page and just expect it to be there.  Cropped, resized, centered… I didn’t want to have to go back and forth between photoshop and batch processing scripts.”

There’s a tutorial on how the service works which is pretty easy to understand. Basically you can resize an image, crop an image, create thumbnails and fit an image to a specific size. The application lives on their server, you just call the parameters and the image to change and it will render the image as requested on the screen.

Looks like it could be a good fit for web applications that handle a lot of images for products or even avatars.

Nov 7 Designing Online Social Networks: Social Group Theory Posted at 4:58 pm | 2 Comments »

Online communities (facilitated by Web 2.0) have become very important over the past few years - not only to niche communities, but now to mainstream brands. Social networking is about human connection and links between people. The reasons why people join groups and social networks are typically that groups can:

  • Provide encouragement and support
  • Establish identity with others and fulfil the need to feel included
  • Provide the outlet for some people to establish their need for recognition, social status, control and/or leadership
  • Alternatively, provide the necessary control over aspects of lives for those who don’t want to be leaders (e.g. Weight Watchers)
  • Help establish friends, relationships and the opportunity to interact with others

Historically group membership has served an evolutionary survival function - put simply, there’s safety in numbers

There’s been much research into group psychology but not so much about how this applies to a marketer trying to monetise an online community or introduce one to their brand. Here are some interesting phenomena about groups designed to help a brand owner capitalise on networks and the social phenomena:

(more…)

Feb 17 Photoshop - How to Create Custom Shapes Posted at 4:41 pm | 1 Comment »

Are you either a beginner at PS, or are you familiar with most tools yet do not understand how to create custom shapes? If you are either of these two, this is the blog (tutorial *cough, cough*) for you.

It is 2008, so let’s do the Zodiac Tiger!

(more…)