Category Archives: GT10G S1 2023

InDesign Greeting Card

The greeting card industry takes in around 20 BILLION dollars a year (US!) so it’s a pretty big, important area, and you have the skills to get started as a greeting card designer!

Of course, it is the festive season, so you may wish to make a card for someone for Christmas/Hannukah/New Year/etc., but greeting cards are often also given for occasions like:

  • Birthday
  • Congratulations (marriage, baby, new job)
  • Farewell (going to a different job)
  • Retirement
  • Condolences (death in the family)

If you’re making a card for yourself, feel free to put whatever text you want in there.

If you’re making a more general card that others might want to use (even buy!), you would  leave a lot of blank space on the inside (although it doesn’t have to be white! Just make sure it’s light enough to write on and read.)

They can be funny (in appropriate ways and appropriate circumstances) or sincere.

Some tips/suggestions:

Bright, colourful, and creative are really important in a card. You don’t want it boring and dull, and you don’t want your card to look like other cards out there. Have fun with it!

HIGH QUALITY, especially ORIGINAL artwork is a MUST! If you’re googling random card elements and backgrounds, you won’t get the marks or have the success that you would if you designed something yourself! Think about using Photoshop or Illustrator to design elements! If you absolutely need to insert images from somewhere else, consider a place like UNSPLASH where you can get really high-quality photographs that you have permission to use!

InDesign is DEFINITELY the right application to use to put it all together, but you could design elements or pages in Photoshop or Illustrator and then place them into the InDesign document.

Ideal InDesign document setup:

If you want to ensure that there’s no white border around your printed page, you can add a BLEED

Having your background images & colours extend off of the page will ensure that you don’t have a white border. It’s not essential, but it does look a lot better in the end.

Page layout:

On your Pages panel you’ll notice that the pages start out laid out like this:

We want those pages to all be side by side, instead of those lonely pages 1 and 4. At the top right of the Pages panel, there are three little lines. Click ’em!

Turn on “Allow Selected Spread to Shuffle”

And drag your pages so that they are all side by side

Remember that when your card is folded, the pages go like this:

Remember that in this program, everything goes in a frame. You’ll PLACE your files into frames (File/Place or Ctrl + D).

When you are done, you’ll PACKAGE your file to drop it off!

 

Screen Printing

Screen printing is one of the most common ways of decorating clothing with a design. There’s a lot of setup and cleanup involved, but outside of that, it is very quick, easy, and inexpensive. You can incorporate multiple colours, but this increases the time, difficulty, and expense. We will keep it simple and use one colour.

Basically, your design needs to ultimately be printed out in BLACK and WHITE. Not greyscale. One colour of ink on one colour of material. The design needs to be printed as BLACK. You can apply whatever colour of ink you like after that.

You will design something that is made up of simple shapes and text. Using text and things like icons from The Noun Project or simple shape-based drawings would work.

You can design this on whatever software you wish (Photoshop, Illustrator, InDesign, etc.)

Set up your page to be 8.5 inches by 11 inches. You can decide whether it’s landscape or portrait.

Here are some examples of logos and designs that have worked well in the past:

Full Colour Stickers – setup

Building on our previous activity using the tools in Illustrator to come up with single-coloured artwork, this time, we can incorporate full colour!

This time, start with a file that’s 27 inches wide and 8 inches tall. You do not need to fill up all of that space. We could make the page taller if you feel like you need to, but talk to me first.

As always, before you start, SAVE your work on your computer in OneDrive (and make sure OneDrive is running!)

If you draw your own art to put on a sticker, GREAT! You can skip the next section.

For this assignment, you can PLACE in raster images that you download from elsewhere.

This is a good time to mention that you shouldn’t be using copyrighted artwork without the creator’s permission. Any time someone designs something or takes a photo, they get to choose what happens with it. Without permission from the creator, using artwork or photos that you didn’t create/take is ILLEGAL!

