Food & Drink Client A01 A02 A03

Type, Image colour and pattern in illustration

My first client within my main theme of Type, Image color and Pattern, will be the restaurant chain 'Byron'. My plan is to create posters to promote the opening of a new location for the restaurant, create a new Menu, a new logo and create new packaging. I chose this restaurant because I liked its vintage, industrial, 1950s diner aesthetic, which is something I want to be reflected in my work. I think this style will fit well in my theme, as I plan to use a lot of illustration for this client, and so will explore the ways Typography, Colour and Pattern were used in illustrative advertising in this time period. I plan to use Photography as a way of planning my pieces and Adobe Photoshop and Illustrator to create them.

Brief One Planning

Ryan Duggan Artist Study

Ryan Duggan is an illustrator, designer and printer working in Chicago. He makes posters which have been used for advertising music concerts, beverages and food, as well as making cards and calendars. I like his style of illustration - his faded, desaturated colors give the scenes he draws a vintage, nostalgic feeling.

I plan to make a poster advertising my client Byron's restaurant buildings, in the style of Ryan Duggan. This artist Fits with my client as Byron's restaurants often have an urban, vintage feel, with many of their locations featuring exposed brick and piping.

This artist connects to my theme of 'type, image color and pattern' as the limited number of colours in his work makes it seem like it comes from the 1950 era, and was made by someone who had limited resources, as only 3 or 4 colors are ever used in one piece. He uses creative methods to give the illusion of a larger range of colour - like using a dotted pattern to spread out colour, making it appear much lighter than it is. This is a creative way pattern can be used in illustration

Colour Scheme for Client

These are the colours I will use for all the work I do for this client, using a consistent scheme of colours will help establish a memorable brand. These are colours I took from Byron's website, helping me to stick with their preferred style of advertising.

Photoshoot Contact sheet

Many Of Ryan Duggan's work are of buildings viewed from straight on or at a 45 degree angle, and taken at head level or slightly above- I tried to keep within this trend for all my images so my response will align with Ryan Duggan style. All of these images were edited in Lightroom to make sure they were well exposed and to straighten the images if they needed to be rotated slightly.

1

2

I chose these two images because they both have exposed bricks which is found in much of Ryan Duggan's work and I thought these buildings fit with the vintage, modest and secluded style of the buildings he draws. As I am using a limited number of colors for my responses it would be useful to work from image with with bold, evenly spread colours to create clear, sharp images.

Creating the Posters

To start, I put my chosen images into a new photoshop document and lowered their opacity, making it partially see-through. Then using the pencil tool I traced a rough sketch of the building. Once I had a rough outline to work from I planned where each color should go- using limited colors I had to think about spacing them out evenly so that there wasn't too much overlap. I marked where I would put each color by placing a dot into each section as a rough guide

I went over my basic sketch with more solid black lines using the rush tool. Although the bricks are straight, in the image they slant increasingly because of the perspective, so I included these blue lines to act as guides, telling me where to draw the bricks on the 5 faces of the building. I used the angles of the windows to draw these guides. I traced a few bricks from each panel to make sure the size was right before deleting the original image layer. Next I drew a section of bricks to line up with the blue lines, instead of drawing from the top down which would make it harder to gradually change the angles.

One way Ryan Duggan creates a range of colors is by adding a dotted texture, which creates a lighter shade of the color being used- here you can see how it creates light grey and blue shades on the windows of the picture.

I used the brush tool to colour the rest of the image, turning the smoothing off in the brush settings for this because in all of Ryan Duggan's work the colouring is slightly untidy and spills over lines, making it seem more like it was hand-drawn. I tried to use negative space to make the clouds of the image because this is a technique that Duggan uses. I used a digital brush with a slightly rough edge for the large chunks of colour like the sky to make it seem like it was painted with a real paint brush. I added simple hand drawn text, I tried to make it look imperfect and out of proportion to fit with the vintage, Pre-digital look.

Finished Responses

Evaluation

One thing I like about these pieces is the use of texture and pattern to create different colors and shading. Something I would improve would be to try and include some people or vehicles- one distinctive trait of Ryan Duggan's work is including a car or person in the foreground of his images, making the scenes seem more busy and lively. I like this style of Ryan Duggan's, the simple, cartoonish scenes make the buildings seem warm and inviting. This poster could be displayed in Public on signs like the ones above to advertise the new location opening.

Observational Drawings Brief

For this Brief I wanted to create a drawing that could be used as new menu's for my client.

