
A quick method to increase the letter spacing in Photoshop, so that we can turn this:
To this:
Select the layer containing the text you want to edit and click ‘Window -> Character. In the dialog box that opens, change the text spacing value denoted by this symbol.
![]()
The higher the figure, the greater the spacing.
Tags: CS3, photoshop, spacing, Text effects
Posted in Text effects, photoshop, web graphics | No Comments »
Sometimes you might be working on a graphic and need to match up some fonts. But despite your best efforts you just can’t identify the font you are working with. Well if you want a point in the right direction, we are quite fond of the guys over at Identifont.
By using their Identify Font feature and running through a number of questions, it should be able to narrow down the font you are looking for to a select view and provide them for viewing so you can really pin it down.
Posted in Uncategorized | No Comments »
For the purposes of this this tutorial. We will be changing the grey background colour of the Caribou Group logo to red.

First we need to select red as our foreground colour.

Now select the magic wand tool and hold shift whilst you click all of the grey areas to be replaced. Then click ‘Edit -> Fill’ (Shift + F5). Then from the dialog box, select the follow opions.
(USE: FOREGROUND) + (MODE: NORMAL) + (OPACITY: 100%)

Click OK and ‘presto’. The colour replacement is complete.

Tags: colour, photo manipulation, photoshop, replacement
Posted in photoshop, web graphics | No Comments »
In some browsers, particularly Firefox, converting an image into a link will leave you with an ugly looking, blue border surrounding it. Whilst it can sometimes be a good usability feature, it can often mess up the aesthetics of your site.
Luckily, it is easily solved. You can either declare img {border:none;} in your css or border=”0″ within your individual <img> tags.
Problem solved!
Tags: CSS, web styling
Posted in CSS, web graphics | No Comments »
We hoped it would never happen, but it has. Google Chrome, a browser much beloved by the staff at The Caribou Group, has finally reared an ugly buggy head.
It’s come to our attention that Google Chrome does not pay the blindest bit of attention to Mouse Pointer change on rollover effects. The reason for this isn’t hugely clear and it looks like it might be a while before the good people at Google get this sorted.
But in the mean time, the solution is to remove the wmode parameter from your HTML. This means that it’s not possible to have transparent backgrounds, but it at least solves the usability problem.
If you’re a PHP programmer, it is possible though to add a conditional statement to only remove this segment of code for Google Chrome users by making use of the get_browser functionality.
Enjoy!!
Tags: Adobe Flash, Browser Bugs, Google Chrome
Posted in Adobe Flash CS4, Google Chrome Bugs | No Comments »
Often times when creating a flash movie you will want it to blend it with your website instead of being a big white block on top of it. The best way to achieve this is to make the stage transparent.
To do this, open your Flash movie in Flash. And follow these steps.
1. Go to ‘File > Publish Settings’ (or Ctrl+Shift+F12)
2. In the dialog box that appears, click the HTML tab
3. Change the ‘Window Mode’ setting to ‘Transparent Windowless’
There you have it, a transparent Flash movie!
Tags: Flash CS4, Graphics
Posted in Adobe Flash CS4, web graphics | No Comments »
We thought we’d enlighten you on a small IE8 bug we’ve found that we have seen mentioned here and there about the net.
If you split a form between two divs that have backgrounds, IE8 will sometimes repeat the background image below the lower most div. For example;
<div class=”one”>
<form>
<input type=”text” name=”test1″ />
<input type=”text” name=”test2″ />
</div>
<div class=”two” style=”background: url(/images/bg.gif) no-repeat;”>
<input type=”submit” value=”submit” />
</form>
</div>
will render bg.gif twice on it’s y axis. To solve this problem, you need to place the closing form tag below the second div. This won’t affect the function of your form and will solve your visual woes. You’re welcome!
Tags: Browser, Bugs, IE8, Internet Explorer
Posted in Internet Explorer Bugs | No Comments »
A nice short post today, because we’ve been asked this question a few times and the answer is nice and simple.
If you have a black and white image and you want to reverse the colours. Then it’s simply a case of selecting all (ctrl + A) amd then inverting (ctrl + I). Voila, you’re done.
Tags: photo effects, photoshop, photoshop tutorials
Posted in photoshop | No Comments »
Tags: advice, music, unsigned bands, web promotion
Posted in Promotion | No Comments »