QS4

Distracted last week. Ireland's game against Wales took my eye off Quark but back today. Managed an hour, another refresher but impetus is growing. Slowly, but surely.

QS3

I managed to do some Quark tonight, not easy when I get home from work but I worked well - I've got the hunger to succeed!

I put together a duplicate of page 2 of the journal I'll soon be devising at work. I went through the motions to a degree but familiarity is what I'm about at the moment.

I experimented with pictures, mid-blend gradient, colour and text. I've got to learn why the tracking tool does not work the way I want it to.

I also need to learn how to work with layers, how to place a faded pic beneath a big body of text.

Quark Session 2 (QS2)

Second day of my Quark odyssey. I could only do an hour because I felt rough (lingering cold) and I need to be refreshed for work tomorrow.

I experimented with pictures, headlines, text wrap around, page numbers, gradient blends, master pages, exporting as a PDF (note the problem with double page spreads!! Also look into compression and mastering that)

It's coming back to me, each time I work with the programme the more I recognise from my limited learning so far. I've got to keep the flow going. I can't wait to produce my first full document. I want to be able to produce PDFs fit for purpose soon.

Quark odyssey begins

I downloaded a trial version of QuarkXpress on Thursday, I made my home debut on it tonight.

My aim is simple, to learn all the things I need to know with reference to my job. That means being able to put together newsletters, a 16-page journal and an assortment of publications which follow certain workplace principles.

Although I was introduced to Quark last November I have not been able to gain any kind of momentum on it at work. That meant on Tuesday, when my boss suddenly gave me a Quark task to do, one he was over half way completing, I was rusty and daunted by the prospect to say the least.

I've got thirty days to get up to scratch.

Tonight I spent an hour playing with the tools. I put together a demo newsletter page, imported pix, played with text and experimented with colour and positioning. I tried to work things like adding extra pages and use of colour by myself, if I can avoid referring to the manuals I have I will learn faster. It was a good, relaxed introduction.

Tomorrow I will add purpose to my learning. I will be focussed on all the things I need to do.

Momentum

Beginning to get some momentum now. Tonight, thanks to my recent purchase of broadband, I watched a series of YouTube tutorials.

I built on my newfound knowledge of Windows MovieMaker, discovered while intoxicated on Friday night (long story).

The tutorial said this is for "the dummies" which made me laugh out loud, particularly as the guy narrating it sounded about 14! Anyway I'll soon be able to put up basic MP3s of my songs onto YouTube which will be gratifying.

I also learned how to covert a Fla flash file into a swf. How simple it is to do this...and how long I've been struggling. Always the way.

I spent about three hours learning new things about Dreamweaver and Flash tonight as well as learning about web traffic. Meanwhile last night I bought the name for my new journalism site so things are coming along now.

I may put my new site up on St David's Day. Just got to get it completley fit for purpose.

Working on a Dream

In one night, in less than hour, I've managed to do web tasks I've longed to accomplish. And how simple they were.

I've worked out how to embed a YouTube video on a Dreamweaver page, courtesy of this link: http://www.thesitewizard.com/faqs/youtube-video-dreamweaver.shtml

I've also learned how to embed a slideshow thanks to this site:
http://www.revver.com/video/652023/dreamweaver-tutorials-create-a-slideshow-using-dreamweaver/

I'm a little embarrassed at how easy these tasks were and how I put off doing them. They've become easier because I finally installed Broadband yesterday and I've clearly benefited from the visual tutorials I can now access swiftly.

It also helps that I've got consistent levels of heating in my house which means it's a pleasure instead of a chore to work in the winter nights!

I'm beginning to make big progress on my journalism site which I'm keeping under wraps until it's really something.

I've also returned to InDesign in the last few weeks while at work I've learnt how to upload PDFs from a remote server.

At long last I sense I'm getting somewhere after a few years of floundering. I need to learn basic design skills across the board to achieve some semblance of peace in my mind. After being made redundant a few years ago I know I have to keep my skill levels up.

Message to self: enjoy and keep on keeping on.

Good luck with your ventures kind blogvisiting friend of mine.

Return

At long last my humble design skills are moving from home into work.

Today I worked on Photoshop, Quark and InDesign. I was rusty on all three but with patience and exploration I managed to get somewhere.

I've got a journalism website I want to put on the web soon and I may design a poster which was supposed to be for my job but was struck off the my workload today.

With a bit of luck I'll get some momentum for my learning and put examples of my work on here for nobody's benefit buy my own, just evidence that I'm doing my best for the punishing workaholic and the gallant dreamer within.

Quark

Well, my learning never stops and now I can add Quark to the list of design programmes I've been introduced to over the last few years.

Quark is the software used by the Publications section at my place of work and I had the pleasure of being introduced to this page-making facility a week or two ago courtesy of Insight Traning.

I enjoyed my day's training immensely and I've been employing my skills at work on a daily basis since then which is gratifying. My first newsletter has been circulated and I'm at last beginning to feel like I'm making good progress in my efforts to broaden my work capabilities.

Hopefully, during the Christmas holiday, I'll get a chance to fasttrack my progress in Dreamweaver and InDesign.

Speed is of the essence which is why for this season, and this season only, I am calling myself Johnny Shortcut!

Guess what?

I'm back!

Since August life has got in the way of my design escapades and once I fell out of the rhythm of work I struggled to break back what with my new job and its demands.

But, after a good break, the weekend saw me return to Dreamweaver and I've been playing away on Photoshop tonight.

I have a new aim. I want to fastrack my learning. No more working from scratch, let's utilise what already exists (like Dreamweaver page designs) and push things on.

I've got some bright dreams to make real so get ready for part 2 of this 'ere blog!

Building the front page

I did a very pleasing few hours work this morning on my new journalism news site.

I'm building the front page up, experimenting with layout, tables, nested tables etc.

I also used Photoshop to reduce the size of some pix and then insert them into a nested page. I also referred to a book called Dreamweaver: The Missing Manual by David Sawyer McFarland which I found very useful indeed.

Once I have the front page complete I will set up links and then use the template I've set up to place text on the page.

When this happens I can see the strengths and weaknesses of the site and really road test it.

If I can keep on chugging away, learning small things every day, I will become adept at Dreamweaver soon and I will have built a news site that will rival most - that's the dream, distant though it may be now. Still got a lot to learn, but I'm having fun doing it.

Things to understand: the Image Placeholder; locking the size of tables; ensuring that I don't have to keep altering the text style each time I type something...amongst other things.

Uploading video

I had the day off work today so I spent the afternoon playing with my new camcorder and making the first attempts at inserting a Flash video file onto my Startree music site.

I couldn't quite crack how to change a Flash document into a video file but it's only a matter of time before I do.

Thereafter I will begin to upload videos onto YouTube and my journalsim site and begin to feel that I'm catching up with the world.

I was very pleased with my attempts to do today's task. I was very patient which was good because I must admit that I was beginning to have a block on Flash, not relishing it at all.