That having been said… So long as you’re creating stickers for your own use and it’s for a school project, you could use logos or artwork or characters from the Internet if you wish.

BUT, make sure that they’re HIGH QUALITY. Use Google Images!

Click on the Tools button

And limit your search to Large images. You may also wish to click on color and limit your search to transparent images (ones without a background.)

in the search results, click on the image you want to download

It’ll open in a box on the right hand side. RIGHT CLICK on that and choose Save Image As…

Put that in your Downloads or in your Graphic Tech folder or wherever. You need to know where to find it afterward!

Go into Illustrator and go to the File menu and choose Place

Find your file wherever you downloaded it (probably in your Downloads folder).

You can save yourself a step if you TURN OFF the check mark next to the word Link:

If you don’t do that, you need to remember to Embed your image once it’s placed in!

If you ignore me and leave that link on:

you will need to EMBED. I’ll get to that in a minute! Don’t rush me!

Whichever way you chose, you’ll see a tiny thumbnail version attached to your cursor. You can either click on your Artboard (page) to Place the image full size OR draw a box for it to go in:

Remember that Embed business? Click on one of your images. If you haven’t turned off the Link box, you’ll see the option to Embed your image just above the image, under the menu bar:

Or on the Properties panel:

If you don’t Embed your images, the images won’t transfer to me along with your Illustrator file, so your stickers won’t look good.

You can make sure that your placed images are all embedded by looking at the Links panel. If you see something listed and it has a little link of chain, it means that it’s a linked file and should be embedded.

You can have as many different images as you want on your Artboard. You can use as much or as little of the page as you like.

If you have multiple images on the page, PUT THEM AS CLOSE TOGETHER AS POSSIBLE (without touching). Leave a bit of space between, but put your images CLOSE TOGETHER. If you have a bunch of blank space between stickers, I will make you MOVE them BEFORE I will PRINT them!

This is wasteful and annoying:

If you hand that in, I will ask you to move the images together before I will print them!

 

This is much better:

Again, you don’t need to fill up the page, but you do need to put your images close together (WITHOUT TOUCHING.)

 

Every sticker needs to be properly outlined, though, in order for it to be cut out.

For that, see the next set of instructions: Roland Cut Outlines

Illustrator Shapes

It’s now time to start with a simple look at one of the more complicated but important programs we’ll look at this year, Adobe Illustrator.

Illustrator and Photoshop create and manipulate images in very different ways. In order to understand this, you need to know the difference between RASTER and VECTOR images

Open Illustrator

The first step is to create a new file

Make your file 14 inches wide and 6 inches tall. You can make your document taller later if you need to, but we won’t be able to print/cut any wider than about 14 inches.

Before you even start your work, you should always SAVE your work. In this case, clicking Save (Ctrl + S) OR Save As will do the same thing:

When you save your work, make sure it has a name that reflects the contents. We are making single colour stickers.

Make sure you save your work On your computer.

Hopefully you have already opened OneDrive today. If not, do that now!

Save your work into your OneDrive folder. You might even have a Graphic Tech folder to organize your work (NOT the one with your name on it that you use to hand things in. Only put your work in there when it is DONE)

You don’t need to change anything in this box:

Up on the top right of the Illustrator window, you will be able to choose the way your panels in the program are laid out. You can always change this later. I like my Workspace to be set on Essentials Classic. If you want your screen to look like mine, choose that Workspace. You are free to choose whichever one you like, but keep in mind that your screen will look different than mine.

Up across the top of the screen you will see the program menus. Perhaps the most important one is the Window menu. If you can’t find a panel or want to change your workspace, go there.

There are a couple of ways to look at your primary toolbar. For right now, mine will be set to Basic.

The basic toolbar usually shows up in one column like this:

But if you want, you can change it to two columns with the little arrow at the top:

There are many more tools that you can see by clicking the three dots at the bottom:

The tool we use the most is the Selection Tool. It looks like a grey arrow outlined with white. You can activate it by pressing the letter v on your keyboard:

