mrschristine.com

Design

Design Awards moving forwards but also standing still

Published June 8, 2019

Design Awards moving forwards but also standing still

Every year, Mr C and I sit down and watch the Apple Design awards. Every year we download several of the apps that we’ve missed over the months. And every single year, Mr C says: “They should do more with the design awards, a podcast, a TV show. You should blog it.” I was confident I already had, and looking through the archives proves me right, but I can’t quite believe it was four years ago.

Ghost of an idea

Published July 11, 2014

Ghost of an idea

Recently, I sat down and wrote a draft in Ghost about Ghost. Meta. It was an update on my experiences so far, which ended up as a bit of a complaint. I’m still in love with the concept of Ghost, but the gist of my dissatisfaction was two-fold. On Film Watch, I miss the comments. Moving to Ghost meant either switching on Disqus or going without comments. I opted for the latter, because I dislike that Disqus has rubbish integration, layout and login options, plus it stores the comments when I’d rather have a feeling of control over them. As it turns out, Film Watch is something that feels like it needs comments. Discussing my reviews and what other people think about the films is something I really miss. The options here then, Disqus as mentioned above, returning to Wordpress or just putting up with it.

A new header for a sparkly generation

Published November 27, 2012

A new header for a sparkly generation

Some may recall the phase I went through, designing lots of headers for this site. I gave it up because… well, I wasn’t that good and I wasn’t really getting much better, and I moved on to other exciting creative things. BUT, you know, sometimes, of a Saturday night, you get the creative urge to mess about with Pixelmator. I wasn’t planning a new header, but I followed a random tutorial, and ended up with this. I liked it so much that I decided it was time for an update.

July 2011 header - Not quite a black hole

Published July 2, 2011

July 2011 header - Not quite a black hole

I went back to good old Abduzeedo for this one, the tutorial for Abstract Wallpaper. I tweaked the colours a little and made it my own, following the tutorial exactly made it too dark for my tastes. As ever, I have used Anivers for the font, as it matches the text on the blog. You’ll notice that there is no month in the header this time out. I’ve been quite lucky that I had a productive few months earlier in the year and had some spare designs in the bank, but now I have run out. I’ve been busy doing other things, such as writing books, and so whilst I do still enjoy creating the headers, it is not a priority at the moment.

June 2011 header - In the city

Published June 1, 2011

June 2011 header - In the city

I was somewhat loathe to get rid of last month’s header. I did so enjoy the purpleness of it. However, a new month means a new design and this is what I have got. My aim with this one was to take something that I attempted to do in the previous batch of headers and do it better. So, last time I used a skyline sillhouette: City Skyline Nice enough, but I can see exactly how it came together and could probably replicate it in seconds. This took a lot more tweaking, and I like it better.

May 2011 Header - Candy stripes

Published May 1, 2011

May 2011 Header - Candy stripes

This header came about suddenly at the last minute, but was a culmination of a lot of experimentation during the month. Firstly, the typeface is the one I use for headers on the blog - Anivers. When I made the changes with Typekit, it suddenly made the existing header look a bit strange. I’ve already mentioned that I need to find a way to make text look more integrated with the pictures rather than stuck on at the last minute, but somehow the typeface tweaks made it seem even more obvious.

Apr 2011 Header - Lens flare

Published April 1, 2011

Apr 2011 Header - Lens flare

It’s always going to be hard to follow the panda success of March, and that being the case, I present you with a header I actually made beforehand. It was based on this tutorial but I went wrong somewhere along the way. I ended up with a dark pink nightmare, that was far too black. I threw the tutorial away, tweaked some bits and pieces, and most importantly, changed the background colour from pink to this glorious green.

Mar 2011 Header - Pandamonium

Published March 1, 2011

Mar 2011 Header - Pandamonium

So, I reckon this could be the best header I’ve ever made. The idea came to me while I was in the middle of quite a lengthy drive, which was more than frustrating, but by the time I got my hands on Pixelmator, I was ready for the challenge. I found some creative commons photos, via vladdythephotogeek and used a tiny portion of this comic style tutorial. The font is Meiryo, and was possibly the toughest part of the whole thing. Everything I tried took away from the awesomeness of the pandas, until it became obvious that less is more.

Feb 2011 Header - The planets

Published February 1, 2011

Feb 2011 Header - The planets

Mr C spotted the tutorial for this over on the Pixelmator site, and I was keen to give it a go. It certainly looked like a challenge, and it came right about the time we were talking all things space, and that programme was on the BBC and everything. I didn’t really like the clock bit in the middle, so I just replaced it with another planet. It kinda makes less sense now, but it’s just pretty planets anyway, so I like it more.

