Archive for the ‘Kenneth Roxbrough’ Category

Lesson 7 – 16/09/08 – Digital G – L3

September 19, 2008

Within our lesson today we were shown past poster designs, to give us ideas for our final project.
In workshop today I started on my final poster which hopefully I should complete, and make sure that my blogs are up to date. For completion of my poster I was looking at placing the “parchment scroll” which I designed earlier, and then adding a short story from the book.

The Linking of Posters.
I have tried to link all my poster(s) in some way. The client is a writing group, so I started the first poster about (The Group), my second poster is linked by their (Book), and the third one is a (Page from that Book).
I made a start with a background image of water, then created a new layer filled with black, then applying a blend mode of(screen). Then with a knoll light factory filter which I had purchased I produce the effect of light rays shining through.

Third Poster Design
I then designed some curtains for the foreground in Photoshop which I quite enjoyed doing, adding a new layer and fill with white, each layer I did separate (left) and the curtain (fringe), when done I would create the right curtain with edit – transform – flip horizontal, then taking the layers using the filter – render – fibres also filter – artistic – plastic wrap, with the filter – Gaussian blur and the motion blur which gives the final touches of the material. Using the adjustment layer (levels) to enhance the design.

I gave the curtains their final touches with the effect of opening the curtains, also the red colour by means of going into edit – transform – warp and drag the centre handle to the left/right, and on the fringe I used the pen selection tool to shape. By using the layer styles – colour overlay with a blend mode (overlay) and using a gradient effect of black & white with the blend mode (multiply) with the style of radial move it to the edge of the curtain which gives you the effect of a spot light.

By adding a text displacement map to the heading (Coniston) this will give the look of blending into the curtain fabric. Adding more text and a layer style to produce the drop shadows. The final touch of inserting the parchment scroll, the quill & the inkwell was the design effect I needed. To sum it all up I was happy not to be using any images or vectors from any other source, the images I had taken myself, the backgrounds in Photoshop and all the vector drawing I did in Adobe Illustrator. The fonts I used on the poster(s) were Verdana, Black Chancery, First Order which I used for the etching on the scroll and Times New Roman. These fonts I used because of their clarity, easiness to the eye and illegibility. I feel they give the right meaning to the poster(s).

Summing Up
Over the last four weeks the tuition and the tutorials I have received regarding selections, masking, layer styles and adjustment layers have been an important step to the completion of my three posters.
I now need to submit my project to a disk and make sure all the files are in the correct folders and my Photoshop layers are all named.

Lesson 6 – 12/09/08 – Digital G Level 3

September 12, 2008

Before I got started on poster 2 our tutor mentioned if we go to Google, type in how to design a poster, there would be a few variations which would give us some ideas on what we are looking for in own projects. For my second poster The Book I sketched out an Inkwell, Quill Pen, Books, and a Picture Light, then I scanned them opened the images in Adobe Illustrator, this would give me the options of live trace, which when used it finds all the lines of the sketch and makes them editable so you can select each stroke and paint them individually.

I started poster 2 with a background I created in Photoshop, first filling a new layer with a pattern (bubbles), then going to the filters – distort and using the polar coordinates (rectangular to polar). To get rid of the circular pattern in the centre I used the filter spherize with a setting of -100 so it would reverse the circle and just leave the light rays.

By using the selection tools and drawing a narrow selection down the right hand side and using the stylized- wind filter set to blast from the right it stretches out the narrow selection, to keep extending I kept pressing the ctrl + f key until the filter no longer had any effect. I stretched the effect out even further by using edit – free transform and dragging it off to the left.

I then used the filter from the later filter – distort – polar coordinates (rectangular to polar). This wraps the layer around the inside of a cone, the top edge ends up in the centre and the bottom edge goes around the base of the cone in a circular pattern. Then using the filters once again filter – blur – radial blur this enhanced the rays of light. Then adding an adjustment layer (hue – saturation) I changed the colour to red. I created a new layer which I filled with black then used the filter render – lens flare for the backlight effect, then set the layers blend mode to (screen)…finished.

