• BLOG
  • BOOKS
    • Blended Learning with Google
    • Google from A To Z
    • Shake Up Learning Book
      • Dynamic Learning Workshop
      • Book Study
    • Bulk Discounts
    • Learn More
  • COURSES
    • Available Courses
    • Google Certification
    • Google Courses
    • Log in
    • Google Training for Schools
  • PODCASTS
    • The Shake Up Learning Show
      • Listen
      • Subscribe
      • “On-Air” Coaching Episodes
      • Inspiring Interviews
      • Quick Tip of the Week
      • Questions of the Week
      • Series
    • The Google Teacher Podcast
    • Kasey as a Guest
  • CERTIFICATIONS
  • RESOURCES
    • Video Library
    • Remote Learning Resources
    • FREE Downloads
    • Google Resources
    • Google Classroom
    • Google Certification
    • For Tech Coaches
    • Favorite Books & Gadgets
    • T-Shirts, Stickers, & Gear
    • Presentations
  • CONTACT
    • Work with Us
    • Sponsorship and Advertising
    • Connect on Social
    • About Kasey Bell
    • Copyright Policy
    • Privacy Policy
↑

Shake Up Learning

Shake Up Learning in your classroom today!

  • BLOG
  • BOOKS
    • Blended Learning with Google
    • Google from A To Z
    • Shake Up Learning Book
      • Dynamic Learning Workshop
      • Book Study
    • Bulk Discounts
    • Learn More
  • COURSES
    • Available Courses
    • Google Certification
    • Google Courses
    • Log in
    • Google Training for Schools
  • PODCASTS
    • The Shake Up Learning Show
      • Listen
      • Subscribe
      • “On-Air” Coaching Episodes
      • Inspiring Interviews
      • Quick Tip of the Week
      • Questions of the Week
      • Series
    • The Google Teacher Podcast
    • Kasey as a Guest
  • CERTIFICATIONS
  • RESOURCES
    • Video Library
    • Remote Learning Resources
    • FREE Downloads
    • Google Resources
    • Google Classroom
    • Google Certification
    • For Tech Coaches
    • Favorite Books & Gadgets
    • T-Shirts, Stickers, & Gear
    • Presentations
  • CONTACT
    • Work with Us
    • Sponsorship and Advertising
    • Connect on Social
    • About Kasey Bell
    • Copyright Policy
    • Privacy Policy

Create a Google Classroom Custom Header with Google Drawings

April 5, 2021 by Kasey Bell

  • Share
  • Tweet

Create a Header Image with Google DrawingsHow to Create a Google Classroom Custom Banner

Google Classroom is a great application for Google using educators and students to manage assignments, communicate and collaborate, and go paperless!

Google has made great strides in updating this application based on the feedback submitted by educators like you.

Google Classroom is only going to get better!

So if you haven’t taken the time to learn this great application, now is the time.

In this post and video tutorial, I will show you how to create a custom header with Google Drawings, give you a FREE template, and show you how to upload it into Google Classroom!

Create a #GoogleClassroom Custom Header with Google Drawings

Click To Tweet

How to Create a Google Classroom Custom Header with Google Drawings

One feature of Google Classroom is the ability to customize the theme and header (see example below).

You can choose from ready-made themes and header images from Google’s gallery, or you can upload your own image to customize the look and feel of all of your classes.

Adding your own image usually requires more than just finding a picture stored on your drive.

Google Classroom is responsive, which means the size and shape of the header change with the size of your screen on your desktop, laptop, tablet, or phone.

For this reason, you will notice most of Google’s headers have a pattern that works well for this type of responsive application.

Faces and clipart can get distorted in the header, but I have found a way that works for me using Google Drawings to create the header image.

Google Drawings is the unsung hero of the Google Drive suite of applications.

It is a very powerful tool for creation.

See this infographic for more details: 10 Ways to Use Google Drawings in the Classroom.

Google Drawings allows you to create an image in any size that you want, so it was an easy option for creating a custom Google Classroom header.

Below are step-by-step directions to help you create a custom header for your Google Classroom classes.


Things to Know About the Header Image

The header ONLY appears at the top of the stream in Google Classroom.

Since text appears on top of the image, there is a grey filter that will go over your image. Keep this in mind as you design your image.

In my example below, I used a white background and the filter turns it grey.

Create a Google Classroom Custom Header with Google Drawings

