Tag Archives: Shepard Fairey

New Website Have A Look

So basically when I was doing my HND we had a brief to create a website for ourselves, overall I wasn’t happy with this at all so I have taken it upon myself to create myself a more professional site, in which possible clients etc. can contact me on and look into myself abit more.

I will be updating this site all the time and it isn’t 100% yet, I have a lot more planned.

So if you get a chance have a look on: http://alexrichardson93.wix.com/alexrichardsondesign

Any questions or know how contact me on either the new site or via here!

Thanks

Tagged , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,

Posters with Illustartions

A good thing for me to look at in my research is other graphic posters that have used illustrations so thats what i have done.

blues_brothers_movie_poster_rolling_roadshow_2010_olly_moss-768x1024

 

I simply just searched for poster with illustrations and found all of these on the same website, I simply picked out some that I just liked the design on, the use of colours, images, type and the overall composition. The poster above features only 3 tones, black , orange and white and the tones are very strong and bold and in your face.

 

Ray-Ban-Rare-Prints-2010-Illustration-Poster-by-David-Sossella-1

 

This poster for Ray-Ban is what I would call and illustrative poster and this is sort of the style that I am hoping to use for at least on of my posters.

tumblr_mn9u7dYzZm1qgkn2ho1_500

vector+illustration+12

My style of posters and most of my design work is too use bold solid colours and powerful imagery and after having a look at some different posters in this style I think that I am ready to start designing my posters with little sketches at first.

Obey:

I have always been a fan of the work produced by Shepard Fairey and he’s posters and bold and powerful with strong messages and clear intentions so with this in mind it would be perfect for me to have a look at some of he’s design work.

500x604xPeace-Goddess-Ruby-500x604.jpg.pagespeed.ic.LOufvzBUC5

The poster above features a two layer style, both layers are visible and have both been screen printed which is something that I have done before years ago and It would be good for me too use in this project but with the time scale I don’t think it is very suitable but I will possible use the double layer or at least have a play around with it to see if it works for my designs because it almost makes designs have two stories in one design.

janes-addiction-poster-fnl1-500x666

 

Above is another poster for a gig in 2008, Obey’s style is so recognisable because it’s just the leading style in the graphic design crossed with art movement for me, so clean, detailed and moving to view.

Tagged , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,

Browser Test

After creating all of the pages I just needed to make sure that they all work in different browsers so the screenshot below will some different browsers and all of my pages.

Picture 10

Picture 11

Picture 12

Picture 13

Picture 14

Picture 15

Picture 16

Picture 17All of the pages work really well in  the Safari Browser, the only problem I can see is that the title sections on each page move very slightly which I have no Idea why they are because they have all be from the same template so they should all the exactly the same.

Screenshot below is proof of a Firefox browser test and the site worked just as well in this as Safari.

Picture 18

 

Overall the site works very well for the time I have had to design it from scratch but obviously with more time it could work and look better.

 

 

 

Tagged , , , , , , , , , , , , , , , , , , , , ,

Portfolio Page

After first creating the Home page design I went onto creating the Portfolio page, I began by having a think about the layout and I went back to the sketch book to decide how it could look and function, I decided to make the page long so the work could be seen at size just by scrolling up and down. Doing it this way I think makes the websites function better rather than over complicating it all with stupid animations and unnecessary gimmicks.

Picture 7

I first went about by deciding how long the portfolio page should be, I decided that It might be better having more pages rather than one massive one, although this is sort of what I want.

Picture 8

Edit:

Originally I wanted to have several long pages which featured all of my portfolio, but after thinking about how the pages would look and function I decided against this – instead I am going to have individual pages for each different piece of design work, with a list of links on the side for each design.

Picture 9

So this is my type tours page for the portfolio part of the website, I will need to do this for each design – some pages will need to be longer to fit the design pieces on – below is a screenshot of a possible way of doing the pages, I have put a very light grey colour as the back drop but I decided against this because when my designs were viewed in an online browser they didn’t look right because of the white negative space around them.

Picture 10

Above is a rough, not 100% completed final design, I still need to figure some bits out but overall I am a lot happier with it like this rather than having the portfolio on really long pages.

 

I next have to

Tagged , , , , , , , , , , , , , , , , , , , , , , , , , ,

Postcard Re edit

During our projet review at the end of our “Postcard Project” we all had some constructive criticism on what we could do to our design to make them better, some of us had a lot and some of us didn’t I only had 2 and these were for me to reduce the thickness of the lines around the edges of me designs and for me to put the dates on the front of when each thing was made/invented.

Screen shot 2012-12-05 at 11.03.05