I then set about setting my image of Morecambe bay in a picture frame, by firstly using the adjustment layer channel mixer set to monochrome and tweaking the sliders to enhance the look, and then the colour balance adjustment to get the right finish. Making the picture frame in Photoshop was a bit tricky. First I had make a new layer then fill it with a pattern, which I acquired on the internet free this was an action script which I did not want to use, So I used only the pattern.

I started with the image which I had used the adjustment layer on, I had to extend the canvas area with which I was going to use for the frame, then duplicate the layer. I then created a new layer and filled it with a pattern fill (wood grain). Then I used the selection tool to mitre and cut out the shapes for the frame, and merged them all, selecting the image invert and using a mask, the frame appeared around the image.

I then started working on the poster 2 I was looking to create a poster about their book which they published themselves. The background effect I was looking for is to create a light burst background. Then attache the logo which I designed for the client, also the framed image.

I inserted the writing groups book image, also the Inkwell & Quill. Then I inserted the sketch of the picture lamp which I had designed in Adobe Illustrator. To add a light effect from the lamp I used the selection tool to make a selection around the light, by going into edit – transform – distort, to shape the selection down and to both sides to make it look like a beam of light.

While the selection was still selected I filled with black then with a mode of screen and using the lens-flare filter it gave the illusion of light. Then applying a mask to the layer it faded the selection into the background, and left the effect of a beam of light. Producing a 2 new layer with a sapphire gradient/demo fill, then using a blend mode of overlay this enhanced the background.

I then applied the text using verdana, first order, black chancery, also giving a layer style (drop shadow) to the text and images.

Lesson 5 (Homework) – 09/09/08 – Digital G – Level 3

September 9, 2008

I completed the finishing touches to poster 1 by adding a couple more vector images which I created with the vector shape tools (coloured balls & stripes), to enhance the background and give it a bit more colour, and also creating the shadows for the groups picture and scroll, by duplicating the image, moving it down, changing the layer colour to black and then dropping the opacity, then use the blur filter(Gaussian blur).

Then I started research for my second poster which will be based on the book which the writing group published themselves and also going through images and materials I have downloaded.

Lesson 5 – 09/09/08 – Digital G Level – 3

September 9, 2008

Today in our lesson we recollected on what we had done over the last 4 lessons, and what we had achieved, and made sure we all had been given the literature relating to each lesson, and that everybody was up to date with their assignments. We also talked about setting up a document in Photoshop, what size it has to be and the dpi, explaining that we needed to be making the poster an A4, and a dpi of between 150 – 300 dpi for the best resolution.

Poster 1
Now I am starting my first poster relating to the Morecambe bay writing group, this will be an introduction to the group, and the town where they are based. All the images I used in these poster(s) I have taken myself. I started the poster with a gradient, then adding a new layer filling with 50% gray Then by using the filters menu I selected sketch filter then the note paper filter which made the grain effect to give the poster a book page look.

With the image of the group I used the selection tool to separate the canvas from the picture frame which I coloured, and then I used the filter adjustment layer to put it monochrome then I did the same with the scroll image.

Also I used the colour mixer to fine tune the images. With the background I used a couple of image layers with the opacity lowered and the blending mode set to multiply, also masking the edges of the images to blend in to the gradient background, this adds to the design of the poster and the composition.

The design of the scroll, logo, and the divider(bar) was designed by myself using all the techniques I have learned over the last 4 lessons. The text I used is verdana. The generous width and spacing of Verdana’s characters is the key to the legibility of these fonts on the screen.

Lesson 4 – 05/09/08 – Digital G Level – 3

September 5, 2008

Mood Board

I submitted my mood board this morning and also brushed up on some more research for my poster(s). We also talked about saving a file for the web and saving an image or text in the best format possible for displaying on a monitor with 1280 x 768 pixels which is now the standard resolution for most monitors.


We went onto talk about text that would be best saved as a gif as there are not a lot of colours in text and you don’t want to pixelate the text and images with lots of colour as a jpeg. But before you do this in Photoshop your project would have layers so you would have to flatten the layers first, (combine them as one).

Word Press Procedures

Then we went through the procedure of how to upload images and media for our blogs into word press, and also the fact that if you are going to copy your work from Microsoft word first, then you need to paste it into notepad then cut and paste into word press. This will keep the original format of Microsoft word.

