Creating Website logo

Today, in a group chat with the people who turned up, it was identified that we still needed a logo for the name and byline of the website. I volunteered to do some designs for this because I enjoy the creative side of the course. Also with me having time off recently for ill health and my surgery, I wanted to show that I am back and ready to step up and work as a part of the team.

The agreed name of the website is: “Out of the Shadows” and the byline is: “Shining light on Modern Day Slavery.”

When creating this logo I know that it has to reflect that of a professional standard and has to also reflect the brand identity of the site. This will help to draw people to stay on the site and deem it as a highly well designed and thought out. Professionalism is key as it then makes the audience see content as reliable.

Whilst I know the text that has to be included in the logo, I am not entirely convinced on how the layout should look. To help me narrow down on a few different designs I roughly sketched on a piece of paper some ideas.

image_6483441 (1).JPG

Once I was satisfied with three designs I then started to build digital versions. This will help me to see what works and what doesn’t. Also, it gives the group more designs to choose from. To build the digital versions I will and am still going to use Adobe Photoshop as this is a great tool and I have previous knowledge of the software.

For the first design, I wanted to create a spotlight effect. In order for me to do this, I referred back to old notes and spoke to Dave Eccles who taught me in the first year. He explained the steps that I needed to do and this really helped to refresh my memory. As he spoke I made notes in order for me to remember everything so I didn’t make a mistake.

Here is how you create a spotlight effect

Step 1: set up a blank document with a black background. set the canvas to 10 by 6 and 75 dpi. This can alter depending on the size of the file required.

Step 2: create a new blank layer, with that layer selected then click on the rectangular marquee tool. With this draw, a narrow selection in the middle of the canvas but all the was down to the bottom of the canvas. After this either click Shift and Delete (mac) or Shift and backspace if you’re using a windows system. this brings up the fill palette, set this to 50% grey and click ok.

Step 3: Go to the filters drop down menu and hover over render then select fibres. The fibres tab will appear. zoom the rectangle image out to 33 % so you can see the fill image set the variance to 4 and the strength to 30 then click ok.

Step 4: Next open the levels tab and the 3 points change to 16- 1.00- 138 then click okay. This will help with the contrast.

Step 5: After that go to the filter menu go down to blur then click on motion blur set this to 90 degrees up and down and set the distance at 250 pixels. click ok then add a layer mask onto the layer. use the gradient tool and in the pallet pick the 2nd item in the first row. This is the foreground to transparency. Set the colour to black.  Press Shift and drag from the top of the rectangle downwards. Now you can delete the layer mask and click apply because that will keep what you have done on the actual layer itself.

Step 6: Press command, control and t and rotate the object to a make it angled off the corner of the page. whilst still highlighted click control and right click then pick the option to distort. push and pull the points to make it closer together at the edge of the page and open up the other points to represent that of a light beam.

Step 7: click control and the hue and saturation option the tab will open up. tick the box that says colourise and slide the points across until you get the colour that you want.

Step 8: create a round element by selecting the elliptical marquee tool and create a narrow oval shape. This shows the bounce of the beam on the floor.

Here are my efforts

The next design was more simple to create but still had a few steps, this time I wanted to use thicker text and smoke.

For the font of the text, I used Haettenschweiler. I thought it was bold and it makes a statement and was easy to read for the audience. Next, I wanted to use smoke but that is something I wasn’t sure how to create so i used an image from Creative Commons which is a royalty free site. This protects me and the project from legal issues with plagarism and copyrights.

The image was set as the background and I duplicated this layer and placed it higher the text layers as I wanted the image through the white text. To do this you go to layer create clipping mask. This has been successful on two words but having issues with the two other words I want the same. I don’t know what the issue is so I will ask Dave when i next see him around HSAD.

Here is my attempt so far

smoke.jpg

Advertisements

THINKLINK – My First Attempt

If you click on the image white dots show up if you hover over there is text which explains how I created the infographic. This I will be submitting for the website and as a part of my own initiated project. There are many reasons why I chose the elements you see but that will be explained in the next post.

Thinklink is a fantastic open sourced app that allows individuals to create depth to an image and allows users to have a more immersive experience. This is because they can hover over the dots and find out more information. It is not just information, it can have sound bites and links out to other relevant websites.

Thinklink, in my opinion, is fantastic and will help me to add more dynamic to my work and hopefully make my work stand out more.

Statement of Intent – My Brand Identity

For this assignment, I will produce a brand identity for myself. This design will be influenced by research, theories and semiotics. I will produce a brand which is just black and white, also using colour. Everything has a purpose, whether it is through hidden meanings or something which is so obvious.

I firstly want to create a number of different designs as it will showcase the possibilities and my thought process. By having a number of designs will also allow me to analyse what I like and dislike in the designs. I might incorporate different sections of different designs if I deem appropriate.

In one of my designs I want to showcase a sporty aspect of my personality, but at the same time showcase who I am and what is unique about me. For instance, I have a disability and am able to study a degree. This pushes the boundaries to what some people may believe some with a disability can achieve. I want it to be simplistic but at the same time show creativity.

Reflection on Creativity and Design

 

When it comes to creative flair it is clear to see that lots of people are naturally creative at a specific time of the day where they are most creative. For me I personally find I am the most focused and creative around the evening hours of 7 – onwards. Other individuals take longer to develop creative skills and need more time to enhance these skills. many people tend to keep a pen/paper/Dictaphone with you at all times so they can record ideas as they think of them or see something they think will help them later on.