NOTE: There is another selection tool that we won’t use nearly as often. It’s the one that’s filled in with white. That is the Direct Selection tool, and it works very differently. We’ll ignore that one for now:

The other tools we’ll work with for now are the shape tools. Yours will probably look like a rectangle. You can activate that tool by pressing m on your keyboard:

If you hold your mouse button down on that tool, you’ll see the other shape tools hiding underneath:

If you wish, you can Float those tools by clicking the tiny triangle on the right.

This will pop out a separate panel that you can move around

On the right side of your screen, you will find another super important panel, Properties

Each shape is made up of two parts, the Fill and the Stroke. The Stroke is the outline and the Fill is what’s in the middle.

If I draw a shape with those Properties, my rectangle will have a black outline and will be filled in with white:

To change the Fill, click on the little square next to Fill. Choose a colour to fill your shape in with:

NOTE: We are making stickers that only have ONE colour. The colour you choose here means absolutely nothing. We are going to cut shapes out of coloured vinyl, so the colour of vinyl that you choose will determine the colour that your sticker is. It really does not matter what colour you choose right now.

You could also change the outline by clicking on the Stroke square (swatch)

You could also make that outline thicker or thinner

My rectangle now looks like this:

NOTE: if you want to draw a square instead of a rectangle, hold SHIFT as you drag out your shape:

I really recommend that you turn OFF the Stroke for this assignment. Pick a fill colour and turn the stroke off by choosing the empty white square with the diagonal red line through it:

To move or resize a shape, use the Selection Tool

If you look in one of the corners of a rectangle, you will see a tiny dot. If you click that dot and drag it in, you can round off the corners of your shape:

If you want to rotate a shape, move the Selection tool outside of a corner and click and drag to rotate:

Another interesting tool is the Polygon Tool. This one draws flat sided shapes but you can choose how many sides it has. Choose that tool on either the main or floating tool bar:

If you want, you can double click on your page (the Artboard) to choose how many sides before you draw your shape. You can also choose the size.

OR, you can draw the shape first.

On the right side of the shape, you’ll see a little diamond. Drag that down to add more sides:

Or drag it up to have fewer sides:

For today, just play around and draw something using these simple tools! Feel free to explore and play around. Figure out other tools if you’d like!

If you want to get to know more about Illustrator, you can click on the Help menu and go to Illustrator Help…

Click on Discover how Illustrator artwork is unique

There are many more tutorials that will help you to get to know the program. You can access those from the Help menu, then go into Tutorials…

If you’re looking for a good one to help you get started, click the link below:

Get to know Illustrator tutorial

 

Vacation Postcard

As the leaves turn colours and fall, and the thoughts of winter start to creep in, I am already starting to think of all of the places I’d like to go to get away, and the fun things I’d like to do on a vacation. Here’s your chance to go on a vacation to the land of your dreams!

You’re going to choose or invent a place to go visit. You’ll come up with a name, find a photo (or multiple photos) showing what you’d see there, and you’ll even design a flag for this new land! You will incorporate a photograph of yourself visiting this land. Put the name of the place on the postcard using those Photo Letters we did in an earlier project!

Your postcard should be 6 inches wide and 4 inches tall. Like your trading card, it will have a front and a back side, so you will need more than one page/artboard.

NOTE: This is not quite what yours should look like! You need to read the instructions and make sure you are including all of the right elements:

A postcard also has a back side. That side contains an area to write your letter, an area for the address you are sending the card to, and a stamp. You should draw lines like the ones you see below. You should design a stamp to put in the corner.

NOTE:

  • You are not finding a photo of a postcard and putting that on. You are DESIGNING YOUR OWN.
  • You are not finding a photo of a flag and putting that on, You are DESIGNING YOUR OWN.
  • You are not finding a photo of a stamp and putting that on, You are DESIGNING YOUR OWN.

