Thursday 22 November 2012

Bubbles Side Banner

I was recently working on a project which involved redesigning a side banner for a site.
There were a few constraints:
  • It preferably had to be able to link to other parts of the site
  • Show the different activities available
  • Look good when made low res and small image size for fast loading.
With this in mind I set about my task, the company is all about the sea so I wanted to work on something water based. A simple gradient would work well and also allow pages that are long to just have a plain colour after a certain length allowing fast loading.
Bubbles are something that I have always wanted to do after all those sonic games in my childhood but have always found difficult to draw so I took up the challenge.

After reading a few blogs I had a go and this was what I created.
For some of these I used brushed from the Hawksmont Universe - If you ever want to create something in photoshop and aren't 100% sure, it quite complicated, or maybe it's a fairly common thing, look for brushes of this first; there are so many free ones out there. 

Friday 9 November 2012

T-shirt Designs - Claim boarding

One of the biggest issues I found when coming up with ideas for t-shirts was once having the design, how to show it on a t shirt or hoody and not look like the design is hovering above or a separate article. The image below shows how you would send it for manufacture with the design separate just to show where it is to be placed, however this does not look great for marketing.

I then found an image of an actual tee in both male and female styles and placed the image on this, with slight distortion and fading it looks far more realistic.
This method was then also transferred onto hoodies, for this the drawstrings had to be placed over the top of the design  although being flatter it enabled less image manipulation to take place.
Colour variation is fairly simple, making a quick hue/saturation change via an adjustment layer.
This simple colour alteration means that seeing your design in other ways helps to produce other ideas such as offsetting one colour or a spray style, both shown below.
See more at Claimboarding and check out the latest tees and hoods.







Thursday 8 November 2012

3d logo design - illustrator - Claim boarding

The design for the Claim Boarding logo is fairly simple, the punched hand in the air would be the rider "claiming" a trick once they have landed it. They specialise in Boarding clothing and so that is the clothes on the silhouette.
What I have done here is taken the standard logo and transformed it into a 3d design, for this I used illustrator and it's 3d extrude and bevel function.

You have to be careful not to rotate the design too much when there is a lot of the detail close together as it becomes less defined the further you go.

Once created it is possible to then colour the edges, this will help the cut out section stand out. Here I have used a light grey which gives a chrome effect.

Adding a background such as the blue I have used works well as it allows the show to form on the colour and give the appearance of a wall.

Leaflet design - The Kitesurf Centre

Still following the same lines as the previous two projects was this latest one. Previous years The Kitesurf Centre ( TKSC) had used a single leaflet side sheet, very handy due to it's size however extremely difficult to show a great amount of detail on and as the company grows it has wider range of activities and therefore items to be placed on the leaflet.
It was a quite simple task all the details were on the site on the summary of courses page
I then had to see what else might want to be added and then put that into the design.
Instead of having a conventional 2 fold leaflet like a book I wanted a concertina effect allowing 2 fronts, one to have The Kitesurf Centre and one for the Stand up paddle board centre (The SUP Centre)

Here is how it works
This although makes it great to use makes it a little hard to design but this is how the preproduction designs looked:


This is as much details as I feel I could add without making it too busy or removing one of the front pages.


Sticker Design - The kitesurf centre

With the new 2011 - 12 logo designed and other car stickers almost all given out new material was needed.
Instead of having expensive purpose built car stickers made we aimed to just have some large stickers made that could be used either on cars, boards indoor and outside against the severe elements that kite equipment is exposed to.
After much research exterior grade vinyl was the best choice however this came up with some extremely high prices, averaging about £0.50 per sticker on orders of 500. Plus to see a sample there would be extra involved fortunately Moo came to the rescue, they product sticker packs of 100 stickers for around £20, these are much smaller only 38m in diameter. No the fastest in terms of delivery day from order almost 2 weeks.
A large variation of colours is available rather than paying per design as with most companies so we sent 6 to test.
Here are 4 the others were just slight variations in these with the colours, one of the key colours we wanted to test out was the pink and white and this had become a main part of the colour scheme use on the website.
Purple had been used on the previous t shirts and worked well with the old design so a good outcome was expected from that and the yellow blue.
One thing we did notice was that the text built into the ring was difficult to view unless close up so wasn't very good and didn't fit well with the simple to understand logo and so was scrapped, this was good as it had showed that having prototypes / samples really paid off.

