Blog Archives

All Archived Posts in tutorial

There are a number of nifty, cool, simple, detailed to-do solutions to choose from, the iPhone itself offering a bewildering assortment of solution. I have tried most of the available app's, but I suffer from having too much choice, and I end up not making any lists due to the bewildering choice of places for me to make them.

So over the weekend I decided to simplify.

There is one solution that I know passes many people by in preference for the more polished iOS solutions, but if you can focus on flexibility over pure aesthetics, then Evernote could be a solid solution for quick, clean and basic To-Do lists. Evernote has had this functionality for ages, this is just a kindly nudge.

Instant Cloud Syncing

Using Evernote means you have instant cloud syncing across your desktop, iPhone and iPad plus a healthy choice of other mobile platforms are supported. Cloud syncing is important, and many of the iPhone app's don't offer this, they work entirely within the iPhone.


For some time I have been using Captio on the iPhone to email myself things that I think of out and about. When I get home, I have a email of the previous epiphany and I can act on it as I see fit. What I wanted in my To-Do app's was this same basic function. With some lists, I would like to be able to send a quick email reminder, especially if it's an important To-Do.

Multi and cross platform

As mentioned, Evernote is multi everything. Whatever smart phone you use, doesn't matter if you swing Mac or PC or even practice multi platform activities, Evernote has you covered.

Tags & Archiving

Evernote has a powerful yet simple search and tag system, making it easy to locate and archive reminders and lists. So you can tag each To-Do Note with 'todo' for example. Then with one swift search, all your previous notes will show up.

Doesn't cost a penny

The basic version of Evernote is free, this includes the desktop, mobile and iPad versions. So you have nothing to looe by at least trying it out.

How I do my To-Do

This is not set in stone, you can format yours however you want, but image above shows you how I work with Evernote for super simple, fuss free To-Do.

  1. First step is to make a new Notebook which I entitled To-Do Lists
  2. I then created seven individual Notes for each day of the week.
  3. In each day, I formatted the note with a number of check boxes, these are actually called 'Insert To-Do'. This is available from the Format menu.
  4. I then just added some text and set the text colour of each new To-Do in a bright pink with a 'Rule' underneath each one.
  5. That's it.

This is just a rudimentary To-Do list, but could be useful enough for you to get by in your day. When you are next out and about, you can open up Evernote and quickly add a new To-Do and sync up.

If you think you might forget to check Evernote when you get home, but you always check your email, you can quickly send that To-Do note to your email account as a reminder.

When you have completed a task you can 'tick' the box or just delete the whole entry. Ticking the box is handy because it then gives you an archive of tasks you have previously completed.

You may not like thinking too far ahead, so you may just want to create one note, rather than one per day. If you do this, you can then mark that note on the iPhone as a favourite. So then you have super quick access to that To-Do Note when you launch Evernote.


I am a sucker for new iOS app's and cool new tools, but I get distracted with too much choice. After showing my girlfriend the wonders of Evernote this past weekend, I realised just how cool it is.

That decision to remove the stunning and aesthetically pleasing To-Do app's was a positive step for me, everything is now much more focused and central. I still use other app's for more comprehensive project management, like Backboard for client and logo version control, but using Evernote for basic To-Do's is dead useful.


Over on the other channel, SingleMeasures, I am offering up one year's subscription to Evernote's Premium package. Now is a good time to flip over.

PS Logo

Logo Design Tutorial: A Logo Printed on Textured Paper

More than a few readers have asked me to create a Logo Design Tutorial showing how I achieve the above effect, the logo 'seemingly' printed on textured paper. Time to sharpen up your graphic design skills!

What we are trying to do is present your logo designs to potential clients in a way that shows what the logo 'could' look like printed on paper. It helps present your work in a more natural way and ultimately allows the client to see the logo design in context.

The best way would be to print out your logos on actual paper and photograph them, so this method I show you below is a quicker alternative. But photographing the real deal is the perfectionists way.

This style seen above is only used in some of my external portfolios and also within my logo process posts. Right now my portfolio is based on a solid background. However, I am in the process of updating all my portfolio images to the style above.

Colour or Mono?

I refrain from using coloured backgrounds in my portfolios. I like to show the real naked form of my logo designs rather than a sea of different colours. Where possible I also use a mono version of the actual logo, only a few of them are coloured.

I see some portfolios where each logo has a totally different colour background and if can look quite overwhelming. There isn't a wrong or right way but personally I prefer to focus on the core design without noise and distractions. With each logo having different coloured fancy backgrounds, each logo is fighting for attention and the end result is that you can end up not really seeing 'the logo'.

It's easy to get caught up in the 'presentation' of logos, thinking that the more graduations, the more solid coloured background colours the better. This may be so for individual logo designs, but when you are talking about a number of designs on page, like my portfolio, it just becomes too overwhelming. Keeping the logo on a neutral background helps ensure each logo is given the same opportunity to shine for the right reason.

But it's a personal preference. I do show colour version of my logos in my various logo process posts, but for the purpose of the main portfolio, all backgrounds are mono.

Find a Textured Logo Background

The first task is to source a suitable background. There are a number of solutions. You could create your own, find some actual paper or card you like and either photograph or scan it in, or find a 'free' digital texture online. I found a texture on-line, something similar to this.

There are plenty of places to download free textures, so take a good look and find some you like.

