Witty.ca - Mr. Rich's Professional Archives

  • Home
    • Lunch
    • Support
    • Intro
  • Courses
    • Course Listing & Updates
    • DMS 2021-2022 >
      • Tech and Design Grade 6
      • Tech and Design Grade 7
      • Tech and Design Grade 8
    • HCS Archive 2015-2016 >
      • HCS'15 Media Studies 120
      • HCS'15 Nutrition for Healthy Living 120
      • HCS'15 Visual Art 9
      • HCS'16 Intro to Electronics 110 >
        • Purchasing a Computer in 2016 >
          • HCS'15 Visual Art 110/120
      • HCS'16 Housing & Design 120
      • HCS'16 Visual Arts 10
      • HCS Winter Decoration Ideas
    • HCS Archive 2014-2015 >
      • HCS'15 - Digital Production 12
      • HCS'15 - Graphic Art & Design 11
      • HCS'15 - Media Studies 12
      • HCS'15 - Visual Art 10
      • HCS'14 - BBT 10
      • HCS'14 - Info Tech 11/12
      • HCS'14 - Visual Art 9
      • HCS'14 - Visual Art 11/12
      • HCS Art Club
      • HCS Announcement Text
    • HCS Archive 2013-2014 >
      • HCS'14 - English 12
      • HCS'14 - Graphic Design 11
      • HCS'14 - Individual & Family Dynamics 12
      • HCS'14 - Info Tech 12
      • HCS'14 - Social Studies 8
    • Student Introduction Form
  • Tech Units
    • Safety & Citizenship >
      • Work Place Safety
      • Digital Safety & Citizenship
      • Digital Communication
      • Digital Rights & Responsibilities
      • Digital Etiquette
      • Digital Wellness
      • Digital Business
      • Digital Access
      • Digital Literacy
      • Digital Law
    • Vector Graphics >
      • Inkscape Act.1
      • Inkscape Act.2
      • Inkscape Act.3
      • Inkscape Act.4
      • Inkscape Act.5
      • Inkscape Act.6
      • Inkscape Challenge
    • Excel
    • Audio / Video >
      • Sound (Audacity)
      • Video (One Minute PSA)
      • Make a Movie Trailer
      • Blender Video Editor - Test
    • Automotive >
      • Auto - Careers
      • Auto - Engines
      • Auto - 4-Stroke vs 2-Stroke
    • Raster Graphics >
      • How to Submit - Raster Graphics
      • Photoshop Activities
      • GIMP Overview
      • GIMP Install & Setup
      • GIMP Activity 1
      • GIMP Activity 2
      • GIMP Activity 3
      • GIMP Activity 4a
      • GIMP Activity 4b
      • GIMP Activity 6a
      • GIMP Activity 6b
      • GIMP Activity 6c
      • GIMP Activity 6d
      • GIMP Activity 6e/f
      • RG Final Project - Magazine Cover >
        • HCS'16 Graphic Art & Design 110
      • RG Final Project - Cereal
      • RG Marking Breakdown
    • Coding - Teacher Start
    • Python (Coding) >
      • Python - CS 110 PD - July 2016
      • Python - CS 110 PD Part 2 (Projects)
      • Python - CS 110 PD Part 3 (GUI)
      • Install Python 3.5 + PyGame
    • Scratch 2 (Coding) >
      • Scratch 2 - Introduction to Coding
      • Scratch 2 - How to
      • Scratch 2 - Introduction
      • Scratch 2 - Frogger (p1)
      • Scratch 2 - Frogger (p2)
      • Scratch 2 - Frogger (p3)
      • Scratch 2 - Frogger (p4)
      • Scratch 2 - Frogger (p5)
      • Scratch 2 - A 2nd Project
      • Scratch 2 - Teacher Notes
      • Scratch 2 - Choosing another language
    • Scratch 1 (Coding) >
      • Scratch (Scripts 1 & 2)
      • Scratch (Script 3)
      • Scratch (Frogger)
      • Scratch (Frogger 2)
      • Scratch (Frogger 3)
      • Scratch (Frogger 4)
      • Scratch Mini-Challenge 1
      • Scratch Final Project
      • Notes for Teachers >
        • Teaching Scratch
    • Design (AutoCAD) >
      • Design Act. 1
      • Design Act. 2
      • Design Act. 3
      • Design Act. 4
      • Design Act. 5
      • Design Act. 5b and 5c
      • Design Act. 6
      • Design Act. 7
      • Design Act. 8
      • Design Act. 9
      • Design Act. 10
      • Design Act. 11
      • Design Act. 12
    • Design (Sketchup) >
      • Sketchup House Setup
    • Portable Apps >
      • Cam Studio
      • Virtual Dub
      • Scratch (and Zip File for Students)
      • TuxPaint (and Zip File for Students)
      • TuxTyping (and Zip File for Students)
      • Google Chrome
    • Project Management >
      • Intro to Project Mgmt.
      • Assignment for Project Management
    • Database >
      • Tasks Database
    • Final Projects and Exam Review >
      • Final Project - BBT 10 - 2015
      • Final Project - Digital Production 2015
      • Final Project - Media Studies 2015
      • Exam Review 2013
    • Cybersecurity
  • Art Units
    • Elements and Principles >
      • Elements of Art
      • Principles of Design
    • Photographic Composition
    • Visual Art 9
    • Graphic Art & Design 110 >
      • Colour Theory
      • Layout
      • Fonts and Type
    • Visual Art 110
    • Previous Box Projects - Visual Art 10
  • Other Units
    • Housing >
      • How to Design a House
    • Media Studies >
      • Media Studies Handouts
      • What is media? Why study media?
      • Film, Television and Video
      • Advertising, Marketing and You
      • Media and the Internet
      • Self-Study Project
    • Nutrition >
      • Recipes >
        • Black Bean Cake and Cupcake
  • Sports
    • Volleyball >
      • NMS Volleyball 2019
      • Volleyball Contact
      • (Old) Volleyball 2017
      • (Old) Volleyball Spring 2016
      • (Old) 2016 Tournament - MS Boys Volleyball
      • (Old) Volleyball Spring 2015
      • (Old) 2015 Tournament - MS Boys Volleyball
    • Soccer >
      • (Old) Soccer Fall 2015
    • Basketball
  • Blogs
    • Computer Science Blog
    • Personal Blog
  • Contact
  • About
    • About Mr. Rich
    • About Technology and Computer Science
  • Archives
    • Teaching Software >
      • Purchasing a Computer (notes) >
        • Purchasing a Computer
        • Computer Scenarios
        • Computer Presentation
        • PAC Test Instructions
        • PAC Peer Review
        • How to Submit Computer Comparisons
        • How to Submit Computer for Helen
      • Scratch 2 (Coding)
      • Scratch 1.4 (Programming)
      • ARCHIVED - GIMP (Raster Graphics)
      • ARCHIVED - Inkscape (Vector Graphics)
      • AutoCAD (2D Design)
      • Sketchup (3D Design) >
        • Google Sketchup (2011)
        • Google Sketchup (2012)
      • Excel vs Calc (Spreadsheet)
      • Cam Studio (Screen Capture Videos)
      • TuxPaint (for young kids)
      • TuxTyping (Typing Tutor)
    • Links >
      • Career Links in Fredericton
      • Job Hunting Tips
    • Presentations >
      • Scratch Workshop Oct 11, 2013
      • Scratch Workshop Sept 18, 2013
      • Math for French Immersion
    • Software That Is No More >
      • Setup (for an older version of Weebly) >
        • Setup - Day 1
        • How To Setup Your Weebly Pages
        • Marks (link to Canvas)
        • Web Portfolio
    • Previous Teaching >
      • Old Teacher's Logs >
        • Teacher's Log 2015-2016
        • Teacher's Log 2014-2015
        • Teaching Notes - Hartland 2014
        • BBT9 Teacher's Log (Apr-June2013)
        • BBT9 Teacher's Log (Jan - Apr 2013)
        • BBT9 2012
      • Sept2010-Jan2012 >
        • Old Home
        • Middle School >
          • Literacy
          • Social Studies 6
          • Social Studies 7 >
            • Online Test - Canada at Confederation
      • Jan2012-Nov2012 >
        • Book Blog >
          • Blog to Book
        • About Mr Rich
    • PD Sessions >
      • BBT9-10 Oct6 2016
      • BBT Teachers PD (Jan 2013)
      • Cyber-bullying (May 2013)

