Presentation is loading. Please wait.

Presentation is loading. Please wait.

Let the GIMP Force Be with You

Similar presentations


Presentation on theme: "Let the GIMP Force Be with You"— Presentation transcript:

1 Let the GIMP Force Be with You
Essential Standard 2.00 (25%) – Understand graphic image design and computer animation. Indicator 2.01 (15%) – Investigate graphic image design. Indicator 2.02 (10%) – Develop computer animations. BFIT6414 Multimedia and Webpage Design George E. Brooks South View High School Cumberland County Schools System (910) ext. 236 Indicator Investigate Image Editing

2 Setting Up Our Workstations for GIMP Workshop
Locate the GIMP Folder on your desktop Install GIMP 2.8-setup GIMP Help Files ??? Use accept all default setting during the installations. Let the GIMP Force Be With You!

3 Installing GIMP for Windows Operation Systems
You will need to download ,save and install GIMP 2.8 Installer and Help Files ?? for Windows XP SP3 or later versions of Windows, Apple IOS, and other operating systems. Web Sites: Note: GIMP will also run on Tablet PCs. Note-2: Gimp will also work with graphic tablets attached You will need to download and save GIMP Installer for Installer for Windows XP SP3 or later! Let the GIMP Force Be With You!

4 GIMP Settings You Can Customize
Setting up help: Edit, Preferences, Help System GIMP Help System can be installed locally or setup work with the web based for this version: Web address is: Can be downloaded to local computer? Setting up help: Edit, Preferences, Help System Let the GIMP Force Be With You!

5 Let the GIMP Force Be With You!
Keyboard Shortcuts Main Image Window Edit Keyboard Shots Learning these shortcuts will save time when you are working on your graphics' projects. Here a list of some of the shortcuts keys Let the GIMP Force Be With You!

6 Let the GIMP Force Be With You!
Getting to Know GIMP A Tour of the most Important GIMP Windows The Toolbox Menu Overview Customize Settings GIMP Windows Let the GIMP Force Be With You!

7 Let the GIMP Force Be With You!
Image Window View Number Quick Mask Color Model #of Layers Pixel Size File Name Rulers Scale Location Units Menus Status Bar Cancel Navigation control Resize toggle Scrollbars Menu button Main Image Window in GIMP Let the GIMP Force Be With You!

8 Let the GIMP Force Be With You!
Menu Overview Menu Submenu Double click to detach I have double clicked Text Tool to display the Submenu separately from the main Toolbox menu Tear-off Menus and Context Menus Let the GIMP Force Be With You!

9 Let the GIMP Force Be With You!
Toolbox Tool title Toolbox Buttons Foreground Swatch Background Swatch Tool title Toolbox Buttons Foreground Swatch Background Swatch Let the GIMP Force Be With You!

10 Tool, Image Window, Layers
Docking Dialog Layers Dialog Tool Box Let the GIMP Force Be With You!

11 Let the GIMP Force Be With You!
The Layers Dialog Box GIMP has a lot of useful dialogs. You can see the whole list from File-Dialogs in the Toolbox menu or the image window’s top-level Dialogs menu Each separate dialog window is called a dock, and can hold many additional dialogs inside it. Let the GIMP Force Be With You!

12 Let the GIMP Force Be With You!
Opening Files File Open Location Opening Files Let the GIMP Force Be With You!

13 Let the GIMP Force Be With You!
A First GIMP Project-1 Open light_saber.jpg Open luke_at_home.jpg Copy light_saber.gif and paste into luke_at_home.jpg Use the move tool to reposition any place you would like on file one. A First Gimp Project-1 Let the GIMP Force Be With You!

14 Finished GIMP Project-1
Let the GIMP Force Be With You!

15 Let the GIMP Force Be With You!
Questions? Do we have any questions at this point? Next skill improving digital photos Let the GIMP Force Be With You!

16 Improving Digital Photos
Opening files Scaling files Saving files Cropping files Brightening and Darkening files Rotating files Sharpening files Fixing Red-eye files Improving digital photos Let the GIMP Force Be With You!

17 Let the GIMP Force Be With You!
Scaling Images Open luke_at_home>Image >Scale Image Chains links Aspect Ratio Resolution Scaling images Let the GIMP Force Be With You!