You should know how to do all of these things by now, so I’m not going to show you step-by-step instructions. If there is anything that you’re not sure about ASK FOR HELP! It’s far better to be sure than to have to redo something because you didn’t ask a question so you didn’t do it right.

 

OneDrive Setup & Adobe App Intro

ONEDRIVE:

Click the little cloud to open the OneDrive app:

Click Sign in to, uh, sign in…

Sign in is your computer user name @sjasd.ca

ex:  

That should take you to another login page where you’ll put your password

On the next screen, you need to press Next

And then one more time to start to connect your computer to your online folder:

After that, there’s a little tour you can take if you want:

Or just Close the window:

Now you actually have a new folder on your computer where you can safely store your files AND back them up online automatically:

Now in your File Explorer window you’ll see a OneDrive folder:

Anything you put in that folder will be automatically uploaded online. You’ll know that it’s backed up when you see a green check mark on the file.

 

ADOBE CREATIVE CLOUD

Adobe is the industry leader in design software for good reason. They make a lot of great products that are really useful in a variety of situations.

Here’s a really fast overview of (almost) all of the programs that they offer:

The Adobe Creative Suite is normally VERY expensive, but because you were wise enough to sign up for this class, you get access for FREE at school and at home! Everything is installed and should be ready to go at school, but if you want to use the apps at home, follow these instructions:

To start, you need the Adobe Creative Cloud app on your computer. Go HERE to sign in (or Google it and click sign in…).

Your sign in is your school email address, which is your username@sjasd.ca (ex: c.morebutts@sjasd.ca)

Then you’ll go to your Creative Cloud home page.

Download the Creative Cloud app

Once you download that, open it, and sign in with that same email address. From there, you can install as many Adobe apps as you like!

Assignment Drop Off

So you’ve finished your assignment, have you? Well, here’s what to do once you’ve reached that point.

FIRST: go back and check the assignment instructions and/or the examples and make sure that you’ve completed your work correctly! Save yourself from having to fix up your work or redo it by making sure that you’ve followed ALL of the instructions!

NEXT: make sure that your file has the correct name! The name of your file should reflect the name of the assignment! (for example, if I asked you to make an Interactive Quiz, the name should reflect the subject AND the assignment. Mine might be called RobsonQuiz.pdf). If your file name is unnamed (eg: Doc1.docx or something like that), I probably WILL NOT OPEN IT. I’ve got better things to do. Tell me which file I’m looking at and I’ll look at it!

Log in . Use your computer user name and add @sjasd.ca ex: u.user@sjasd.ca

You will see a sign in page that looks like this:

Fill in your user name and add @sjasd.ca (ex: u.user@sjasd.ca)

After that you will see a sign in page for our school division:

Again, your user name @sjasd.ca

You might get a pop up asking whether you want to stay signed in. This will save your login information and may save you some work later. So long as you log out of your computer when you’re done, nobody can get into your account (unless they have your password, which would be a BAD IDEA!)

CREATING YOUR HAND IN FOLDER

At the top of the screen, look for the Blue Button that says + New. Hover over it, and choose Folder from the drop down menu:

A window will pop up where you will name the folder. It ABSOLUTELY NEEDS TO HAVE: your last name, first initial, and what class it’s for. If I were creating one for GT20, it would be called RobsonJ GT20.

