Entries Tagged 'How-to' ↓

Swish as Vacations Hobby

Considering how much time web developers spend on developing Flash sites with all their interactions and animations, Swish could be a great help. I once tried it when my wife and I were on holidays in Beijing (it seems to me it was Flashmint.com from where the template had bought). She thought I was crazy working on a computer during our vacations. I assured her that I was just fooling around with the software.

This fun now saves me much time in my work. As soon as we returned home I started applying Swish templates by Flashmint.com to produce web sites on a regular basis for my clients. Now I cannot imagine how I had been doing without Swish before. Cast a look at my favourite ones:

 swish template 1094

My rock band swish template

Continue reading →

Flash-Based Galleries For Your Images

In many situations web designers should avoid Flash and prefer usual text-based presentation. For instance, in most tasks related to pure text presentation Flash is neither necessary nor user-friendly, and it also has some serious accessibility problems: in fact, “pure” text is easier to maintain and easier to copy and paste.

However, if you’d like to present some multimedia-content, particularly images, Flash can often be a feasible solution, with flexible image management for web designers and impressive visual presentation for users. Used moderately, Flash-based galleries can give the presentation a fresh spark and create a rich visual experience you might want to offer your visitors.

Flash-based Galleries: An Overview

Polaroid Gallery offers a quite unusual way of presenting a bunch of photos online. The script loads images and image titles dynamically from an external XML file. Then the script processes the data and creates an interactive flash gallery in which all images are presented as Polaroid-photos.

The images are kind of thrown on the the table randomly and create a beautiful mess — the idea resembles BumpTop, physics-driven 3D-desktop with draggable folders and files. You can move the polaroids around with the mouse, and you can double click a Polaroid picture to zoom in.

polaroid.jpg

To use the gallery you simply need to define your images and your galleries by modifying the XML-file accordingly. You can also define the legend to describe the content of the images. Besides, you can specify your Flickr ID and the gallery will automatically load the latest pictures from your Flickr RSS-feed. The loaded pictures are automatically scaled, centred and smoothed.

The script is free and open-source, and the .zip-package includes a .fla-file you can modify to improve the script. To ensure an optimal presentation your images should have a square format; otherwise the Polaroids don’t look particularly pretty.

Continue reading →

Video Tutorial - Building Your Web Gallery in Photoshop CS3

Video tutorial

Here’s a step-by-step guide through the new Web Gallery function in Photoshop CS3.

View the tutorial