Remember to find an example that is large enough in dimensions and in resolution. Finding a texture that is 5cm x 2cm that is 72dpi will not be much use to you.

It's worth considering off line uses as well. You may spend all this time focusing on an optimised size for your website, but you may want to print these off later down the line or create a high resolution PDF, so ensure you have plenty or size and resolution to play with.

The minimum resolution for a digital image for commercial quality printing is 300dpi.

My main texture file is around 1000px wide and weighs in at a respectable 300dpi. This is more than big enough for all my online portfolio's, the biggest displayed size is around 820px. If you go to my portfolio and click on any of the thumbnails, you'll get a enlarged image. So this is the biggest I generally work to. (I realise the plug-in doesn't quite work perfectly)

Customise your texture

The next step comes down to personal preference. If you find a free texture online, then it's wise to change the colouring of it so it's more unique to you. The texture I found was this light coffee colour, so I desaturated it and increased the contrast a little to make it look bright and white.

The first band is the original, the middle is after I have applied a Photoshop 'Desaturate'. Desaturate simply removes the hue/colour and effectively turns it into a greyscale looking image. A basic 'Desaturate' tends to leave images looking rather flat.

To give it a little zest, I played with Photoshop 'Levels' where I just bumped up the 'Highlight' area.


Keep all your logo portfolio images consistent in size. To help with this I have one master Photoshop texture template file. This file consists of my texture on the 'background' layer and I add my logo designs to new layers.

So right now we have our custom colour textured background. Hopefully at this point your image is still around 300dpi and of a adequate size, mine hover around 2000px in width.

Always keep an eye on your master image file size and resolution. It's all to easy to loose track and make changes that affect the overall quality of the image.

Adding the logo

We could plonk a logo on this now and that would look great. But it looks just like that, it's plonked on. Doesn't look part of the background. So we need to look at some ways to make it look more like it's actually printed on the texture.

As I mentioned at the start, if you are looking for realism, it's probably a better option to print out your designs onto some nice paper, then photograph it.

Point to note. When choosing your texture, make sure you find a texture that looks like it could be 'real paper', otherwise it sort of defeats the purpose of this exercise.

Let the background shine through

So to make the logo look a bit more like it's actually printed on some textured paper, we need to allow some of this texture to shine through. That's what would happen if you printed the logo on actual textured paper.

As with anything in Photoshop, there are a number of ways to achieve a particular  need. The method I show you is the quickest and easiest, but you could play around and spend time making it more realistic.

First I set the logo layer to 'Color Burn', this creates this faded look. But importantly it lays the colour down over the texture and gives the impression that the black ink is soaked into the textured lumps.

As this first layer is far too light, I simply duplicate this layer but adjust the opacity to around 50% which boosts the overall ink coverage.

You can use 'Liner Burn' as well, I sometimes use this for coloured logos. It's a good idea to play around with these layer effects to get the desired effect as they do work differently depending on the colour and lightness of the design.

So now we have a logo that looks more realistic as you can see the texture behind the 'ink'. So now we need to add some 'perspective'.

Adding perspective

As usual, there are more than one way to achieve similar effects so this is the quickest and easiest way I know to fake perspective. If you have a number of images to do this with, then this is probably the most efficient method.

Select both your logo and texture layer by shift clicking them. With both layers highlighted we will be applying 'Edit - Transform - Distort'.

It's worth noting that you need to allow for the canvas area to reduce in size due to the 'Distort' effect, so you may want to make the logo a little smaller within the middle of the texture. The proportions in the image above should do you fine.

Once you select 'Distort' you end up with 8 draggable corners as below. In the example below I have dragged the top right down and to the left, dragged the bottom right up and left and dragged the bottom left right and top.

This gives you an idea on how you can achieve this fake perspective. There are many variations to play with, so it comes down to you how you want it to look. I would sit on the side of subtle rather than too outrageous. The idea is to make the perspective look as realisic as possible, like you are looking at a sheet of paper from a certain angle with your camera.

The reality is however is hard to pin down, 'realistic' is kinda subjective in this case. If you were photographing a printed sheet, the depth of perspective could radically change depending on the lens. If you used a wide angle, then you are more likely to achieve more dramatic shots with more extreme perspective.

The example below is based on the style I use for my portfolio pieces.

You can see that the bottom left sweeps towards you whilst the top right seems to bend off into the distance, almost like there is a curve in the sheet. The idea was to draw the eye in and to allow the eye to follow the perspective all the way to the top right.

Fiddle with this until you are happy with the overall look. Once you have all 8 handles in place then take a screenshot so you can replicate this on other logos.

Once you have the required perspective, you can apply the transformation then 'crop' the image appropriately as I have done above.

Subtle gradient

My final step is to add a subtle gradient on a new layer, starting around the middle and getting darker the further top right it goes.

With the layer gradient in place I then apply 'Color Burn' to that layer. This will burn the gradient into the image below and here you can make final adjustments to the gradients overall opacity, tweaking it until you get the desired look.

Something like this.

Job done.

DIGG Logo Read more | Digg story \ ARTICLE BY :

Installing MAMP and running WordPress locally on your Mac is a simple task, however I was unable to find any good documentation while I was attempting to do it for the first time which made it seem really difficult. My goal with this tutorial is to help you download MAMP and WordPress and have them up and running in 15 minutes.