18 Let the GIMP Force Be With You!
Four ways of Saving Save Save As Save as Copy Save Template Four ways of saving Let the GIMP Force Be With You!

19 Let the GIMP Force Be With You!
Save The Save command saves your image to disk. If you have already saved the image, the previous image file is overwritten with the current version. Let the GIMP Force Be With You!

20 Let the GIMP Force Be With You!
Save As The Save as command displays the “Save Image” dialog. Gives you a text box to assign a name to the file, and a drop-down list a directory to save it in. Select File Type option expander to pick a different file type. Save AS Let the GIMP Force Be With You!

21 Let the GIMP Force Be With You!
Save As Copy Save a Copy command does the same thing as the Save command, but with one important difference. It always asks for a file name and saves the image into the specified file, but it does not change the name of the active image or mark it as “clean”. Save as Copy Let the GIMP Force Be With You!

22 Let the GIMP Force Be With You!
Saving as Template The Save as Template command creates a template with the same dimensions and color space as the current image. A dialog pops up, which asks you to name the new template, then the template is saved and becomes available in the New Image dialog. If you give a name that already exists, GIMP generates a unique name by appending a number to it. Saving as Template Let the GIMP Force Be With You!

23 Let the GIMP Force Be With You!
Cropping Open the biplane image from our GIMP Folder Cropping is used to remove any unwanted selection from a digital photo we do not need for a current graphic project. So let us take a look at the cropping tool and then remove the unwanted part. Cropping Let the GIMP Force Be With You!

24 Let the GIMP Force Be With You!
After Cropping Here is the same photo after we have cropped it. Save as Biplane_cropped After cropping Let the GIMP Force Be With You!

25 Brightening and Darkening
A common problem with camera images is that they are either too light or too dark. GIMP has many powerful tools that can be used to correct these problems. Here a few tools we can use. Color Balance Brightness and Contrast Levels Curves Brightening and darkening Let the GIMP Force Be With You!

26 Let the GIMP Force Be With You!
Rotating GIMP offers a rotation tool that can correct minor errors made while shooting with your camera. Let the GIMP Force Be With You!

27 Let the GIMP Force Be With You!
Sharpening GIMP can sharpen photos, but can’t work miracles. The two most important ones are: Sharpen UnSharp Mask Let the GIMP Force Be With You!

28 Let the GIMP Force Be With You!
Fixing Red-Eye Open Ethan image Red-eye occurs when there is too much light from the flash on your camera. Turning the pupils into diabolical crimson. GIMP has a red-eye filter built in to correct these problem. Filters, Enhance, Red-Eye Removal Fixing Red-Eye Let the GIMP Force Be With You!

29 Let the GIMP Force Be With You!
Questions? Do we have any questions at this point? Next skill introduction to layers Questions Let the GIMP Force Be With You!

30 Introduction to Layers
Every image in GIMP is made by combining one or more separate images, called layers, laid on top of each other. Using Layers to add text Using the Move Tool Changing colors: GIMP’s color chooser Simple effects using layers Linking layers together Performing operations on layer Using layers for copy and paste Aligning layers Tour of Layers dialog box Making simple GIF animations using layers Introduction to Layers Let the GIMP Force Be With You!

31 Introduction to Layers
What is a Layer? Layers to Add Text The Text Tool Using the Move Tool Changing Colors Color Chooser Simple Effects Drop Shadows Introductions to layers Let the GIMP Force Be With You!

32 Let the GIMP Force Be With You!
What is a Layer? Every layer has a name. This is assigned automatically when the layer is created, but you can change it. You can change the name of a layer either by double-clicking on it in the Layers dialog, or by right-clicking and then selecting the top entry in the menu that appears, Edit Layer Attributes What is a layer? Let the GIMP Force Be With You!

33 Let the GIMP Force Be With You!
Creating a New Layer Layer Creating a new layer. Let the GIMP Force Be With You!

34 Let the GIMP Force Be With You!
A Tour of Layers Dialog Title Area Tabs Layer Mode Opacity Keep Transparent Layer List Layer Buttons Let the GIMP Force Be With You!