The other thing to remember is that Google Classroom is a responsive website that will resize based on the size of the screen. So, what looks good on the desktop, may look very different on mobile.

Create a Header Image with Google Drawings

Create a Header Image with Google Drawings

There are many tools that you can use to create a custom banner for Google Classroom.

My three favorites are Google Drawings, Google Slides, or Canva.com. For the purposes of this post, we are keeping things simple with Google Drawings. But you should definitely check out the super cool templates in Canva for Education.

FREE Blank Template

I recommend you learn how to create an image from scratch, but to save time, I’ve also created blank template. CLICK HERE to make a copy of the header image template.

1. Go to drawings.google.com to open a new drawing.

2. Click on the title (top left) and rename it.

3. Go to File>Page Setup

  • From the drop-down, select Custom
  • Change inches to pixels
  • Input 1000 x 400 pixels and click Okay.
    Create a Google Classroom Custom Header with Google Drawings

4. Here comes the fun part! Create your image!

  • Suggestion: right-click on the image and choose a background color to get started. (I chose a white background.)

5. Now you can insert any images or text that you want, like your school logo, a Bitmoji, or other images that help define your class.

6. When you are done creating your image, go to File>Download as> choose .png or .jpeg to download the image to your computer. (Note: Jpeg is good if for real photographs, .png is good for clip art.)

Screen Shot 2016-02-22 at 4.12.37 PM

7. Now, upload your new header into Google Classroom.

  • Go to Google Classroom and choose the class where you wish to update the header.
  • On the Stream, near the bottom-right of the current image header, select “Upload photo.” Navigate to where you downloaded your new header, or drag and drop to upload.
  • Move and crop the image if you like to get it exactly where you want it. Then click, “Select class theme” at the bottom of the window.
  • Voila! You have a new customized header! (Note: the theme colors are not customizable, but Google Classroom tries to somewhat mimic the colors in your image. I’m hoping for the ability to choose custom colors in the future!)
  • Tip: Choosing a different header, even just with minor changes will help you students see at a glance which class they are in and help keep them on track.

Join the Google Classroom Master Class Online Course

Google Classroom Master ClassLearn all about the new updates to Google Classroom and take your skills to the next level. This course will give you everything you need to get started using Google Classroom and best practices to help you make the most of this tool.

Perfect for beginner to intermediate skill levels! Consider this your video guide to Google Classroom!

Click here to learn more and to ENROLL TODAY!


Check out all of my Google Classroom Resources here!





© Shake Up Learning 2022. Unauthorized use and/or duplication of this material without express and written permission from this blog’s author and/or owner is strictly prohibited. Excerpts and links may be used, provided that full and clear credit is given to Kasey Bell and Shake Up Learning with appropriate and specific direction to the original content on ShakeUpLearning.com. See: Copyright Policy.

  • Share
  • Tweet

Filed Under: edtech, educational technology, Free Resources for teachers, GAFE, Google, Google Classroom, Google Drawings, Google Tips, Images, Instructional Technology, online learning, online teaching, Remote Learning, Tutorial, Tutorials Tagged With: google classroom, google drawings

Comments

  1. Amber Bridge says

    February 24, 2016 at 11:31 am

    Hi Kasey,
    The one reason that I’ve been flipping back and forth between new and old forms is the way that they have changed making a custom banner for forms. Do you think that image ratio you mentioned for the Google Classroom banner is the same for new Google forms?

    • Kasey Bell says

      February 28, 2016 at 6:13 pm

      Oh! Good question, Amber! I tried it and it will work, but seems to be slightly thinner. I would try 1500×300. Seems to cut off the top of the bigger one.

The best Learning books of all time

Brilliantly

SAFE!

shakeuplearning.com

Content & Links

Verified by Sur.ly

2022
Subscribe Today!

Get The Inside Scoop!

There was an error submitting your subscription. Please try again.

  • Home
  • About Me
  • Blog
  • Books
  • Contact Shake Up Learning
  • Privacy Policy
Copyright ©2023, Shake Up Learning. All Rights Reserved.
Design by Pixel Me Designs
This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish.AcceptReject Read More
Privacy & Cookies Policy

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.
Necessary
Always Enabled
Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information.
Non-necessary
Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via analytics, ads, other embedded contents are termed as non-necessary cookies. It is mandatory to procure user consent prior to running these cookies on your website.
SAVE & ACCEPT