Today we will be working with the most basic tools in Photoshop and creating a very simple illustration, to practice using only the most basic effects. We have now made it over to part two of our tutorial, designing our awesome burger. If you are ready to start design, let's get started.
Alright, start out with a new document 600px x 600px and fill it with #89c3db. Now grab your rounded rectangle tool and set the rectangle radius to 25. Change your foreground color to #e4bf84 and draw out a rectangle that is 510px x 80px. You are gonna wanna space it somewhere near the bottom. Right now there are no specific pixels for spacing yet. We will worry about the spacing once our hamburger is done.
Now, grab your pen tool and choose the Add Anchor Point tool. Add an anchor point at the center of your rectangle and pull it down to give our bottom bun just a little bit of a rounded feeling.
The Burger
Ok, now we are going to create our simple burger patty. To create our burger patty we are going to change our foreground color to # and then we are going to grab our rounded rectangle tool again. This time I want you to draw out a rectangle that is 550px x 95px.
Now grab your Add Anchor Point tool again and give the top and bottom a slight curvature as well.
The Condiments
We are on our way, now we just have to give our burger that little extra something to make it look delicious: the condiments. We will start out by adding the cheese to our burger. To do this you can either use your polygonal lasso tool or your pen tool. In either case you will want to create a new layer above your burger layer and change your foreground to #f3ad53.
Now make a selection that looks like the cheese is curving over the burger. It's basically a rectangle on the sides and top, with a triangle at the bottom. This is what we got for our selection:
Now fill your layer and you have your cheese.
Now to draw out the next condiment, our lettuce. Depending on how detailed you want to get with it you can use your pen tool, but I found an easier way to make some nice lettuce. Grab your freeform pen tool so you can just draw out some nice lettuce shaping. If you have a tablet to draw on now is a great time to use it, but you can do it with your mouse as well. I have never seen a perfect piece of lettuce on anything, so why make ours look perfect?
This is our shape, on a new layer and filled with #56b861:
Now for the tomato, my favorite piece of a sandwich. The tomato is made up of another simple rounded rectangle with a little curve to them. So, grab your tool again and choose 10px for the radius and #ca4a4a for your foreground color.
Drag out a new rectangle that is 535px x 65px. Again we want to grab our add anchor point tool and give the tomato some curvature to it. We want to add a little more of a curve to our tomato than anything else.
Oh yea, the condiments are all finished. Now to finish off our burger with the top bun.
The Top Bun
Change your foreground color to #e4bf84 and drag out a circle that is 545px x 300px. It will overlap the rest of our design, which is fine for now. We are going to take care of that in the next step.
Now, buns all have a little curve to them, so we will add that in now. Go ahead and rasterize your layer and then grab your elliptical marquee tool and draw out a large selection with the same curvature that you would like your top bun to have.
Once you have your selection, right click and hit Select Inverse. Once you have the inverse selected you will want to hit your delete key, and that is your top bun curvature. You may need to play with it a few times to get it exactly how you want.
You will notice that the tomato is barely showing, which is what we wanted. The top bun still feels just a little to much like a circle so enter into free transform mode (CTRL+T) and just shrink the buns height a smidge until you are satisfied and enough of the tomato is showing.I shrunk ours down to 95% height to get the right feel that I wanted.
What is our burger missing? Well the top bun is sure missing its sesame seeds and then the burger still feels to be lacking something....grease. Let's get started on the sesame seeds first as this is one of the easiest steps.
Change your foreground color to #FFF and grab your ellipse shape tool. Now drag out a simple ellipse that is 25x4 and place it on your document. Now just duplicate your layer over and over, moving them around and rotating if you want, to give yourself the sesame seeds.
And to add the grease simply grab your Blob 1 Custom Shape Tool and draw out some grease shapes with #f0a45a set as your foreground color. Be sure your place them underneath your burger layer and there you have it, your grease!
Our burger looks great. Now, you can start playing around with some effects and textures to really get a nice looking illustration. We added a few shadows, some texture to the burger, and an overlayed noise layer and get another version.
Conclusion
We now have our drink and our burger for our Illustrative Poster. Next we will be creating the fries and fry basket and then will put them all together with some simple text to create our poster. Be sure to check out the article that spawned this tutorial series and Part One of the series.