But, for the first time in a few months I played with it so that feels like progress. From now I'm going to work on it as I did with Photoshop this time last year. Hopefully the same kind of enjoyment and rewards will now follow!

Front page story

I'm solidiering on with my latest site.

The basic look of the index page is settled. I'm currently experimenting with how to present the news/features text on the page.

Should I keep it simple like The Sunday Times - small pix and minimal text?

Or should I go for a Daily Mail/BBC News Front Page look - big pix, bold blue headlines?

We shall see. I quite like the idea of keeping the front page editable region completely free of structure so I can play within that zone and vary the style to suit the content.

Anyway, early days. It's fun playing with these issues.

Templates and feedback

I'm making progress with my journalism site. I had some feedback to my first draft front page from my mates Ben and Fred (see All In The Words link).

They both said there were too many ads. Fred said I needed to concentrate on the content and see how it appears before I concentrate on too much else.

Consequently I've slashed the number of ads and the size of the site.

Tonight I spent a long time, too long, working out how to make my templates work.

Still, I learnt a lot, though I have a long way to go.

One interesting conundrum I'm going to have to work out is how to template adverts on a page.

I can now see why most journalism sites are not ad heavy because they can be troublesome!

Anyway, it's a journey of learning this and I'm questing along very well.

Next week I'll be looking to ad film to my music site and really make my journalism site become functional.

Progress

Work on my journalism site is flowing. I spent five hours playing with the look of it on Saturday and another two last night, trying to complete the front page for template purposes.

My main issue at the moment is how to fill the content section, where the news/features would be. I haven't got any problem with the content itself, just the look of the front page.

The question is do I leave it a completely bare editable region or should I impose structure within it?

At the moment I think leave it bare because that offers maximum scope.

I'm also considering whether to have a Flash/timeline element to the front page. Eventually, yes, but for now, to move things on I think I'll keep things static with the exception of an RSS feed.

The site is growing rapidly and I'll be able to fill it substantially soon with examples of my journalism over the last few years.

Once that's done I can test out a search engine for the site, this will, like adding an RSS feed, be another new skill for me.

I'm enjoying this process a lot and I'm delighted with the progress I'm making. I was hoping to put a fully functioning site up by the end of August but, at my current rate of knots, it will be well before that.

Of course the first version will be bare and flawed but this site will grow organically over the months into something really good.

All this is heartening particularly after the slow progress I've made in the past. All that hard work is paying off and has made this project much speedier.

All In The Words

Work on my new, advanced journalism website is well under way. I'm aiming to produce a site that can stand aside those of the finest produced by regional papers.

I've already set up a demo front page which, when finalised, will be templated to make life easier, it's flowing nicely at the moment.

I'm learning a lot in the process. For example I used to have awful trouble with tables but now I've befriended rows and columns and, to my relief, they're doing what I tell them!

There's so many things to consider when assembling this site; from character size and font to the size of the site name and where to place search engines and adverts. The good news is I'm well on my way.

My project has gathered extra momentum courtesy of my great friend Fred Brenton (otherwise known as The Canton Ranter!)

Fred has just started a new business, All In The Words, a company that specialises in web writing, training and consultancy services (see links).

Fred and I had a marvellous two hour chat last night about the ins and outs of strong, clear web design. We decided to meet in early August and spend a day sharing our knowledge. It should be good. I'll be able to help Fred with my albeit limited knowledge of design, Fred will help me with layout, web writing and all round usability.

I'm excited about this because as we spoke last night a number of lights switched on in my mind.

For example I suddenly realised how to title a web page so that when it appears on the screen the hideous "Untitled Document" message does not appear. It's a simple task this but, you know, sometimes one doesn't notice the obvious, it takes collaboration to open the eyes.

Fred also gave me excellent tips on how to maximise my existing sites' chances of appearing at the top of a Google search. (A timely tip let me tell you!)

I'm determined to produce a workable journalism site by the end of August. It will be one that can display film, adverts, sound and pix. A site that presents news and features in an ultra accessible way.

Fred's going to advise me, offering a golden second opinion on my work in progress. And you know what? It's gonna be marvellous!

(When I said goodbye to Fred last night, at 1.30am, the first thing I did was title all my Untitled Documents on both my freelance and Startree site. That's inspiration for you! I've got a real spring in my step this morn. Slowly but surely my mediocre efforts are being banished, it's time to produce work to compare with the best of 'em!)

Follow that dream!

Now that my freelance and music sites are rocks from which to roll it's time to set new, bigger and bolder targets if my dreams are to become reality.

Got to keep movin' an' improvin'!

This is what I must do by the end of August.

1. Set up a workable journalism site (work on this has begun). The site must be ad and video friendly. I don't think this is beyond my learning. The site must be able to incorporate ads that are made in Flash.

2. Add video to my Startree site (and to YouTube too).

3. Return to InDesign. I must produce a five or seven page demo publication by the end of August. This publication must be modelled on my favourite newspaper and magazines, either The Independent or Sky mag. Why? Because they are the best.

4. Bonus job: if time permits I would like to produce a good quality podcast or two.

If I can do the above my work prospects and confidence in Dreamweaver and InDesign will rise significantly.

It's no good me just focussing on being an excellent writer and interviewer, not in today's climate.

Video progress

I had a productive night on Friday. I managed, for the first time, to view some basic camcorder clips on my screen courtesy of Quick Time Player.

I then placed them in a Dreamweaver page and everything worked well.

All I have to do now is reduce the size of said clips and put three filmed performances of me singing my songs onto both YouTube and my Startree site.

In truth the above wasn't difficult. Thing is though, successfully downloading video onto a webpage is something I've wanted to do for a while it's just I've never had the proper technology.

It's progress.

Making the grade

Well I passed my Photoshop project which is good. I got a C grade which, if I'm honest, I was a touch disappointed with initially.

On reflection, though, I think this is a fair mark. My essays were wishy washy, not specific enough and my hard copy project was rather bare.

I also think the C grade I got for my Dreamweaver project was kind and generous to say the least so these things even themselves out in the wash.

So no complaints.

I think my music site will only get better from now on. One day I will put up a site as good as my faves, the Duffy one mentioned below and this one too: www.theblowmonkeys.com

It's just a matter of time.

Adding video

Learning web design is a costly but ultimately pleasurable pursuit.

Earlier this week I received the last piece of hardware I'll be buying for a good while in connection with my latest hobby, a digital camcorder.

It cost me £200 from Amazon, which isn't too bad. I bought the one above because it had seven (out of seven) five star reviews, it's also small and has stereo sound.

I bought this equipment for two music and work-related reasons.

Firstly, I want to add music videos to my Startree site (and YouTube too).

Also, from a journalistic point of view, it's imperative I'm au fait with downloading videos onto websites asap.

Tonight I'm Mr Patience as I wade through the camcorder's instructions.

