PC Plus HelpDesk - issue 260

Paul Grosse This month, Paul Grosse gives you more insight into some of the topics dealt with in HelpDesk.

From the pages of HelpDesk, we look at:

  • Remove ugly orphans;
  • Snooping IT staff;
  • Controlling USB devices;
  • Whereis, Whatis, Apropos;
  • Make your own maps;
  • PDF attached emails;
  • Viewing log files in Windows;
  • Drawing with a tablet;
  • Hashes in emails;
  • More efficient fans;
  • Dye sublimation printing;
  • Computers in films;
  • World map in iris; and,
  • Multiple Document Interface (MDI) in Photoshop.

HelpDesk

Remove ugly orphans

If, in your HTML pages, you sometimes get single words at the end of a paragraph and want to make sure that these orphans never exist, here's how to do it.

Orphans can make a paragraph look quite ugly. In effect, all you need is a way of tying together the last word and the penultimate word so that they never separate.

Fortunately, this can be done quite easily. All you need to do is to open up the html page in your favourite text editor. Find the end of each paragraph by opening the search (usually [Ctrl][F]) and looking for '</p>', '</li>' or '</td>' (this will find most instances of end of paragraphs).

In between the last two words, replace the space with '&nbsp;' which is an HTML escape character that represents a 'No-Break SPace'. (HTML escape characters start with an ampersand and finish off with a semicolon.)

The '&nbsp;' character will force the last two words to appear together on the same line.

You can see in the screenshot that in the web page (lower half) that there is enough space for the word 'either' but, because it is 'glued' to the word 'end', it is forced to appear on the next line.

Once you have edited your file, save it as plain text with the same file name.


Snooping IT staff

A recent survey revealed that roughly one in three IT admin staff abuse their privileges by snooping around ordinary user's confidential data such as private files and emails, wages and even your data from the personnel department.

You cannot stop them because they need to have that type of access should you have a genuine problem.

However, you can encourage such abuse to present itself from which point it can be dealt with by the appropriate authorities.

There is a counter-intelligence technique called 'barium meal'. Real Barium Meal (a suspension of Barium Sulphate) is impervious to x-rays and therefore, when present inside an otherwise invisible container - such as your gut - it can reveal the shape of thing such as the container itself or any foreign objects in there. In the image on the right, you can see that it has revealed an obstruction or a narrowing.

In effect, it reveals the presence of a hidden structure.

So, how do we reveal the existence of a path between our suspected insecure source (our personal account or details on our system) and something, somewhere else?

We need to know the rules so that we can plant something there that will reveal that they have been broken. For example, confidential information must be confidential. So, if we plant something there and it appears somewhere else, we know that somebody has broken the rules (possibly even the Law - Computer Misuse Act, Data Protection Act and so on) and with any luck, the trace back from where it appeared will reveal the perpetrator.

So, we need a way of differentiating between our information and all of the other legitimate traffic.

  • Legitimate traffic is caused by reality so one way of differentiating between our traffic and reality is to make it contain false information - preferably a high proportion of false information.
  • One problem with false information is is that if it is too far away from what could happen, it will not be believed so, it also has to be plausible.
  • Finally, remember that we are using it to identify the person that took it and we cannot do that if it is in a number of places so, it has to be unique.

Essentially, that is it - it has to be unique, plausible but false and you can put it in one place such as a file. If the information ever appears anywhere else, you know that there is a connection between where you put it and where it appeared.

If you make the carrot extra tasty, you are more likely to get a result.
  • An example could be a false email where you claim to have lied on your CV about your qualifications although you need to make sure that you can find your certificates first;
  • Another could be false information about a senior manager;
  • Another could be an orchestrated conversation on the telephone between you and someone else who is in on it. You arrange it so that you both have the same script (passed person to person or some other secure way) and then you play it out over the telephone; and so on.

One thing you need to be, though, is patient.

On the right, you can see that a directory is protected so that only the user has access. In this way, the only other person that has access is someone with root privileges. When they su to root, they can look at and open the files. In that way, if that information ever shows up anywhere you know that it was somebody with root privileges. One thing that you could do with this is to change the data every now and then so that it pin-points a time period.

Wilf Hey and I had some fun with this in the 1990s.

All good fun - for us.


Controlling USB devices