GIMP Activity #2

Picture
In this activity, we will take the photo of Amber (same as Activity #1) and put just her head onto a Canadian flag.  
Then, we will add the curved text:
- "Vote for Amber" (top)
- "She's the best choice!" (bottom)


amber.jpg
File Size: 271 kb
File Type: jpg
Download File


canada_flag.png
File Size: 2 kb
File Type: png
Download File


GIMP.org Downloads Page

GIMP as a "Portable App"
for Windows computers.
More about Portable Apps here.


Video #1 - Preparing Amber's Face
  • Select just Amber's face
  • We want a transparent background
    (not white!  This is a bit tricky.)




Remember these Keyboard Shortcuts:
  • Ctrl-Z  = "Undo"
  • Ctrl-Y  = "Redo" (gets back the "Undo")

  • "+"     = Zoom In
  • "-"      = Zoom Out



Open video in new tab or popup window.

Video #2 - Using Eraser & Blur Tools
  • Fixing pixelation (blocks) beside erased selections.




Open video in new tab or popup window.

Video #3 - Paste on Indexed File
  • Indexed files only allow specific colors

  • Copy and paste Amber's face onto the Canada Flag (which is indexed)




Open video in new tab or popup window.

Video #4 - Scale Tool
  • Save your work

  • Scale Amber's face (just a bit smaller)



Open video in new tab or popup window.

Video #5 - Ellipse Select Tool (+ Create)
  • Use the "Ellipse Select Tool" to select a circular shape around Amber's head and the maple leaf.

  • Choose: Edit -> Copy Visible
    (This copies all the layers inside the selection)

  • Choose: File -> Create -> From Clipboard
    (creates a new file)

  • Save your work!



Open video in new tab or popup window.

ALTERNATIVES to Videos #6 and #7 (November 2013)
---------- The original videos #6 and #7 are kept below.  Use them if you insist on using The GIMP for text features.
After teaching these videos to 4 classes (about 100 students), I decided that The GIMP's "Text Along Path" ability is just too horrible.  The biggest problem: If you made a spelling mistake, you had to start over from the beginning!

BEGIN ALTERNATIVE-------------------------
So what do you do now?
  • First, have a look at this image.  This is what you want to make. --->

  • Second, save your GIMP file so far.  
    - Save it as a GIMP file - my-file.xcf (or whatever you've named it)
    - Save it also as a PNG file (to use in a minute) - my-file.png

  • Third, get "Inkscape" and open my-file.png.
    If you don't already have Inkscape on your computer, and if you are a student, then download and "install" Inkscape from PortableApps.
    http://portableapps.com/apps/graphics_pictures/inkscape_portable
    If you need instructions on installing this, I made a video to install The GIMP using PortableApps.  You will want to get Inkscape instead, but the process is almost the same.

  • Fourth, I've already made videos that show how EASY it is to use Inkscape to make text along a path.  It wasn't made for this activity, but it's so easy!
    Inkscape Activity #4
    - Go to Video #8 - "Text & Shadow"
    - Go to Video #10 - "Text on Path"

  • And if you follow all of these instructions, you should have no trouble making your image of Canadian Amber have the curved text like the image above.  Contact me to let me know if it's not easy!
END ALTERNATIVE----------------------------------
Picture
Ask your teacher whether the background is required. (I've added a green background so you can easily see the circle.)

Video #6 - Text Along Path
  • Create text on a path!

  • This part is difficult and has
    a number of steps!

  • Text along a Path ("Vote for Amber")
    - Create a new layer called "Text Top"
    - Create a Path ("Path" tool button)
    - Make the Path Visible (Path's tab, click
       for the eye)
    - Create the Text ("A" tool button, drag
       for just the text)
    - "Text along Path" (Layer dropdown
       menu, 3rd "A" choice)
    - "Path to Selection" (Path's tab and click
       the red square)
    - Bucket Fill *inside* the curved text
       (moving lines for selection)



Open video in new tab or popup window.

Video #7
  • Create text on a path!
    (Now for the bottom semi-circle)

  • Again, this part is difficult and has
    a number of steps!



Open video in new tab or popup window.

Video #8 - Saving & Exporting
  • Make sure you save your work correctly!

  • Save as activity-2.xcf
    - Be sure to upload this as a "File" on your Weebly site

  • Export as PNG - activity-2.png
    (PNG & GIF image files will both keep transparency but JPG won't - JPG will convert transparent to white)
    - Be sure to upload this as a "Picture" on your Weebly site and click the first button to "Open larger image ..."



Open video in new tab or popup window.

Don't know how to submit your work?

Video: How to submit "Raster Graphics"


Copyright © Graham Rich 2010-2021.   Site made using Weebly.com.