35 Let the GIMP Force Be With You!
Layers Continue Linking Layers together Performing operations on Layers Using Layers for Copy and Paste Select Only the Part You Want to Paste Paste into the Image Scale the Pasted Layer Aligning Layers Let the GIMP Force Be With You!

36 Let the GIMP Force Be With You!
The Text Tool Double click the A in Toolbox Window This will open the Text Tool Font Size Colors Justify Indent Line Spacing Letter Spacing Let the GIMP Force Be With You!

37 Let the GIMP Force Be With You!
Move Tool From the Toolbox select the four head arrow. Select the object you would like to move in the image window . Then move the object to the new location. Move Tool Let the GIMP Force Be With You!

38 Let the GIMP Force Be With You!
Change the Foreground Click on the Foreground Tool in the Toolbox Window and then chose color Change the foreground. Let the GIMP Force Be With You!

39 Change the Background Color
Click on the background tool in the Toolbox Window and then chose color Changing the background color Let the GIMP Force Be With You!

40 Simple Effects Using Layers
From the Main Image Window you select Filters Select Submenus and apply Simple effects using layers Let the GIMP Force Be With You!

41 Let the GIMP Force Be With You!
Questions? Do we have any questions at this point? Next skill how to create Drawings in GIMP. Questions Let the GIMP Force Be With You!

42 Let the GIMP Force Be With You!
Drawing Make a new image Using layers for drawing Drawing lines and curves Changing colors and brushes Outlining and filling regions Filling with patterns and gradients When GIMP won’t draw Drawing Let the GIMP Force Be With You!

43 Using new Layers Drawing
A New Image Layers for Drawings Drawing Lines and Curves Hard-Edged Lines Drawing Tools Options Airbrush Top Ink Pen Tool Easer Tool Using new layers drawings Let the GIMP Force Be With You!

44 Drawing Rectangles, Circles, and other Shapes
Defining Regions Outlining Selections: Stroking Free Select with the Lasso Filling Regions The Bucket Fill Tool Gradients: The Blend Tool Patterns are under Layers drag and drop Drawing rectangles, circles, and other shapes. Let the GIMP Force Be With You!

45 Change Colors and Brushes
Main Image Window Layers Brushes Change colors and brushes Let the GIMP Force Be With You!

46 Let the GIMP Force Be With You!
Erasing The Eraser, like other drawing tools, uses the current brush and color to erase with, so make sure you select the correct brush and color before you begin erasing. Erasing Let the GIMP Force Be With You!

47 Let the GIMP Force Be With You!
Stroking Regions GIMP doesn’t have any tools specifically for drawing shapes, which confuses some people coming from other drawing programs. The trick is to make a selection and then stroke. Edit, Stroke Selection, on the next dialog box chose the stroke you want to work with. Stroking regions Let the GIMP Force Be With You!

48 Let the GIMP Force Be With You!
Filling with Patterns Filling a selection with solid color or pattern is easy. First chose you drawing tool and make a new drawing or select a object in the main image window. Make sure to select from the Toolbox, Layers Tool Edit Fill with FG Color Fill with BF Color Fill with Pattern Filling with patterns Let the GIMP Force Be With You!

49 Filling with Gradients
The Gradient Chooser is located on the Toolbox, below the current brush and pattern. Choose your gradient and select the Blend Tool from Toolbox Next apply your gradient by using the Blend on your image Most of the gradient available in the dialog box have fixed colors regardless of the current foreground and background. Some gradients also include transparency, or partial transparency. Filling with Gradients Let the GIMP Force Be With You!

50 Let the GIMP Force Be With You!
When GIMP Won’t Draw GIMP will only draw to the current layer. It’s also possible you have pasted recently and still have a floating selection. While looking at the Layers Dialog, take a look at the Keep Transparency button. If that is checked GIMP won’t let you draw Check the opacity tool in the tool options: make sure it’s at 100%. Layers each have mode, and some modes do strange things in combination with the layer beneath. Make sure that the current layer’s mode is Normal unless you are creating a effect. Check the Mode in the tool options for the drawing tool you're using. If it’s not Normal, unexpected things can happen. When GIMP won’t draw Let the GIMP Force Be With You!