This is the final outcome and I really do think that they both look better after the criticism, when I made the outlines smaller the gap in between them was a bit much so I made the inner box for both a bit bigger to make the space between them smaller.

Tagged , , , , , , , , , , , , ,

Poster Fronts/ Reverse

I was originally going to create my own collage background for my postcards but after trail and error and the time left to get this project done I decided to use a small section of a Piece of art made by “Shepard Fairey” called ” Eye Alert” the white version. I have done this because In our brief it allows us to use found Images on our postcards if we put down somewhere on the postcard where and who we got them off of.

This is basically what I wanted to do but this way it’s a lot easier, In later project with a longer time period to get it done I would like to create my own collage patterns.

 

So this is what It came out looking like, and it’s ok looking but I still think my own pattern would look better, but overall it is very legible and it gets the information points straight across fast and simply.

 

With the reverse of the postcards I designed them In the same step by step processes by first creating some suitable layers and arranging them in an order that I can successfully get each components in easily and correctly.

 

This is the reverse of the Interpunct postcard, I really wanted the reverse to go along nicely with the simple front of the postcard and it does in my eyes, It doesn’t look right with white background but when it is printed out on the ivory card I have it should look and work very nicely.

 

I will have to stick down the front design to the reverse to get it to look and work correctly.

Tagged , , , , , , , , , , , , , , , , , , , , , ,

2nd Postcard Design

It was very easy to create my second postcard because all of the hard work, getting everything in line and deciding were things should go had been done, the reason I wanted to keep the same design for the second postcard is because I almost wanted these postcards to look like they came out of a whole set of them, In doing this I think it makes them look more professional. This is because they are both from the same project and they have been designed around the “History of Typography”.

 

The first design still had “Garamond” as a font with didn’t look right with the Interpunct, so I decided to sutbly change the font to “Times New Roman Bold” which in my option looked a lot better and it made them slightly different which works better over all.

Tagged , , , , , , , , , , , , , , , , , , ,

“Garamond ” Postcard Computer Design

As with all of my computer work on Adobe Illustrator I first set up some layers according to the components I plan on putting in the design.

Grids are a main component and necessity for this design, everything has to be lined up perfectly, so I’ve created several “Grid layers” for the different grids in my design, each grid will allow me to line up different aspects of the design independently.

The first grid was just a simple 2 row grid with no space in between it, I did this becuase I want to design the front and the reverse of the postcard on the same A4 document, In doing this it will allow me to compare them better and it will also allow me to save ink and printing paper for test prints and mistakes.

The next grid was for me to line up my type components of my design, I didn’t know what dimensions this grid was going to be iI just ut on the preview and adjusted it to accommodate my text components of the design.

The last grid was again created using the preview method, the reason it has so many rows and collums is becuase I want the boarders of around the outside of the document to be very close to the edges.

Although my design is very simple and lacking at this stage, I have done this because the canvas/paper I am printing on will give the piece the characteristics, this computer design was mainly created like this to be very leagable and to get the point across quickly and effectively. I Still need to create the reverse but when I have I will post it up on here…

Tagged , , , , , , , , , , , , , , , , , , , , , , , , ,

More Obey

These aren’t postcards there posters but I can use the same processes, I chosen to look at these designs because of the overall feel, I personally really like the mix matched collage background with a Strong, bold printed message or design, This makes for a unquie design because every piece will be different if I was to create more than one, If I perticually like a Collage I could always scan it in and develop it on a computer.

When looking at this design I really want to create my own collages, Back when I was doing my Art A Level’s I did a whole personal project using collages in my own work to create a background, ( giving the canvas/piece an artificial history). This design works for me because of the strong printed black design and this is something that I want to use in my own postcard design, because of time restrictions with work and other commitments I wouldn’t be able to do printing in this project but I could possibly in later ones, for this project I am just going to but creating my designs on a computer and printing them out normally.

Even though there’s not much going on colour wise for both designs I think that the way the black has been printed out has been though about a lot, to create shading or less of the black faint lines have been made on the ares were shading is wanted, this in turn puts less black on the final price creating a subtle area.

 

This is a screen shot I took from a video on how “Shepard Fairey” creates he’s work and this is really good inspiration for my own work.

These design is amazing, the way all of the usual negative space has been transformed into an eye-popping design that attracts the viewer to look about at each element of the design, I really wish that I could use printing in this design but I can’t so… end of, but the wy it changes a design is really fascinating, I Know need to come up with some design using what I have learnt from my ” Shepard Fairey” research.

Tagged , , , , , , , , , , , , , , , , , , , , , , , , , , , ,