Design a Coffee Cup Icon in Illustrator

Yesterday I wrote an article about a logo I created for a new ministry at our church. I wanted to create a step-by-step tutorial to show you how I created the coffee icon for the logo.

If you have the Adobe Creative Suite, Illustrator is the program we will be using. A general rule of thumb, in case you are not familiar with it, is that InDesign is reserved for page layout, Photoshop for image editing, and Illustrator for logos and designs.

If you have not dabbled much with Illustrator, take heart, because neither have I. If you have a basic grasp of InDesign, Illustrator should come easy.

Start by opening and a new document and making it 10 inches by 10 inches.

The first step is just to create a circle. So take the Circle tool and hold shift to create a perfect circle. Fill it with Blue. If you want my exact color, the CMYK values are C=85, M=48, Y=0, K=0.

 
Now we are going to create the base of the cup. Find the Rounded Rectangle Tool, Click and hold on the Rectangle tool to reveal more options. You will find it there.

Begin to draw a rectangle. While you are still holding down the mouse button, tap the Up arrow key a couple of times. You will see the box begin to curve on the ends. Do your best to match the sample photo below. You do not want a complete circle because our cup is not a complete sphere. We want the bottom to be curved, but the top to be straight. Make the fill the same blue color and give it a white outline. You may need to adjust the stroke to make it thicker.

Now that you have our basic circle and rounded rectangle, create a generic rectangle that we are going to use to cut the cup shape in half. I changed my rectangle color to green just to show you the contrast. Place it at about the height that I did. You want a little bit of the straight edge of our rounded rectangle to show, but not too much because we don’t want a 5 gallon cup.

Next, find the Pathfinder palette. If you don’t already have it open somewhere, go to Window > Pathfinder. Selecting both the new rectangle we just made and our rounded rectnagle coffee cup, choose Subtract in the Pathfinder palette. It is the second option from the left. Then click Expand. Now we’ve got a circle and a cup.

Copy this cup layer and paste it in place on top of the current cup using Command + F, or go to Edit > Paste in Front. Invert the colors and turn off the now blue stroke to leave us with just a white fill. Shrink the new shape while holding Shift and nudge it slightly so that it leaves a small gap all the way around except at the top. Reference my picture below.

Now zoom in and add an anchor point to the middle of our new shape. Either press the plus key, or click and hold the Pen Tool to view more options. You want the Add Anchor Point Tool.

Using the Direct Selction Tool (White Arrow), nudge down the top left corner, our new point we just created, and the top right corner to match my image below. We want to create the effect of liquid inside the cup.

But liquid isn’t straight edged, it’s wavy, so we need to add a curve to our line. Now you need the Convert Anchor Point tool, it looks like a wedge. You’ll find it by clicking and holding the Pen Tool again and choosing the bottom option.

Click on our center anchor point that we added and, while holding down the mouse, drag out to give our anchor point some curve adjustment arms. Adjust these until you are satisfied with the wave of your coffee.

Now we need to create the handle for our cup. This is going to combine two tasks we have already completed for the cup so far. You need to create one shape based on a rounded rectangle for the handle.

Then copy and paste that shape, scaling it down and nudging it so that the handle maintains the same width from top to bottom. I have changed my second shape green for contrast.

Now substract it out using the Pathfinder palette and click Expand.

Next you need to duplicate the main cup body. Copy it and paste it in front with Cmd + F. Then bring it to the very front of the document by pressing Shift + Cmd + ] or going to Object > Arrange > Bring to Front.

 Select both the new cup body and the cup handle and use the Subtract tool again. Click Expand. Now your cup should look like this:

The final bit is to create the steam wisps. Zoom in above the cup. Take the Pen tool and make four anchor points. One at the top to start. Then click half way down to where you want to end, and, while holding the mouse down, drag out a curve. Now click a third point at the bottom. Create your final point in the middle to the side of your other point and make another curve. Complete it by clicking your original point to close the path.

Duplicate that shape twice, scaling one down slightly and the other even more. Space them out and you’re done.

You should have something that looks like this:

Read more »

SNAC Shop Logo

The latest design opportunity that I have had was to work on a few logos for our church. I hope that these logos will provide inspiration for you. I will also walk you through the steps I went through to create the logo. I will feature more of the logos that I created in the days to come. We'll start off with just one today.

The first logo is for an upcoming event, the SNAC Shop. SNAC stands for Sunday Night After Church. The SNAC Shop will provide coffee and snacks after the evening service in the fellowship hall to promote church fellowship and raise money for the youth group.

Here is the finished product:

To begin. I searched the internet for various church logos to get ideas. Unless you've got an amazingly creative mind, searching for inspiration is essential. I often get ideas from looking at other works and putting my own spin on it and rarely have epiphanies that come to me out of pure ingenuity.