On a Linux system, you can plug your camera into your Linux box and it mounts all right under KDE. However, you might find unmounting it a bit more of a problem and, if you have written to that device, it is best to unmount it rather than just unplug it. So, how do you make it flush its cache before it loses contact?

When you plug in a USB storage device - whether that is a camera or just an SD card or similar block storage device - a KDE daemon opens up a dialogue box that gives you a number of options. The default is 'Open in a New Window'. Pressing [Enter] opens this but removing it safely is a different matter.

So what about the other end of the process - unmounting it?

If you haven't got the little camera icons in the panel as in the screenshot, right-click on the panel and select 'Panel Menu', 'Add Applet to Panel...'and then, in the dialogue box that appears, scroll down to and click on 'Storage Media' and then click on 'Add to Panel'.
A camera icon will appear in the panel for each USB block device and a floppy if you have one.

Now, to remove it properly, just left-click on the icon and then on 'Safely Remove'.


Whereis, Whatis, Apropos

Knowing the name of a program and knowing what it does are always a problem, no matter which operating system you use and whether you use a GUI or a command line.

So, here are some ways out of problems on two UNIX-like systems - Linux (SuSE 10.2) and OpenBSD.

Linux OpenBSD
What is a program called?
We know that we've installed a browser on the system but we can't remember what it is called.

The solution is to use the apropos command, along with a keyword such as, in this case, 'browser'.

I can only remember how the program name starts. How do I find the rest of its name?
If you are using the Bash prompt, all you do is type the first few characters, then press [Tab] twice - it will beep at you the first time.
I've seen another program in that list. How do I find out what it does?
If you know the name of a program and you want to find out what it does without loading the full manual, just use the whatis command.
I need to know where a program that I can use from the bash prompt is.
If you need to know where just the program is, you can use the which command
I need to know where a program and related files such as binary source and manual pages are located
To find the location of these files as well as the actual binary, in Linux, use the whereis command. This command in OpenBSD acts the same as 'which'.
I need to look up details of the program in the manual
The manual shows you a lot of information about a program. Originally, these were the way that a systems administrator refreshed his knowledge of a program. More recently, other ways such as info pages and so on have been used and on some systems the man pages have been neglected to some extent. However, if you are on a text-only terminal, these are a good way of finding out more as they don't need a GUI to work. If you want a GUI, open up Konqueror and type man:program. If you are in a terminal, just use the man command as in 'man program'. Often, you will see a command written as whereis(1) - the number in the brackets is the manual that the manual pages for that command are in (if you don't type that number, the man program will find the first instance of that name (in the lowest numbered manual) and provide you with that. So, you can type 'man 1 whereis' for example.
and, in Konqueror...

Make your own maps

Maps are always nice to have on your website but they are always owned by somebody. Strictly speaking, as far as ownership goes, the map is a work of art and comes under copyright. So, ideally, if you want the copyright of a map, you need to make your own.

Usually, all you need on a website - or even on a piece of business literature - is a fairly basic piece of artwork that shows people the rough, topologically important features so that they will have a fairly good idea of where something is. They don't need something that looks like an aerial photograph. So, let's make our own.

This is how I made one earlier and it shows the positions and views of five photographs taken of the recent (June 2007) high river levels in Derby (UK).

A good source of your area's topography is the photographic images from Google Earth - effectively, this is one of those so-called mash-ups that are so trendy to have at the moment.

First of all, scale and orient the image to suit your needs and then take a screenshot.

Next, open up your favourite, layer-friendly, image editor - we are going to make good use of layers here.

Paste your screenshot as a new image and crop it slightly larger than you need - this is so that you can edit it down later on - you can't edit it up.

Next, create a transparent raster layer and call it 'Roads'. Select the paintbrush, and draw the relevant roads onto that layer, taking out any unnecessary details - in my example, I had a layer of outline for the roads and filled the roads in on another layer as well.

Next, you need to repeat the new-layer-draw cycle for railways, rivers, key buildings, green areas and anything else that you might need, using different colours.

Note that a tablet is good for this, by the way, and adds more of an artistic feel to it.

Note that you should feel free to stylise the map you are creating as much as you need to - remember that you are not copying the image, you are interpreting it. This is not just lawyer-speak either. At no point in any of this process are you using any automatic tracing tool. For example, if you were copying the image electronically (getting a program to use the information stored in the pixels to produce information in other layers without user interaction), you might be using tools like the magic outline mask tools; colour selection; and so on.