Jan 2011 Header - Optical illusions

Published January 1, 2011

Jan 2011 Header - Optical illusions

For the new, I’m switching up the way I change headers on the site. I’d come to a position where I could make a perfectly good header in a week and that was fine. I could keep on finding brushes and doing what I could, but a week wasn’t really long enough to make anything particularly special. Instead, I’m going to do a monthly header, with the hopes that I can spend more time on them and keep up the learning process, rather than settling for what could be done in such a short space of time.

Header 26 - Winter wonderland

Published December 19, 2010

Header 26 - Winter wonderland

I wanted to do something to commemorate all the snow we have been having recently, and I pondered the idea of taking a photo of the white stuff, but didn’t find it all that inspiring. Instead, I went in search of some snow-related brushes and found some really good ones. With a bit of adjustment to the scatter patterns, this is what I came up with. Made with: Pixelmator Font: Plantaganet Cherokee Brushes: Snowflake Vector Brushes

Header 25 - Butterflies

Published December 5, 2010

Header 25 - Butterflies

This one started when I was investigating the Quartz Composer, and found the option of radiating circles outwards. I can’t quite remember which one it is, but once I had that and I added in some of the best colour in the world - purple - I had it set. Made with: Pixelmator Font: Didot Brushes: Nature (I think these came with Pixelmator)

Header 23 - Star light, star bright

Published November 21, 2010

Header 23 - Star light, star bright

I found the gradient tool under Quartz Composer, and whilst you can easily make a gradient with the required colours in the toolbar, this purple one was too good not to use! After pondering some new brushes, this header was conceived. Made with: Pixelmator Font: #PCMyungjo Quartz Composer - Generator - Gradient Brushes: Glowing Stars

Header 22 - Far away galaxy

Published November 14, 2010

Header 22 - Far away galaxy

I was just messing around with some filters for this one, and really loved the dotty effect. Then browsing through fonts found this one which just seemed to fit really well. Also, the turquoise/green colour sets the effect off. It was simple to make, but I think it’s quite effective. Made with: Pixelmator Font: Desdemona Quartz Composer

Header 21 - Diamonds are forever

Published October 31, 2010

Header 21 - Diamonds are forever

With a new month, comes a new batch of headers, and with a new site, we have a new start. Instead of the Smarter Than Your Average banner of old, I’ve changed to the new site name, and that gives a bit more space. For this header, the first inspiration came from the colours - I wanted to mix a deep red/purple with a nice cream. Et voilà!

The winning header for October

Published October 16, 2010

The winning header for October

The votes have been pouring in, thanks to everyone, and we have our winning header design. The winning design is the rather whimsical Gretna Green signpost. Excellent stuff! That will be the header for the next few weeks, whilst I gather inspiration for the next batch of designs.

Headers 11-20: You decide

Published October 10, 2010

Headers 11-20: You decide

We have reached the end of another batch of headers, and as is the custom, we’re going to have a vote. All you need to do is pick out which is your favourite of the ten headers featured over the last few weeks. I’ll keep the vote up for a few days, and then the winning design will be up there for the rest of October. That gives me a chance to sit back, take stock, scout around for inspiration and get designing.

Header 20 - Wallpaper

Published October 3, 2010

Header 20 - Wallpaper

Here it is, then, the final header of our second batch. We’ve reached our twentieth design, which honestly blows my mind a little bit. This one came from the background texture, which was a kind of wallpaper, I think. I wasn’t keen on it being wallpaper, so I tried the stripy filter to sort of bring it to life a bit. It could almost be a curtain, with ripples in, except they are a bit too regimented, and a bit too diagonal as well. Once again, I was playing around with the text, as that is somewhere I really need to concentrate my efforts.

Header 19 - Through the trees

Published September 26, 2010

Header 19 - Through the trees

Back to a bit of simplicity, I found these brushes that seemed to me like twigs and sticks rather than brush strokes, so I went with a sort of tree theme. I was also testing out filters on the text to try and make things stand out a bit more. Made with: Pixelmator Brushes: Brush Pen marks Filters: Motion Blur Font: STFangsong

Header 18 - City skyline

Published September 19, 2010

Header 18 - City skyline

I stumbled across some brushes that show off city skylines, and I was intrigued. Admittedly, most of the hard work for this one was done for me, but I still think it’s a lot of fun. My only question is, which city is it?? Made with: Pixelmator Brushes: Famous City Skylines Font: TW Cen MT Filters: Sunbeam and cloud generator

Header 17 - Reflections on a cloudy day