Satisfied with the colours but wanting something a little brighter we went for 4 variations but only one used here the blue yellow with white text.


The main difference we went for in the final prints was less dual colour stickers and more tripple colour prints  we also brought in the vivid yellow and pink prints to stand out if people a more defined mark or to match the colours of the boards.


Logo Design - The Kitesurf Centre

In 2008 the Brand "The Kitesurf Centre" was born. The logo at the time was a collaboration of many while putting their own twist on it. The design has used the idea of sights or circle around the side from Liquid force at the time, a kite similar to that used by Rodwe and a well shaped waves used in many surf and kitesurf brands. The finished item was a sketch drawn in an airport but still one of the most effective logo's I have seen whether planned or not, split down there are three parts. The Kite, the wave(surf) and a circle or sights which then place the other items and target in the centre.

Here shows a 3d representation of the logo which I have put together and has been used throughout the website and marketing material for a couple of years.

Each year we have kept the centre looking fresh with a new cite and even upgrading the building and continue to do so therefore we decided that this was also a good plan to do for the logo
I was given the task of looking into a new logo and the creation so new stickers and other such marketting material to go with it.

Following the basic idea of the three parts I did not want to change it too much, it had been a variety of colours throughout the couple of years so colour choice was very open but it had to work in more than just the one or two.

I initially looked at changing the entire design such as the wave and kite or even adding a kitesurfer to it however none of these created the correct effect.
Instead I decided to change the exterior circle or at least the sights. With the whole concept revolving around  wind and the weather that is what stuck in my head, in this design I try to put across the idea of sun and the rays produced while also giving the effect of wind with the rotation of these giving a slight eye of a tornado feel to it.




This design worked well and we were pleased with the outcome as it also allowed the use of the name in the logo if needed or absent when not.

The design was then used for much of the marketing material and even placed onto clothing. One of the key changes we had made in the centre was hiring a large number of instructors so to show us as a team we had staff hoodies and t-shirts made to be worn. Here is some of the intial designs for the hoodies however we eventually went for this initial design on the front and the surfer riding along on the back with brands running down the arm in a cub badge style.
Here you can also see how the design also works well with other colour and without the brand name written on.
Next on the list..Stickers



Star Luxe Cosmetics

Star Luxe was a short project that I took on as a favour.
A family friend was starting a new brand and needed some 3d renderings and presentational material.
This is the type of information I was given so you can see the design process.


From the few slides I was sent I then extracted as much information as possible to develop the range, throughout the process I continually emailed the client to keep her up to date and used Dropbox to keep her clear on the alterations made to the designs and the renders produced. I found this was much quicker than emailing and allowed far larger files to be transmitted which meant a clear understanding of size and colour rather than a compressed low res pic.
Here are a few examples of how I developed this.

Purple Mascara.

Lip gloss packaging.

Lip gloss.

Powder box.

The designs were pretty near to how she asked however the changes are all ones which I recommended and although not initially liking the idea once seeing it all together they were sold. This was most apparent with the powder box where I first sent them an image I had created for the powder, they had asked for gold with a slight spiral of purple to give a galaxy and stars feel to it. I had a quick play with the gold, realised I was not a fan and that the gold would look better as the centre and the purple replacing what would be good as the black of a galaxy. Seeing the jpeg they asked if I could redo it but before I fulfilled their request I placed it into the solidworkds designed box with the reflection and waited for the reply..They loved it.

Real Beauty health spa (MR Design)