51 Let the GIMP Force Be With You!
A Drawing Project-2 Most drawing projects begin with a blank canvas in the new image window. To practice drawing techniques, we will use new layer 200x400 pixels that will easily fit on our computer screen New Image New Layer=trunk New Layer=trunk shadow New Layer=branches New Layer=leaves New Layer=darker leaves View and New View is a great tool for viewing the image when editing A drawing project-2 Let the GIMP Force Be With You!

52 Let the GIMP Force Be With You!
Questions? Do we have any questions at this point? Next skill working with selections in GIMP. Let the GIMP Force Be With You!

53 Let the GIMP Force Be With You!
Selection Working with selections Select by Color and Fuzzy Select Bezier paths The Intelligent Scissors Tool Modifying selections The Quick Mask Layer Masks Working with selections Let the GIMP Force Be With You!

54 Working with Selections
When you have an object selected with Marching Ants you can apply the many different features in GIMP to change the selection to fit what ever graphic effect you need. Working with selections Let the GIMP Force Be With You!

55 Let the GIMP Force Be With You!
Marching Ants The marching ants effect is an animation technique often found in selection tools of computer graphics programs. It helps the user to distinguish the selection border from the image background by animating the border. The border is a dotted or dashed line where the dashes seem to slowly walk sideways and up and down. This creates an illusion of ants marching in line as the black and white parts of the line start to move Source: Marching ants Let the GIMP Force Be With You!

56 Let the GIMP Force Be With You!
Selection Tool Menu Main Image Window Tools Selection Rectangle Ellipse Free Foreground Fuzzy By Color Intelligent Scissors Selection Tool Menu Let the GIMP Force Be With You!

57 Select by Color and Fuzzy Select
Select by Color is a very valuable tool in your selection arsenal. Select, By Color Free Select Tool Edit Copy Paste as New Image Repeat the process on the next color region. Selections by Color and Fussy Select Let the GIMP Force Be With You!

58 Let the GIMP Force Be With You!
Bezier Paths Bezier Paths Tool-lets you define control points (also called anchor points, or nodes)outlining your object. Defining a Path The Paths Dialog Curved Paths Adding Nodes or Segments and Moving Paths Moving or Modify an Existing Path CTRL Click or Enter on your starting point. Edit Copy, Edit Paste as New Image . You now have a new image of what you created a path around. Bezier Paths Let the GIMP Force Be With You!

59 Intelligent Scissors Tool
Works somewhat like the Bezier paths, but with a twist: it tries to follow the boundaries of an object. Caution: You must close your selection by clicking on the first point; that is not an option like it is in the Bezier path tool. CTRL Click or Enter on your starting point. Edit Copy, Edit Paste as a New Image. You now have a new image of what you created a path around. Intelligent Scissors Tool Let the GIMP Force Be With You!

60 Let the GIMP Force Be With You!
The Quick Mask Lets you see your selection visually superimposed on the image instead of the usual “marching ants” view. Everything not selected will have a red translucent red mask over it. Quick Mask mode is turned on by pressing the small square at the bottom-left corner of image window. Quick Mask Let the GIMP Force Be With You!

61 Let the GIMP Force Be With You!
Layer Mast Layer masts are particularly useful when combining images Lets take an ostrich and a giraffe and make an ostraffe? Copy the ostrich image Click on the giraffe image Edit Paste as New layer Move the body into position Use the Layers Tool and slide the opacity level to blend the two layers to your satisfaction. Layer, Mask, Add Mast Layer You can use the Master Layer edit over the unwanted areas Great you know have a ostraffe Layer Mask Let the GIMP Force Be With You!

62 Let the GIMP Force Be With You!
Erasing and Touch Up Darkroom Work with Dodge and Burn Dodging Burning Smudging Blemishes Away The Clone Tool, for More Difficult Jobs Setting the Clone Source Fine-tuning a Clone Job Clone Tool Options Erasing and Touch Up Let the GIMP Force Be With You!

63 Erasing and Touch Up Continued
Copying Small Regions The Heal Tool Perspective Cloning Enhancing Specific Regions: The Blur/Sharpen Tool Sharpening with the Convolve Tool Blurring with the Convolve Tool Blurring Backgrounds with Gaussian Blur Erasing and Touch Up Let the GIMP Force Be With You!