Hopefully I'll be up and rolling, strumming and downloading, by the week's end.

Compact and bijou

I uploaded a new, leaner more accessible version of my music site today (www.startree.co.uk).

I put rollovers at the top of each page and then put each photoshop image in a table below. This meant I could center each page as I have with my freelance site.

Barring a few minor issues to sort out, it's a much better version of my previous efforts. A rock from which to roll!

I'll upload it onto the creative web homepage in the next few days.

A beautiful eureka moment - introducing rollovers!

One of the faults of my Startree Photoshop project is the fact that the links should really be rollovers.

The site - which for a first attempts is good - should also be more compact. I also need to strive to remove the air of understandable amateurism of the pages.

Well today I had a brainwave that should remedy all these faults in one go.

I thought what would happen if, using the Page Properties Dreamweaver facility, I utilised the background image button and placed my Startree image on the page?

If my inkling was correct I would be able to apply text-containing tables, with rollover links, on top of the Startree image.

I had a mini experiment with this just now and guess what?

It's looking good pop pickers!

Now, credit where credit's due.

Deep in my subconsicious I remembered the Duffy website which I looked at while debating how to make my own.

Her site has rollover buttons on the top of the page with an image of Duffy below on the left hand side of the page. On the right hand side of the page is a YouTube size space.

It's a simple and impressive site which mixes Dreamweaver, Photoshop, film and sound and I think I've been partly inspired by it. I'd certainly love to produce something as polished as Duffy's domain soon.

It's a site that's well worth a look: http://www.iamduffy.com/index2.html

Thank you, Duffy and your delightful designers!

News(on)flash

I've decided to abandon hopes of completing the Flash course. But it's nothing to be sorry or ashamed about.

The reason for this decision is simple and twofold: Firstly, I put a hell of a lot into my exceedingly rewarding Photoshop project.

Secondly, I've been working on a lot of freelance features so the time and space I needed for Flash was never there.

I have to be honest, when I handed in my Photoshop project I was joyed and relieved - and bloody knackered too!

But no matter. The good news is I'm more optimistic about my humble design aspirations than I have been for a long time.

I will potter around on Flash over the next few months and do the course again next year. It's something to look forward to.

In the meantime the foundations I have laid in InDesign, Dreamweaver and Photoshop will now come to the fore.

In the months ahead I'm going to build on my freelance and music sites, meanwhile work on a new, more ambitious journalism-related site began today.

Soon I will be able to do all the things I wanted to do when I set out on my design learning odyssey.

In fact you know what?

It's gonna be fun.

And it's gonna be good!

At last!

At long last I've designed a freelance journalism website (www.johngilheaney.com) I'm satisfied with.

And to think how simple this, the third revamp, was compared to the previous two.

I'm pleased with the site because it contains elements of InDesign as well as Photoshop and Dreamweaver.

I'm also relieved because yesterday I managed to crack something small and simple which perplexed me for a while.

The problem was I couldn't centre the Shwmae/Failte message at the top and align it with the rest of the index page's contents.

I learnt that the way to centre different parts of a site is simple: make sure all the objects are in a table. If they're not then I simply do not know how an untabled jpeg, for example, could be centred/aligned with a 'tabled' object. A centering option does not exist for both, to my knowledge.

An object in a table can be 'centred' but an untabled object can only be 'middled', if you know what I mean (ah the complexities of the Properties inspector!).

Anyway, it was so good to sort that problem out.

However, to be critical of my site, a few people have said my picture looks cramped and that the banner is on the bright side. Fair enough, I respect those views but I'm happy with what I've done. In the case of the latter point I just can't shake my love of bright colours, it's the Glam Rocker within.

So what next? Well I'm looking forward to adding links to the orange slice at the foot of the page, a Photoshop gallery would be nice in time.

I'll also be looking to add podcasts, video and use Flash sparingly in the months ahead.

But, for now, this is a job well done. Patience and persistence have paid. It's a rock from which to roll!

My never-ending project!

One thing I've learnt during my web lessons and work is the world of possiblities that exists. Just when you think you've got a project nailed, enhancements and new, improved options present themselves.

But I ain't complaining about this, in fact I love it!

I've decided to add lyrics to the foot of my song pages.

The problem is the words look bare on the page, I think they'll need another image to fill the look, this will take time.

No matter, I'm enjoying this work a lot.