University Visit

After lunch we made our way up to the University to collect our student passes and also we were shown where we could find the books and literature to help us with our research relating to digital graphics. Also we were shown where the pc room was which will be very useful allowing those who do not own a computer to be able to study.

Vector Drawing Tools/Clipping Masks

On our return to the class room we were then instructed on how to use the custom shape tool. This is used for the design of vector shapes, and finding extra resources to enhance Photoshop’s plug-ins, eg.. more fonts/brushes/custom shapes/gradients etc, and how this could give you more choices than the stand alone plug-ins and more to choose from for the design of your poster(s). We finished off by watching a tutorial on how to make a clipping mask which was extremely useful. What I have done is combine the vector tutorial together the latter mentioned one to create my logo and also my banner text which I will use in the design of my poster(s).


I thought I would use the clipping mask technique which we were taught in today’s lesson to enhance my banner text which I will use on my second poster, firstly I arranged some text (verdana) on a path then using the direct selection tool I moved the text left and  right to align the text, then I duplicated the layer, which I then changed the colour to black to use as the text shadow.

Then I opened an image of Morecambe bay which I used to clipping the mask. I then saved this banner text for the web as a Gif, by doing this not only do you preserve the pixels of the text,

but also if your background is transparent it keeps the transparency when you save it, which is useful when you put it into your project it blend’s with the background.


For my logo for which I also will use on all the 3 poster(s) I used similar techniques as the latter, I firstly put some text (verdana bold) onto the stage,I then opened  2 images I wanted to clip with the text,

finely using layers styles, by using the custom shape tool I created the button effect with layer styles under the MBW, and placed some text (first order).

I then used the custom shape tool to draw the coloured balls, also the arrow and then like the banner I saved for the web but this time I saved it as a jpeg so it would retain the colour’s, and there is my completed logo for the poster(s).

Lesson 3 (Homework) – 02/09/08 – Digital G Level – 3

September 2, 2008

For our homework this lesson we had to research about fonts and find five fonts that we liked and would use within or would consider for the design of our poster(s).

These five fonts I consider to be Ideal for the work I will be doing and using with the poster(s).

Black Chancery
Black Chancery is a calligraphic gothic outline font based on the public domain bitmap font of the same name. It’s a good looking and useful display font, lending itself well to many occasions and a suitable companion to Black Chancery Italic. This one I use quite often when writing out tags, but the downside is that it does not have an apostrophe so I have to change back and forth between fonts.

First Order
This is a classic script with great modern variety .First Order Italic, First Order Bold, and First Order Plain when you download this file. Trust me: First Order Plain is best when you need 16pt or smaller, First Order looks phenomenal at 18pt and above (that little dot-distorts in the middle of the text if you make it too small). This is a nice font to use I have used this font more than once when designing scrolls and parchment for the lettering.

Freebooter Script
It’s a good looking and useful display font, lending itself well to many occasions. and a suitable companion to Black Chancery Italic. This is a fancy font what with swoosh’s and swirls and is still quite readable. Alternate characters add variety and can enhance readability with some letter combinations. This font I use sometimes as a substitute for the Black Chancery a lot of the gothic scripts look alike.

Times New Roman
Morison’s revision became Times New Roman The new typeface made its debut in the 3 October 1932 issue of The Times newspaper, and after one year, the design was released for commercial sale.
Although no longer used by The Times, it is still widely used for book typography. It is one of the most successful and ubiquitous typefaces in history.
Although Times New Roman is still included as an optional font. Times New Roman has grown to become the modern day pencil font. The Times New Roman fonts are widely used in books and magazines, for reports, office documents and also for display and advertising. The Morecambe Bay writers use this font for most of their book work.

These fonts are tuned to be extremely legible even at very small sizes on the screen, these sans serif fonts are unique examples of type design for the computer screen. The generous width and spacing of Verdana’s characters is the key to the legibility of these fonts on the screen. Despite the quality of the Verdana font family at small sizes it is at higher resolutions that the fonts are best appreciated. If when you’re doing any small lettering on your projects this would be my font to use.

