Design Workbook 3
Design Workbook 3
Education, inspiration, and motivation are the three pillars that we have
built this community on from the beginning and continue to live out daily.
We find that crafters are the most confident and productive when they
have art that inspires them, education to help them confidently try new
projects and techniques, and motivation from our team to take action.
We’re on a mission to see you grow in every aspect of your life through
crafting. We are passionate about helping you through the entire
process from taking your machine out of the box to constantly being
challenged to push your craft limits.
We want to see you craft a life you love in every way possible from a
custom doormat to believing in yourself enough to try new things. Our
community continually shares how crafting helps them live happier &
fuller lives and we want that for each of you.
Design Make Sell was created to help crafters like yourself reach your
goals of designing and selling your own designs and projects. Whether
you want to sell online or just to your neighbor, this program will assist
you in starting your business, choosing what to sell, setting your prices,
and so much more.
Our goal is to give you the tools for success and the motivation to put
your plan into action. We hope you are inspired as you complete the
lessons in this program, and it helps put you one step closer to
achieving your dreams.
Keep Crafty!
2
COPYRIGHT NOTICE
3
TABLE OF CONTENTS
WELCOME 6
LET'S GET STARTED 7
GET STARTED DESIGNING FILES:
Why You Should Design Your Own Files 9
Different Types of Files 10
What Design Software Should I Use? 11
4
TABLE OF CONTENTS
NOTES 44
PRINT RELEASE FORM 46
HOW TO PRINT 47
SPECIAL DEAL INSIDE! 48
5
Welcome
6
LET’S GET STARTED
In order to get the most out of this program, there are a few things
you’re going to need to commit to.
BRAINSTORM:
Think of things that might get in the way of finding time to work on DMS (E.g.
interruptions from family, household chores, dinner prep, feeling
unmotivated). Anticipate these ahead of time so you can be ready for them!
SOLUTIONS:
How will you deal with each of those possible obstacles? (E.g. Budget a take-
out night once a week. Get up half an hour earlier each day. Arrange for
your spouse or older child to look after the younger kids so you get some
uninterrupted time. Let people know how important this is to you and ask
them to support you in it.)
My Obstacles: My Solutions:
7
My Obstacles: My Solutions:
My Commitment
I will work on Design Make Sell for _______________ hours per week..
STOP
Add These Days and
Times to Your
Calendar Right Now.
8
GET STARTED DESIGNING FILES
Being able to create your own SVGs and PNGs can really set you apart
from the crowd when it comes to providing custom graphics to your
customers. You can take their vision for a project, logo, or other design
and bring it to life.
Custom designs normally are more sought after and also come at a
premium price. We will cover more about pricing and selling in the Sell
courses of this program but when deciding on how much customization
should cost, we always suggest that you start with a base rate and then
add additional charges based on the number of edits, changes, the
complexity of design, etc. Make sure you agree on that price with your
customer upfront.
Custom designs can make you stand out from the rest of the
cut file creators. You can create files that are in the style you love
which makes working on the files more enjoyable as well.
PRO TIP
9
Different Types of Files
The two types of files that you’ll be using the most when you create
designs for your customers are SVGs and PNGs. It’s really important to
know the difference between the two.
Open an SVG file and PNG file in Design Space and notice
the differences in the two files so you have a complete
understanding of the differences
10
What Design Software Should I Use?
There are several different software you can
use to design your cut files, but we recommend
Adobe Illustrator. It’s $ per month with an
annual subscription for this amazing program.
This may seem a bit expensive, but if you’re
going to be designing files as part of your
business, you should use the best software
available.
11
HOW TO USE YOUR IPAD TO CREATE FILES
Begin by opening up a new canvas and choose the size you’d like it to
be. From there, on the top right toolbar, pick the Brush tool. When you
open it, you will find many options for different types of brushes (paint,
sketch, ink, charcoal, etc.) and different types of brushstrokes for each.
You can use many of these tools the same way you would real ones.
With the pencils, for example, you can draw and write, but you can also
do shading. By applying more or less pressure to your Apple pencil,
you can also adjust the results you get with it.
12
You can install your own brushes in the Procreate
library to expand your options beyond the pre-
installed ones. There are so many built in to Procreate
that you may not ever need to install additional
brushes, but the option is there if you want it.
The Color tool looks like a circle. You can click on that
to open the color palette. You’ll see an inner section
surrounded by an outer ring. .
The outer ring is for hue and the inside is for color saturation (also
known as value). You can use saturation to stay within the same color
family and adjust the shade of the color.
13
You can move the pencil around to move the line as you’d like. If you
want to use it in more specific increments, once again, put your finger
down. As you move the pencil around, the line will move in -degree
increments.
In the toolbar on the left-hand side, you will find a slider bar to change
sizes as well as one to change the opacity of your design. Under these,
at the bottom of this toolbar, you’ll see the Undo and Redo buttons.
14
The Select Tool (looks like an S): If you draw around an
element on your canvas and then click Transform (just to
the right of the Select tool), you can now move the
element around on your design. You can also size it up or
down, flip it, rotate it, or use the Snap tool to ensure that
you’re moving the element in a straight line.
?
Help button - This is self-explanatory, but note that
under the Help Tool, you’ll find the Procreate
handbook. If you click on that, it will take you to the
online guide.
Tap two fingers on the screeen to clear the last item you added.
Tap three fingers on the screen to add your item back in.
15
Scribble three different things onto your canvas. Use the
above gestures to delete the last one you drew. Add it
back in again. Now, delete everything on your canvas.
The choices in the Brush tool are the same as the ones in
the Smudge tool and the Erase tool. They are divided
into themed categories such as sketching, calligraphy,
painting, and so on.
The Apple Pencil reacts to how much pressure you put on it. A heavier
touch will create a thicker line and a lighter touch will create a thinner
line. Procreate also reacts to the tilt of the pencil so you can tilt it just like
you would a regular pencil to do things like shading or create other
effects.
16
Eraser Tool Tips
17
How to Add Multiple Layers to Your Artwork
In the upper right corner of your canvas, you’ll see something that
looks like two pieces of paper on top of each other. This is your Layers
Panel.
Although your canvas shows up as white, that’s not part of your design.
You’re working on a transparent canvas. You can toggle Background
Color on and off to see
18
When you click on a layer, an options panel will open.
You will be given these options – rename, select, copy, fill
layer, clear, alpha lock, mask, clipping mask, insert,
reference, merge down, combine down. If you click on
the N, you can change the opacity of the layer.
Instead, swipe right to select each layer and group them together. You
can still easily work on any layer, but they will be contained within one
group in the layers panel and make it less overwhelming to look at.
Alpha Lock
19
Clipping Mask
20
Under the palettes, there are tabs where you can choose other
options besides the Color Disc for color selection. Classic is the
traditional color picker you have likely seen in other software.
You can also work with color harmony (this is based on color theory
including complementary colors, analogous colors, etc.), color value
(hexadecimal codes), and saved palettes.
If you make a shape on your canvas, you can then grab your color
from the upper right corner and drag that over to fill in the shape. You
can also drag a color over to fill the entire layer with a color.
PRO TIP
21
How to Share and Export Your Designs
PRO TIP
22
USING YOUR COMPUTER TO CREATE FILES
Overview of Illustrator
Don’t worry if you find this overwhelming and can’t remember it all. This
is just an overview. We’ll be going into more detail about the most
important tools and how to use them in future lessons.
To begin a new project, you will open a new artboard. You can choose
from the pre-set sizes up at the top of your screen or select Create New in
the left-hand sidebar and choose your own size.
You aren’t restricted to working just within the artboard. You can work in
the space around it too.
23
Tools in the left-hand sidebar:
If you hover over any of the tools, you will see the
shortcut (hot key) for that tool in parentheses.
Selection tool – V
Undo - Command + z
Yes! You can convert a drawing into an SVG file. This is a great service
to be able to offer to your customers. For example, they can scan a
child’s drawing to send to you and you can turn it into a cut file.
Pro Tip
PRO TIP
24
To edit the photo, you want to try to make it look as black and white as
possible. Try increasing the contrast and black point. Adjust the
shadows and brilliance as well.
Send the photo to yourself and then drag and drop it into Illustrator. It
will automatically open a new artboard and place your image on it.
With your image selected, choose Trace (right panel). There are
several different options to choose from depending on the number of
colors in your photo.
Once it converts your image, drag your image over to the gray part
away from the artboard.
Remove the white background from the image by selecting it, choosing
Expand (right panel), and Ungroup. Move the white pieces you don’t
want away from the image and delete them.
25
To merge sections of the design, select the layers
you want to merge, locate the the Pathfinder tool
menu (right panel) and Unite. You can also select
both layers, select the Shape Builder tool, and
drag from one to the other to merge the layers.
Move the newly traced image over and delete the old one.
26
PRO TIP
The other option is to select an element of your design and edit the
nodes by deleting the ones that aren’t needed one by one to smooth
out the lines.
Drag the PNG into Illustrator. Select the image. Press Image Trace (right
panel). Select the appropriate choice based on the number of colors
you have in your image and then press OK.
Select the entire design. Press Expand (right panel) and Ungroup.
Remove the parts you don’t need.
To make certain pieces of the design one layer, simply hold down the
Shift key and then click on each part with your cursor.
27
How to Share and Export Your Designs
To export your file, choose File, Export, Export As. Choose the format
you want to save it as (PNG, SVG, BMP, etc.) Choose SVG. Press Export and
OK.
Hold in shift and size your image as needed. By holding shift, the side
ratio will be maintained.
28
With one of these circles selected, press Shift and click on the main
shape to select it as well. Grab the Shape Builder tool. Drag your cursor
from one shape to the other to merge them. Repeat until your shape
and each of the circles forming the scalloped edge have been
merged.
Select both the stem and the top of the acorn and then the Shape
Builder tool. Click and drag from the acorn top to the stem to merge
them.
29
How to Design a File Using the Pen Tool
Select the Curvature tool. You can then click and drag
on one of the lines to drag it and curve it. Experiment
with clicking to add points until you get the results you
want.
PRO TIP
Once you’re happy with the design, select the whole thing and press
Command to create a compound path..
30
You might want to increase the size of the stroke
first to make a thicker line in Design Space. We
suggest something around inches. Sometimes
when you increase the stroke size, you will see
that parts of your design are parts now poking
out.
Now you need to outline your stroke so Design Space will cut on either
side of it. Go to the Top Menu and choose Object, Path, Outline Stroke.
To fill your design, choose a basic shape like a rectangle and size it
large enough so that your design will fit on it. Press Command C,
Command V to copy your design. Place the copy on top of the
rectangle and select both of those layers. Choose the Pathfinder Tool
(right panel) and choose Click to Minus Front.
With that all still selected, choose the Shape Builder tool. Hold down
Option and click the part you want to remove.
If you’re not sure what is and isn’t a compound path, you can
always check in your Layers Panel.
You can change the color of the entire design all at once. If you want to
change different parts to different colors, you need to Ungroup first.
31
USING FONTS IN YOUR DESIGNS
Adding text to your designs is a great way to customize them and add
personality to them. It’s also really easy to do in Illustrator.
At this point, the letters in your text are being made with strokes. As
discussed in a previous lesson, if this were imported into Design Space
now, it would not be recognized as a letter with lines on the inside and
outside of each character. This would make them not cut out properly
in Design Space.
To fix that, with the text selected, press Create Outlines (right panel) and
this will create the compound paths that you need.
In addition, when using a script text, you need to weld
or merge the letters together so that they join in one
seamless line. Be sure to make any adjustments to the
placement of the letters in your text first by ungrouping
and manually moving them. Then with the text selected,
go to the Pathfinder Tool (right panel) and choose
Unite.
32
Select each of the words and press Command to make each word
a layer. Size the text to fit your design. Sometimes after sizing text, you’ll
find that some of the words look thicker than others. You can select the
word, choose Stroke, and add a measurement there to add a stroke
to your text and thicken it up.
Lots of fonts have these already included in the OTF files. On a Mac, you
can find these in Font Book. In Font Book, click on Switch to Repertoire
Preview Mode to see what’s available.
Select the letter you want to change. In the window, it will indicate the
option you’re already using for that letter. Double click your new choice
and it will replace the old one.
33
Manually kern your text as needed. Once happy with it, select all and
click Unite to weld. Press Command to make it all one layer.
There are a few exceptions to this. You cannot add text onto
a compound path or a path that’s masked.
In this lesson, we’ll show you how to use a circular path and create
curved text on it.
Right click on the Text tool to find the Type on a Path tool. Click over the
curved path you made. A curved text box will open up. Choose your
font. Change the size as needed. Type in the desired text. To arrange
the text on the curved path, grab the Selection tool.
34
You’ll see points at the beginning and
end of your text. Click on the point at the
beginning of the text to move it over.
Then you can select your text and
choose Center.
With the text still selected, go to the Selection tool. Move it to where you’d
like it in your design. When you’re satisfied with it, choose Create Outline
(right panel).
There are many special effects that you can add to your text, graphics,
and shape designs in Illustrator. From the top toolbar, select Effect.
From there, you can choose a wide range of options.
Arc
Arch places your text in an arc and then options open so
you can customize the arc even more and distort it.
Stylize
Use Feather to make it look fuzzy and
faded. Try Glow to add a glowing effect
around the text.
Photoshop Effects
This includes brush strokes and effects to
make it look sketched, like charcoal,
crayon, photocopy effect, and more.
35
Add lines of text. Ungroup. Select each line of text.
Group each line separately. Size and place the text as
you’d like. Command to make all one layer.
Select both layers. Use horizontal align center and vertical align center.
Make a liner for the card by duplicating this rectangle and sizing it down a bit.
Select card base and the line for it and group them by pressing Command G.
Repeat with the liner.
Select both the card base and the liner. Go to the Layers panel. Press the
down arrow on your groupings. Press the down arrow on each of the layers.
Double click the score line on one of the layers. Rename your file as follows.
For example, for the liner and score line, we named it Liner + Score. Press OK.
Double click the actual cut portion of that file – in our example, the liner card
itself. Rename it Liner + Score. Press OK.
Repeat for the card base. This is assigning actions to each of these layers.
Select all of the layers and export. When you import into Design Space, it will
import with the score lines attached.
36
Create a card base and liner with score lines for a
greeting card.
To use Offset, select your design. Go to Object (top menu bar). Choose
Path, Offset Path.
To begin, grab several different related cut files to use for your
pattern. Copy and paste the elements in various places around the
design to create a pattern.
Place some of the smaller filler graphics so that they overlap at the top
and the right side of the design. This will create the seamless
continuation of the pattern.
37
Next, you’re going to move the copied elements to the bottom of your
artboard. It’s important to know the size of your artboard for this step.
For example, if your artboard is inches tall, then add to the Y
coordinate of the elements you have selected. That will move it to
precisely where you need it.
Now, select the elements on the right side of your pattern. Once again,
group them, copy them, and paste them in front of the original ones. This
time, on the X axis, instead of adding the height of the artboard, you
need to subtract the width of it.
If you’re happy with the way your pattern lines up, release the mask.
Make a rectangle that is big enough to cover the design and the
overlapping elements completely. Right click on that rectangle and
choose Arrange, Send to Back.
In this next step, you'll create a frame so you can easily cut off the
overhanging elements of your pattern. Select the layer you used to
create your earlier mask and the new larger rectangle you just
added (do not select your grouped pattern). Choose the Pathfinder
Tool and select Click to Minus Front.
38
How to Create a Custom Color Palette
To use this image to create a custom color palette, pull the screenshot
into Illustrator. Count how many colors you have in the image. Create a
square for each one.
Select the whole color palette and save and export as an SVG. Then,
when creating a design in Illustrator, you can drag in the color palette
you want to use and grab the colors from it for your design.
You can even pull the color palette into Design Space and use it there
as well with Color Sync.
You can adjust the gradient slider to change how the colors blend. You
can also choose from different types of gradients.
39
On the gradient screen, select the
first gradient spot on the slider.
Choose the eyedropper tool. Select
one of the colors from your color
palette.
You can move the points for each color in your gradient if you want to
space them out more evenly. Simply click on them and move them
over.
If you want to delete any of the colors, click on that point and then on
the trashcan. Once you’re happy with your design, grab the Selection
tool and click out of the gradient window.
Select your shape with the gradient in it and click on Fill (in the panel on
the right). Click on the button that says “new swatch” at the bottom of the
window that opens to add your gradient as a swatch for later use.
Following the steps in this lesson, create your own color gradient.
Add aACTION
text box.ITEMSChange to a font of your choice. With your font
selected, choose Create Outline (near the bottom of the panel on
the right). Click Fill and select the gradient swatch you made.
40
How to Create a Tie Dye Effect
There are multiple steps to creating a tie dye effect for use as a PNG,
so be sure to go back and watch the video as many times as needed
to get them all.
To get started, add a circle to your artboard. Increase the width of the
stroke to thicken the line around the circle. Change that to the gradient
you created previously.
From the top menu, choose Effects, Distort and Transform, Transform.
Adjust the settings as you’d like. The ones we use are: Scale – Height 90% ,
Width90% . Angle – 15 degrees. Copies – 50. Press OK.
With the design selected, now choose Effects, Distort and Transform,
Roughen.
Settings we use for this: Relative. Size: 2%. Detail – around 10-11 inches.
Press OK.
Next, once again from the top menu, choose Effects, Distort (under
Photoshop Effects), Ocean Ripple.
Our settings for this: Ripple Size – 6 . Ripple Magnitude – 6 . Click OK.
Now from Basic Shapes grab the. Star tool and add a star to your
design.
Increase the stroke size and change the color of it to white. Cap the
ends of the star by pressing Stroke and change to rounded caps.
Under Stroke, select Profile, and choose the freeform-looking stroke.
With the star selected, choose Effects, Distort and Transform, Roughen.
Change the settings as you’d like. Press OK.
Next, choose Effects, Stylize, Feather. Change the numbers to get the
feathered look you like.
41
Make the white a little less vibrant by choosing Opacity (from the right
panel) and decreasing it.
Create a swatch out of this tie dye effect. Group your design. Select
Windows and then Swatches. Drag and drop your tie dye swatch into
the swatch panel.
Make your own tie dye swatch. Take your time and go through the
tutorial step by step. Watch the video over again and pause it as
ACTION ITEMS
needed.
42
How to Create a Distressed Effect
First, you need to find an overlay with a grunge effect that you like.
Search the internet for "Free Grunge Overlay" or "Free Vintage
Overlay". Save the overlays you like.
Like the glitter effect, this should only be used with PNG files.
Drag and drop the chosen overlay into Illustrator. Place the grunge
effect over your design. Create a mask by dragging and selecting
everything. Then, go to: Window.
Select transparency. Make Mask. (or you can press Command but
opening the window gives you options that you can adjust). Save and
export your design.
43
My Notes:
44
45
PRINT RELEASE FORM
46
HOW TO PRINT
You don’t have to print this book as you can simply use it on your
computer, but if you’d like to, here are some tips and tricks for it.
The first thing we would suggest is that you decide whether you want to
print off the entire book or only certain pages and sections. There are
some parts where we suggest you take notes or do some
brainstorming and you might want to print those. You could also use a
notebook in conjunction with this book to save on printing.
If you are planning to print off the entire book, we would recommend
that you take or send it to a local printing company and have them do
it for you. You can certainly print it off at home, but it may use up quite a
bit of paper and ink. In addition, if you have it printed, you can also
have them bind it for you as well.
Another option is to hole punch and place your pages in a binder. This
can be helpful if you want to be able to add your own pages of notes
into the book or for any future updates.
To print it yourself, we like to download the book and then open it with
a PDF reader like Adobe Reader. This will give you more control over
your printing options. Then, begin by clicking on the Printer icon.
The printer dialog will open. You can change/select your printer (if you
have more than one option to choose from) and choose whether to
print the whole thing or just certain pages. You can also click on
Properties next to the printer’s name to customize some of your printer
settings such as paper size.
By moving the slider under the image, you can see each of the pages
and how they will look when printed. We like to check this and make
sure that they’re all set up to print as we want them. If not, you can
adjust it under Page Sizing & Handling to make them fit better.
We always suggest that you print out a page as a test copy. Make sure
you like the results before going ahead with the entire book. Under
Properties, you can change the Print Quality as needed. Draft is the
lowest quality and High is obviously the highest.
47
WANT SOME READY-MADE FONTS AND CUT FILES YOU CAN USE IN YOUR BUSINESS?
Designing custom cut files and fonts is a lot of fun and a great way to help your business
stand out. We know that not everyone has the time or inclination to make their own files
for every single craft project though.
Using pre-made fonts and files can save you time and effort on some of your craft
projects, propelling your business forward faster
.
IMAGINE HAVING A LIBRARY OF THOUSANDS OF CUT FILES AND HUNDREDS OF FONTS
RIGHT AT YOUR FINGERTIPS READY TO USE WITH YOUR GROWING BUSINESS!
With a Makers Gonna Learn yearly membership, you will not only have access to
thousands of files, but you will also receive our commercial license, giving you legal
permission to use our SVGs, PNGs, and fonts on your craft products.
Not only will you get instant access to our entire library of files, but we release two new
cut file collections and 20 + new fonts every single month. That means our library just
keeps growing and growing!
We also have free member only video tutorials, printable reference guides and charts, a
private Facebook group of crafty friends where members support and encourage
each other in their crafting projects, and so much more!