64 Let the GIMP Force Be With You!
Colors Color Balance Hue- Saturation Colorize Brightness-Contrast Threshold Curves De saturate Colors Let the GIMP Force Be With You!

65 Let the GIMP Force Be With You!
Filters The Filters Menu Blur Enhance Distorts Light and Shadow Noise Edge-Object Generic Artistic Filters Let the GIMP Force Be With You!

66 Let the GIMP Force Be With You!
Effects The Effects are submenus under Filters Menu Blur Enhance Motion Blue Let the GIMP Force Be With You!

67 Let the GIMP Force Be With You!
Questions? Do we have any questions at this point? Next skill creating a simple animation using in GIMP. Questions Let the GIMP Force Be With You!

68 Making a Simple GIF Animations
Plan and storyboard your animations Animations are a fun use of layers. Each layer becomes a frame of video. First frame is the lowest layer Create an image big enough for every part of the animation. Our Project is to create a bi-plane landing and taking off. Making a Simple GIF Animations Let the GIMP Force Be With You!

69 Making a Simple GIF Animations
Create a base Image Add the Animation Frames Give Each Frame Its Own Background Test Your Animation Animation for Web: Save as GIF Making a Simple GIF Animations Let the GIMP Force Be With You!

70 Let the GIMP Force Be With You!
Create a base Image New Image Image Size Width= 1024 pixels Height=170 pixels Landscape Advance Options Resolutions(y=72; x=72) Add background sky color using color picker Color code=c1d9eb Save as bi-plane_landing Creating the Base image or layer Let the GIMP Force Be With You!

71 Let the GIMP Force Be With You!
Biplane Image Open the biplane image in GIMP Select image Edit Copy or Ctrl-C Biplane Image Let the GIMP Force Be With You!

72 Create Layers for Animation
Edit >Paste Look in the Layers Tool and you will see a Floating Layer To convert the Floating Layer >Layer and add New Layer, the Floating Layer is now a normal layer Use the Move Tool to reposition the biplane Repeat commands until you have the number of frames needed for your animation Do not worry about layer names we rename those later. Create .layers for animation Let the GIMP Force Be With You!

73 Let the GIMP Force Be With You!
Test Your Animation Main Image Window Filters Animation Playback New window opens Click on the Play Button Enjoy your creation Test your animation. Let the GIMP Force Be With You!

74 Fine Tuning Your GIF Animation with Layer Names
Next we to copy the background layer and then merge the biplane layer by merging layer, using merge move down You can specify the time interval between frames by editing the frame names By double-clicking on the layer name in the Layers Dialog Box. Give the layer name that ends in millisecond interval (in parentheses). Example name: biplane (200ms) 1000 milliseconds equals 1 second See Gimp Textbook Chapter-3 page 102 (Bonus Project: Making Simple GIF Animations) Let the GIMP Force Be With You!

75 Animation for Web: Save as GIF
Main Image Window File Menu Save AS Select File Type GIF Image Let the GIMP Force Be With You!

76 Animation for Web: Save as GIF next step
Interface GIF Comment (enter what you what) Animated GIF Options Loop forever Delay (100 milliseconds per frame is default) Use delay entered above will set times for all frames Let the GIMP Force Be With You!

77 Questions? Do we have any final questions? George E. Brooks
South View High School Cumberland County Schools System (910) ext. 236 Questions Let the GIMP Force Be With You!

78 Let the GIMP Force Be With You!
Image File Types wilber.png JPEG GIF PNG XCF TIFF Other Formats wilber.jpg Image file types Let the GIMP Force Be With You!

79 Joint Photographic Experts Group
Category (jpg) Raster Image Files File Description Compressed graphic format standardized by the Joint Photographic Experts Group (JPEG); supports up to 24-bit color, which makes JPEG a good format for storing digital photos; compressed using lossy compression, which may noticeably reduce the image quality if high amounts of compression are used. JPEG images are commonly used for Web graphics and for storing photos taken with digital cameras. They are usually saved with a .JPG extension. Source: Joint Photographic Experts Group Let the GIMP Force Be With You!