A project created for a friends family member, they needed a very simple website created for their beauty salon/ spa.
As a designer this was simple enough for me to come up with the concepts and then my flatmate would create the coding and put the pieces together.
We thought this could be a good practice and if it worked possibly go into webdesign together, I put our first names together to form MR and then added design at the end, simple...company name done - MR Design.

Initially I send them a few colour schemes as without going to the shop and speaking to them it was difficult to obtain information about them as their emails were not very specific.
Here are some of the colour schemes I sent:


I was hoping they would use one of three colour choices, for this reason I places it at the top of each box. I also mentioned that if there were any colours in one and not in the other then to let me know and we could mix and match a little. They decided to go for colours in the earth box (top left) however the 3rd strip down which was not one I would have chosen myself however I followed their brief and created a home page.




The design was just a quick concept so that they might see how it would look before I created the other pages. The font I used was Helvetica however this may have been changed depending on if they already employed a specific font for their other items, leaflets, banners, shop front etc.
As it may be apparent I didn't completely to the colours chosen, when working with this I found that it needed something to lighten it  and clean it up so added the light blue but still with the earthy feel to keep it in the correct area. The company had a few issues and so the whole website plan fell through leaving us with nothing, first lesson of design take some type of deposit or just be lucky.

Water splash

1.   2.
I have often seen photo's where items have been dropped into water and not known if it is real or photoshopped. One way to find this out and also learn a new skill was to try myself. I found a blog that showed about water and how to manipulate a page to show a flow going in and splashing back.
These three pictures show a quick explanation of how I reached the final image.
1) The water itself, background white blending with a circular gradient to grey/blue. The impact area should be where the gradient is white so make a horizontal blue box here and then manipulate the top with warp, smudge or anything else you like to soften the edge.
2) This image is a layer created using filter and then fibres, pull this into the splash shape, add a slight Gaussian and motion blue with it splaying out at the edges.
3) Final image, use fibers but with dark blue rather than black, twist this around using distort and warp. I also used an overlay for this to darken it slightly, remember to place this later behind. The top of the water must also be edited with a similar method, add a couple of light spots and blur/blend with the blue and fiber layer. make sure to delete the centre where the splash has hit.
3.
The Final Image
I hope this is a quick rough guide to see how to manipulate water.

Wednesday 7 November 2012

77 Project and STRYDER Boards

I have recently started design concepts for two board companies, 77 Project and STRYDER boards.
77 are a polish brand that have created a range of snow and kiteboards and also ski's for the last few years. Their facebook page is almost more informative than their website as it shows designs from many previous years both can be seen here:
http://www.facebook.com/pages/77-PROJECT/178433682245859?fref=ts
http://77project.com/


Stryder is an extremely new company and a local board shaper to the kitesurfing business I co-run with my brothers (thekitesurfcentre.com)
He has currently decided upon the shape of two boards a freeride and a freestyle/wakestyle board, each has a basic design that he would like to keep for the first year however will be needing something fresh for next season.

The Brief:
Neither companies were extremely precise with what they would like, with Nik Stryder is was a verbal discussion with the key point being that he would like to keep the stripe/block design, which is on his current board throughout the range even if it is subtle.
77 Were a little more business like with an actual brief being sent that they had used in a competition previously in the year but it was a good start:

What we expect about new graphic:
- colours could be changed,
- colllection should have an accent and be a slight continuation of lastlest years, but graphic design should be brave,
- logo design could be changed,
-  tranpsrent graphic could be used to show carbon, cevlar and wood core,
- in kitesurfing boards we do handle footpads and footstraps (black&white) and we can print our logo on a footstraps and handle


- plus you can design your own project (your vission of 77 brand)

The key this that 77 have used throughout the brand is RASTA, I understand that they want to give their product an appearance of free and easy going however it does not fit with them or the sports to which they are approaching. The owners and designers are Polish and neither Snowboarding or kitesurfing takes place in Jamaica and only has slight links.

I went away and started some designs on snowboards and kiteboards that would be relevant for both companies as a rough guide.




 I used some of the information both companies gave to me, however I also show other colours and design styles so that they can see other directions that it could go.