On the frontlines – teaching students; teaching teachers. A source for EdTech tips, tricks, and solutions.
Showing posts with label illustration. Show all posts
Showing posts with label illustration. Show all posts

Monday, August 11, 2014

Custom Page Settings in Google Apps

One thing that is often overlooked in the Google Apps suite is the option available to you in the page settings menu option. This is a rundown of your options

In Google Docs:

Click File>Page settings:
  • Change the orientation of the document (Portrait or Landscape)
  • Change the page size to a preset size for different purposes (tabloid, legal, etc.)
  • Change the margins of the document
    • This one is really important to me because I prefer narrow margins on all of my docs
  • Pro-Tip - Set the page settings that you like as the default and each new doc that opens will follow that default setting!

In Google Drawings:

Click File>Page setup
  • Change the size of your canvas to preset sizes
  • Customize the size of your canvas using a custom setting:
    • This is great for creating headers, website icons, buttons, etc. 
    • You can pick whatever size you need for your project

In Google Slides:

Click File>Page Setup
  • Change the format of your screens for different projectors (4:3, 16:9, 16:10)
  • Customize the size of your slides in custom settings using Inches, centimeters, points, or pixels




Saturday, August 2, 2014

Chrome Extension Review - Ruul

Ruul is an extension that acts as ruler and measuring tool for webpages in Chrome. What I love about this extension is that it allows me to measure banners, pictures, and cover photo areas so that if I am working in Google Drawings, Adobe Illustrator, Pixlr Editor, etc., I can find out the exact dimension of the area that I am want to fill with a photo or graphic. 

When you launch the extension, you have a few options to add a "ruul":
  • Resizable  - Allows you to create a box to  measure a specific area in inches, centimeters, or in pixels.
  • Add a ruler - Select one of the predesigned rulers to put on a web page.  The measurements of the ruler are in pixels.
I have used this in finding the measurements for headers on Google Sites, or cover photos in G+.  I can see the use of this in yearbook and newspaper classes when measuring out sample template ideas, in geometry classes who are blended and working a lot online through Google Docs and Drawings. 


Here's a little .gif to see the functionality:




Wednesday, July 30, 2014

Shift Button Magic: Drawings

The Secret of the Shift Button:


In Google Drawings, you can resize a shape, text box, or image fairly easily. Just use the points on the outside of the bounding box to resize the object in whatever way you want.  However, if you'd like to keep the item in scale, you can press the shift button while resizing with the corner points. This also works across into Docs and Slides when you are working with text boxes. 


Also, if you are rather OCD like myself, you hate drawing a line and noticing that it isn't quite parallel or perpendicular to the grid.  The shift button also allows you to draw lines that will always give you perfectly parallel line. 

Simply start drawing your line, and hold the shift button as you finish your line. You will notice that the line will only go straight across, not up or down just a little.  This will also work to resize a line, or if you drew a non-parallel line, you can hold shift and adjust it as well. 

Now let's say that you are trying to find the exact same angle every time. As you are holding the shift button and moving a line, it will automatically move in 15 degree increments. You can see my example below (I am holding down the shift button the whole time as I move the line):




Sunday, July 27, 2014

Shadows in Google Drawings

Create a Shadow in Drawings

I was recently trying to create some buttons/icons for my Google Site, when I came across a stumbling block. How can I create a little definition for my icons with a shadow?

Here is a very simple way to add a drop shadow to a shape in Google Drawings:

  1. Create the shape and choose a fill color. 
  2. Copy the shape (Ctrl-c/Cmnd-c)
  3. Paste the shape (Ctrl-v/Cmnd-v)
  4. Change color of the pasted shape to your desired shadow color
  5. Re-order to place it behind the shape
  6. Move the shadow shape to the left/right & top/bottom of the shape to create desired shadow
  7. Add any words or illustrations that you want for your buttons
  8. Voila! You have a shadow. 

Here's an image from my site with the buttons I created using this technique in Google Drawings: