process of logo and shirt

21
Process of making the Island School Sports Logo and the House P.E. Shirts

Upload: ron-siew

Post on 06-Feb-2015

920 views

Category:

Business


0 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Process of logo and shirt

Process of making the Island School

Sports Logo and the House P.E. Shirts

Page 2: Process of logo and shirt

Process of making the Logo

The Final Logo:

Page 3: Process of logo and shirt

Step OneI first started making this logo with two different fonts for I and S whichstands for Island School. I chose the colours red and blue because I thinkthat they are the colour of the school and the current logo is made with these two colours. I also think that these two colours are a good match interms of the colours.

Page 4: Process of logo and shirt

Step TwoI then added stroke under the Blending Options > Stroke, I chose the pixel at 10 as it would look better than at pixel because the stroke would be too small. I then afterwards positioned it for a distortion. From Edit > Free Transform > Distort.

Page 5: Process of logo and shirt

Step ThreeAfter I added the distortion I think that the dynamics are much more interesting to the previous logo, however my first attempt of distortion didn’t look so nice. It felt more like a rotation on the z-axis on a 3D layer.

Page 6: Process of logo and shirt

Step FourI then added the “ports” under the S of the logo however I first chose yellow, as shown on the picture, the colour yellow is very hard to see in various background that’s why I changed the colour and used a Gradient Overlay instead through this. I think that this would look better as I also added a white stroke like my two other letters in the logo.

Page 7: Process of logo and shirt

Step FiveAfter I added the white stroke and the Gradient Overlay, it looks like the picture below, however I think that the “ports” layer could also be distorted, this would make it look effective and suit the logo as it is also distorted to one side.

Page 8: Process of logo and shirt

Step SixAfter distortion, it looked like the picture below on the left, I thought that the “ports” was overstretched, I then kept fiddling around with the distort function until I thought of a better idea. Instead of distortion, I used italics instead, it looks much better as I think it is less stretched between each individual letter. The final product was also based on the picture on the right, after I italicized the picture.

Page 9: Process of logo and shirt

The Process of making the House P.E. Shirts

Here is one of the six house shirts, however they are basically the same exceptFor the colour and the House name on the side of the sleeve:

Page 10: Process of logo and shirt

Step OneI first started with a template white shirt which I found online on Google, I used it to start the shirt design. After that I opened the template on Adobe Photoshop and started editing, I filled in the colour of the shirts as Yellow to start with as I’m making a P.E. shirt for Wilberforce.

Page 11: Process of logo and shirt

Step TwoAs shown below, that is the yellow I chose for my shirt as it wasn’t too bright or too dim. I think that this is actually a good bright colour for sports. After that, I added the Island School logo and used the Color Overlay from Blending Options > Colour Overlay (White) and made the logo white. I think that the logo looks better in white as it goes well with every colour. I then added “Island School” in white under the logo with a Cambria font.

Page 12: Process of logo and shirt

Step ThreeThe picture below is shows the logo that I added to the plain T-shirt. However I think that it is a bit hard to read as yellow and white are both pretty sharp colours. So I added a stroke of 1 pixel with a darker yellow

Page 13: Process of logo and shirt

Step FourAfter I added the stroke, the logo was more defined than the previous logo. This, I think, looks much nicer and easier too see/read. I had to try the different types of yellow and tried different ones, I have also tried a stroke of orange but I thought it would be too different to the colour of the shirts.

Page 14: Process of logo and shirt

Step FiveI then added the name of the house “Wilberforce” to the right sleeve, I thought it would be better if it was on the opposite side of the logo as it would not all just be on one side and it would be more decorative on one side than the other.

Page 15: Process of logo and shirt

Step SixOn the back, I added the Island School Sports Logo that I made previously because I thought that the current Island School P.E. shirts were quite boring so I thought it would be nicer to add a big logo on the back to represent our sportsmanship. It also looks slightly more

Page 16: Process of logo and shirt

Step six (continued)I then lowered the opacity to 70% because the logo looked a bit too sharp to the shirt, I did this to make the logo blend in nicer to the yellow of the background. I think that if the logo was too bright it would make a big contrast to the shirt and my main focus is for the yellow to stand out instead of the logo. I also tried using a blending mode to blend in, for example, I used overlay to try to blend the layer to the yellow but it failed as the colour of the logo was too dark. I then used screen and lighten but the colour of the logo was too bright so I chose to change the opacity.

Page 17: Process of logo and shirt

Step SevenAs this is a template, I added “[YOUR NAME]” as I was planning on to let people order their shirt with a name or nickname printed on, I chose to do this because it makes the owner of the shirt much more unique and makes every shirt different.

Page 18: Process of logo and shirt

Other Original Starting ideas

In the next few slides, there are other ideas that I didn’t use because I thought they weren’t very good or effective.

Page 19: Process of logo and shirt

Logo of the School in frontI originally tried to use the logo of the school and put it in front of the shirt however it looked too bright and too big, I then changed the opacity but it looked unsightly so I scraped this idea and decided not to use it.

Page 20: Process of logo and shirt

Sports Logo positioning I tried putting the Sports logo in front of the shirt, I thought it looked great but the back would be too plain, so I decided to move it to the back of the shirt. I also put the name of the house on both sides but I when I thought about only putting it on one side, it felt and looked much better than having both.

Page 21: Process of logo and shirt

Outer glow on House names

I first added an outer glow on the house names for every house, the glow would depend on the brother house, e.g. Wilberforce’s glow would be Rutherford’s house colour (green) and Da Vinci’s colour would be Einstein’s house colour (purple). However I thought that it’d be hard to print and doesn’t look as convincing as a properly designed shirt to have a glow. As shown on the picture below, I think that the Einstein sleeve would look quite boring without the glow but it looks much more serious and the colour just feels right to me.