Here, you are doing it all by hand. The only input that the bottom layer - the photograph - is having to the process is that it provides you with a visual guide - it might as well be in a different window as far as the image processor is concerned because it is not making use of it (If you were doing this on a system that used the Beryl or Compiz window managers, you could put Google Earth under your image and make your image transparent - equivalent to tracing paper). Being in a layer in the same image as your map does not contaminate your map with other people's copyright unless you get the image processor to draw your map for you. By keeping it in a separate layer and making sure that it cannot affect other layers directly when you flatten the image, you are making sure that everything that is in the end map is all your own work.

Next, create a white layer ('white ground' in the image on the right) between the screenshot image and your handiwork - this is going to be your background.

Also, add another one above everything you have drawn ('white'). This one is an easy way of toning down your map - all you need to do is just change its opacity. The reason for this is that the purpose of the map is to show people where something is in relation to everything else - a map that doesn't differentiate between various features is of little use here. By toning down the map (which is effectively the background), you are emphasising the bit(s) that you want the user to be interested in.

Next, delete the screenshot layer so now, there cannot be any of the original copyrighted photograph in your image - it is all your own work.

Now, add any text, your location (if appropriate), using as many layers as you need above the top layer.

Here, I have added three layers:

  • Text - so that each position can be identified. If you were doing this as a map locating your business, you would use your business name;
  • Spots - marking the position so that it has a definite place on the map. Again, if this was a business, you would have a block in the shape of your site or the location of the main gate or whatever is appropriate; and,
  • Views - here, I have indicated the direction, field of view and roughly the distance of interest covered by the shot.

These are on different layers so that I can change their colours and opacity if I want to, or even tweak their locations by a few pixels if I want. In the screen detail, you can see how they locate (yellow lines) with respect to each other.

Now, make any final adjustments to opacity, colours and so on, save a copy of the image in your image processor's native format and then flatten the image.

Remember, your image does not contain any of the screenshot you took - it is all your own, stylised interpretation. You own the copyright.

Finally, crop the image and save it.

This is the map in situ and, as you can see, it makes it clearer where each of the photographs were taken from and what they show.

PDF attached emails

You might have been getting a lot of emails recently, that consist only of a PDF file attachment. Of course, you shouldn't open them but just what are they? If it is a virus, why aren't the virus filters filtering them out and if it is spam, why aren't the spam filters filtering them out?

Whilst there are plenty of unexpected file attachments that are clicked on - around 100,000 or so every day that turn people's Windows PCs into zombie servers - the most recent trend is that spammers in pump and dump campaigns are now using PDFs.

Normally, the text in a PDF is written using vectors so that no matter how much you blow it up, you never see pixels as little squares. However, these new PDFs use dark-coloured, square blocks to form letters in the same way that pixels do, and on the same sort of scale.

Blowing up these PDFs reveals them, as you can see. As a result, there are no letters in the file and spam filters fail to filter them out, just little blocks from a specially prepared pixmap.

Even Optical Character Recognition has a difficult task because the letters are all at different heights.

Of course, there is no reason to have the instructions to produce these little squares in some sort of order, they can be shuffled so that even studying a group of them won't reveal the letters that are supposed to be formed. The only way to filter these out by looking at the PDF is to render it and then try to analyse that - a time-consuming and processor intensive activity (which, no doubt, the spammer intends it to be).

So, we just have to wait for the filter writers to come up with something that works better than the current solutions.

Incidentally, while I have been writing the SuperDVD content (about a week in early July), the spammers have modified their program so that it now sends out attachments that have no file name. One can only presume that this is so that spam filters that look for a small (a few tens of KiB) PDF attachment with some sort of nonsensical name followed by .pdf will now have nothing to go on and therefore they will get through (until the filters are adjusted to quarantine emails that have a no-name file attached - that narrows it down a bit).


Viewing log files in Windows

Some troublesome log files might end up as one line on some text editors and, as it is supposed to be a log file, this could represent a bit of a problem.

The output on the right shows the same log file extract displayed using two Windows text file programs: Notepad; and, WordPad.

Notepad is text-only so you would think that it would be most appropriate to view a text-only file but you would be wrong in this case. Notepad just looks at the file as one large string.

When you drop a file into WordPad, it is able to recognise where the end-of-line characters are and uses them to create new lines for the following pieces of text (although it does go on to make other new lines as well). At least it makes some sense when you look at it which is more than can be said for Notepad.