80 Graphical Interchange Format File
Category (gif) Raster Image Files File Description Image file that may contain up to 256 indexed colors; color palette may be a predefined set of colors or may be adapted to the colors in the image; lossless format, meaning the clarity of the image is not compromised with GIF compression. GIFs are common format for Web graphics, especially small images and images that contain text, such as navigation buttons. GIF images can also be animated and saved as "animated GIFs," which are often used to display basic animations on websites; they may also include transparent pixels, which allow them to blend with different color backgrounds; however, pixels in a GIF image must be either fully transparent or fully opaque, so the transparency cannot be faded like a .PNG image. Source: Graphical Interchange Format File Let the GIMP Force Be With You!

81 Portable Network Graphic
Category (png) Raster Image Files File Description Image file stored in the Portable Network Graphic (PNG) format; like a .GIF file, contains a bitmap of indexed colors under a lossless compression, but without copyright limitations; commonly used to store graphics for Web images. The PNG format was created in response to limitations with the GIF format, primarily to increase color support and to provide an image format without a patent license; additionally, while GIF images only support fully opaque or fully transparent pixels, PNG images may include an 8-bit transparency channel, which allows the image colors to fade from opaque to transparent. PNG images cannot be animated like GIF images; however, the related .MNG format can be animated; PNG images do not provide CMYK color support because they are not intended for use with professional graphics; PNG images are now supported by most Web browsers. Source: Portable Network Graphic Let the GIMP Force Be With You!

82 eXperimental Computing Facility
Category (XCF) Raster Image Files File Description Image file created by the GNU Image Manipulation Program (GIMP), a freely distributed image editing program; saves layers, channels, paths, guides, and the current selection when saved. Source: Let the GIMP Force Be With You!

83 Tagged Image File Format
Category(tiff) Raster Image Files File Description Graphics container that can store both raster and vector images; may contain high-quality graphics that support color depths from 1 to 24-bit; supports both lossy and lossless compression; also supports multiple layers and pages. TIFF files were designed to be a standard image format for saving high-quality color images on multiple computer platforms; they are most often seen with the .TIF extension. The TIFF format was originally developed by Aldus, who merged with Adobe Systems in 1994 Let the GIMP Force Be With You!

84 Let the GIMP Force Be With You!
Image File Formats There are more image formats. Here are some of the most common: RAW BMP PCD PSD ICO PDF and PostScript SVG Source: Image File Formats Let the GIMP Force Be With You!

85 Let the GIMP Force Be With You!
Resources Smith, Jana and Jost, Rooam. Beginning GIMP. Springer, April Apress Print. Thomas, Keir, Jaime Sicam, Keir Thomas, John Jones, and Akkana Peck. Beginning GIMP. Springer, Apress Print. Brooks, George. "Gimp Information." Web-Gimp Information 20 July 2010: 1. Web. 17 Jul <http://www.svhs .ccs.k12.nc.us/cte/brooks/be6412/gimp/gimp.htm FileInfo, Web Master. "File Extention Rescoures." File Extention Rescoures. FileInfo, 17 July Web. 17 Jul <http://www.fileinfo.com/>. Peck, Akkanak. "Beginning GIMP: From Novice to Professional." Beginning GIMP: From Novice to Professional. Apress, Beginning GIMP: From Novice to Professional. Web. 17 Jul <http://gimpbook.com/index.html Simončič., Jernej. "Gimp Downloads for Windows." Gimp Downloads 20 July 2010: 1. Web. 17 Jul <http://www.gimp.org/downloads/>. Resources Let the GIMP Force Be With You!

86 Rescoures Simončič., Jernej. "Gimp Downloads for Windows." Gimp Help Documents 20 July 2010: 1. Web. 17 Jul <http://docs.GIMP.org/2.6/en/>. Simončič., Jernej. "Gimp Org." Gimp 20 July 2010: 1. Web. 17 Jul <http://www.gimp.org/>. Simončič., Jernej. "GTK+ and Gimp Installers." Gimp 20 July 2010: 1. Web. 17 Jul <http://sourceforge.net/projects/gimp-win/>. "Star Wars." Luscas Flims. Web. 17 Jul <http://www.lucasfilm.com/>. Thomas, Keir, Jaime Sicam, Keir Thomas, John Jones, and Akkana Peck. Beginning GIMP. Springer, Print.


Download ppt "Let the GIMP Force Be with You"

Similar presentations


Ads by Google