Athenia Design

Photoshop Mistakes

Karen Nutton — Sat, 14 Jun 2008 12:41:51 GMT

This is quite a good post from Oddee. It shows some examples of Photoshop mistakes where the user has not looked at the bigger picture. In one example a person has been "photoshopped" out of the picture but their hand has been left in place on the girls shoulder, whilst in another a basketball player seems to have lost his head. It can be easy to get caught up in Photoshop and forget about the overall look of what you are trying to achieve, let these examples be a warning.

Converting PDF Back to Word

Karen Nutton — Tue, 03 Jun 2008 09:25:19 GMT

It can be really irritating when you want to edit a document but find you have lost the original word document and only have a PDF. Most of the time you can extract the text from a PDF but this can be time consuming and it often needs to be reformatted. I found a useful post on askowen the other day that deals with the problem and offers several possible free solutions. One of which involves filling in an online form at freepdfconvert which takes a couple of minutes. It does however, only support documents that are up to 2 pages long and also requires you to know the password if the PDF is password protected,

Art You Can Eat

Karen Nutton — Wed, 16 Apr 2008 13:48:58 GMT

The V&A Museum of Childhood in London is running an exhibition of edible art. It includes pictures made entirely of Smarties from food artist Emma Staite and also includes other edible art made by children. Here are just a few of the pieces on display.

Photoshop Express

Karen Nutton — Thu, 10 Apr 2008 16:48:25 GMT

Adobe has launched a free version of Photoshop. It is called Photoshop Express and is basically a cut down version of the programme. It is available online and allows users to upload photos to the Photoshop Express website edit them and store them online. I haven’t had chance to try it yet myself but will post here when I have. The initial idea looks quite interesting.

Text Inset In Quark

Karen Nutton — Fri, 18 Jan 2008 17:15:53 GMT

I tend to use the text inset option in Quark quite a lot. You can also create white space around your text by placing a text box within another box but the text inset option allows you to specify exactly how much you want to leave, making the final publication a bit neater.

On this example below you can see that the text is flush to the frame giving it a rather untidy and squashed appearance.

You can access the text inset option through the Modify menu either by selecting Modify from the item menu or by pressing Apple M. The inset option is found in the text tab as shown in the picture below.

Here you can specify whether you want multiple insets by ticking the text box. If you leave the text box un-ticked then the same inset will be applied to each side of your text box. Generally I prefer to specify multiple insets because I find you tend to end up with too much space at the bottom otherwise. After entering the values you require click apply and ok and you can see that the text in the box now has a nice even white space around it leaving it room to breathe within its frame.

Web design for content managed websites

Karen Nutton — Tue, 20 Nov 2007 10:55:17 GMT

This is a touchy subject and I have seen many designers and web developers fall out on it. As a designer you want to encompass good design principal. This is based on a thorough review of the sites visitors using user profiling and the company’s own brand guidelines (the companies marketing director wouldn’t let you get away with anything else!). Included in this you will probably throw in some good sense common design practices.

The problem with your great designs is that they probably are not compatible with a content managed website and this is where you and the developer fall out. From the other side of the company the IT department has its own stake in this project. Why should I worry about the IT department? I am in design, IT knows nothing about design! That may be so but IT’s vested interest in the website is not having to use their only development resource to change content on the website but instead making it a job for marketing. Probably the main reason why the project took place was because IT funded it out if its budget and marketing came along for the ride. This means that IT wants a worth while return on their investment and that means a site that is easy to update using a content management application.

So IT wants a content managed website, what does this mean?

A content managed website is a site that enables non technical users (people who do not need to know HTML code) to change content on the website. This may sound rather simple. When you as a designer introduce a wonderful design which has images as its titles and text spaced out carefully over different colour backgrounds it can produce some severe issues when it comes to Content Management. Content Management no matter what product you use is usually based on templates. These templates are based on the design and have place holders in them for the content management system to insert the users’ content such as the title, body text, description etc. When each bit of content doesn’t follow a strongly defined template approach that is arguments start with developers.

What can be done to get around this issue?

