In the following tutorial, you will learn how to create a summer camp logo in Illustrator.
First, you'll learn how to set up a simple grid and how to create some simple shapes. Using basic vector shape-building techniques, you will learn how to create the tent, and at the end you will learn how to add a simple piece of text to your vector summer camp logo.
If you don't have the time to learn how to create a summer camp logo, you can always try a camp logo maker. Explore an amazing collection of camp logo ideas from Placeit and use the camp logo maker to build your own logo design with just a few clicks! This vintage camp logo is just one of the many examples.
What You'll Learn in This Adobe Illustrator Tutorial
- How to set up a grid in Illustrator
- How to create and adjust vector shapes
- How to add rounded corners in Illustrator
- How to add text in Illustrator
Follow along with us over on our Envato Tuts+ YouTube channel:
What You'll Need
You will need the following resource in order to complete this vector summer camp logo:
- Knicknack font
1. How to Create a New Document and Set Up a Grid
Hit Control-N to create a new document. Select Pixels from the Units drop-down menu, set the Width and Height to 850 px, and then click that More Settings button. Select RGB for the Color Mode, set the Raster Effects to Screen (72 ppi), and then click Create Document.
Enable the Grid (View > Show Grid) and Snap to Grid (View > Snap to Grid). You will need a grid every 5 px, so simply go to Edit > Preferences > Guides & Grid, enter 5 in the Gridline every box and 1 in the Subdivisions box. Try not to get discouraged by all that grid—it will make your work easier, and keep in mind that you can easily enable or disable it using the Control-" keyboard shortcut.
You can learn more about Illustrator's grid system in this short tutorial from Andrei Stefan: Understanding Adobe Illustrator's Grid System.
You should also open the Info panel (Window > Info) for a live preview with the size and position of your shapes. Don't forget to set the unit of measurement to pixels from Edit > Preferences > Units. All these options will significantly increase your work speed.
2. How to Create the Sun
Pick the Rectangle Tool (M) and focus on your Toolbar. Remove the color from the stroke and then select the fill and set its color to R=191 G=246 B=255.
Move to your artboard and click and drag to create a 280 x 200 px shape—the grid and Snap to Grid will make it easier.
Switch to the Ellipse Tool (L) and hold down the Shift key as you click and drag to easily create a 280 px circle. Fill this new shape with R=254 G=209 B=77 and place it exactly as shown in the following image.
Make sure that your circle is still selected and go to Object > Path > Offset Path. Set the Offset to -30 px and click OK. Change the fill color of this new shape to R=254 G=193 B=14.
3. How to Create the Tent
Using the Selection Tool (V), select your blue rectangle. Press Control-C to copy it and then Shift-Control-V to add a copy in the same place.
Replace the fill color of this new shape with R=114 G=0 B=0 and then switch to the Direct Selection Tool (A). Hold down the Shift key to select the top anchor points and then go to Object > Path > Average. Check the Both box and click OK to easily turn your rectangle into a triangle.
Grab the Ellipse Tool (L) and use it to create a 280 x 400 px shape. Fill this ellipse with R=206 G=55 B=37 and place it exactly as shown in the first image.
Switch to the Selection Tool (V), select your triangle, and add a copy in front (Control-C > Control-F). Hold down the Shift key to select this copy along with the ellipse added in this step and click the Intersect button from the Pathfinder panel (Window > Pathfinder).
Make sure that your red shape is still selected and add two copies in front (Control-C > Control-F > Control-F). Select just the top copy and press the up arrow key twice and the left arrow key once, which will move your selection 10 px up and 5 px to the left.
Now, hold down Shift to select both copies added in this step, and click the Minus Front button from the Pathfinder panel. Fill the resulting shapes with R=254 G=209 B=77.
Hold down the Shift key to select the red shape along with the slim yellow one and go to Object > Transform > Reflect. Check the Vertical box and click the Copy button. Place the newly made shapes as shown in the second image.
4. How to Add the Text
Reselect the Rectangle Tool (M) and use it to create a 280 x 60 px shape. Place it as shown in the following image and fill it with R=254 G=209 B=77. Keep this rectangle selected, switch to the Direct Selection Tool (A), and focus on the control panel to set the Corner Radius to 10 px.
Finally, select the Type Tool (T) from your toolbar and focus on the Character panel (Window > Type > Character) to set the settings for the text that you're about to add.
Select the Knicknack font and set the size to 40 pt, and then you can click on your artboard. Type in "SUMMER CAMP", set the text color to R=206 G=55 B=37, and place it as shown in the following image. With this final touch, your vector summer camp logo is complete.
Congratulations! Your Summer Logo Is Complete!
Here is how your old camp logo should look. I hope you've enjoyed this tutorial and can apply these techniques in your future summer logos.
Feel free to adjust this vector summer camp logo and make it your own. You can find some great sources of inspiration at Envato Elements, with interesting summer camp logo ideas.
Best Summer Camp Logos From Placeit
Make it fun and playful using this camp logo maker. Choose one of the many mascots, adjust the text and the colors with a few clicks, and your summer logo is complete.
Keep it simple with this old camp logo. Type in the text that you need, choose one of the available graphics or upload your own, and you're ready.
Choose from hundreds of design variations and put together your own summer camp logo. Just a couple of clicks and you've got your logo.
This is one of the best summer camp logos if you're looking for a grungy vintage design. Browse through the countless illustrations and pick the one that fits your need.
Looking for more of a cartoonish design? Use this camp logo template to customize your text and colors and make your own design.
Want to Learn More?
We have loads of tutorials on Envato Tuts+, from beginner to intermediate level. Take a look!
- Adobe IllustratorNew Course: Mastering Logo Design in Adobe IllustratorAndrew Blackman
- Adobe IllustratorHow to Design Gradient-Based Logos in Adobe IllustratorDaniel White
- Logo DesignHow to Make a Death Metal LogoScott Biersack
- Logo DesignHow to Create a Pizza Logo & Pizza Box DesignDiana Toma
- Logo DesignHow to Create a Mountain Rescue Unit Badge in Adobe IllustratorAndrei Marius
- Fan ArtHow to Create the X-Men Logo in Adobe IllustratorAndrei Marius
- Adobe IllustratorHow to Use an SVG Color Font to Create a Logo Design in IllustratorAndrei Marius
- Logo DesignHow to Create a Nautical-Themed Logo in Adobe IllustratorAndrei Marius
- Fan ArtHow to Create the S.H.I.E.L.D. Logo in Adobe IllustratorAndrei Marius
- IllustrationHow to Create the Batman Dark Knight Logo in Adobe IllustratorAndrei Marius