Clara and I are doing a series called DIY Design. You can read more about it in my previous post, but the main point of DIY Design is to help beginner bloggers with graphic design, and hopefully we’ll give some tips and ideas to the bloggers who have been blogging a while.Another thing real quick, I mention PicMonkey a lot in here and I LOVE using it for it’s easy-to-use format and amazing editing and design tools. That being said, unfortunately it isn’t free. I still think it’s worth it though! (Especially when you share your account and the costs with your sister. ;)) So if you want to go ahead and sign up for it I’d appreciate you using this link to do so, because PicMonkey gives me a bit when you do! 🙂
To start off DIY Design, I’m going to be giving you some pointers on how to use clipart in your designs and graphics. First I’ll be doing a tutorial on how to make clipart in Photoshop and PicMonkey.com.
While you can make clipart in PicMonkey, you can get a much smoother product in Photoshop, and it is also a lot faster. But one of the cons of using Photoshop to make your own clipart is that you can’t easily make clipart out of a picture with a cluttered background. In PicMonkey this doesn’t matter.
To create clipart in Photoshop, follow the steps below.
1. Open an image with a solid or mostly solid background.
2. In the layers panel, add a transparent background and drag it to the bottom of the list so that it becomes the background layer.
3. Click on the “Magic Wand Tool” and select the part you want to erase. Depending on how much shading is in the background, you may or may not have to turn up the tolerance of the Magic Wand Tool. You can do this by going to the spot where it says “Tolerance” up at the top.
4. Now just go to “Edit” up in the taskbar and click Delete. This will erase all the background that you selected, and should leave you with a gray and white checkerboard background. This means that the background is transparent. If you want, you can crop the image down to size.
5. Go to File and click Save. Your clipart is complete!
To create clipart in PicMonkey, follow the instructions below. This tutorial is very simple, but very time-consuming.
1. Go to PicMonkey.com and click “Design.” When your canvas loads, change the canvas color to transparent. (I left it white for the tutorial’s sake.)
2. Go to the Overlays section (click on the butterfly icon) and click “Add your own.” Select the picture you want for clipart.
3. Click on the Eraser tab in the Overlays box. Zoom up to the edge of your clipart subject and carefully erase the background. When you are satisfied with it, click Save.
Another neat way to use this tutorial is to turn your artwork into clipart. My example below was made with a watercolor flower that my sister painted.
Using Photo Clipart in Graphics
One way to use photo clipart is to put it over another photo. To make it look realistic though, you’re going to have to blur your background picture. To do this, I suggest using “Soften” in the Effects section. (If you have Royale though, I would use the Fancy Focus tool and make the focal size as small as possible. Drag the focus ring down to where you will be placing your clipart.) Then go to Overlays and click “Add your own”. Insert your clipart and position it how you want it. This doesn’t always look the most realistic, but if you combinr the right photos it can look really neat.
In the DIY Design poster (as well as this post’s poster) I used a graphic I made using a picture of a computer on a blank background. This lets me change up the featured images a bit and brings out a continuing theme in them.
If you soften a more realistic-looking background like this watercolor background, photo clipart can look neat with it.
I can also move the clipart around, flip it, and change the size of it.
Different Ways to Use Regular Clipart
You can find lots of free clipart around the internet. You can check out my Pinterest board where I’ve pinned some free graphics. In a few weeks Clara is going to do a post with some free photo sites and places to get free clipart.
If you want your graphics to have a modern look, then I’d leave everything straight (and mostly use text and geometric shapes). But for a more fun look, tilt your clipart around.
To tie your graphics into your clipart, match your font color with the color of your clipart. You can do this by selecting your font and clicking on the rectangle that shows the color of your font. Put the color dropper on the color you want and click. Voila! Your font color is changed. 🙂
What about those boring solid-colored graphics? Changing colors can look neat, but they still look pretty flat.
To add some texture to your clipart, change it’s color to black and put it on a solid white background. Then go to “Add your own” and select the texture you want. I like to use watercolor backgrounds a lot, it makes it look more like it was painted. Drag it over top of the clipart so that it covers it, and then click on the drop down under “Blend modes”. Click on “lighten”.
Remember to check clarascraftcorner.com next week to read her post on fonts! To see the complete schedule go to my previous post.
What are some ways you like to use clipart?
Have you made your own clipart before?
Oh my gosh, so THAT’S how you make fonts and graphics have those different shades??? *IS EXCITED* AGH THIS WAS SO USEFUL AND I’M LIKE SQUEALING RIGHT NOW BECAUSE I LOVE GRAPHIC DESIGN AND THIS IS SOOOOOO HELPFUL THANK YOU SOOOO MUCH! ❤
LikeLike
Different shades? Do you mean the textures? 😀
YOU ARE SO WELCOME! 😛
~Megan~
LikeLiked by 1 person
Yeah, the textures. XD
LikeLiked by 1 person
Yeah, I love that! XD
LikeLiked by 1 person
#TotallyKnowMyTerminology
LikeLike
Hehe! I often substitute name for “thing”. 😛
LikeLiked by 1 person
XD But “thing” is so… easy!
LikeLiked by 1 person
Exactly!
LikeLiked by 2 people
Ooh! That’s so pretty and neat — I wish there was a way to do that in PicMonkey!
LikeLike
Which? 😛
LikeLiked by 1 person
Everything! XD Particularly the “springtime” one, though . . . 😀
LikeLike
Aha! XD Thanks!
~Megan~
P.S. Did you ever get that bunny?
LikeLiked by 1 person
Hehe! Agh, I’m still trying to convince my mom . . . XD I’m going to wait until I have a it more money so I know I have enough to pay for my bunny for the rest of the year. 😄 The one that I’m hoping to adopt is named Celery (probably going to change that XD) — he’s this ADORABLE Holland Lop and eeeee so cute. 😄
LikeLike
Okay! I hope you can get him! HE SOUNDS ADORABLE!
LikeLiked by 1 person
Wow, GREAT first tutorial, Megan!! 😀 You explained everything so well! Now to work on my post… XD
-Clara ❤
LikeLike
Thanks! Whenever I read my explanations they sound so lame… but thanks! XD
~Megan~
LikeLiked by 1 person
Hehe, same here. 😛 You’re welcome!
-Clara ❤
LikeLike
😛
LikeLiked by 1 person
Oh my goodness!!! I SO have to try this! Wonderful tutorial, Megan! 😀
LikeLiked by 1 person
I hope you do! 😀 Thanks, Lainey!
LikeLiked by 1 person
I’m trying it out right now! You’re welcome! 😀
LikeLike
Yay! I hope it works!
LikeLiked by 1 person
It worked great!!
LikeLike
Yay!
LikeLiked by 1 person
Wow!!!!
LikeLiked by 1 person
This is great! I ❤ graphic design but am not very well informed. This is so neat.
LikeLike
Thank you! I hope it helps!
LikeLiked by 1 person
Ooh, very nice tutorial, Megan! I really like the textures thingy and it’s great to know how to make a picture into clip art and stuff. 😀 I can’t wait to read your next DIY Design post!
LikeLike
Thanks!
Yeah, that can really spruce up clipart. Thanks!
~Megan~
LikeLiked by 1 person
this was so helpful! great series idea!
LikeLike
Thank you! I’m glad it was.
LikeLiked by 1 person
Super helpful! I knew how to do most of this, but it was a great refresher course!
LikeLike
Thanks! I’m glad!
LikeLike
Good tutorial, Megan! Clipart is fun, but I don’t use it much. I have made clipart from photos before, but I use GIMP. 🙂 Also, for our family’s Christmas card last year I made a clipart poinsettia on the computer(not using a photo), and it was fun but difficult.
~Christian Homeschooler
LikeLike
Thank you! Okay, I’ve used GIMP before. 🙂 That’s neat!
LikeLike
You’re welcome! Oh, you have? That’s cool. Do you have it on your computer, or did you use somewhere else? It’s a pretty good program, but it’s taken me a long time to learn how to use it.
LikeLike
Yeah! I had it downloaded before I realized we had Photoshop already. 🙂 Yeah, same with Photoshop. I’ve learned some things but not everything.
LikeLiked by 1 person
Thanks for this, Megan! I’m going to try this out. 🙂
LikeLike
You’re welcome! I hope it turns out well.
LikeLiked by 1 person
Awesome post! Textures are really cool, yep.
LikeLiked by 1 person
😱this is cooool.
LikeLike
😀 I’m glad you like it!
LikeLiked by 1 person
Hey Megan, I just contacted you with your contact page, did you get it? What do you think? 😀
LikeLike
I got it! I’ll reply now. 🙂
LikeLike
Hi Megan! I just tried this, with a picture of my doll, I made it look like she was in a flower field. It was very helpful, I can’t wait for more tips and tricks.
❤ Arunima
LikeLike
Yay! So glad it worked! 🙂
LikeLike
Hey, guess what? I just asked some kids in my writing class “Google or Bing?” and they said Google! And they said that Bing was slow! HA! *smiles innocently*
-Clara ❤
LikeLike
Most people don’t know much about Bing. I personally can’t tell a difference in their speeds. 😛
~Megan~
LikeLiked by 1 person
Most people don’t know much about Bing because Google is better! Humph. 😛
LikeLike
No, because Google takes over everything. Humph. 😛
LikeLiked by 1 person
Nah, Google is just so well-loved that it seems like it’s everywhere. HUMPH. 😛
LikeLike
Well I don’t love it and it’s still everywhere.
LikeLiked by 1 person
I guess that makes you unique. XD
LikeLike
😛
LikeLiked by 1 person
Amazing …cliparts are great.I have written a post inspired by them : https://thepragatimisrathoughts.wordpress.com/2017/07/27/art-cart-1/
LikeLike
They are! Oh, really? I’ll have to check it out. 🙂
LikeLiked by 1 person
Is this Adobe Photoshop?
LikeLike
Yes it is!
LikeLike
Omg this is so helpful thank youuuu xxx
LikeLiked by 1 person
Yay! I’m glad you found it helpful!
LikeLiked by 1 person