Published September 12, 2010

Header 17 - Reflections on a cloudy day

All I can say is this is my favourite header that I’ve ever done, I think. Made with: Pixelmator Font: Rockwell Filters: Just a bit of motion blur on the text

Header 16 - Party in green

Published September 5, 2010

Header 16 - Party in green

I’ve been going through a bit of an obsession with the stripe effect, and this is another one that began with that. A couple of brushes, and for the first time I played around with the edges to make it not quite as rectangular and full of straight lines. Made with: Pixelmator Brushes: Floral Decor Art Brushes Font: Party LET Filter: Stylize / Edge Work

Header 15 - Blue in Baroque

Published August 29, 2010

Header 15 - Blue in Baroque

Ahh, that makes a nice and classy change from that last header, doesn’t it? I was mostly inspired by the image used to promote the brushes for this one. Something nice, bold simple and blue. It pretty much fits the bill. Although it has just occurred to me that the bit in the middle looks like a moustache. Made with: Pixelmator Brushes: Baroque Ornaments Font: Copperplate Gothic Bold

Header 14 - Spiralling out

Published August 22, 2010

Header 14 - Spiralling out

I started with the brushes and was working purple on white. It was an interesting start, but it wasn’t quite what I was after. Then I put the spirals in place and applied one of the blending options (I forget which) and this amazing thing happened. I’m pretty sure it’s channelling E4, although entirely unintentional. Made with: Pixelmator Brushes: Circle and Brush Font: Arial Rounded MT Bold

Header 13 - Pretty in pink

Published August 15, 2010

Header 13 - Pretty in pink

This one may not be as spick and span as some of the others I’ve come up with, but the point about this header is that I made it up and created it all from scratch. The wavy background was done by hand, which is why it’s slightly bumpy, although I secretly think that adds to the charm. Plus I was trying to use some nice bright colours to make a change to the more subtle tones I am always tempted by.

Header 12 - The birds

Published August 8, 2010

Header 12 - The birds

I stumbled upon these brushes of electric poles, wires and birds. It seemed like such an odd combination that I instantly downloaded them to play around with. Turns out it was a lot of fun, particularly when you had tiny wires and enormous birds. Of course, I had to get a bit more sensible with proportions for the finished product, and I hope I got it right. The text was a real nightmare. I started out with a wibbly wobbly thing but I didn’t feel like it worked properly. It looked something like this.

Header 11 - Please drive carefully

Published August 2, 2010

Header 11 - Please drive carefully

It’s time for our next set of headers to appear (although technically this should have gone up yesterday - shhh). This first one was never intended to be a header, I was just messing around with the original photo, taken in Gretna Green. It’s silly, and it won’t win any design prizes, but I like it. Made with: Pixelmator Original photo: Welcome to Gretna Green Filters: Sepia colour, small amount of noise Font: Helvetica

A splash of paint

Published July 16, 2010

A splash of paint

We all know that I have a love/hate relationship with Twitter. I swore off it for a while, and when I returned I left the design as a default wallpaper - one you can get to under the settings tab. I looked on as many, many people put photographs and custom backgrounds on their Twitter account, and I never really felt the need to do the same. Since the World Cup began and Tweetdeck had all manner of problems (not all brought on themselves), I started going to the website to tweet more and more. At least when you see a fail whale you know where you stand.

And the winning header is...

Published June 29, 2010

And the winning header is...

Thank you to everyone who voted in my July Header poll. More than anything, I was blown away by the 40 votes. What lovely people you all are. For a while, three headers had made a break for the lead - with numbers 4, 9 and 10 all on equal footing. Then 4 fell behind, and up until about ten minutes ago, the remaining two were tied for the lead.

Headers 1-10: You decide

Published June 26, 2010

Headers 1-10: You decide

A while ago, Janna asked if there was going to be a vote on which was the favourite header. I thought that was a good idea, but as it’s an ongoing project, I wasn’t sure how voting would fit in. However, now I have completed the tenth header image, I thought it would be the perfect time to take a break. It’s always good to recharge one’s batteries, sit back and take stock of what you’ve achieved, and more importantly, find inspiration for the future.

Header 10 - Repetition

Published June 26, 2010

Header 10 - Repetition

I wasn’t quite sure where I was going with this header. I hadn’t found a tutorial that inspired me and I just felt like messing about. It was relatively easy to make the light burst thing, and I accidentally stumbled across the repetition filter. Getting the one Smarter Than Your Average text to stand out was a bit harder, but in the end, I was quite happy with how it turned out.

Header 9 - Regency