So, why does this happen?

Most of the worlds web servers run on some form of UNIX-like operating system. UNIX has a whole different way of thinking about and solving problems. On a UNIX-like system, such as Solaris, one of the BSDs or Linux, the line ends have just a new line character whereas NotePad expects a Carriage Return-Line Feed (CRLF) pair - it hasn't seen them so it ignores the new line characters.

On the right are screen dumps from Midnight Commander (MC). The top file is from the original log extract and the bottom is the same file that has been copied and then DOSified so that it will read all right in Notepad.

You can see that the DOS version has an extra character (0x0D) and expecting this is the reason why Notepad won't read the UNIX file correctly.

There are a number of solutions to this:
  • one is to re-save it using Windows-style end-of-lines; and,
  • the other is to try loading it into a spreadsheet such as OpenOffice.org Calc - this is cross-platform so the same applies whether you are running Windows on a PC or Solaris on a Sparc.

To view this using OOo, open the file in Notepad, press [Ctrl][A] to select all and then [Ctrl][C] to copy it to the clipboard (you would do the same in Linux (KDE) by using KWrite).

In OOo, press [Ctrl][V] to start the paste process then make sure the 'Space' checkbox is checked and the text delimiter is double quotes.

You can see how the field will be displayed at the bottom of the dialogue box.

With the log file formats, the only space that is included within a field is the space between the GMT/UPC time and the offset (here +0100 for BST). Otherwise, the GET field, referrer, user agent and so on all parse correctly.

With it looking the way you want it, click on 'OK' and it will load a row per line, broken down into cells for each field.

Drawing with a tablet

Tablets are coming down in price and people are starting to ask that if they need one, is it really worth spending a lot of money on one (I spied one in a camera shop in Derby for over £200).

On the right, you can see the sort of thing that you can buy from your local supermarket for just a little above £20. This one is a Trust TB-2100 Wireless Tablet and also has a wireless mouse if you want to use that as well.

The sensor size is roughly 4.5"x6" (just a bit bigger than DIN A6 paper size) so a small print will fit under it nicely, as you can see. It also has a plastic sheet under which you can slide the photograph so that the image is protected and held in place.

The pen has two programmable buttons and 2 extra replaceable nibs.

The pen has a pressure sensitive tip that sends effectively a grey-scale signal (it is actually 512 levels so that programs like The GIMP, PhotoShop, PaintShop Pro and so on can use this extra information) and this offers you a lot more than a simple on or off pointer like the mouse.

Examples of the type of modification that you can use this signal for include brush colour, opacity, size and hardness.

Colour variation is usually taken as a value from the currently selected gradient and in the image on the right, you can see how size and colour are implemented in The GIMP.

Unless you are using a tablet for mapping large scale images, you will probably find that a cheap one will do everything you want it to.


Hashes in emails

Believe it or not, it is possible to verify that the contents of a file has not changed, without having ever seen it, had it in your possession or had access to it. This can all be done by someone hashing their file and sending you the hash in an email - you can always telephone them to confirm the contents of the hash in order to compensate for email's intrinsic security weaknesses although the original file will not have been compromised.

So, supposing you get a hash in an email, how does this work?

MD5 (Message Digest algorithm 5) is what is known as a trapdoor algorithm. It works by taking a file that you feed it and packing its length so that it is a multiple of 512 bits long. It then takes it, 128 bits at a time, minces it up and then processes that with the next 128 bits until the file is used up. By then, you are left with a 128-bit value that can be represented as 32 hexadecimal values.

It is called a trapdoor algorithm because there is no way that you can derive the contents of the file from which the MD5 function generated the hash. However, if you receive an MD5 hash in email, you can confirm that if a file generates the same hash, the file is extremely likely to have the same contents as the original file.

You can make your own MD5 hashes from a file using the following commands (using 'filename' as the hash source file):

md5 filename
md5sum -b filename
fciv -md5 filename