Once the folder is created and NAMED PROPERLY, press the Share icon (or press the three vertical dots and choose Share:

Be careful. If you see this name pop up, it’s NOT ME. Yours will probably display the correct name, but just in case, DO NOT CHOOSE Jeremy Robson

If for some strange reason I don’t show up, click Search Directory. Look, there’s me!

YOU ABSOLUTELY NEED TO MAKE SURE THAT I CAN EDIT THE FOLDER! It’ll default to giving me access. DO NOT change that.

Press Send:

Now I have your folder! Wasn’t that easy? You only need to do that ONCE PER CLASS! If you happen to be in two of my classes (I’m so sorry), you need TWO folders.

Next, I REALLY recommend using the OneDrive app on your computer to synchronize your files. Believe me when I tell you that it’s much easier and more convenient!

The easiest way to open a program is to use the magnifying glass at the bottom of the screen.

Type in OneDrive (or a portion of it)

Sign in with your email address. This is your computer user name @sjasd.ca (eg: j.robson@sjasd.ca)

If you type that in correctly, you wil lbe directed to this password screen:

If you see a different password screen, you’ve typed in your email address incorrectly. Try again!

There are a bunch of screens you can just click past:

I HIGHLY recommend installing the mobile app on your phone/tablet. We’ll talk more about this.

This stuff is good to know. We’ll talk more about this too, but you can have your files “in the cloud” (not actually on your computer right now, but accessible), downloaded and available for now, but can be moved back to “the cloud”, and Always available, which means you’re keeping a copy on your computer at all times.

Here you can decide which of these folders on the computer you’re using RIGHT NOW will be synchronized in your OneDrive account online. If you store files in any of these places, back them up!

Finally you’ll be done and can check out your folder:

In your OneDrive folder, you need to create a Hand In folder for yourself. I can do it for you, but it’s more complicated if I do it on my end. Go into your OneDrive and create a folder. It should have:

your last name first initial class

eg: RobsonJ GT20

In the future, I’ll remind you to save your files into OneDrive as soon as you create them. If you’re used to saving your files in your Documents or somewhere else (please don’t save everything on to your Desktop! My mom does that and she’s 70! Don’t be a boomer!)

When it comes time to hand something in, all you need to do is move a file into that folder that you created and shared! When a file is FINISHED, move it into that folder from wherever you saved it while working on it. DO NOT HAND IN ANYTHING  UNTIL IT’S READY TO BE MARKED!

Once I have looked at your work, I will move it into a folder called _MarkedWork. YOU SHOULD NEVER PUT ANYTHING INTO THAT FOLDER! I’m the only one who moves things into that folder. If you put files in there, I won’t see them and won’t go looking for them!

When I’ve marked something, I will move it for you. You will also see a rubric with your marks. You should LOOK AT THAT!

Check your mark. Do you like it? GREAT!

If you aren’t happy with a mark, you can see what you missed, work on it some more, and hand it in again! You can (and should) always have 100% in my class, because you can redo assignments any time you like! If you work on something again, just move it out of the Marked Work folder when it’s ready for me to look at again!

 

 

You can use the website if you wish or you don’t want to sign in to the app. Just go into the folder on the website and press Upload to send me a file.

Then nagivate to find your file(s):

Once you click Open, you should see it appear on the webpage after a moment. If you do, I have it!

DROPPING OFF WORK

Find the folder that you shared with me. It should have your last name AND course number on it (eg: RobsonJ GT20)

Go into that folder by clicking on your name or the little icon (picture of the folder)

Here is where you will upload work for me!

NOTE: You can make your life easier in the long run by using the OneDrive application on your computer to automatically store/upload your work. To do that, click the Sync button:

This will open an application on your computer. You may need to sign in AGAIN, but it’s worth it!

If you don’t do that  (which is FINE) you can just upload your work into this folder. Click Upload:

Then nagivate to find your file(s):

Once you click Open, you should see it appear on the webpage after a moment. If you do, I have it!

IMPORTANT NOTE: MARKED WORK

You should see a folder called _marked work. This is where I put your work AFTER I look at it.

YOU should NEVER put files INTO that folder! Only I put things in there. If you upload a file into that folder I WILL NOT SEE IT!

Once I’m done marking your work, you should LOOK INSIDE that folder and download your work to check for comments, suggestions, or to IMPROVE your work/mark!

If you open a file that has been uploaded to OneDrive, you may be able to view or work on it right on the website:

This version of the program does not contain all of the features of the desktop app though, so things may look a little weird and some things that you need/want to do may not be available. FYI!