Most of my spare time this week has been taken up completing my Mood Board for presentation in the class on Friday morning. I arranged it and re-arranged it as to how I would imagine my client would get the most compressive choice from the board. I added more articles as the week went on taking into account colours and fonts and design for the poster(s) I will be designing.

I believe that my mood board is sufficient for the client’s needs in achieving the poster(s) they require. There is ample scope for the design.

Lesson 3 – 02/09/08 – Digital G Level – 3

September 2, 2008

The tutorials on fonts and typography that we had in our lesson today were very informative indeed and gave me a good insight into what is the best font to use for the poster that I am creating for my client.

I have been made to realise that clarity is a very important commodity when designing a poster and that it is necessary to reflect the subject of the above mentioned poster in order that it is easy on the eye and yet complimentary to the subject that is being advertised.

There is more to it than just choosing any font and submitting it to your work, it needs to be clear and crisp so this will enhance your text so people can read it more clearly and also text that reflects the mood of your design.

Not always the correct font is in the windows font bank so you will have to go on the internet and try and find free fonts that will suit your needs we were also were shown how to change the colours and use shadows with a blur with the text (layer Styles).

Before you can cast a shadow with your text you firstly have to rasterize your text before this can be done. There is lots more you can do to make your text more appealing this you can do using the character & paragraph palettes in Photoshop giving you more tweaks.

I have been made aware of the importance to use different types of fonts in different situations and today’s lesson and various tutorials have been an invaluable learning curve and an  advancement in my personal knowledge of design. . One of which I will use in any future design and graphics situation I may come across.

We also made text follow a path Photoshop users can now put type on a path or into a shape. Besides being a handy feature to have, this should make a lot of Photoshop users more comfortable using the Pen tool.To put text on a path, you first need a path, obviously. Choose the Pen tool, shape tool, or line tool. Next go to the options bar and make sure the “paths” option is active, then create an open or closed path.

Once your path is created, switch to the horizontal type tool. Bring your cursor close to the path, and your cursor will change slightly, and the status bar will change to say, “Click to create type on a path.” Click, then type… that’s all there is to it! Well, you do have to click the commit button to accept the text.

To manipulate the type on a path, switch to the direct selection tool or the path selection tool. You can drag the type to move it along the path, or drag across the path to flip type to the other side.

So by using this method you can make a dull project into a classy work of art by just putting type on a path which hopefully I will be using in the future projects.

This is a before and after on a small tutorial which I changed the fonts and used the layer styles also the shadowing of the font.

This is a before and after on a small tutorial which we did in the lesson I’ve changed the fonts typography also added some extra text which I downloaded free , changed the font colours and added the large text, made a drop shadow under the text blurred and distorted then used the layer styles to give it a fancy effect.

This is the Before Image:

This is the After Image:

Lesson 2 (Homework) – 29/08/08 – Digital G – Level 3

August 29, 2008

For my homework I carried out research on my proposal for my posters sketching a pre-designed poster effect also finding and researching content on the internet, reading through magazines and books for design ideas and to acquire the correct materials for the project in hand the design of my mood board.

I also went onto the internet ‘photoshopuser’ and carried out some tutorial work on masking & and creating layers which hopefully will help me in when it comes to the final design of my poster(s).

I also managed to attach two pieces of A2 together to acquire the size for my mood board which as to be A1.

Lesson 2 – 29/08/08 – Setting up Proposal In Class – Digital G – Level 3

August 29, 2008

Today we had to submit our proposal for our course work. We have to visualise and plan 3 posters to submit as a client’s brief. I submitted my proposal for a writing group named The morecambe Bay Writers and also we carried out research on our paticular brief.

To help assist us with our project we were show a brief from a previous level as an example which I thought was very helpful and put me on the right track.

We also carried out a tutorial in the morning which was to try out two different posters in which we had to drag an image of a necklace onto one and perfume onto the other which the entailed us using drop shadows masking and the blur.

I found today’s lesson most rewarding. Also the tutorial work carried out today will benefit and assist me in maintaining a level of professionalism to carry out techniques and ways to create the project poster(s) and help me to gain my goal.