(The above was created by taking the Jesus pic on the page, putting it through the Filter option and then experimenting with the Chalk and charcoal option. I'm very happy with it).

Dreameaver days

I've always felt that my Dreamweaver project should have been better and at long last, after repeated updates and tinkering, I think it's on the way to being the site I desire.

I'm really pleased with this banner, I created it in Photoshop during a manic spell of working last week , I went through about ten different versions before I got to this one.

Soon, www.johngilheaney.com will be a site I can promote with pleasure and confidence, a lolly-making base (I hope!)

Job done!

I handed my Photoshop project in today. Completion is a big relief, I'm pleased with my work and effort, I couldn't have done any better.

I'm currently experimenting with getting the sound right for the songs, I will put them on in the next week regardless of whether they're totally up to scratch...sometimes temporarily filling the gap is a means of getting to the goal.

I'm going to relax for a bit now and go hell for leather on Flash in the days ahead. I can't wait to crack it.

COURSE ESSAY 2

After religiously buying copies of Photoshop Creative magazine for the last nine months I must admit to being a little disappointed in myself when I realised that the primary website I was going to write about in this essay was Chelsea FC's!

I could have studied poster art, music sites (particularly festival-related ones), advertising, photography and a wealth of other worldwide web pages but, no, I chose football.

Well, what a bloke am I!

Music and football have been my two chosen Photoshop fields during this course which may be a tad lacklustre to many.

However my spirit of adventure is consoled, albeit to a minor extent, when I recall how my sweet and feisty girlfriend described my music project - www.startree.co.uk - as being "gay and psychedelic".

Perhaps these words explain why I started my Flash course in the manner of a man who'd just been ten rounds with Joe Calzaghe - I don't consider myself gay or psychedelic at all! - but I've now recovered my senses and I'm fit to write these words.

I have to be honest, it's with some trepidation that I do so, this particular course assignment is the one that sees my tendency to procrastinate reach epic proportions, but I'm here now so let's go for it.

So why write about Chelsea's site?

Well, I'm a fan, I have been for over thirty years.

More importantly, from a website perspective, the site is awesome, just take a look.
I like the site because it's so well-structured, a look at the Landing Page which is very neat, gives a very fine impression of what to expect.

With regard to its use of Photoshop our lessons with our Course Tutor Jamie began with a study and replication of a rugby site, in fact the Photoshop header for the Dragons' site we studied and duplicated was much more complicated than that on Chelsea's.

The header on the Chelsea landing page is very simple. A black background and blue border contains some minimal text. The Chelsea badge and some flags, links to ChelseaFC sites across the world, are also included. This header can be found on all the pages within the site although on the main, index page, it's augmented with a few more links. It's a powerful lesson in simplicity.

Below the banner, on the left hand side of the Landing Page, an advertisement, created in Photoshop, can be found.



As I write the Photoshop ad image is a simple one, it shows Chelsea players Nicolas Anelka and John Terry looking resplendent in next season's kit. I suspect these images have been created in Photoshop, simply cut out and placed on a black/grey gradient.

Two logos appear on the ad and the text used - an encouragement to become a member of Chelsea FC - is made more noticeable courtesy of what looks to have been the Blending Options Drop Shadow tool.

The ad image used in this site position changes during the day, as I've just found out. After checking the word count on this essay I returned to the site and lo and behold a new ad was there.

This one. another born in Photoshop, was very polished indeed. It shows a mobile phone on a blue-black gradient. The text and emblems are natural, as it were, no special effects, but the phone appears in a kind of spotlight. Another sophisticated touch, at least in my novice eyes, is the way a reflection has been used to highlight the sheen of this mobile.

I've never added a reflection to any parts of my work so how this one done gives food for thought. I would probably make a copy of the phone. I'd then rotate it 180 degrees, save the image and use the eraser tool to clear all but the bottom of the phone.

I'd then place the image slightly askew of the main one. Whether it was done like this I do not know, there's probably many ways of doing this.

Elsewhere on the landing page four miniature Photoshop images can be seen. They are: an advert for the new Chelsea home kit; an ad from the Bookmakers Paddy Power; a 3D player gallery link and finally a button that leads to a Chelsea fans' survey feature.

They're all encouragingly simple. A feature of quite a few of the Photoshop images on this site is the use of a background gradient with a simple player image and text in the foreground. No frills, but it looks good. It's very simple, even I could replicate these works without too much fuss.

So there we are, a clever, polished, simple Photoshop paradise and we've yet to get past the Landing Page!

Before I look at what's on the main Chelsea index page I just want to contrast what I've written about with a few other football teams, another Premiership side and a team from a lower division.

The Manchester United site (http://www.manutd.com) also employs a landing page. It takes a fair while to appear on the screen and the use of Photoshop is disappointingly minimal and average.

The banner features a dark map of the world tucked away in the right hand corner of the page - and little else.



The fantastic Man Utd badge is on the middle level on the left of the landing page - surely this should be at the top of the screen? - elsewhere the designers have mostly and simply added text to photographs.
Disappointing.

Far more exciting and dramatic are the Photoshop posters found on some lower division sites.

For example Bristol Rovers' landing page (http://www.bristolrovers.premiumtv.co.uk/) invariably features a large Photoshop banner. In match weeks two large cut-outs of respective team players in action are skilfully placed under platinum-coloured text headlines. It sells the match in a dynamic way.

At the time of writing the site features one big poster which, despite my efforts cannot be downloaded. On the left is a very striking image of a model wearing the new kit and on the right hand side there's an ad poster. The background is of grass, probably the team's turf, and superimposed on this are some mini tables using a variety of energised-looking texts.

While there's not a great deal of difference between the teams's landing pages, in the sense that they're all very simple, entering Chelsea's site and index homepage is a different matter. The site is run on Flash so I can't comment too much on it but, again, Photoshop images can be found at the foot of this marvellous base, mostly adverts for betting and the new kit, as mentioned above.

Of all the images I've seen on these sites the most memorable and dramatic shows seven Chelsea players placed on top of Stamford Bridge.



I think it unlikely that these boys posed for the camera atop the stadium (!) so cut-outs of the individual players and use of layers to place them have been adopted.
I suspect - because there are a number of ways of doing things in Photoshop - that the gradient tool has been used to make the sky look the way it does.

Alternatively, the Designer could have taken a dramatic skyline and worked from there. Either way, both methods will probably have seen the artist add various touches to the firmament via the brushes palette.

I do not know whether the London Eye is visible from the top of Stamford Bridge. If it isn't then this landmark has skillfully been added to one of the earlier layers.

If it is then the designer has probably taken a wideshot picture of Stamford Bridge and then daubed it in shadows and reflections (there are many ways to do this) as well as adding the player cut-outs, altering their size with the Transform Tool.

Adding text is straightforward and so all in all it's a very polished production.
However the one element which could have been better is the sun. I'm not convinced that a sun at that height in the sky will give that kind of light or glow.

But who says you must always be authentic, after all this is a piece of software which is notorious for the fake wonders it can help to create.

I hope this essay is satisfactory. I must admit to feeling slightly uneasy about criticising the work of Photoshop artists far more talented than me though I've learnt more in the process.

I would just like to finish this piece by wishing Chelsea and Bristol Rovers all the best next season.

Flash Lesson 4

I rediscovered my genius last night - my genius for being bloody useless!!

It resurfaces once in a while, it's my knack of being a complete natural at going about things in a very bizarre way.

Sometimes I can be really intelligent, others very slow and thick indeed...a man of extremes.

Anyway, there's no point dwelling on being well off the pace.

I just need to complete my Photoshop project by Saturday's deadline and then keep on keeping on with Mr Flash. I'll catch up eventually.

As for Photoshop I showed some character last night. I was rather down after the lesson but I came home and worked until 1am, doing my best to give my site some nice final touches.

I added images to the links page, got rid of the roses on the site (they looked bloody ridiculous!) and added an OTT song to the front page just for some much-needed fun.



It's progress.

And the good thing about cutting the flowers is the site looks much neater and sparer, I can now use the space they've left to add some song lyrics to the respective pages as and when the tunes are ready.

Creative Web - Site Uploaded

I put my site onto the class web page - www.creativewebcourse.co.uk - today. It took a couple of hours all told...is it me?

For some reason links etc would not work, a lot of it was down to the uppper/lower case problem.

I must admit that I've underestimated the volume of work involved in the Dreamweaver and Photoshop courses.

Still, I'm hungry for it, though it can be frustrating, so bring it on!

I began my second course essay last night and started recording some of the songs.

While the songs are good (nice tunes, words) my guitar sounds terrible and the voice...don't go there!

Patience, John, patience!

COURSE ESSAY 1 - HOW MY SITE WAS BORN

I have to submit two essays for my Photoshop project, one on my site, another reviewing the use of Photoshop on another website.

Here's what I've written for the former of those tasks

Note 1: This is being sumbmitted in hard copy so the A PLEA BEFORE I START section is written for the aid of those who haven't seen this site.

Note 2: The site's songs will be uploaded soon, the site is currently 90% complete.

www.startree.co.uk: HOW MY MUSIC SITE WAS BORN

A PLEA BEFORE I START

What follows is an account, broken up into segments for ease of reading, of how I developed my first music website in Photoshop.

Before I begin this essay in earnest I would ask the reader to refer to a website I set up in conjunction with my Photoshop project.

The site in question is called John's Photoshop Diary and it can be viewed by logging on to the following address: http://johnsphotoshopdiary.blogspot.com/

The aim of this blog was to chart my Photoshop progress in both the lessons I attended, and my site's construction, as I went along.

In short it is a comprehensive, step by step account of all the work I've done on this project.

A word of warning. By the time you view my Photoshop Diary it's likely to be dominated by my workings on the Flash module I began in April.

However, if you scroll down to the first entry in January you can take things from there.

Finally, with regard to this plea, I have decided not to include hard copy pictures of my site with this essay solely due to environmental concerns, I'm all for saving paper.

Sketches/Work in Progress referred to below can be viewed at my website diary.

A WISE MAN LEARNS FROM HIS MISTAKES

My learning speed during this course was greatly enhanced by the fact that unlike my time spent learning Dreamweaver, I had the Photoshop programme at home.

It was a costly investment but it saved me a lot of stress and made the lessons far more enjoyable than those of Dreamweaver.

So before the course started I had a good, basic knowledge of Photoshop and in hindsight this stood me in good stead.

THE LESSONS

For notes on the lessons please go to my web diary.

The dates you need to view are:

Thursday January 31st, 2008

Wednesday February 6th, 2008

Tuesday March 11th, 2008
(This entry covers lessons on Febuary 27th and March 5th, 2008).

Wednesday March 12th, 2008

NOTE: I missed the first lesson because I was in London. The ones that took place after March 12th were connected with project work and I deemed it better to work from home during this phase.

WHY A MUSIC SITE?

I considered putting together a football or rugby-style photoshop interface, the type of which can be found at many football sites like the following:http://www.bristolrovers.premiumtv.co.uk/page/Welcome.

However I wanted to serve myself and give expression to some of the songs I've been writing, purely for my own pleasure, over the last few years.

Music is very important to me, the wonder of creation has saved me from the abyss many times, so giving myself a challenge with regard to one of my great pleasures would, I hoped, be rewarding and provide me with great project stimulus.

PLANNING AND DEVELOPMENT

Planning my site was very difficult, I had to work my way through a wealth of options.

As my Photoshop diary illustrates I spent a long time devising a name for my project as well as working on banners, using the Photoshop drawing tools and experimenting with colours and gradients.

Initially I wanted to work with images associated with the sun and I spent a long time working out how to creating rising sun effect as a Photoshop animation.

I also pondered the notion of using the freeform pen tool throughout the site in order to create very simple images. The amateur nature of these designs would, I thought, compliment the amateur nature of the recordings.

At one stage I was keen on employing a splash page with a green valley mountain, flowing river and rising sun (see April 1st diary entry).

Ultimately, though, I was dissuaded from using this because it would just overcomplicate things.

And after buying a magazine called Computer Music Special (The Musician's Guide To The Net) I abandoned the idea because this fine publication stated that Splash pages are a waste of time as they frustrate most visitors who simply want to enter a site as swiftly as possible.

I began to make progress with my site when I drew the shape of a tree on a new document (see entry on Thursday April 3rd, 2008).

This development proved to be the rock from which to roll. It's easy to see how the front page and site theme gradually evolved from this image.

A couple of weeks after devising this image I found the look I was after (see the entry on April 15th entitled Much More Professional).

I ditched the Freeform Pen tree and searched for an image of a tree from the Web.

I cut it out placed it on the page, adjusted its height via the Transform Tool and then discovered, quite by accident, that placing the tree underneath the gradient layer resulted in a good gradient effect not just for the sky but for the tree too!

Thereafter the front page was really in the final straight. All I needed to do was add (and choose the style of text), work on a name for the project, devise the CD covers, find a suitable image of myself and add small touches here and there.

Adding an image was, I thought at the start of the project, going to be tricky because I don't like seeing pictures of myself.

But the blue silhouette effect on the site made a tricky task easy. I asked my nephew to take a picture of me playing the guitar. I then cut it out and placed it on the page. I adjusted the size with the transform tool and moved the layer up and down the stacking order, placing it in a position which maintained the silhouette effect.

After doing this, though, the job was still not done because part of my guitar-playing image was transparent.

To remedy this and give myself some little glow I used the Blending Options tool.

I used Blend Mode "Dissolve" and put an Outer and Inner Glow on my image. This gave my blue silhouette more definition - a nice Ready Brek effect! (don't ask!)

THE CD COVERS

Because I did not use rollovers of animated GIFs in my project I feared that it might not be well-received. However, my argument would be why use these options if they're not suitable?

I may use an animated GIF in the future but for now I'm happy with what I have done.

However, to expand my project further, and to avoid charges of skimping on effort (would I do that?!), I decided to add images/CD covers to help illustrate the theme of each song.

Here is a brief explanation of how I did so for each tune.

COVER 1 - WAR CRIMINAL

As you will see from my Photoshop Diary I experimented on this design during the early stages of my project, when I was still thinking of designing my project with the Freeform Pen Tool.

My aim was to create a very stark image, one which complimented the song. I wanted to convey or at least represent the amount of bloodshed our ex PM has been responsible for in the most powerful way I could.

I took a portrait of Tony Blair from the Internet and experimented with different effects in the Blending Mode section.

I found that by putting "Colour Dodge" on the picture, the blue shaded image "whitened" considerably.

Next, I erased the few bits of blue that lingered in the background, brushing over them with white.

This left a very stark effect indeed.

Next I wanted to add some blood to the picture. I created a new layer and filled it, using the eyedropper tool, with the red of the poppy Blair is wearing in the image.

To get the splash effect I then moved the layer between the background layer and the background layer copy.

Finally, I used the Brush tool to create a stark, brutal, blood-splattered effect around the edges of the picture.

I think this is the most powerful of the images I created, gratifying because I have managed to duplicate what I envisioned directly through Photoshop.

COVER 2 - CALLING ON YOU

This was very simply done. I just opened a picture of a crucifix which I took in a graveyard in Mayo a few years ago and added some text to it with the text tool.

COVER 3 - HOMETOWN SONG

I devised this image using Photoshop's Photomerge facility (File then Automate).
I then cut the statue image of Llantrisant legend William Price out of a pic taken in my hometown in May. It was then pasted on to the photomerged pix where I adjusted its size using the Transform tool.

COVER 4 - GOD BRING ME SUNSHINE

I measured the size of the area I want the CD to cover on the Startree page. I then found a beautiful image of the sun with some birds flying in a silhouette formation!

Next step was to find an image of a man in a hammock as this reflects the song's lyrics.

Originally I was going to place the hammock image to the left on the sun and erase the birds.

However, I found that the hammock image fitted very neatly into the sun itself.

Some simple blending experiments with the text followed and the job was done.

PLACING THE CD COVERS

Once I had decided on the size of the respective images I had to ensure that they all appeared in the same place on their respective pages.

I did this by activating Rulers on the Photoshop interface.

I then used the Navigation option, clicking on the Info panel to ensure each pic had the same page dimensions.

A NOTE ON THE SONGS

They're OK, they make me happy, anyway.

The recordings are not professional because this is just a hobby of mine. I intend to record them on my Olympus Digital Voice Recorder, hopefully they'll be on site in the next week.

To upload them on to my Dreamweaver page I clicked Insert - Media - Plugin and then chose the appropriate MP3 from my hard drive.

I'm sure there are more sophisticated ways I could have put music on to a website but I think that when putting together a site entirely in Photoshop the options are limited.

But I don't mind. For now I like what I have done, placing the MP3 at the foot of the page.

I will probably work on a more sophisticated website, adding Flash elements, at the end of the year. For now a site entirely in Photoshop will do.


LOADING THE SITE

My heart skipped a beat when I uploaded the site on to the worldwide web. Initially I felt joy at seeing my work connected but then I feared that the pages would be too big, that anybody clicking on to my site would be frustrated by the time it takes for the pages to appear.

However, so far this has not proved to be a problem.

I will certainly bear this potential pitfall in mind in the future.

REFLECTIONS AND THE FUTURE

This site will do for now. I don't think I'll design a site entirely in Photoshop again because in the future I'd like to make use of Flash effects, I would also like to add video effects too.

Perhaps, in the months ahead, I'll add a small animated gif to the site, a sparkling diamond tree or better still, a star. A few ads and banners at the foot of the page would not go amiss either. Rollover buttons for the menu remain a consideration.

When time is not at such a great premium as it is now I may also add stars to the night sky and little, almost hidden, transparent images within the sky and tree.

And as the number of songs I add to the site increases the songpage could well transform into a series of mini CD cover pix, a kind of gallery.

CONCLUSION

There were plenty of head-in-hands moments during the course of this project, a lot of agonising, but I never felt as lost or dejected as I did during my Dreamweaver course.

Finding project clarity was probably the hardest task but once that was found my project flowed.

I'm happy with the site I have produced, though in the months ahead I'll probably look back on it and blush at its limitations...but you've got to work through sites to improve, that's what I'll say to cheer myself up.

Overall, I think I have a very good grounding in the workings of Photoshop, I enjoy playing with it and I'm excited at the discoveries I will make in this amazing piece of software.

To digress for a short time I'm pleased to say that as a consequence of studying Photoshop my freelance website (www.johngilheaney.com) will be overhauled this summer. I now know what it lacks.

And, to my delight I have been asked to do some basic photoshop-related work for my brother's business.

In summary, the foundations have been laid it's time to build the house!

I would just like to thank Jamie for his patience and insight during all the lessons and my fellow classmates too, the course was fun and rewarding and that's the main thing.

Up and strumming!

I've uploaded my project on to the net, it can be found at www.startree.co.uk.

From a photoshop project perspective it's almost complete. Perhaps it needs an extra gloss to make it zing.

All I really need to do now is record the tunes (a task in itself), write the essays connected with the project and upload it onto the group's Creative Web course site.

I'm very pleased to have put the project up a week before deadline. It's rewarding. This project has been a vast improvement on my dire, Dreamweaver days.

I know my work is flawed, it could me more sophisticated I know, but I've done my best, put a lot of work in. I will get better.

I must admit my heart skipped a few beats yesterday when I put the project up on the web.

Initially I felt the joy of seeing my work connected - what a wonder the web is!

However, as the pages slowly loaded I thought "Oh no, perhaps the images and pages are too big, the site will be too slow in loading..."

Ah, the perils of designing a site entirely in Photoshop! A painful way to learn.

Anyway, I'll bear that in mind in future. I think it's going to be OK.

I'll try and bash out the essays over the next few days and then dig deep into Flash.

Total rubbish

I'm not going to go to tonight's Flash lesson and it's not to do with the football. The fact is I'm too embarrassed.

I tried getting up to date with the work this week but I haven't made the progress I've craved.

And this morning I tried to do what should have been a very simple exercise from Katherine Ulrich's book...and couldn't get past third base.

So two questions: Why am I so rubbish and what am I going to do about it?

I think my problems stem from the fact that, as with Dreamweaver, I hit this class cold, with no experience of the programme. Missing the first lesson didn't help and I must admit that the pace of learning has been too swift for me.

This state of affairs is a contrast to my Photoshop lessons. I had time to practice before class so I wasn't completely lost as I am now.

So what do I do?

The first thing to do is stop feeling so bloody wretched about this. Perspective, man, perspective!

The second is to simply go back to the start. Diligently follow Ulrich's book from page 1 over the next two weeks (when the next lesson begins) and be rock solid with the basics.

I know that ultimately I will produce a good/very good project it's just at the moment I am trying to run before I can walk.

The Ready Brek effect!

My deadline for the Photoshop project is looming so I need to get my skates on.

This evening I planned how I was going to transfer pages onto the site (illustration above), thereby acquainting myself with my old mate, Dreamweaver!

I carried out a list of snagging on the main page which included adding some flower stems and sizes, adjusting the transparent aspect in my trousers (! and ensuring that all my right arm was visible (see previous pages below).

I did the latter two tasks by using Blending Options.

I used the Blend Mode "Dissolve" and put an Outer and Inner Glow on my image. This gave my blue silhouette more definition - a nice Ready Brek effect!



The index page is now complete so is the song's page, both have been saved using the "Save for Web" facility.

I need to carefully and precisely place the song images in place then start adding the tunes and writing up my project.

The slog of Flash

I did an hour's worth this morning.

I'm still playing catch-up although I can import pix onto the stage, align them, transform them into graphics etc. My work also resembles what the finsished product should look like. I'm probably nearer than I realise to getting there but I'm demoralised at the moment.

I also have a dilemma with regard to tomorrow's lesson.

My team, Chelsea, are playing in the European Cup Final, probably their biggest ever game...and it coincides with the class.

I think I'll make a late decision tomorrow.

Photoshop "CD cover" 4

OK, it looks more like a postcard but a deadline's looming!

This is the last of the four, it's to illustrate a tune about my hometown.

I'm tempted to put a series of much smaller images behind the statue but time is of the essence.

This was simply done. The four background pictures were assembled using the magical Photomerge facility (File then Automate).

I then cut the statue image, of William Price, out of a pic taken in Llantrisant on Tuesday. It was then pasted on to the photomerged pix where I adjusted its size using the Transform tool.

Photoshop "CD cover" 3

This is a rough idea of how the images will look on their respective song pages.

This is a very simple image and truth be told I haven't done anything with it except add text. It's a picture I took a few years ago in a graveyard in Mayo. It's to illustrate a song called Calling On You.

To be honest I think the page could look stronger. Hopefully the tune will augment its visual nutrients (what a phrase that is!). Seeing the above makes me crave the ability to insert a slideshow onto this page but unfortunately that's beyond my ability at the moment.

In terms of the main page I've decided to go with the blue background instead of the green. It's cleaner, more vivid...and it matches the colour of my new, fine and dandy blue suede shoes!

Flash Lesson 3

Another night of frustration. I'm picking up a lot of info in class and from books but I get stuck at the basics and this prevents progress.

Tonight's big problem was how to work in a document and then transfer to the buttons I was working on.

I spent ages trying to solve this conundrum and I'm still not clear on it now. However I did learn that to change from one state to another the simple task of clicking on the border of the image you're working on will do the trick. I was working in the button rather than in the bigger document.

Jamie began the lesson with a quick recap of last week's work. He then showed us how to fade up an image, the large one that appears when the mouse is placed over a button.

In the second half of the lesson Jamie showed us how to place our gallery work into a larger document. He said when we've cracked this then we'll have made big progress as most Photographer's website gallerys are as advanced as what we learned tonight.

Unfortunately, I am a fair way of this stage at the moment. I ended the lesson by studying and copying the timeline with the four buttons on it. I'm going to try to replicate this at home.

If I can just work out how to move between the gallery and the buttons I should be able to make swift progress.

The only way I'll experience this Eureka moment is through hard work. I've definitely got the zeal for this. When I got home last night I raced through Katherine Ulrich's Flash (Visual Quickstart Guide) which was a consolation.

Perhaps my best approach for the next few days would be to do as many exercises from the books I have. Maybe that way I'll find solutions to the problems I've got.

Notes.

Below are scanned copies of the notes I took during class tonight. Although I can understand the shorthand these pages probably look indecipherable to the viewer. Fair enough, so's my knowledge of Flash!

I'll get there.

Rolling a ball on the motion guide

I did well tonight. I persevered, for two-and-a-half hours, working out how to move a ball along a motion guide.

I know I'm slow but all the internet guides and Flash books I consulted did not fully explain things so I had to absorb the bits that worked and work out the rest for myself.

And although we did this exercise in class my notes were poor and I figured that really thinking about what I was doing, rather than replicating things, is what I need to do.

This is the way forward because as well as doing the task in hand I pick up a lot of information along the way. I need to be patient, think things through...and be even more patient!

This is how I rolled the ball along the line.

1. Add motion guide.

2. Draw a line on the motion guide layer.

3. Alter Motion Guide layer's Tween (in properties bar) to Motion. Make sure the Snap box is ticked.

4. Draw a circle on layer 1.

5. Click on layer 1 and alter Tween to Motion and make sure Snap is ticked.

6. Click on stage.

7. Convert circle to symbol (Movie clip)

8. Create frames (I went up to 40) on both layers.

9. Click on layer 1. Move the circle to the final frame/edge of the line. Click on playhead and insert a keyframe.

10. Control - Rewind.

11. Control - Play.

12. Job done!!

Photoshop "CD cover" 2

Today's been very productive!

I am pleased with this cover, it visually represents a very bleak and stark song of mine called War Criminal which was written about Tony Blair's last day in office.

This was another simple piece of work.

I took a portrait of Blair and experimented with different effects in the Blending Mode section.

I found that by putting "Colour Dodge" on the picture whitened the image considerably.

Next, I erased the few bits of blue that lingered in the background, brushing over them with white.

This left a very stark effect indeed.



However, I wanted to convey or at least represent the amount of bloodshed this man has been responsible for.

I created a new layer and filled it, using eyedropper, with the red of the poppy Blair was wearing.

To get the splash effect I then moved the layer between the background layer and the background layer copy.

I am happy with this.

Photoshop "CD cover" 1

Back to work on my Photoshop project!

This is the first of four "CD covers" that will give a visual image of each of the songs I put on the site.

This cover represents a simple song I've written (God, Bring Me Sunshine) about idling and getting the most out of life by taking it easy (but not stinting on work I'll have you know!).

This was a simple task.

I measured the size of the area I want the CD to cover on the Startree page.

I then found a beautiful image of the sun with some birds flying in beautiful silhouette.

Next step was to find an image of a man in a hammock, this links to the song's lyrics.

Originally I was going to place the hammock image to the left on the sun and erase the birds.

However, I found that the hammock image fitted very neatly into the sun itself.

Some simple blending experiments with the text followed and the job was done.

Grasping the basics of Flash

I put in an hour-and-a-half today. I went back to the basics.

I worked on the library and how to create a symbol, a task which was so frustrating because I know it's simple but I couldn't grasp it.

Still, trial, error, repetition...worked a treat...after 45 minutes of bafflement.

And God it's so simple. Import the image. Right click on it, create symbol. Dear, oh dear, John!

At the end of today's session I wandered around the interface acquainting myself with the meanings of screen symbols and discovering the function of options like publish preview.

Got to keep this momentum going and it will all click soon.

Post mortem on last night's lesson

I know what went wrong last night.

Up until now I've been replicating what Jamie has shown us without fully understanding what's happening.

I think because I missed the first class I may have missed a couple of basic, simple points.

For example, last night I couldn't fully grasp what a symbol was or how to create one. (I've since learned).

But as I say, there were positives, I learn things which will stay with me. Like, when using the pen feature to look out for the little sing by the cursor arrow when altering the shape; and how actions should also be at the top of the layers.

Jamie said that the hardest aspect of Flash is getting one's head around nesting so this is what I'll try to do in the next week.

Flash Lesson 2

I struggled tonight, I just got totally lost by the end of the class.

Despite this there are positives. The more I do the better I will be, I've got to go through the pain barrier first though.

And at least I don't feel as disheartened as I did after similar 'lost' nights with Dreamweaver and Photoshop, I know that with patient application I'll get there.

We started with a recap of last week's work, making an image form in fragments when the mouse is put over it. I managed to do this with help from Jamie.

I got lost thereafter though. I couldn't manage to implement the time-saving process in applying this to other pix.

And I found the work on how to create a "gallery in a movie clip" bewildering. My mind just went blank, I didn't know where to start despite the clarity of Jamie's teaching. Oh well, sometimes this happens.

I just need to immerse myself in Flash between now and next week. Stay positive.

(Incidentally, there was a fabulous atmosphere tonight, tremendous vibes, the spring sunshine made everyone seemingly happy and good looking which was lovely).

This week's work on Flash

Oh well, I've done about three hours of play and practice in anticipation of tonight's lesson.

Judging by experiences with Dreamweaver and Photoshop, I think the best approach at this stage is to have an anarchic, spirit of play style and not expect too much.

Fortunately I can adopt this method having invested in the Flash programme a few months ago. Thinking back, the Dreameaver days were dire because I had nowhere or no time to practice, no wonder I struggled and felt so despondent.

I'm quite pleased with the work I've done in anticipation of tonight. I've experimented with layers, altering text, importing into the library, putting pix on the stage, text size, colour and moving the ball!

I've also developed a feel for the interface which is important. I don't feel as daunted with Flash as I did with the previous programmes.

Of course none of the above is earth shattering stuff. But I've made a start and at last this, the last of the four courses I've been on over the last two years (InDesign was the other), will inspire and liberate me.

They are all coming into daily play now. And about bloody time.

I must keep pressing and build a portfolio of sites and results.

Experiment

Flash Lesson 1

I was so grateful to be admitted on to this course. I missed the first lesson because I was told it was fully booked but thankfully, due to Victoria at Ffotogallery and Jamie I'm on board.

Tonight's lesson went very well. Jamie (the tutor) was tremendous. He helped me get up to speed with what I had missed by half-time in the lesson, a feat which I found amazing.

Initially Jamie showed the class how to move a ball along the line.

He then instructed me to create a ball and then move it up and down the stage.

Basically this meant creating a circle and then working with timelines, keyframes and the tween facility in the property palette.

Next, Jamie instructed us how to stop the ball on the path. (At this stage I learnt that pressing Control & Enter makes one see their work on the browser.)

Finally, in this action-packed lesson, Jamie showed us how to create a rollover state and also how to put a border around the mask.

This involved importing an image from the library, working with layers and masks and frames.

I must admit that by this stage I was beginning to have information overload (my fault though I think this understandable) and my curiosity about the scoreline in the European Champions League game between Chelsea and Liverpool was growing!

All in all, one of the best lessons I've had. I'm so happy to be on this course.

I now need to practice the above and sharpen up before the next lesson. This is crucial. I want to make my work on the Flash module the best of the three courses I've attended.

Photoshop update

It's time to push on now, go that extra mile and finish the job off. Some decisions have to be made so here we go.

I think I'll go for the green interface.

I may also look at making the tree in the background sparkle, if not on the main page then elsewhere, perhaps in miniature form, if I have time.

In addition it's time to do something I've really been looking forward to, designing my own "CD covers" to place on each song page.

Finally, I experimented with sound levels on the songs last night. And guess what? Yes they sounded bloody awful but there is a smidgeon of hope, deep in my heart, that I can make the tunes listenable and ridicule proof at the very least.

For the boys

My dad and brother, who run a building business, require a website and a banner for their 2009 calendars.

I played around in Photoshop and produced the above, jokey effort which they liked. It's something to work on.

And I feel good about it because this is far more professional then the headers I was producing a few months ago.

My domain

Haven't been able to do much since last week but will endeavour to rediscover lost momentum tomorrow.

All I've done is by the Startree domain name which is a positive in itself.

I mean if you're going to do something you might as well go the whole hog.

The Flash course begins tonight which is excellent, it's another step nearer to my aim of being able to produce really good sites.

A flukish joy!

A flukish joy this.

I added some roses and played around with the colour. I then added a shape, filled it with a colour and, by chance, instead of the shape being filled the page turned into this psychedelic confection!

If only I could repeat the trick with different shades.

Uh-oh, Jamie once warned me of my addiction to bright colours....

Blue man

Improving all the time now, once this page is complete I can move on and put up a demo site with tunes.

Today I cut out a picture taken of me yesterday and pasted then scaled it down. I experimented with blending options and found that "inner glow" and "linear light" gave the effect seen above.

Adding text

I like the above a lot though it might be a bit text heavy?!

I'm so glad to have added the rose. It came from one of my favourite self-taken pictures "The Lonely Flower of Coedcaemawr". I simply cut it out with the pen tool and then pasted it on.

To achieve the blue rose effect I chose the blending option 'colour burn'.

I just need to add an image of me and the homepage will be complete (at last!)

(I've thought of making the options bar a rollover but I don't think there's a real need for it).

Much more professional

Now we're getting somewhere! The above is a marked improvement on my previous work.

Although I liked the simplicity of the previous design I noticed that the longest tree branch did not give me much room to play with in regards of the sky.

As I couldn't draw a new tree I was happy with, or satisfactorily extend the existing one, I cut out a new image (from the web) using the pen tool and then pasted the image onto my page.

I had to make the tree bigger using the Transform function.

Then, to my delight, I discovered quite by accident that placing the tree underneath the gradient layer resulted in a good gradient effect not just for the sky but for the tree too!

Once this stroke of luck was absorbed I decided that the picture might look good if I added some extra but minimal shots of colour.

That's why I made the bird a dark shade of gold and added, via the glory that is custom shapes, a nice ivory moon (I've always adored the moon!)

Now I need to add some introductory words to the home page and add some kind of image of me. I have a very good idea on the latter...I hope I can make it work.

When those tasks are done the music shall begin (gulp) and the song images will follow.

Rough guide to song page

One of my songs is called War Criminal, it's about the day Tony Blair left office.

The above is a guide to how this and other songs will look on my page. The image will be in a circle and those wishing to hear the tune will be able to press play on an MP3 facility at the foot of the page.

Taking flight

I didn't go to class tonight, I think it's better for me to play around on photoshop in private and only call on Jamie if I'm really stuck. I also become inhibited when I work on projects in class whereas at home I can work at my own pace, not panic if I get stuck and be far bolder than I would be at Chapter.

I'm really pleased with what I devised tonight. I hadn't worked on my project since last Friday so I was a tad rusty to start with.

This image builds on the previous one of this kind.

The bird in the middle is a custom shape I used (what a world of shapes I've discovered in that facility!).

I was going to put a picture of myself in the middle but I need the right image.

This will do for now.

It's very simple but that's the way I want it. Simple and consistent.

I'll look to do more advanced designs etc when I devise the images/covers that will go with each song.

Cut out

A simple cut out for my soon to be updated freelance website.

Not sure placing my image on the banner works. May have to think of something different. I could use it as a side image on the page or as a transparency. We shall see.

Progress!

I felt fed-up yesterday, really despondent by my lack of progress.

I decided not to attend class because apart from the front page sun animation which I've yet to properly crack, I had little else from which to build on.

As I worked on the "Hello Sunshine" banners I began to think they looked cheesy and that an eternally optimistic name for my music/photoshop project conjured up awful images of hyper holiday camp reps and false jollity.

The banners I worked on, I thought, would jar with the content I half envisioned below and on the rest of the page.

So I decided to skip the class and just experiment again, just to keep things really simple and stark.

To my relief I'm quite pleased with the above sketch, which I devised at home, for a lot of reasons.

It's just a simple experiment with the freeform pen, like the animation page so there's a consistency of site design and I think the images will tie in with the music which is very simple (just me and guitar/keyboard).

When I've honed the above I'll explain the thoughts behind it in more depth. For now I'm just grateful that I've got some design consistency and the roots from which my work can grow.

Rose-coloured sky?

Oh God, the possibilities photoshop offers!

I think once I've got my banner sorted everything else will flow.

The banners above represent progress. The one with blue sky would be the obvious one to use, of course I'll have to work on the rays, mabye put an animated GIF in the sun's centre.

However, I really like the alternative banner above. I cropped my rose picture and used it as a background for the layer.

Well, there is such a thing as a red sky.

Since it's a farmer's delight it could tune into the themes of this site which is nature and music...with a twist.