...for *BSD, Linux and Windows respectively. (Note that you have to download and install fciv from http://support.microsoft.com/kb/841290/ for it to work because this is not part of the default installation.)

You can see in the screenshot that the MD5 algorithm is fast - less than 150ms for a 32MB file. The images in 'bigimage.bmp' and 'bigimage-1.bmp' differ only by 1 pixel which has is only 1 bit different - this giving completely different hashes...

cf5d2bd10954ace727dca6938170c68b and
3e62f783c3207a6c8b1b071ec331fbbb

... and just to show that the file name does not matter, images 'bigimage-1.bmp' and 'bigimage-1a.bmp' are the same and so are their hashes.

MD5 produces a string of 128 bits but there are other algorithms. SHA-1 produces a 160-bit string and together, MD5 and SHA-1 provide the bulk of hashes although it is said that SHA-2 should be the norm by 2010.


More efficient fans

You might have seen cowls attached to the air intakes of air conditioning and cooling units on the flat rooftops of various business units. However this not just some fancy piece of hardware, it does have a serious purpose - it's not to keep the rain off.

The cowls are critical to the efficiency of the fan.

If the fan is using all of the surface of its blades, it will be able to provide a certain pressure drop for a given flow rate. Reducing the extent to which your hardware squanders the pressure drop and the use of the fan's blades is what this is all about.

Without the cowl, the air at the edge of the housing has to travel around a sharp bend and the resulting flow over the ends of the blades is turbulent and a lot less efficient - the flow over the inner part of the blades is laminar and works the way it should. Turbulent air does not just mean loss of efficiency - the turbulence also creates noise.

In addition to the fan efficiency falling because only around 50 per cent of the blade area is in effective use, there is also a higher pressure drop over the intake.

With a cowl - shaped like an elongated inside of a doughnut - the horizontal vector for the air flow at the edge of the intake is slower as the flow is largely parallel to the direction of flow. This results in the flow being laminar all of the way across the fan blades, making the fan more efficient and producing less noise.

In addition, scaled, fluid dynamic tests have shown that the pressure loss across such an intake is significantly lower therefore the unit as a whole performs substantially better. Using water as a fluid and various shapes of inlet, the coefficient for pressure loss was around 20 times higher for a sharp-cornered intake (as in the no-cowl example shown above-right) than for one with a smooth intake such as the cowl.

As a matter of interested, you can make your air intake consume an even higher proportion of the available pressure drop by having the sharp-cornered design protrude into the space from which air is being taken.

With a reduction in air velocity at the intake, coupled with the virtual elimination of turbulence at the fan, such an assembly is much quieter.

All you have to do is to get the manufacturers to make them.

Remember, you read it here first.


Dye sublimation printing

In the last few years, dye sublimation printing has found its way into small printers at home and also into photo kiosks in supermarkets where the quality of these instant prints is reasonably good.

However, dye sublimation is not limited to printing onto flat, specially prepared paper - it will also print onto irregular surfaces.

Originally, this was done by taking a black and white image and printing it out, laterally reversed, onto a sheet of paper using a special photocopier with the sublimation powder - a hot press transferring it to a tee shirt.

On the right, you can see one that I made in 1991 when I was running a Modern Jazz group.

The words were printed out on a Roland plotter and other parts were pasted in (literally), such as the East Midlands Arts logo and my line tone caricature of me playing the double bass.

This was then put through the special photocopier and the process started.

You can see that the definition was all right as well, even though this has been washed literally over a hundred times.

In the heating process, the dye vaporises from the heated paper and this gas then moves to a cooler surface where it turns back into a solid. It doesn't melt at all, it goes straight from solid to gas and back again.

You can see from the letter 'O' that the dye condenses onto the top of the material.

This sweatshirt has lasted years of wear and if you iron with a cool iron, the dye will outlive the shirt.

In the last 16 years though, things have improved and now, half-tones are possible, using any coloured image.

Whilst these machines are well out of the price range of the average PC Plus reader, you can take an image on a flash card along to a shop and get it printed onto a tee shirt.

You don't have to use images taken with a camera either - you can make up any image (as long as it is legal) and get it printed out.

Colour definition is quite good - the horizontal red line in the image on the right is just 2mm wide making the colour mixing around 100 microns which can effectively be ignored.

With your image, aim to get around 150dpi (or thereabouts) with an image size in the order of 12" (30cm) square. Also, remember that the process is aimed at the family snapper so whilst they claim to be able to take any image format, you are limited mainly to JPEG although PNG is worth a try as long as you have a JPEG image as a backup.

If you want to try to find out which image types you can use, incorporate the file type in the name of the file as well as the extension so you might have 'mypicpng.png' and 'mypicjpg.jpg' because, being a Microsoft Machine, if you see the file name at all, you probably won't see its extension.

Have fun.


Computers in films

Computers in films are usually given a visual task that in reality is utter rubbish.

No system designer would send millions of images of fingerprints over a network for a comparison similar to those that we see in police and forensics dramas, for example. In reality, the work is performed on the server which, visually, is far less impressive.

This type of network faux pas, along with many others, can be seen in many films.

However, there is one film that springs to mind that does use a real program.

In Jurassic Park, in a scene where the 10 year-old girl and a few others are trapped by a dinosaur trying to get in, she goes over to a console and utters those famous words; 'This is UNIX! I know this' and starts playing with a 3D file browser.

The browser in question is 'fsn' (File System Navigator) and it ran on SGI IRIX which, if you look at the border of the monitor, you will see.
SGI has now switched over to Linux but you can install the LGPL port, fsv (File System Visualiser), which works pretty much the same.

In the screenshot, you can see the same type of visual output seen in Jurassic park with files as blocks inside directories, all linked together by a tree structure.

To navigate, you can click on various files or directories. To change the view:
  • Zoom in and out by holding the mouse middle button whilst moving the mouse up or down; and,
  • Rotations are performed by holding [Ctrl] whilst holding the left mouse button and moving the cursor around.

When you click on a node (file or directory), it puts it in the centre of the screen.

If you selected a directory, you can expand it by right-clicking on it and selecting 'Expand' - this opens it up and places it in the tree.

Right-clicking and selecting 'Properties' opens up a dialogue box showing the file/directory's metadata.

FSV has another view, where everything is seen as a progressively-subdivided, 3D block which you can manipulate in the same ways as the tree view.

As an alternative - one you are more likely to find on a Linux system - you can use 'fsview' which presents a progressively-subdivided, 2D block.
In the same way as FSV, clicking on a directory will select and expand that in the same way as fsv and if you right-click on it, a menu drops down and you can change its appearance and navigate.

World map in iris

Here is how to make an image of an eye - or at least the iris part - that has a map of the world wrapped around as the iris. I'm going to use the new Photoshop CS3 on Windows and an old version of the The GIMP (1.2.3) on Linux. Newer versions have more capability but here we shall see how flexible the software is. (Also, my son has commandeered the server with The GIMP 2.2 on it)

1

First of all, you need to acquire a normal image of the earth. The Mercator projection is fairly easy to find on the Internet - you just need to find one without latitude and longitude lines and with the land all of the same colour (as an alternative, you can find one with the sea all of the same colour - it is just so that you can select one or the other).

This is a part of a map that I found (go into Google Images and look for one there - you need one that is maybe five times bigger than your final image because we are going to mess around with it quite a bit.

One thing to bear in mind is that if you are editing for the web (see the film-strip image above-left) then you are only going to be aiming for 70-100dpi whereas, if you are aiming for printed media, you should be aiming for around 300dpi or more.

With this image, you can see that the Greenwich Meridian is not included in the land areas above and below it which makes it ideal (although if you have found one with the water all one colour, that would have been just as good).

However, this has been saved as a JPEG so where there are boundaries - such as the coast line - you have the normal JPEG artefacts.

2

With your image loaded, create two new layers so that we can mess around with masks and colours without destroying the original image before we need to.

With the map layer still having the focus (just click on it in the layers dialogue box), click on 'Select', 'Color Range...' ('Select', 'By Colour...') and in the dialogue, click on the land colour and, if necessary, adjust the fuzziness so that you have all of your land.

Click on 'OK' ('Close') to finish. Now, select the top, empty layer.

3

Select a colour for the land (we'll use green here). In Photoshop and The GIMP, just click on top-left box in the foreground/background tool in the toolbox and the 'Color Picker' ('Colour Selection') dialogue box will open. Select a hue by clicking on the spectrum and select its saturation and value from the large box. Click on 'OK' ('Close') to finish.

4

Next, we want to fill the top layer, inside the mask, with our green.

  • In Photoshop, select the flood-fill tool ('Paint Bucket Tool'), make sure that 'contiguous' is not checked and click on the image.
  • In The GIMP, just click the mouse on the top-left box in the foreground/background tool in the toolbox and drag the colour onto the image. A useful note is that this flood-fills the mask but it doesn't change the identity of the current tool.

Now, deselect the selected area [Ctrl][D] ([Ctrl][Shift][A])

5

Next, make a suitable blue - this should be darker than the green.

Select the middle layer in the layers dialogue box. Next, fill that layer with the blue in the same way as you did the green.

6

Then flatten it by right-clicking on the image name in the layers dialogue and selecting 'Fatten Image'.

Now, none of the original image remains. (if you were really paranoid, you could delete the bottom layer before you flattened the image.)

7

Next crop the image with the crop tool so that it only contains the part of the map we are interested in (for most of us, that goes from the southern tip of South America up to the top of Russia. Now, we have a longer and thinner map.

8

Next, we want to introduce the area that will become our pupil. This black area needs to take up around 1/3rd of the image. Make black your background colour by clicking on the default colours (the little black and white icon in the colours tool) and then click on the reverse the colours icon to swap them over by clicking on the double headed curved arrow.

Click on 'Image', 'Canvas Size...'.

9p

In Photoshop, click on the bottom-centre of the anchor box and adjust the height so that it is around 25-50 per cent larger.

Then, click on 'OK'.

The map should now appear with black as a solid block at the top.

9g

In The GIMP, type 1.5 into the ratio and drag the image block in the window at the bottom, down to the bottom.

Click on 'OK' and the canvas size will be changed.

However, remember that it is the canvas size we have changed and now, we need to right click on the layer in the layers dialogue box and select 'Layer to Imagesize'.

You will now have the black area at the top.

10p

If you are using Photoshop, you need to make your image square (for some reason, it will make your circular image elliptical if you don't).

Click on 'Image', 'Image Size...', making sure that 'Constrain Proportions' is not checked and adjusting the width so that it is the same as the height.

Click on 'OK' and your image should be square.

In Photoshop, click on 'Filter', 'Distort', 'Polar Coordinates...' and then click on the '-' button a few times so that you can see some of your image.

and then 'OK'.

Unfortunately, if you want to rotate your image so that something other than the middle of it appears at the bottom, you will have to do this later on (rotate it through an arbitrary angle).

10g

In The GIMP, you don't need to make it square to start with.

Click on 'Filters', 'Distorts', 'Polar Coords...'

Here, you can change the offset angle so that if you want the Americas at the bottom, you can. Select, 'Map Backwards' and 'Map from Top', changing the angle to around 85 or so, depending upon which bit you want at the top.

If you chose to have the iris at the bottom and have Australia/New Zealand at the top, deselect, 'Map Backwards' and 'Map from Top', changing the angle so that your country of choice is at the top - Australia is around 300 degrees.

Note that this will vary according to the Mercator projection map you started with.

11

Now, you need to add an alpha channel (transparency) to your layer. We did start off with a JPEG image - these don't support transparency - so we need to get our image into a transparent layer. There are a number of different ways of doing this.

11p

In Photoshop, use the circular mask ('Elliptical Marquee Tool') to cover the image - this will give us our highlighted circle. Now, we can copy the image and paste it back into the same image which will automatically end up as a new layer, with transparency. Now all we need to do is to right-click on the 'Background' layer in the layers dialogue box, then click on 'Delete Layer' and confirm in the dialogue box that pops up.

11g

In The GIMP, right-click on the layer in the Layers dialogue box and select 'Add Alpha Channel'. Now, select the fuzzy selection tool (the magic wand) and select the two white areas to the side of the iris. Press [Ctrl][X] to cut them out. To get to the same physical state that we are in with Photoshop, just use the crop tool to highlight the entire image, click on 'Auto Shrink' and click on 'Crop'.

Your image should now look something like the one on the right.

12

All we need to do now is start to make it look like an iris/pupil.

In order to do this, we can keep on adding layers that modify the image below until we get something that looks just the way that we want it to. First of all, we might want to adjust the blue and the green to get them roughly how you want them (brightness, saturation) although you don't need to because you can always do that later - it just makes the next steps easier.

So, what layers do we need to add?

13

This is the image that we are starting with. I've desaturated the colours and moved them closer to each other.

Use the magic wand selection tool to select the whole, non-transparent part of the image (turn the threshold/tolerance up to 255 to select it) and then turn it back down again and deselect the pupil (on Photoshop, hold down [Alt], on The GIMP, hold down [Ctrl]. Now, we can draw what we like and it will only affect the iris.

14

Create a grey layer and in the layers dialogue, select multiply and an opacity of around 50 per cent - you can mess around with the function of the layer and the amount of that effect later on.

Then use the dodge and burn tool or white and black paint to make a pattern that is like the radial structures on the iris. Using a tablet makes this easy as you can change the size and intensity of the strokes as you make them.

15

Now that we have the fine structure on the iris, we can add to the overall shape. The outer edges have their illumination reduced by the edge of the structure and the inner edge curves inwards.

You can make this by using a large, soft brush and paint with black around the edges.

16

Now, we highlight the lower part where light coming in from above will be bent inwards and illuminate the iris. We also draw in a bit of a shadow where the light coming in from above will be aimed elsewhere.

This layer is added as an overlay layer. You might want to adjust the proportion of the layer we added at step 14.

17

First of all, get rid of the mask you have been using. Next, create a new layer and then make a mask that is the shape of the light you want to be reflected in the outside of your cornea - remember that it should be smaller than it is going to end up.

Now, choose white as the current foreground colour and then select the gradient fill tool. Select foreground to transparent and then drag the mouse down over the highlighted part of the image.

Remove the mask.

Now, you need to distort the image so a lens-type distort will do a good job.

On Photoshop, click on 'Filter', 'Distort', 'Sphereize...' [sic] and make sure that it is on '100%'. Click on 'OK' to make the Distortion. If the effect is not enough, press [Ctrl][F] to apply the distortion a second time.

On The GIMP, click on 'Filters', 'Glass Effects', 'Apply Lens...'. Check the 'Make Surroundings Transparent' checkbox, change the 'Refractive Index' to 2.00 (it is a heavily curved surface) and click on 'OK'. If the results aren't quite to your liking, you can change the refractive index and so on.

18

We now need a reflection off the back of the lens. Duplicate the layer we have just made.

In Photoshop, this can be done by right-clicking on the layer in the layers dialogue box and then selecting 'Duplicate Layer...' and clicking on 'OK'.

In The GIMP, you can either:

  • right-click on the layer in the layers dialogue box and then select 'Duplicate Layer; or,
  • you can drag the layer from the layers dialogue box and drop it on the image itself.

Now, we have the same image.

 

19

In Photoshop, click on 'Edit', 'Transform', 'Rotate 180degrees' and then drag your layer back to where you want it. Now, click on 'Edit', 'Transform', 'Scale' and whilst holding down [Shift], drag the corner of the box until it is small enough to fit in the pupil. Then, double-click in the box. Next, drag the image until it is in the right place and adjust its opacity until it is barely visible (around 10 per cent).

In The GIMP, select 'Layers', 'Rotate', '180 degrees'. Next, click on the 'Scaling' tool and then on the image. Now, drag the image until it is small enough to fit in the pupil. Then, click on 'Scale'. Next, drag the image until it is in the right place and adjust its opacity until it is barely visible (around 10 per cent).

Now, we have an iris and pupil, complete with reflections that we can add to an eyeball and eyelids.

Multiple Document Interface (MDI) in Photoshop

Multiple document interfaces (MDIs) have been around for many years - on the PC, they existed in the early 1990s using a 80x50 character DOS interface where they were extremely quick on a processor running at even 16MHz.

On DOS or any GUI, the MDI kept everything in one window and made it easy to control that program's child windows. However, things have changed since then.

Now, we have larger displays and run a number of programs at the same time so, whilst we are editing one image, we could be looking at some instructions or other notes - the nature of the MDI is to take up a whole load of your screen so that you cannot use it for anything else.

Image editors like The GIMP have got around this by using multiple windows so that you can move them around from place to place, mingling with other programs or even sitting on a number of different desktops - something that you don't see on Windows or Mac OS X which are both single-desktop GUIs.

So, how do we change this?

In PhotoShop, make sure that you can see some of your desktop and then, grab hold of an image and drag it out of the MDI. At first, it will slip under the border but keep going and once you've dragged it past the border, it will appear outside the MDI.

For the control windows such as 'Layers', 'Color', the tool box and so on, grab hold of the lighter-coloured area, just inside their borders and drag them - they break away just the same and soon, you can configure it the way you want - complete with other programs positioned so as to make your workspace more functional.

PhotoShop won't let you get away with doing this to all of its windows but once it is the way you like it, click on 'Workspace', 'Save Workspace...' give it a name and click on 'Save'. Next time you open PhotoShop, your windows will either be there or you can click on 'Workspace' and select. The only disadvantage is that when you open a new image, you have to drag it out of the MDI and zoom in - a small price to pay.

Back to PC Plus Archive Index Page