Leaflets are a good example of what can spark inspiration or ideas for a design. Leaflets all have specific typefaces from there fonts, layout, colour scheme etc. every design we see over time doesn’t always stick in our brains so by following the three main skills to becoming a more organised and prepared designer will help us in later life. In the real world of work we could be asked to write, design, present on a topic that we know very little about and by keeping a record of things may help to influence the piece to success.

There are 3 stages to aiding creativity

Collect

Collecting things that are raw material can be useful and they are not always inspiration or ideas but maybe handy to take influence from the written styles, house styles like colour pallets etc. There are a number of sites that are really useful when keeping collections in one place. Pinterest, Google +, one drive are all great for collecting. You may think that things are useless but most things will be relevant at some point

Sources:

  • Observing life – drawing or photographs/videos
  • Books
  • Magazine – keep up with what’s going on, look at all genres too – you might not always be working in the area you would like
  • Found typography – Appropriate fonts for the story, shop signs
  • Stuff off the internet – Pinterest, google+, Deviant Art, YouTube, Blogs, Be aware that a lot of things online are opinion and not facts, look at colour schemes
  • Freebies – Flyers that get handed out on a night out, look at design
  • Leaflet racks – content of leaflets – how have they been written, how is it marketed to their intended audience
  • Clothing Labels/Tags – some are nicely designed – makes you think about it if you have to untie it, extra detail – makes it seem higher end
  • Packaging – is sells based on designs and products but the packing can reflect the product.
  • Photos – even one that have gone wrong, photos using other objects
  • Doodles

Catalogue

Cataloguing can be extremely useful as it is a visual aid that allows you to see exactly what you have saved for an idea. Google+ is visual through images instead of just a list like the favourites list are. In favourites it just saves the link and doesn’t show what it is actually about, this means it will be harder to find something useful when needed.

There are many different ways to keep a catalogue, for instance;

  • Sketchbook/Notebook – keep it on you all the time
  • Binders
  • Box files – to put things in
  • IPhoto/Flickr – some have lots of info on them e.g. date etc.

Create

When creating a product, piece of writing or whatever needed it is important that we work to deadlines.

However, if the creative juices just aren’t flowing then you could change the environment you are in. Possibly go out for fresh air or go to somewhere where you can focus more Peace and quiet maybe key. If you have a mental block then there is no point just spending hours and not getting anywhere then Go to bed get some rest. In the morning something may come to you.

Brainstorm and mind map is a good way to get ideas onto paper, once ideas are down then it is easier to make better choices. Ideas will develop and possibly merge.

The use of mood boards can work to our advantage.  The advantages of a mood board is that it narrows it down ideas, clients can make them if you ask. Mood board are how it makes you feel. Key when trying to make an emotion.

Style boards are also useful this can layout ideas on how something will look. For instance, Colour Pallet can be chosen from an image that gives the feel you would like to portray.

As a journalist it is imperative I take these three skills and put them into my own practice. This will help me become a much better designer and keep up with current styles, whilst putting my own spin on a topic. The skills will help save time as I will have things that will give me direction when struggling. Over the next few weeks I hope to develop my own catalogue.

 

 

Next stage to the Creation of my Infographic

After finalising the headline, I then moved on to the nest stages of my infographic this was a fairly long process as i need to take my research and embed it in a fun and creative way, rather than just the simple charts, graphs and pie charts.

Data used :

Screen Shot 2016-01-14 at 21.46.23.png

Screen Shot 2016-01-14 at 21.46.40

information taken from the – http://www.bbc.co.uk/sport/disability-sport/19083815

This gave me factual evidence of the facts and allowed me to get an understanding of the flags I needed to download.

My idea was to represent the data through using a medal and the ribbon  by embedding the top 20 countries that were the top medal winners overall and placed there flags inside. Once all the flags were positioned were i wanted them i changed the mode to make the flags appear the texture of the ribbon. I also used the free adjustment tool the warp to stretch sections to make it appear that the ribbon was turning. I then did a clean up of the over hang of the flags that went outside of the ribbon lines. This clean up makes it look more of a higher standard.

Original Image

London-2012-Olympic-and-Paralympic-Medals.jpg

I cropped the medal of choice out and extended the ribbon strap. I then placed the top 20 countries that got the most medals

New image

Screen Shot 2016-01-15 at 11.55.36.png

Creation of Humber Street 4 page spread

In this session, we have been set the task to produce a 4 page spread – with the topic ‘Humber Street’. To help me create the print product that has been asked of me i have used open sourced software.

Original Template

The title I changed to something much more appropriate to the subject “Humber Street”. I also got rid of the images and backgrounds, so that I could make them much more appropriate to the task.  There were to many pages on the template so I deleted some of the pages to make it fit the requirements of task.

The pages with some changes made (Not with actual text – place holder text) I will be using research to help me make it factual – the placeholder text doesn’t represent how much text will be on the page just there as a plan for where i want to put text. I want the overall project to look clean and very visual (lots of images) not much text , This means it will give the audience a better experience.

Follow this link to go to my Humber Street magazine https://www.lucidpress.com/invitations/accept/7700c48d-be26-4477-830f-e004c1acfce1

This slideshow requires JavaScript.

Images used for project- Actuality and Secondary sourced 

KONICA MINOLTA DIGITAL CAMERA

This image was taken by me on KONICA MINOLTA DIGITAL CAMERA

This slideshow requires JavaScript.

 

After putting the images into a rough plan of the template, I then manipulated the size of each image to match what I had in mind for the layout. After doing this it was about adding text – Title and body copy. In order for my DPS to be factually accurate I now needed to conduct market, background and secondary research.

In the slide of the secondary sourced,  images that I have sourced from a number of websites including that of

The task is now to find the key relevant research.