I search places like CreationSwap, ShareFaith, and Graceway Media. You can check out my review of each of these sites in a post I made several months ago.

I found this logo on CreationSwap and it was the basis of my idea for the coffee icon.

The circle came based upon a series of info graphics I found on the web, and the rest of the "design" complimenting the circle was just from messing around to see what looked good with the same sort of a theme.

However, the most critical part of most design is the font selection. You can visit various sites like dafont.com, 1000fonts.com, or fontfreak.com to find some good fonts. This particular font was Neometric and was downloaded from DaFont. You can download it, if you like, by going here.

The coffee cup was created in Illustrator using various tools like the pen and pathfinder. I have created a step by step Illustrator tutorial for creating a basic graphic like this. It wasn't difficult, but you do have to know what tools to do in order to get the desired effect.

Some additional designs are shown below:

Read more »

The Amazing Race: Mildura

A few weeks ago, while I was in Australia, we hosted a church Amazing Race teen activity. It was a great blast and a lot of work. We had three video cameras present and we tried to get as much of the race on film as possible. The final product is featured below for your enjoyment. I have also supplied the rest of our meager "designs" for you to look at too.

This was the envelope design. We printed directly onto envelopes. It wasn't difficult to make. Just use all caps, a black or thick bold font and mess with the letter height percentages in any Adobe program.

These were our clues. We printed them in black and white for sake of saving money on color, but I designed them in color. It was pretty easy. Just a bunch of rounded-corner boxes and I used wingdings shaped like travel icons for top. We had detours as well, but you can get the just of the design from this.

Most of the rest of the activity was just planning and organizing. That's the only design aspect. But don't let it fool you. Writing all of those and having them printed, then sealing them in envelopes is a lot of work! I hope this will be an inspiration for you to do a similar activity at your church! It's great fun!

Read more »

Free Book: Simple Church Giveaway

We are giving away one free copy of Dr. Thom Rainer's book Simple Church.

Recently I wrote and article about the book. Check it out here if you haven't read it yet.

This giveaway ends next Saturday, August 11, 2012 at Midnight Eastern Time.

Just enter in the widget below. Like us on Facebook, Follow us on Twitter, or post a Tweet to get extra entries. Then make sure you share this giveaway on Facebook (the widget should prompt you) to get an additional entry for each one of your friends that clicks your link.

Read more »

Review of "Simple Church"

A few weeks ago, it was suggested that I read Dr. Thom Rainer's book Simple Church. I acquired the book as well as an extra copy (for a giveaway starting tomorrow).

By the authors' own admission, the book is "a nerdy research project" (243). What I found most humorous was shortly after that statement they write: "Normal people don't read church research books on vacation. We do. But we are not normal." And where was I when I was reading this book? On a plane on vacation. To that, the authors write "Welcome to the club."

However, don't let that give you hesitation. The book is a extremely practical church statistic book. The authors never meant it to sit on your shelf next to your church philosophy books and counseling books that you reference constantly for how to keep your church in the right perspective. They merely were reporting the findings of their research.

"But Traver, why is this book on a blog about graphic design?" Well let me tell you. It is because the book contains positive marketing principles applicable to your church both through design and ministry. The book begins looking at popular companies like Apple, Google, Southwest Airlines, and Papa Johns. These companies claim their success comes from their simple approach to design.

The whole premise of the book is "Simple is better." We've been duped into this mentality that "More is better" and "Complexity shows my skill." Instead, what society really wants is the point. They want to get to the point. In a society filled with microwaves, instant coffee and fast food, we don't want the extra garbage, just get to the point.

Some of the best design I have seen is clean. It shares the information you need to know, and adds nothing else.

Simple Church takes that philosophy and applies it to the church. The research project is then unfolded. Complex churches are cluttered with mission statements, philosophies, programs and directions. Each staff member has a different idea of what they want to accomplish and no one is in harmony. These churches have been found to struggle for growth, even if they are large to begin with, and report little development as a church. The pastor is frustrated and work is going no where.

The simple church, on the other hand, has one goal. One desire. They want to move people along a process toward spiritual growth. All of the simple churches have this general plan: "Win people to Christ, disciple them, and teach them to serve and share Christ with others." It's a three step process.

The simple church desires to move people along those various steps. The pastor constantly pushes that agenda, and every church member knows the philosophy. Each staff member is unified, and the programs of the church desire to further that cause. The church is vibrant and growing.

The proof, the method, and what to do are all found in the Simple Church. The authors are witty, funny, and make reading this book an enjoyable time. It's not a dry or dull experience, and the information is beneficial. You can pick up your copy of Simple Church at Lifeway.

Read more »

End Times Timelines