Photoshoot 2

For this photoshoot I flipped a table upside down and wrapped thin wire around the upturned legs to create 6 pairs of parallel lines. I placed an ingredient on each layer, separating them all and giving the appearance the burger was floating. Using the wires meant I could easily move the food items from left to right, changing the structure of the image easily. After I had taken my photos I made a few adjustments in Lightroom to make sure everything was properly lit. Then in photoshop I removed the parts of the wire that were still visible using the healing tool. This gave the impression that all the parts of the burger were floating.

Here is the contact sheet from the images I took as well as the image I chose to use to create my posters. I chose this image because it shows every item at an angle instead of just from the side. There is a big enough gap which means the light passing through the elements makes it look fresh, light and the curved line in an S shape makes it appear harmonious and balanced.

Artist Study

Michael George Haddad

Michael Haddad is a designer and illustrator based in Canada. He has said his style was influenced by push-pin art, French comics, paperback sci-fi, and pop artists.

I like his style of illustration because of his use of colour and texture: he uses a pattern of repeating lines which are used as shading to add depth to the images, by then changing the space between the lines he can make the shading dense and dark or dispersed and light. The colours he uses are often very contrasting which makes them stand out, without necessarily being very bright or bold. He only uses a small number of colours, usually 3 or 4, although his use of textured shading makes it seem like a wide variety of color is used.

I thought this style would be useful for menu design- For my response I will make an illustrated poster out of the images from my photoshoot, drawn in the style of Micheal Haddad.

Creating the Posters:

I used my photo as a reference to trace a rough sketch of the burger using the pencil tool. After this I went over the sketch lines with a thicker black line using the brush tool. One small detail on Michael Haddad's work is that his lines aren't perfectly smooth, they are slightly rough and bumpy- to mimic this I set the angle jitter of the brush I used to 20%- this made the brush angles wobble slightly as it is at a slightly different angle each time.

Once I had finished making the outlines I started to add the shading. Michael Haddad uses parallel lines of varying lengths to create his shading. To recreate this look I first drew the area I wanted shaded with a solid blue brush (blue so I could separate it from the black lines). Next, On a separate photoshop document, I drew a short straight line at a slight angle. I Then made that line into a brush ( edit --> Define brush preset). I then Increased the spacing of the brush to 10% in the brush setting panel. This meant that when I drew a line with the Brush tool would create a path of identical lines evenly spaced apart, following the direction the mouse moves. Next I made this layer a clipping mask on the blue shaded layer- this meant the lined texture was only visible when it overlapped with the blue. This gave me a rough plan of how the shading should look. I then drew Each line individually using the brush tool, using the gray lines as a guide. I also Rounded off the corners of where each line connects to fit with Haddad's style.

After I had finished drawing the main image I started to work on the background. Haddad's work often features patterned geometric shapes which distort the perspective of the image and add depth. I used this technique and drew a patterned cube using the pen tool- placing one behind the main image and one in front, to add depth to the image. Similarly to Ryan Duggan, Michael Haddad also uses a dotted pattern in his work, this is a useful way to create a greater range of color and adding shading without actually using different colours. Finally I added text to the image as well as changing the hue of the poster to create 3 different colour versions.

Finished Digital Responses

Lino Cutting Experimentation

To make these, I first traced the image I wanted to draw onto the pieces of lino by covering the back of the image I wanted to trace in graphite, then sticking it to the lino and going over the lines with a sharp pencil. this left me with pencil lines on the lino of my image, which indicated where I should be carving. I carved out the lines then covered the lino in ink, which could only reach the areas that had not been cut away. The Ink was then transferred to a piece of paper giving a printed image.

To carve the lino, I firstly Printed out one of the finished posters and covered the back of the printed image in graphite. I then Taped the graphite covered paper to the piece of lino and traced over the outline with a pen, so the graphite from the back of the paper was pushed onto the

Firstly, to make this photo, I pasted in the two scans of My Lino prints onto photoshop arranged them into position using the transform tool.

I changed the Colours of the linos by inverting them and adding a hue and saturation layer to change the colour to blue. I added a Black and white Gradient map layer to just the food items using a layer mask.

I Brought in the Cubes that I had used for the previous Digital response as well as drawing another two

To I duplicated some of the food pieces using the magic wand tool and resized them with the transform tool, then coloured them with the brush tool.

I brought the text layers from my last response into the document.

I altered the colours to make three different versions of the finished posters by changing the Hue and saturation.

