May 28th – A Week With Google Draw

The final day of Google Draw is more of a hint than anything else.  Think outside the box.

May 28th – A Week With Google Draw

Yesterday I introduced a Scratch Assessment that I created and focused on the things I could do with the images.  But I also did something very tricky – I kept all the images off the printable area so that I could easily save the images and check them with only the Scratch blocks they used.

Screen Shot 2016-05-31 at 6.30.38 PM

I saw this trick done with a Halloween activity and thought it would be brilliant for this Scratch activity as well.  You’ve got plenty of room of the canvas so go crazy!  I had the students make a copy, then share with me the answers.  They had some struggles like I mentioned, but I think it went pretty well.

May 27th – A Week With Google Draw

As we are starting to get the hang of the shapes, text and layers – we should look at some common problems, that might be something you want to have happen.  Today I’ll show you how to resize, mirror and rotate your images.

May 27th – A Week With Google Draw

Recently I’ve been doing an “assessment” with my 3rd Graders to figure out what they’ve learned this year in Scratch in the 6 lessons they’ve had with me.  A challenge point to this process is how to “assess” them without having the technology being a barrier to their knowledge.  Since they are in 3rd Grade, they can’t signup for Scratch accounts, and Scratch has yet to create a “school account” so students don’t need an email and the teacher can signup for them (been promised it’s coming for a few years now).  So I took it into my own hands and screenshot each block in Scratch, used the Magic Wand tool (post coming soon!) to create a transparent image and dropped the blocks into a Google Draw document.

In my head the students would just drop and drag the cutout images onto the colored block – but it wasn’t that simple, they played and stretched and distorted the block images, and I quickly saw I needed to teach into a few more skills, so I did and now I’m writing about it!

Resize:

Every image has the tiny squares around the side, simply click and drag to resize.  The corners will keep the ratio (portrait or landscape) and the sides will change width and height.

Google Draw Resize

Mirror:

By dragging one of the sides or top squares in the center of the figure (not the corners), you’ll be able to mirror the image horizontally or vertically.  This didn’t help in the assessment listed above, but could be used purposefully.

Google Draw Mirror

Rotate:

You can rotate by 90 or 180 degrees by using the “Arrange” menu option, or grab the little outcropping on the square and click and drag to move around.  This option gives you complete control of the angle.

Google Draw Rotate

May 26th – A Week With Google Draw

When creating multiple shapes, it’s difficult to move them all at the same time.  Google Draw (and other programs) have a nifty little tool that allows us to group objects together and that makes life a lot easier when making minor adjustments.

May 26th – A Week With Google Draw

If we were drawing a stick figure in Google Draw, we would use a circle, then a bunch of line tools to create the body, arms and legs.  The “body” could attach to the head if we connect the body directly to the head, but the arms and legs are independent.  What happens when we need the stick figure three inches to the left?  Do we need to move every single piece?  No, we just group them.  Put all the pieces down, then click and drag to select all the pieces, right click (two finger click on a Chromebook or MacBook Pro) and “Group” the objects.  Then you can easily drag the stick figure (hopefully you have more artistic talent than me) around to different parts of your screen.

Google Draw Grouping

May 25th – A Week With Google Draw

So far in Google Draw we’ve looked at the Basics of Shapes, creating and drawing lines, and text boxes and layering. Today we’ll look at the instant arrangement features to put that text box in the exact middle of the page (if you want it there).

May 25th – A Week With Google Draw

Once you’ve placed a bunch of shapes and text boxes on the canvas, you might want to play around with them a bit.  Yesterday we used the “Order” feature to shift between the layers, but what if you want a text box in the exact middle, then shapes around it (or in line).  Google Draw has a easy feature for that.

Google Draw has the same gridlines feature that Google Slides has, where when you drag the object around the page, a blue line tells you if it matches other objects or is in the middle of the page.  Using the arrange feature helps keep the clicking and dragging to a minimum.

Google Draw Arrange

First select the object (otherwise the computer doesn’t know what to move) and then select from the menu options under “Arrange”.  Pretty simple but also very powerful for precision graphic design!

May 24th – A Week With Google Draw

In the three days of Google Draw we’ve covered the basics, looked at Shapes and Lines, today we’ll cover text, layers and how to start putting everything together.

May 24th – A Week With Google Draw

Google Draw is a great go to for quick shapes and graphics that you might want to place quickly in a Google Slides presentation or Google Doc, but it is a powerful graphic design program with a lot of the bells and whistles of the more popular programs.

Text:

The text box is pretty similar to other text boxes in programs.  Click on the “T” within the box, then click on the canvas to start typing.  You can change the font, size, alignment, color just like you would in a Google Doc, but select the text first.  You can also select the entire text box and change the background or “fill color”.

Screen Shot 2016-05-31 at 8.34.08 AM
Text modified with “center alignment”

Layers:

Once you start putting down shapes and text boxes, you might put down a text box, and then put down a shape after that, well the program layers these objects like stickers, and puts the last one on top.  Fortunately you can easily right click on the object, select “Order” and send back, to the back, or bring forward depending on what you want to happen.

Google Draw Layers
Google Draw adding shapes and changing the ordering or layers.

I tell my students about this feature early because it opens up so many possibilities in design.

May 23rd – A Week With Google Draw

After looking at the basics of Google Draw and placing a shape on the page, today we’ll look at creating arrows and lines.

May 23rd – A Week With Google Draw

This icon to the left of the Shapes on the menu bar is the Lines/Arrows option.  There are 7 options to choose from, each with a slightly different purpose.

Screen Shot 2016-05-27 at 1.51.12 PM
Line Tool with Basic Options

The picture below has the different options and some weight choices.  The “Curve” is tricky because you keep putting points down and moving your mouse pointer left and right to create curves, just something you’ll have to get used to.

Screen Shot 2016-05-27 at 1.56.08 PM
Different Line options

May 22nd – A Week With Google Draw

So this month I had originally planned on doing Google Draw as the “A Week With” series, but with my project I wanted to dive into what iBooks Author had to offer.  Well, the last time I checked (3 minutes ago) this was my blog and I can do what I want!  So here’s a week with Google Draw (really, who is losing out in this scenario?)

May 22nd – A Week With Google Draw

Google Draw is another little known part of the GAFE (Google Apps for Education) series.  It has the same ability to share and collaborate as the other products do, which makes it incredibly useful.  Since this is on the “second page” of options (like Google Forms) I’ll start with the basics and move up from there.

One of the most basic things you’ll be drawn to is the shapes option.  The shapes come in four categories, and once the shape is selected, based on the shape, you’ll have a yellow-ish diamond that you can drag to resize.

This slideshow requires JavaScript.

All of the shapes are vector graphics, meaning you can resize without pixelation which is a huge bonus.