So where have I been the past month or so? Why haven't I been posting? Well the simple answer is I've been busy. The more detailed one is that I've been in two 2-week long intensive seminary classes as well as Australia for 3 weeks. You've received a few updates here or there about some design work that I have done in the process.

You might remember my post about the common take on Jude 22 "Making a Difference" being the wrong approach. You also might remember my Men's Conference Flyer for Murray River Baptist Church.

Well this is another one of those sort of posts. I'm currently in, and about to finish up, the book of Daniel in a Seminary class. Two of our class projects were to create a chart revolving around the Four Kingdoms of Daniel 2 and 7 as well as create a timeline for a Seventy Weeks of Daniel 9:24-27.

Our teacher showed us a generic Word document table with boring text and white boxes and I though to myself, "How about I make my chart look attractive." This has given me the idea of making charts like this in the future. I found this to be a practical and helpful project and I hope you find it helpful, too.

Feel free to use these if you desire. I made them pretty large (25"x19"). Just click on the picture to open the largest file.

The Seventy Weeks of Daniel timeline is pretty straight forward. It's a Pre-millennial timeline of events based upon Daniel 9:24-27. Yes, I am Pre-millennial. Yes, I disagree strongly about the other two views (A- and Post-).

The Four Kingdoms or Four Beasts chart is based upon Daniel 2 and 7. Though not directly stated in the chart, the image of Nebuchadnezzar contains the same four kingdoms. The head of gold, chest of silver, waist of brass, and legs of iron and clay are represented in that same order.

This chart contains all four views of this passage, though I only ascribe to the Pre-millennial view as mentioned above. There isn't much difference in the identity of the four kingdoms, but rather the difference is how the Kingdom of God plays in. The liberal view is just dumb.

Do you like these charts? Would you like me to design some more End Times charts? I'm thinking about developing a complete End Times timeline based off of the Seventy Weeks chart. Would you find it helpful if I did this? Let me know. Your response will determine whether or not I put the time into it.

If you like this post, do me a favor and share it on Facebook. Let's get the word out about attractive and easy-to-understand Bible charts that make certain passages practical and profitable. As well as all the other design ideas on this blog!

Read more »

Men's Conference Flyer

My activity here on the site has been low to nil recently, but in my day-to-day life I've been busier than ever working on two design items for Murray River Baptist Church as well as a host of other activities.

I'll talk about just one for today, and as I have time I'll talk about the other, which is a cool Teen Activity we are doing on Saturday.

The Men's Conference for Murray River Baptist Church this year is focused on a journey through the book of Proverbs. Pastor Steven Maldoff titled the conference "Wise Words from a Wise Guy." I needed to come up with a design that was both simple and clean as well as communicated that message of Wise Words.

Below is the design I came up with. I hope that it will be an inspiration to you, both to have a Men's Conference at your church as well as with the design for any of your materials.

Read more »

Identities: Go Big or Go Basic?

This article is by Coreen Smith. Coreen is a freelance graphic designer. She specializes in church identities. That includes logos, letterheads, business cards, and envelopes. She is a good friend of mine from my graphic design classes in college and she is great designer. She does do more than just identities, though, so if you are interested head on over to her website at www.coreensdesign.com

Coreen also wrote an article earlier in the week that you should read first if you have not done so already. Check it out here.


When thinking about the options of going big, which is using a graphic designer, or going basic, which is doing the work in house or for your self, there are still key factors to keep in mind.

Going big does offer positives and negatives. Graphic Designers can be expensive, though not all are. When dealing with a designer, it is best to have some sort of concept in mind as to what you want the end result to be and what you plan to use your identity for before your meeting. This helps minimize your meeting time, gives the designer an inside view of your ministry’s vision, and how detailed and time consuming this project could be. Remember when using a graphic designer you are paying for their expertise and services. It also frees up your time to accomplish other things.

It is important for me to state that having a whole identity package (logo, business cards, letterhead, and envelopes) designed will give you more value for your money by bundling the work, rather than having each designed piecemeal. If you opt to use a graphic designer keep him or her informed of your plans and that you have a budget. Ask if there is any way you can get the most for your money or ask if they do ministry discounts. Just remember that if you never ask, you may never know.

The alternative to go basic by doing it your self does cut costs, but requires more time and involvement on the ministry’s side. The options vary from getting a free logo/identity  or buying one from an identity/logo site. The pit falls or down side to going to these sites is that you loose out on the custom individual look and run a greater risk in coming across other organizations that share your same identity.

Another option would be to place your organization’s name in a nice font with a clean appealing placement. (See my tutorial on Identity design made basic posted Friday.) This would take some time, but would eliminate having the same identity as another business and yet give you an individual look.

After weighing your options, walking through the questions, and deciding what route you might like to take; remember that an identity is an investment. No matter what option you choose, big or basic, your ministry will get good use out of it. You will have a good marketing foundation to build upon today and in the future.