Published June 20, 2010

Header 9 - Regency

I found a tutorial during the week that I wanted to try out, but I wasn’t sure which picture would work best translated into a pencil drawing. The tutorial is very simple, so I tried it out on a couple of waterfall shaped pictures but it didn’t work. This one I was sure wouldn’t work either, but low and behold, there it was. The font and the rest was easy to choose.

Header 8 - A purple Doctor

Published June 13, 2010

Header 8 - A purple Doctor

It wasn’t my intent but looking at the finished product this week, I’ve realised how very Doctor Who it is. I must have been subconsciously influenced by this because I certainly wasn’t aiming for a Doctor Who header. My favourite part was the blur filter to create the light effect. So simple! Anyway, here are the details: Made with: Pixelmator Tutorial: Hexagons Bokeh Font: Gloucester MT Extra Condensed (rasterised and widened)

Header 7 - Green, green grass

Published June 6, 2010

Header 7 - Green, green grass

I started working on a cloud text tutorial but got a little bit frustrated, so I scrapped that. Instead, I swung my tutorials net a bit wider and found a grass and glass video on YouTube. It was really quite easy, and such a striking look! Made with: Pixelmator Tutorial: Glass Font: Impact Background Image: Grass Pack I

Header 6 - Vertical Stripes

Published May 30, 2010

Header 6 - Vertical Stripes

For the first time in this series, I spotted an image during the week and saved it to a folder called: Inspiration. Get me! So, It’s not a carbon copy but it’s similar and I love it. I made it pretty hard for myself though. For a start, I was sitting outside in the sunshine, so the colours weren’t exactly as I thought. Thankfully, they didn’t clash terribly once I’d adjusted to the gloom of inside again. Secondly, as I was sitting outside, I was using the trackpad, rather than a mouse. Not easy. Lastly, I had no idea what I was doing, so I made great use of the “copy to new layer” feature. One layer of gray, one of pink, copy the grey bits I wanted and then hide the existing layer. I’m sure there’s an easier way, though.

Header 5 - Sex & The City

Published May 23, 2010

Header 5 - Sex & The City

This one is just so very Sex & the City, isn’t it? I started out with a straight line of text, then played about with size, bold and italics, plus made good use of the ruler to move it above and below the regular line. Great fun. The background came afterwards, a simple cloud filter and purple colour (which adds to the Sex & the City vibe, I feel).

Header 4 - Forever blowing bubbles

Published May 16, 2010

Header 4 - Forever blowing bubbles

I was following a tutorial up to a point and then decided I liked how it looked in black and white without adding any of the colours. A lot of the tutorials I’ve looked at seem to like multi-coloured colour burns. I’m not so keen on them, but tutorials are there to be expanded on, aren’t they? Made with: Pixelmator Tutorial: Colorful Bokeh Effect Font: Impact Mr C and I had a bit of a discussion about Impact vs Haettenschweiler. The one time he actually got to impart some of his new-found typography knowledge onto me.

Header 3 - Borders

Published May 9, 2010

Header 3 - Borders

I found the brushes whilst browsing on BrushEezy and knew I wanted to use them up for something. I’m not happy with the way the one in the top right doesn’t end properly, whereas the one in the bottom left does. The idea of big brushes in the background to temper the dark foreground ones is fascinating. I played around with the text a lot and couldn’t really get anything I was happy with so I ended up going with a simple filter.

Header 2 - The Romans

Published May 3, 2010

Header 2 - The Romans

I really love this one. Made with: Pixelmator Tutorial for the text: Golden Text in Pixelmator Font: Garamond Background Images Set 9

Header 1 - Experimenting with brushes

Published April 25, 2010

Header 1 - Experimenting with brushes

Instead of a page with a long list of the header images created, I thought it might be more useful to give each it’s own blog post - with notes for future reference on what I did, the tools used, and whether it was a success or a failure. The first of my brand new header images was really just a big ball of experimentation. I had never worked with brushes before so I was playing about and seeing what worked and what didn’t.

First impressions

Published October 16, 2009

First impressions

I’ve gone into a bit of a nostalgic mode for my little corner of the web, as I suddenly have the urge to dig up all the posts I wrote for previous blogs I’ve owned. Particularly, of course, the personal blog that disappeared to be replaced by this one. (Although don’t forget that nothing is ever truly gone on the web!) Anyway, I think perhaps because I am also looking at new themes for this blog, I suddenly remembered that I used to create my own header images. Gah. What was I thinking? I am clueless when it comes to images. Words are my preferred medium. It is not a coincidence that I chose my current theme which doesn’t require a header image.