Finished Lino Cutting Pieces

Evaluation

I liked creating this piece because I was able to experiment with photography and more actively create what I was taking pictures of as often I take photos from life just as they are. Using the wires was really helpful with experimenting with compositing my image quickly and giving me a wide range of images to work with. I think the floating elements suggests an appealing lightness and freshness. I think Michael Haddad's style fit well with the vintage, printed style that I wanted to be part of the brand I was forming. One thing I like about these pieces is using Haddad's unique form of shading through spaced lines which I think is a really clever way of creating a range of colours with pattern, similar to the dotted patterns used by Ryan Duggan. Something I would possibly improve about these would be to make the background more interesting- perhaps adding other food items instead of repeating ones in the foreground. I think the lino pieces also work well with the old fashioned, hand crafted look that I wanted to get- with slightly rough edges and faded colour.

Brief 3: Using Adobe Illustrator

'Once Cero Cinco' Design studio

'Once Cero Cinco' is an artistic studio based in Santo Domingo Dominican Republic. It is a company made up of multiple artists. Here is a collection they made where they used typography to create images. their work with vector based images meaning they are extremely high quality. for my response I will make three image out of typography which which could be possible logos for my brand. This technique is done using the envelope tool, which shapes the text to a certain shape which can then be used to create an image. This artist links to my theme as it is a create and innovative way to show how typography can be used to create illustrations. Text is often separate but this allows it to be part of the image, utilising as much space as possible which is extremely important when trying to create a logo, as you want people to know you name, but presented in a way which links to your business

Making the Logo

For this response, I first sketched a rough outline using the pencil tool in photoshop, which I then imported into illustrator.

Next I used the Pen tool to create the shape of my logo.

I coloured the parts I wasn't going to make text using the colour change tool.

I write the name of my client using the text tool, setting the outline colour and fill in colours the same.

I aligned my Text with the shape and placed the text at the back using the arranger tool.

Then I selected the text and shape, went to the edit panel and selected envelope- this reshapes the text to fill the shape on top of it. I repeated this process until all the text filled the shape of the logo.

I reused this technique to create this card for my client as well.

Tad Carpenter

Tad Carpenter is an American designer and illustrator who has worked for a number of clients such as Target, Atlantic Records and has illustrated several children's books. Below are some examples of the illustrations he has done- he uses adobe illustrator to create hand drawn style images which are shaded using a repeating line pattern. Similarly to Michael Haddad, the intensity of the shading can be effected by the thickness of the lines and closeness of the pattern. I like this technique because it is a unique and creative way to use pattern to create shaded line drawings, instead of using gradients like a lot of pencil drawings. Using illustrator makes the images seem sharp and detailed as the vectors allow the artist for have perfectly clean edges without ever seeing pixels which which make the work seem low quality.

For My Detailed response I Plan to draw a collection of food using Adobe illustrator in the style of Tad Carpenter which will be used to redesign the packaging for my client.

Drawing the Packaging

Firstly to make these, I first drew a rough sketch of the object using the pencil tool on photoshop- I then imported these sketches into illustrator.

Next I used the pen tool to create the main lines of My images, setting the line colour to black and the fill colour to transparent

Once I had the pen tool outline of my object I started to add the shading: I drew a line with the pen tool which I then duplicated multiple times, resizing using the transform tool to fill in the area where I wanted my shading

After that I lowered the opacity of these lines, I then traced over them using the brush tool- I used the brush tool as the lines in carpenters work are often slightly wobbly and uneven, giving it a hand draw look

Finally I removed the pen tool pattern underneath leaving just the brush tool lines behind

I repeated this process for the other 8 Objects and duplicated them, arranging them evenly around my logo to create my finished Image.

Evaluation

Adobe Illustrator is useful because it allows you to create Vector drawings, which don't use pixels and so can be scaled up to any size. I liked using typography to construct an image when creating the logo as usually image and type and separate, but this technique creatively allows for both to be used in the same space which is very helpful when you have limited space.

Something I like about the packaging is it seems quite clean and sharp - Ted Carpenters style of using line patterns to create shading instead of gradients means the drawings appear sharp. This use of Pattern links to my overall theme of 'Type, Image colour and Pattern'. Something I would Improve about the logo would be to make the text slightly neater, and the extra layers could be removed because its not fully clear what they are supposed to be when there is no colour.

Music Client A01 A02 A03

Click Here To Return to Home Page

Page updated

Report abuse