The first thing is to talk to the lead content management developer and include him in any display of initial concepts you have. He will let you know if something is going to be an issue. Remember that while marketing and the rest of the company will love the initial design. If changing content becomes a nightmare you may find that 6 months down the line your design actually gets simplified to enable the content management to work correctly. This usually involves removing those nicely anti aliased images you used as titles on the site and replacing them with normal text. When you think of a content managed website forget the idea that the web is just an online version of the company brochure, because it really isn’t. There is no typesetter who shortens the text to make sure it fits into the little boxes of content you have put into your design. The company may have a press release that needs to be identical online as it is on print and your design might hinder this being displayed correctly when they enter the text. When putting the design together think about streaming text always bear in mind that you will never be able to limit the amount of text to your design, your design should adapt easily to accommodate extra text and the text should flow naturally.

So to sum up

•   When creating your design always talk to the content management developer.
•   Title that use fancy fonts are difficult to content manage if they are images try and find a font that is available on the majority of desktop machine or use a technology such as sFIR (Scalable Inman Flash Replacement is a technology that allows you to replace text elements on screen with Flash equivalents).
•   Try to think of designs as templates that can be reused if you are creating designs for pages that contain news articles try and stick to one type of template and not multiple types off news articles.
•   Think ahead when you create your designs while the design you leave behind will be all singing and dancing. To maintain this look and feel may not be possible and who ever inherits what you have done will inevitably simplify it.
•   Create designs that do not restrict text to a certain size. If a design you create for displaying news articles will only display 200 words and the news article the that needs to be published is 400 words, they are not going to shorten it.

Safe Blue

Karen Nutton — Thu, 18 Oct 2007 15:07:36 GMT

Have you ever designed a layout that includes blue only to find when it goes to the printers the colour prints as purple or pink. This is because in the CMYK process some blues that look blue on the computer screen tend to print purple. Also, the lighter the blue, the more purple it gets. For example, a blue gradient that starts with a deep blue will more than likely start to turn purple as it gets lighter. Also if you use the 100% blue in Quark you are likely to end up with a purple-looking colour in CMYK because the levels of magenta it contains are too high. Many people get around this by using a Pantone colour blue that will print as you see it on screen. I also find that a blue with the following values seems to print correctly. C 100 M 65 Y 0 K 0.

Page Numbers In Quark

Karen Nutton — Thu, 04 Oct 2007 14:29:58 GMT

I tend to use automatic page numbers in Quark, mainly because if you need to add or a delete a page from a layout, Quark will automatically renumber the pages for you. To use the automatic page numbering feature, you need to go into the master pages double clicking on the master page item below (where it says A-Master A).

The master pages in Quark can basically be used as a templete to create any items that you want to appear on each page of the publication. I tend to use them for headers and footers but you can also add columns, text boxes and other elements depending on what you need. You can also create different sets of master pages for different sections of your publication.

To add the automatic page number to the publication, simply create a text box and press the apple key and 3 where you want the page number to be placed. If you have done it correctly you should see and icon that looks like this <#> (see below). This acts as a place holder and you will notice when you create pages, Quark will automatically number them throughout the publication, starting from the number you specify.

To specify which page number you want the publication to start on double click on the page you want the numbering to start on, then choose page, section from the menu and enter the number you want to start on and the format, ie if you want the numbering to be numerical, alphbetical or roman numerals.

When Artists Get Bored

Karen Nutton — Fri, 21 Sep 2007 19:00:40 GMT

I found this cool video showing some really interesting examples of what artists do in their spare time.

Quark Between the Mac and PC

Karen Nutton — Thu, 13 Sep 2007 09:54:12 GMT

I was chatting to a friend the other day who had been told by an advertising agency that Quark is not compatible between the PC and the Mac. I’m not quite sure where the advertising agency found their information because I have been using Quark successfully between the PC and Mac for around six years now. On one project I spent a lot of time working with style sheets between Quark on a PC and Quark on a Mac. I found with this that as long as the style sheets have all the same names they import perfectly. Saying this you can experience some slight text reflow between the Mac and PC versions of Quark. This is usually caused by the fact that the fonts differ slightly between the two systems. I would be interested to hear from other people that have worked with Quark on cross platform projects.