Read more »

Identity Crisis

The following article is our first guest post here at Media Missions. A guest post is when someone else, not me, post an article for your viewing pleasure. I've got a couple of these lined up over the next weeks with two different posters. The reason being, I am on a ministry trip serving Christ in Australia and don't really have time to post.

This article is by Coreen Smith. Coreen is a freelance graphic designer. She specializes in church identities. That includes logos, letterheads, business cards, and envelopes. She is a good friend of mine from my graphic design classes in college and she is great designer. She does do more than just identities, though, so if you are interested head on over to her website at www.coreensdesign.com


Identities and logos are becoming a trend these days. Everyone seems to have one. Do you? Does your ministry? Is it relevant for all ministries these days? The answer to that is no, but your exposure will increase. Definitely having one is better than not having one at all. You can attain a nice identity with a small or even no budget.

The Microsoft Encarta dictionary defines identity this way, “who somebody is or what something is, especially the name by which somebody or something is known.” This applies to people, companies, and even ministries, which includes churches. Link to church logo here. Having an identity draws visual attention and recognition to you and your organization. An identity goes beyond just having a name; it also can and often does include a logo.

A logo is an emblem or graphic that represents and becomes synonymous with your organization. Having a logo identity is not necessary, but can aid in the instant visual recognition of your organization. For example when you think of McDonalds, don’t you instantly think of the iconic golden arches? Or what about Apple computers? They have a basic yet clearly identifiable logo, the apple. Your organization can have an identity too, and it does not have to be an elaborate one, simple is actually the best.

So you want an identity for your organization. Is a logo necessary? How do you get one? What are the proper steps to attaining one? So glad you asked. Here is a list of some basic questions you will need to answer to determine if a full blown identity package is necessary for you or if something basic will fit your needs.

1. “Is an identity necessary?” The answer is always YES!! The amount of money you want to spend can determine the level you want to take this to. Some key factors to aid in determining how far or big to go with the identity process is the size of your organization, your location, and lastly (but most important) how large is your target market? For example, a clothing store that has a physical store and fills online orders would have a large target market. Therefore this store would have greater need for an extensive identity package than a rural mom & pop shop. Though both can benefit from a simple identity or logo.

2. “What is our purpose in attaining an identity?” The answer to this question and the next may vary from group to group. Evaluate your purpose to determine how big you need to go at this time. A few reasons for attaining an identity might be; to stand out in your area, expanding your ministry outreach, or increasing the ministries within your church, starting other branches of your ministry, or purely for publicity.

3. “What and how will we use this identity?” Again this question will have variable answers, but the primary reason should be for marketing. It may be for business cards, letterhead, and envelopes. Link to identity pkg. Other uses might be for use on a website, creating a church sign, billboards, brochures, t-shirts, and/or other promotional material.

4. “What can we afford and how do we attain the best for our budget?” Determining what you can afford may involve sitting down with your financial board or treasurer to determine your budget. If you are starting a nonprofit, it may be wise to incorporate an identity into your start up fees. If your budget is low, a basic in house design may be your best option. However, sitting down with a graphic designer and talking about the cost would be beneficial as well. Most designers do consultations for free. This will aid in determining if you are able to get what you want/need within your budget and have it done professionally.


I've got a few more Identity-themed articles from Coreen later on in the week. I hope you'll look forward to it.

Read more »

From the Experts: Advertising Failures

Do you want to improve your advertising? The best way is to find out why advertising fails and learn from it. Have you heard that old saying "Those who do not learn from history are doomed to repeat it?" Read about why other people failed so that you don't have to. No one wakes up in the morning and says, "Today's a great day to fail at our new marketing campaign!" The best way to prevent from being a failure is to learn from others' (and your own) mistakes.

Here are some good articles to read about why advertising fails.

12 Causes of Advertising Failure by Roy Williams
Here are a few rather short ideas about why ad campaigns fail. They aren't long and are easy to read. It covers mostly common problems. I've noticed that a lot of these problems are rooted in impatience and selfishness. Take that out of the equation, and you'll likely have greater success. No one likes a selfish company.

7 Reasons Most Advertising Fails 
by Kirk Phillips
Kirk incorporates humor and is a little more specific than the previous article. While the above article gives more general blanket reasons, this article addresses specific problems. Most of it is not directly applicable to what a church seeks to do with its advertising, but the principles are still beneficial.

Marketing Mistakes 
by Peter Geisheker
This article offers extremely practical solutions. It tells you why a particular approach has failed and how to change it. The best way to understand a problem is to be given an example or an illustration. It's probably the shortest of the articles, but that certainly does not detract from it's value in understanding how not to fail.

Read more »