digital art using gimp & inkscape - fedora people · pdf filedigital art using gimp...
TRANSCRIPT
![Page 1: Digital Art Using Gimp & Inkscape - Fedora People · PDF fileDIGITAL ART USING GIMP PRESENTED BY Fedora Design Team Lead & Sr. Interaction Designer, Red Hat, Inc. Máirín Duffy This](https://reader030.vdocuments.us/reader030/viewer/2022021501/5a9e26757f8b9a21488c7205/html5/thumbnails/1.jpg)
DIGITAL ART USINGGIMP
PRESENTED BY
Fedora Design Team Lead &Sr. Interaction Designer, Red Hat, Inc.
Máirín Duffy
This presentation is under a Creative Commons Attribution ShareAlike 3.0 License. Please enjoy and share.
& INKSCAPE
![Page 2: Digital Art Using Gimp & Inkscape - Fedora People · PDF fileDIGITAL ART USING GIMP PRESENTED BY Fedora Design Team Lead & Sr. Interaction Designer, Red Hat, Inc. Máirín Duffy This](https://reader030.vdocuments.us/reader030/viewer/2022021501/5a9e26757f8b9a21488c7205/html5/thumbnails/2.jpg)
Who am I?QUICK STATS:
Occupation
Last used OS X, Windows, or any Adobe stuff
Desktop Environment
Interaction Designer at Red Hat
Early 2006
Operating System It's complicated
GNOME
Fedora Design Team Lead
![Page 3: Digital Art Using Gimp & Inkscape - Fedora People · PDF fileDIGITAL ART USING GIMP PRESENTED BY Fedora Design Team Lead & Sr. Interaction Designer, Red Hat, Inc. Máirín Duffy This](https://reader030.vdocuments.us/reader030/viewer/2022021501/5a9e26757f8b9a21488c7205/html5/thumbnails/3.jpg)
#1 Which program do I use?
#2 Where can I get source materials?
#3 Dive into Gimp!
TODAY'S TOPICS:
#4 Dive into Inkscape!
#5 How to learn more!
![Page 4: Digital Art Using Gimp & Inkscape - Fedora People · PDF fileDIGITAL ART USING GIMP PRESENTED BY Fedora Design Team Lead & Sr. Interaction Designer, Red Hat, Inc. Máirín Duffy This](https://reader030.vdocuments.us/reader030/viewer/2022021501/5a9e26757f8b9a21488c7205/html5/thumbnails/4.jpg)
#1
Which program do I use?
![Page 5: Digital Art Using Gimp & Inkscape - Fedora People · PDF fileDIGITAL ART USING GIMP PRESENTED BY Fedora Design Team Lead & Sr. Interaction Designer, Red Hat, Inc. Máirín Duffy This](https://reader030.vdocuments.us/reader030/viewer/2022021501/5a9e26757f8b9a21488c7205/html5/thumbnails/5.jpg)
![Page 6: Digital Art Using Gimp & Inkscape - Fedora People · PDF fileDIGITAL ART USING GIMP PRESENTED BY Fedora Design Team Lead & Sr. Interaction Designer, Red Hat, Inc. Máirín Duffy This](https://reader030.vdocuments.us/reader030/viewer/2022021501/5a9e26757f8b9a21488c7205/html5/thumbnails/6.jpg)
![Page 7: Digital Art Using Gimp & Inkscape - Fedora People · PDF fileDIGITAL ART USING GIMP PRESENTED BY Fedora Design Team Lead & Sr. Interaction Designer, Red Hat, Inc. Máirín Duffy This](https://reader030.vdocuments.us/reader030/viewer/2022021501/5a9e26757f8b9a21488c7205/html5/thumbnails/7.jpg)
Photo credit: “Yellow” by Jenny Downing on Flickr. Used under a Creative Commons Attribution 2.0 license.
![Page 8: Digital Art Using Gimp & Inkscape - Fedora People · PDF fileDIGITAL ART USING GIMP PRESENTED BY Fedora Design Team Lead & Sr. Interaction Designer, Red Hat, Inc. Máirín Duffy This](https://reader030.vdocuments.us/reader030/viewer/2022021501/5a9e26757f8b9a21488c7205/html5/thumbnails/8.jpg)
Gimp/Bitmap tasksPhoto manipulation
Screenshot cropping/slicing
Digital Painting
Animation
Special Effects
![Page 9: Digital Art Using Gimp & Inkscape - Fedora People · PDF fileDIGITAL ART USING GIMP PRESENTED BY Fedora Design Team Lead & Sr. Interaction Designer, Red Hat, Inc. Máirín Duffy This](https://reader030.vdocuments.us/reader030/viewer/2022021501/5a9e26757f8b9a21488c7205/html5/thumbnails/9.jpg)
Graphic credit: “Realistic Coffee cup” by mokush on Open Clip Art. Public Domain.
![Page 10: Digital Art Using Gimp & Inkscape - Fedora People · PDF fileDIGITAL ART USING GIMP PRESENTED BY Fedora Design Team Lead & Sr. Interaction Designer, Red Hat, Inc. Máirín Duffy This](https://reader030.vdocuments.us/reader030/viewer/2022021501/5a9e26757f8b9a21488c7205/html5/thumbnails/10.jpg)
Inkscape/Vector tasksUI / web mockups
Icon creation
Logo design & manipulation
(Single-page) poster/flyer design
High-resolution for-print designs
Cartooning
Pattern generation
Text effects
![Page 11: Digital Art Using Gimp & Inkscape - Fedora People · PDF fileDIGITAL ART USING GIMP PRESENTED BY Fedora Design Team Lead & Sr. Interaction Designer, Red Hat, Inc. Máirín Duffy This](https://reader030.vdocuments.us/reader030/viewer/2022021501/5a9e26757f8b9a21488c7205/html5/thumbnails/11.jpg)
#2
Where can I get source materials?
![Page 12: Digital Art Using Gimp & Inkscape - Fedora People · PDF fileDIGITAL ART USING GIMP PRESENTED BY Fedora Design Team Lead & Sr. Interaction Designer, Red Hat, Inc. Máirín Duffy This](https://reader030.vdocuments.us/reader030/viewer/2022021501/5a9e26757f8b9a21488c7205/html5/thumbnails/12.jpg)
You want a pony.
![Page 13: Digital Art Using Gimp & Inkscape - Fedora People · PDF fileDIGITAL ART USING GIMP PRESENTED BY Fedora Design Team Lead & Sr. Interaction Designer, Red Hat, Inc. Máirín Duffy This](https://reader030.vdocuments.us/reader030/viewer/2022021501/5a9e26757f8b9a21488c7205/html5/thumbnails/13.jpg)
![Page 14: Digital Art Using Gimp & Inkscape - Fedora People · PDF fileDIGITAL ART USING GIMP PRESENTED BY Fedora Design Team Lead & Sr. Interaction Designer, Red Hat, Inc. Máirín Duffy This](https://reader030.vdocuments.us/reader030/viewer/2022021501/5a9e26757f8b9a21488c7205/html5/thumbnails/14.jpg)
Pay attention to licenses.BRIEF FLOSS ARTISTS' PUBLIC SERVICE MESSAGE #1:
YOU SHOULDN'T JUST USE RANDOM IMAGES OFF OF GOOGLE IMAGES. WE ALL DO KNOW THAT, DON'T WE?
Pony credit: “White horse” by liftarn on Open Clip Art. Public Domain.
![Page 15: Digital Art Using Gimp & Inkscape - Fedora People · PDF fileDIGITAL ART USING GIMP PRESENTED BY Fedora Design Team Lead & Sr. Interaction Designer, Red Hat, Inc. Máirín Duffy This](https://reader030.vdocuments.us/reader030/viewer/2022021501/5a9e26757f8b9a21488c7205/html5/thumbnails/15.jpg)
Right photo credit: Public Domain: work of the United States Federal Government under the terms of Title 17, Chapter 1, Section 105 of US Code.
“Llamazares2” by Chesi Photos CC on Flickr. Used under a Creative Commons Attribution ShareAlike 2.0.
Gasper Llamazares thanks you.
Gasper Llamazares.
FBI Simulated Photo of Osama Bin Laden, created using a photo of Mr. Llamazares fromGoogle Images.
![Page 16: Digital Art Using Gimp & Inkscape - Fedora People · PDF fileDIGITAL ART USING GIMP PRESENTED BY Fedora Design Team Lead & Sr. Interaction Designer, Red Hat, Inc. Máirín Duffy This](https://reader030.vdocuments.us/reader030/viewer/2022021501/5a9e26757f8b9a21488c7205/html5/thumbnails/16.jpg)
Give credit where it's due.BRIEF FLOSS ARTISTS' PUBLIC SERVICE MESSAGE #2:
LOOK BELOW. THAT'S A FORM OF ATTRIBUTION. NOT SO HARD, RIGHT?
Pony credit: “With practice I can sleep standing up” by exfordy on Flickr. Used under a Creative Commons Attribution 2.0 license.
![Page 17: Digital Art Using Gimp & Inkscape - Fedora People · PDF fileDIGITAL ART USING GIMP PRESENTED BY Fedora Design Team Lead & Sr. Interaction Designer, Red Hat, Inc. Máirín Duffy This](https://reader030.vdocuments.us/reader030/viewer/2022021501/5a9e26757f8b9a21488c7205/html5/thumbnails/17.jpg)
Where to find openly-licensed materials!
Wikimedia Commons
CC Search
Photos and illustrations. Usually Creative Commons, GNU, or Public Domain.
Filters Google Images, Yahoo Images, and Flickr for CC-licensed content including imagery.
Open Clip Art Vector artwork; SVGs and PNGs. All Public Domain.
commons.wikimedia.org
openclipart.org
search.creativecommons.org
Nice interface for searching Flickr for CC-licensed photography.compfight.com
CompFight
Take your own photos or generate your own illustrations. :)Yes, you!
Yourself
Has some CC-licensed imagery (hard to search for) butalso has CC-licensed Gimp brushes (not hard to find)!deviantart.com
DeviantArt
Offers Gimp Palette Files (compatible with Inkscape too!)for all their color palettes.colourlovres.com
ColourLovers
![Page 18: Digital Art Using Gimp & Inkscape - Fedora People · PDF fileDIGITAL ART USING GIMP PRESENTED BY Fedora Design Team Lead & Sr. Interaction Designer, Red Hat, Inc. Máirín Duffy This](https://reader030.vdocuments.us/reader030/viewer/2022021501/5a9e26757f8b9a21488c7205/html5/thumbnails/18.jpg)
![Page 19: Digital Art Using Gimp & Inkscape - Fedora People · PDF fileDIGITAL ART USING GIMP PRESENTED BY Fedora Design Team Lead & Sr. Interaction Designer, Red Hat, Inc. Máirín Duffy This](https://reader030.vdocuments.us/reader030/viewer/2022021501/5a9e26757f8b9a21488c7205/html5/thumbnails/19.jpg)
![Page 20: Digital Art Using Gimp & Inkscape - Fedora People · PDF fileDIGITAL ART USING GIMP PRESENTED BY Fedora Design Team Lead & Sr. Interaction Designer, Red Hat, Inc. Máirín Duffy This](https://reader030.vdocuments.us/reader030/viewer/2022021501/5a9e26757f8b9a21488c7205/html5/thumbnails/20.jpg)
#3
Dive into Gimp!
![Page 21: Digital Art Using Gimp & Inkscape - Fedora People · PDF fileDIGITAL ART USING GIMP PRESENTED BY Fedora Design Team Lead & Sr. Interaction Designer, Red Hat, Inc. Máirín Duffy This](https://reader030.vdocuments.us/reader030/viewer/2022021501/5a9e26757f8b9a21488c7205/html5/thumbnails/21.jpg)
#1 MASKS: How to extract objects from photographs.
#2 LAYER BLENDING MODES: Easy but impressive effects.
#3 MASKS + LAYER MODES: Unbelievable photo effects.
GIMP TOPICS
![Page 22: Digital Art Using Gimp & Inkscape - Fedora People · PDF fileDIGITAL ART USING GIMP PRESENTED BY Fedora Design Team Lead & Sr. Interaction Designer, Red Hat, Inc. Máirín Duffy This](https://reader030.vdocuments.us/reader030/viewer/2022021501/5a9e26757f8b9a21488c7205/html5/thumbnails/22.jpg)
MASKS
BEFOREPony credit: “Sleeping Pony” by erix! on Flickr. Used under a Creative Commons Attribution 2.0 license.
“Despite all my rage, I am still just a pony
in a cage.”
![Page 23: Digital Art Using Gimp & Inkscape - Fedora People · PDF fileDIGITAL ART USING GIMP PRESENTED BY Fedora Design Team Lead & Sr. Interaction Designer, Red Hat, Inc. Máirín Duffy This](https://reader030.vdocuments.us/reader030/viewer/2022021501/5a9e26757f8b9a21488c7205/html5/thumbnails/23.jpg)
MASKS
BEFORE AFTERPony credit: “Sleeping Pony” by erix! on Flickr. Used under a Creative Commons Attribution 2.0 license.
“Despite all my rage, I am still just a pony
in a cage.”Yippee! I'm a
free pony now!
![Page 24: Digital Art Using Gimp & Inkscape - Fedora People · PDF fileDIGITAL ART USING GIMP PRESENTED BY Fedora Design Team Lead & Sr. Interaction Designer, Red Hat, Inc. Máirín Duffy This](https://reader030.vdocuments.us/reader030/viewer/2022021501/5a9e26757f8b9a21488c7205/html5/thumbnails/24.jpg)
Don't use the erase tool!BRIEF GIMP UI PUBLIC SERVICE MESSAGE #1:
IF YOU MAKE A MISTAKE WITH THE ERASER, YOU RELY ON LIMITED UNDO HISTORY.WITH MASKS, YOU CAN EASILY CORRECT MISTAKES WITHOUT UNDO.
How rude!
![Page 25: Digital Art Using Gimp & Inkscape - Fedora People · PDF fileDIGITAL ART USING GIMP PRESENTED BY Fedora Design Team Lead & Sr. Interaction Designer, Red Hat, Inc. Máirín Duffy This](https://reader030.vdocuments.us/reader030/viewer/2022021501/5a9e26757f8b9a21488c7205/html5/thumbnails/25.jpg)
MASKS
Pony in a cage
Thanks forfreeing me!
+
A simple equation.
=Pony mask Freed pony!
![Page 26: Digital Art Using Gimp & Inkscape - Fedora People · PDF fileDIGITAL ART USING GIMP PRESENTED BY Fedora Design Team Lead & Sr. Interaction Designer, Red Hat, Inc. Máirín Duffy This](https://reader030.vdocuments.us/reader030/viewer/2022021501/5a9e26757f8b9a21488c7205/html5/thumbnails/26.jpg)
MASKS
Pony in a cage
Thanks forfreeing me!
+
A simple equation.
=Pony mask Freed pony!
Let's try it!
![Page 27: Digital Art Using Gimp & Inkscape - Fedora People · PDF fileDIGITAL ART USING GIMP PRESENTED BY Fedora Design Team Lead & Sr. Interaction Designer, Red Hat, Inc. Máirín Duffy This](https://reader030.vdocuments.us/reader030/viewer/2022021501/5a9e26757f8b9a21488c7205/html5/thumbnails/27.jpg)
Tool options is your friend!BRIEF GIMP UI PUBLIC SERVICE MESSAGE #2:
SOMETHING WORKING UNEXPECTEDLY? CHECK TOOL OPTIONS.TOOL OPTIONS ALWAYS REFLECTS THE CURRENTLY SELECTED TOOL.
THERE'S LOTS OF GOODIES IN THERE, TOO!
That's right.I rule.
![Page 28: Digital Art Using Gimp & Inkscape - Fedora People · PDF fileDIGITAL ART USING GIMP PRESENTED BY Fedora Design Team Lead & Sr. Interaction Designer, Red Hat, Inc. Máirín Duffy This](https://reader030.vdocuments.us/reader030/viewer/2022021501/5a9e26757f8b9a21488c7205/html5/thumbnails/28.jpg)
LAYER BLENDING MODES
Blend the same image on top of itself...
Blur + Overlay Burn
Dodge Hard Light + Subtract + Grain Extract
It's a tad bitbright here
isn't it?
![Page 29: Digital Art Using Gimp & Inkscape - Fedora People · PDF fileDIGITAL ART USING GIMP PRESENTED BY Fedora Design Team Lead & Sr. Interaction Designer, Red Hat, Inc. Máirín Duffy This](https://reader030.vdocuments.us/reader030/viewer/2022021501/5a9e26757f8b9a21488c7205/html5/thumbnails/29.jpg)
LAYER BLENDING MODES
Blend a color or texture on top...
Pink Pony (Color Blend) Wooden Pony (Lighten Only + Burn)
Rock Pony (Burn) Bubble Pony (Grain extract)
Yes, you CANhave a pink pony!
![Page 30: Digital Art Using Gimp & Inkscape - Fedora People · PDF fileDIGITAL ART USING GIMP PRESENTED BY Fedora Design Team Lead & Sr. Interaction Designer, Red Hat, Inc. Máirín Duffy This](https://reader030.vdocuments.us/reader030/viewer/2022021501/5a9e26757f8b9a21488c7205/html5/thumbnails/30.jpg)
LAYER BLENDING MODES
Blend different photos...
Burn Blend Dodge Blend
Overlay Blend Difference Blend2nd Pony credit: “Iceland Pony” by cheesy42 on Flickr. Used under a Creative Commons Attribution 2.0 license.
Wow, I can see right through you!
I'm aghost!!
![Page 31: Digital Art Using Gimp & Inkscape - Fedora People · PDF fileDIGITAL ART USING GIMP PRESENTED BY Fedora Design Team Lead & Sr. Interaction Designer, Red Hat, Inc. Máirín Duffy This](https://reader030.vdocuments.us/reader030/viewer/2022021501/5a9e26757f8b9a21488c7205/html5/thumbnails/31.jpg)
LAYER BLENDING MODES
+The basics:
=Blending Mode(ex. Burn)
Let's try it!
+
+ =Blending Mode(ex. Grain Extract)+
+ =Blending Mode(ex. Dodge)+
Let's gettogether!
Word.
Hmm, thisis slightly
uncomfortable.
![Page 32: Digital Art Using Gimp & Inkscape - Fedora People · PDF fileDIGITAL ART USING GIMP PRESENTED BY Fedora Design Team Lead & Sr. Interaction Designer, Red Hat, Inc. Máirín Duffy This](https://reader030.vdocuments.us/reader030/viewer/2022021501/5a9e26757f8b9a21488c7205/html5/thumbnails/32.jpg)
MASKS + LAYER BLENDING MODES
Combine both techniques!
Hair mask of pink color blend layer Pony brand (Pony mask on wood pattern)
Painterly brush mask, overlay blend Pink pony layer with masked friend pony
I'm aghost!!
Like my new'do?
![Page 33: Digital Art Using Gimp & Inkscape - Fedora People · PDF fileDIGITAL ART USING GIMP PRESENTED BY Fedora Design Team Lead & Sr. Interaction Designer, Red Hat, Inc. Máirín Duffy This](https://reader030.vdocuments.us/reader030/viewer/2022021501/5a9e26757f8b9a21488c7205/html5/thumbnails/33.jpg)
MASKS + LAYER BLENDING MODES
Combine both techniques!
Hair mask of pink color blend layer Pony brand (Pony mask on wood pattern)
Painterly brush mask, overlay blend Pink pony layer with masked friend pony
I'm aghost!!
Like my new'do?
Let's try it!
![Page 34: Digital Art Using Gimp & Inkscape - Fedora People · PDF fileDIGITAL ART USING GIMP PRESENTED BY Fedora Design Team Lead & Sr. Interaction Designer, Red Hat, Inc. Máirín Duffy This](https://reader030.vdocuments.us/reader030/viewer/2022021501/5a9e26757f8b9a21488c7205/html5/thumbnails/34.jpg)
#4
Dive into Inkscape!
![Page 35: Digital Art Using Gimp & Inkscape - Fedora People · PDF fileDIGITAL ART USING GIMP PRESENTED BY Fedora Design Team Lead & Sr. Interaction Designer, Red Hat, Inc. Máirín Duffy This](https://reader030.vdocuments.us/reader030/viewer/2022021501/5a9e26757f8b9a21488c7205/html5/thumbnails/35.jpg)
#1 BITMAP IMPORT & TEXT TOOL: Make a simple LOLCAT.
#2 TEXT TOOL: Create a simple logotype.
#3 SHAPES, PATHS, & NODES: Create a simple logomark.
INKSCAPE TOPICS
#4 BLUR & PATH FUNCTIONS: Bling-ify your logo!
![Page 36: Digital Art Using Gimp & Inkscape - Fedora People · PDF fileDIGITAL ART USING GIMP PRESENTED BY Fedora Design Team Lead & Sr. Interaction Designer, Red Hat, Inc. Máirín Duffy This](https://reader030.vdocuments.us/reader030/viewer/2022021501/5a9e26757f8b9a21488c7205/html5/thumbnails/36.jpg)
Don't forget this lock.BRIEF INKSCAPE UI PUBLIC SERVICE MESSAGE #1:
IF YOUR DRAWINGS AND TEXT ARE GETTING STRETCHED, TRY CLICKING IT!
![Page 37: Digital Art Using Gimp & Inkscape - Fedora People · PDF fileDIGITAL ART USING GIMP PRESENTED BY Fedora Design Team Lead & Sr. Interaction Designer, Red Hat, Inc. Máirín Duffy This](https://reader030.vdocuments.us/reader030/viewer/2022021501/5a9e26757f8b9a21488c7205/html5/thumbnails/37.jpg)
Ctrl & Shift are magic!BRIEF INKSCAPE UI PUBLIC SERVICE MESSAGE #2:
WHEN IN DOUBT, TRY THEM OUT!SCALING, ANGLES, ROTATION, MOVING, UNDO, STROKE v. FILL ...
![Page 38: Digital Art Using Gimp & Inkscape - Fedora People · PDF fileDIGITAL ART USING GIMP PRESENTED BY Fedora Design Team Lead & Sr. Interaction Designer, Red Hat, Inc. Máirín Duffy This](https://reader030.vdocuments.us/reader030/viewer/2022021501/5a9e26757f8b9a21488c7205/html5/thumbnails/38.jpg)
Don't get lost!BRIEF INKSCAPE UI PUBLIC SERVICE MESSAGE #3:
STUCK IN LALA LAND? HITTING '5' WILL BRING YOU BACK TO CENTER.
![Page 39: Digital Art Using Gimp & Inkscape - Fedora People · PDF fileDIGITAL ART USING GIMP PRESENTED BY Fedora Design Team Lead & Sr. Interaction Designer, Red Hat, Inc. Máirín Duffy This](https://reader030.vdocuments.us/reader030/viewer/2022021501/5a9e26757f8b9a21488c7205/html5/thumbnails/39.jpg)
Use Ctrl+D.BRIEF INKSCAPE UI PUBLIC SERVICE MESSAGE #4:
IT WILL SAVE YOU SO MUCH TIME.
SELECT OBJECT &HIT CTRL+D
HOLD DOWN SHIFTAND KEEP PRESSING
ARROW DOWN
A PERFECT COPY.MODIFY AS NEEDED.
![Page 40: Digital Art Using Gimp & Inkscape - Fedora People · PDF fileDIGITAL ART USING GIMP PRESENTED BY Fedora Design Team Lead & Sr. Interaction Designer, Red Hat, Inc. Máirín Duffy This](https://reader030.vdocuments.us/reader030/viewer/2022021501/5a9e26757f8b9a21488c7205/html5/thumbnails/40.jpg)
Ctrl+D really saves you time.
16 OBJECTS FROM 4, ALIGNED AND SPACED PERFECTLY.
![Page 41: Digital Art Using Gimp & Inkscape - Fedora People · PDF fileDIGITAL ART USING GIMP PRESENTED BY Fedora Design Team Lead & Sr. Interaction Designer, Red Hat, Inc. Máirín Duffy This](https://reader030.vdocuments.us/reader030/viewer/2022021501/5a9e26757f8b9a21488c7205/html5/thumbnails/41.jpg)
BITMAP IMPORT & TEXT TOOL
LOLCATs made easy.
Tux-hatin' kitty. LOLCAT Tux-hatin' kitty!
Kitty credit: “Tux attacked” by rore on Flickr. Used under a Creative Commons Attribution ShareAlike 2.0 license.
Let's try it!
![Page 42: Digital Art Using Gimp & Inkscape - Fedora People · PDF fileDIGITAL ART USING GIMP PRESENTED BY Fedora Design Team Lead & Sr. Interaction Designer, Red Hat, Inc. Máirín Duffy This](https://reader030.vdocuments.us/reader030/viewer/2022021501/5a9e26757f8b9a21488c7205/html5/thumbnails/42.jpg)
TEXT TOOL
Line height.
100% line height. 70% line height 200% line height
Font credit: HVD Comic Serif by Hannes von Döhren, Creative Commons Attribution 3.0, hvdfonts.com/freefonts.php
![Page 43: Digital Art Using Gimp & Inkscape - Fedora People · PDF fileDIGITAL ART USING GIMP PRESENTED BY Fedora Design Team Lead & Sr. Interaction Designer, Red Hat, Inc. Máirín Duffy This](https://reader030.vdocuments.us/reader030/viewer/2022021501/5a9e26757f8b9a21488c7205/html5/thumbnails/43.jpg)
TEXT TOOL
Letter spacing.
Normal letter spacing Tight letter spacing Loose letter spacing
Font credit: HVD Comic Serif by Hannes von Döhren, Creative Commons Attribution 3.0, hvdfonts.com/freefonts.php
![Page 44: Digital Art Using Gimp & Inkscape - Fedora People · PDF fileDIGITAL ART USING GIMP PRESENTED BY Fedora Design Team Lead & Sr. Interaction Designer, Red Hat, Inc. Máirín Duffy This](https://reader030.vdocuments.us/reader030/viewer/2022021501/5a9e26757f8b9a21488c7205/html5/thumbnails/44.jpg)
TEXT TOOL
Kerning.
Just one letter! Up and down! Rotate, too.
Font credit: HVD Comic Serif by Hannes von Döhren, Creative Commons Attribution 3.0, hvdfonts.com/freefonts.php
![Page 45: Digital Art Using Gimp & Inkscape - Fedora People · PDF fileDIGITAL ART USING GIMP PRESENTED BY Fedora Design Team Lead & Sr. Interaction Designer, Red Hat, Inc. Máirín Duffy This](https://reader030.vdocuments.us/reader030/viewer/2022021501/5a9e26757f8b9a21488c7205/html5/thumbnails/45.jpg)
TEXT TOOL
Text on a path.
Font credit: HVD Comic Serif by Hannes von Döhren, Creative Commons Attribution 3.0, hvdfonts.com/freefonts.php
![Page 46: Digital Art Using Gimp & Inkscape - Fedora People · PDF fileDIGITAL ART USING GIMP PRESENTED BY Fedora Design Team Lead & Sr. Interaction Designer, Red Hat, Inc. Máirín Duffy This](https://reader030.vdocuments.us/reader030/viewer/2022021501/5a9e26757f8b9a21488c7205/html5/thumbnails/46.jpg)
TEXT TOOL
The basics.
Font credit: HVD Comic Serif by Hannes von Döhren, Creative Commons Attribution 3.0, hvdfonts.com/freefonts.php
Line spacing. Letter spacing.
Kerning. Text on a path.
![Page 47: Digital Art Using Gimp & Inkscape - Fedora People · PDF fileDIGITAL ART USING GIMP PRESENTED BY Fedora Design Team Lead & Sr. Interaction Designer, Red Hat, Inc. Máirín Duffy This](https://reader030.vdocuments.us/reader030/viewer/2022021501/5a9e26757f8b9a21488c7205/html5/thumbnails/47.jpg)
TEXT TOOL
The basics.
Font credit: HVD Comic Serif by Hannes von Döhren, Creative Commons Attribution 3.0, hvdfonts.com/freefonts.php
Line spacing. Letter spacing.
Kerning. Text on a path.
Let's try it!
![Page 48: Digital Art Using Gimp & Inkscape - Fedora People · PDF fileDIGITAL ART USING GIMP PRESENTED BY Fedora Design Team Lead & Sr. Interaction Designer, Red Hat, Inc. Máirín Duffy This](https://reader030.vdocuments.us/reader030/viewer/2022021501/5a9e26757f8b9a21488c7205/html5/thumbnails/48.jpg)
RECTANGLE
ELLIPSE
TEXT
GRADIENT
DROPPER
NODE EDIT
SELECTOR
ASPECT RATIO LOCK
ROTATE & FLIP
PALETTE
POLYGON
CALLI-GRAPHY
![Page 49: Digital Art Using Gimp & Inkscape - Fedora People · PDF fileDIGITAL ART USING GIMP PRESENTED BY Fedora Design Team Lead & Sr. Interaction Designer, Red Hat, Inc. Máirín Duffy This](https://reader030.vdocuments.us/reader030/viewer/2022021501/5a9e26757f8b9a21488c7205/html5/thumbnails/49.jpg)
SHAPES, PATHS, & NODES
Inkscape makes shapes easy.
Calligraphy Circle Rectangle Polygon: Star Polygon: Pentagon Spiral
![Page 50: Digital Art Using Gimp & Inkscape - Fedora People · PDF fileDIGITAL ART USING GIMP PRESENTED BY Fedora Design Team Lead & Sr. Interaction Designer, Red Hat, Inc. Máirín Duffy This](https://reader030.vdocuments.us/reader030/viewer/2022021501/5a9e26757f8b9a21488c7205/html5/thumbnails/50.jpg)
SHAPES, PATHS, & NODES
They're also customizable.
Cut Circle RoundedRectangle Polygon: Star Randomized
PolygonModified Spiral
Each shape tool has a specialized toolbar with lots of hidden goodies!
![Page 51: Digital Art Using Gimp & Inkscape - Fedora People · PDF fileDIGITAL ART USING GIMP PRESENTED BY Fedora Design Team Lead & Sr. Interaction Designer, Red Hat, Inc. Máirín Duffy This](https://reader030.vdocuments.us/reader030/viewer/2022021501/5a9e26757f8b9a21488c7205/html5/thumbnails/51.jpg)
SHAPES, PATHS, & NODES
Tools for working with paths & nodes.
Pen tool. Used to create paths.
Node tool. Used to modify nodes.
Node tool toolbar. Rich node-editing controls.
![Page 52: Digital Art Using Gimp & Inkscape - Fedora People · PDF fileDIGITAL ART USING GIMP PRESENTED BY Fedora Design Team Lead & Sr. Interaction Designer, Red Hat, Inc. Máirín Duffy This](https://reader030.vdocuments.us/reader030/viewer/2022021501/5a9e26757f8b9a21488c7205/html5/thumbnails/52.jpg)
SHAPES, PATHS, & NODES
Types of nodes.
You can convert between the types using the node toolbar:
![Page 53: Digital Art Using Gimp & Inkscape - Fedora People · PDF fileDIGITAL ART USING GIMP PRESENTED BY Fedora Design Team Lead & Sr. Interaction Designer, Red Hat, Inc. Máirín Duffy This](https://reader030.vdocuments.us/reader030/viewer/2022021501/5a9e26757f8b9a21488c7205/html5/thumbnails/53.jpg)
SHAPES, PATHS, & NODES
Let's give it a try.
![Page 54: Digital Art Using Gimp & Inkscape - Fedora People · PDF fileDIGITAL ART USING GIMP PRESENTED BY Fedora Design Team Lead & Sr. Interaction Designer, Red Hat, Inc. Máirín Duffy This](https://reader030.vdocuments.us/reader030/viewer/2022021501/5a9e26757f8b9a21488c7205/html5/thumbnails/54.jpg)
PATH FUNCTIONS
What can you do with two circles?
![Page 55: Digital Art Using Gimp & Inkscape - Fedora People · PDF fileDIGITAL ART USING GIMP PRESENTED BY Fedora Design Team Lead & Sr. Interaction Designer, Red Hat, Inc. Máirín Duffy This](https://reader030.vdocuments.us/reader030/viewer/2022021501/5a9e26757f8b9a21488c7205/html5/thumbnails/55.jpg)
BLUR & PATH FUNCTIONS
Convert the letters to paths, then useintersection to create gloss.
![Page 56: Digital Art Using Gimp & Inkscape - Fedora People · PDF fileDIGITAL ART USING GIMP PRESENTED BY Fedora Design Team Lead & Sr. Interaction Designer, Red Hat, Inc. Máirín Duffy This](https://reader030.vdocuments.us/reader030/viewer/2022021501/5a9e26757f8b9a21488c7205/html5/thumbnails/56.jpg)
BLUR & PATH FUNCTIONS
Add a touch of blur!
![Page 57: Digital Art Using Gimp & Inkscape - Fedora People · PDF fileDIGITAL ART USING GIMP PRESENTED BY Fedora Design Team Lead & Sr. Interaction Designer, Red Hat, Inc. Máirín Duffy This](https://reader030.vdocuments.us/reader030/viewer/2022021501/5a9e26757f8b9a21488c7205/html5/thumbnails/57.jpg)
BLUR & PATH FUNCTIONS
Add a touch of blur!
Let's try it!
![Page 58: Digital Art Using Gimp & Inkscape - Fedora People · PDF fileDIGITAL ART USING GIMP PRESENTED BY Fedora Design Team Lead & Sr. Interaction Designer, Red Hat, Inc. Máirín Duffy This](https://reader030.vdocuments.us/reader030/viewer/2022021501/5a9e26757f8b9a21488c7205/html5/thumbnails/58.jpg)
#5
How to learn more!
![Page 59: Digital Art Using Gimp & Inkscape - Fedora People · PDF fileDIGITAL ART USING GIMP PRESENTED BY Fedora Design Team Lead & Sr. Interaction Designer, Red Hat, Inc. Máirín Duffy This](https://reader030.vdocuments.us/reader030/viewer/2022021501/5a9e26757f8b9a21488c7205/html5/thumbnails/59.jpg)
#1 My Inkscape class :) http://mairin.wordpress.com/category/inkscape-class/
LEARNING MORE!
#2 Nicu's Howto http://howto.nicubunu.ro
#3 Screencasters.HeathenX.org http://screencasters.heathenx.org/
#4 Meet The Gimp! Video Tutorials http://meetthegimp.org/
#6 Inkscape Tutorials Blog http://inkscapetutorials.wordpress.com/
#5 FLOSS Manuals http://flossmanuals.net
![Page 60: Digital Art Using Gimp & Inkscape - Fedora People · PDF fileDIGITAL ART USING GIMP PRESENTED BY Fedora Design Team Lead & Sr. Interaction Designer, Red Hat, Inc. Máirín Duffy This](https://reader030.vdocuments.us/reader030/viewer/2022021501/5a9e26757f8b9a21488c7205/html5/thumbnails/60.jpg)
Questions?
Fedora 13 • OpenOffice.org Impress • Inkscape • GIMPCreative Commons licensed artwork • Openly-licensed fonts
This presentation is under a Creative Commons Attribution ShareAlike 3.0 License. Please enjoy and share.
Cartoon credit: María 'Tatica' Leandro, Creative Commons Attribution 3.0
This presentation was created through the exclusive use of free software and content: