Embed Size (px)
DESCRIPTION
การตกแต่งภาพและงานกราฟิกจาก การอบรมจาก สำนักงานส่งเสริมอุตสาหกรรมซอฟต์แวร์แห่งชาติ(องค์การมหาชน) สาขาเชียงใหม่
Citation preview
Open Software
Gimp & Inkscape
Software Industry Promotion Agency (Public Organization) Chiang Mai
Graphic Design
Open Source (GIMP & Inkscape)”
• Graphic) Graphiko
Graphein
, 2543)
•
Open Source (GIMP & Inkscape)”
•
(Aesthetic Values)
Open Source (GIMP & Inkscape)”
•
(Visual Communication Design)
•
Open Source (GIMP & Inkscape)”
Open Source (GIMP & Inkscape)”
Open Source (GIMP & Inkscape)”
Open Source (GIMP & Inkscape)”
Open Source (GIMP & Inkscape)”
•
Open Source (GIMP & Inkscape)”
(Elements of Design)
(Line)•
•
(Straight Line) (Curve Line)
Open Source (GIMP & Inkscape)”
Open Source (GIMP & Inkscape)”
Open Source (GIMP & Inkscape)”
(Shape)
(Elements of Design)
Open Source (GIMP & Inkscape)”
(Form)
(Elements of Design)
Open Source (GIMP & Inkscape)”
(Elements of Design)
Open Source (GIMP & Inkscape)”
TEXTURE (
•
Open Source (GIMP & Inkscape)”
Open Source (GIMP & Inkscape)”
color
Open Source (GIMP & Inkscape)”
2
-
-
Open Source (GIMP & Inkscape)”
2
• RGB
• CMYK
Open Source (GIMP & Inkscape)”
rgb cmyk
CYAN MAGENTA YELLOW BLACKRED BLUE GREEN
(Tones)
(Tones)
2
Open Source (GIMP & Inkscape)”
(color schematic)
Open Source (GIMP & Inkscape)”
(color schematic)
(color schematic)
Complementary color scheme Analogous color scheme Triadic color scheme
Split-Complementary color scheme Square color scheme Rectangle tetradic color scheme
Open Source (GIMP & Inkscape)”
Open Source (GIMP & Inkscape)”
20/80,50/50
:80
:50
Open Source (GIMP & Inkscape)”
colorpsychology)•
•
•
•
•
•
•
•
•
•
•
•
•
•
• =
FONT
Typographic
Open Source (GIMP & Inkscape)”
Font)
•
• Open Source (GIMP & Inkscape)”
English letter
• Serif
• San serif Gothic serif
• Script
Type Style)
Open Source (GIMP & Inkscape)”
Serif time new roman / angsana new
San serif arial / helvetica/ browallia new
Script ds freehand / loki cola
Display type bm cube / avp /metal gear Open Source
(GIMP & Inkscape)”
Thai letter
•
•
•
•
Type Style)
Open Source (GIMP & Inkscape)”
angsana new / fongnam psl display / pslirene ds freehands / pslisara psl prajuk / jswansika js samurai / psl
Open Source (GIMP & Inkscape)”
Type character
• Italic)•
Normal)•
Extra Light)•
Condensed)• Light)• Bold)•
Outline)•
Extra Bold)• Black)
Open Source (GIMP & Inkscape)”
Typographic
Open Source (GIMP & Inkscape)”
Open Source (GIMP & Inkscape)”
OptionalLinkswww.dafont.comwww.f0nt.comwww.font.comwww.welovetypo
graphy.comwww.font.shop.co
m
Type motion / kinetic typographyhttp://www.youtube.com/watch?v=zVPfTlpCKawhttp www youtube com watch?vhttp www youtube com watch?vhttp www youtube com watch?vhttp www youtube com watch?vhttp www youtube com watch?v
Open Source (GIMP & Inkscape)”
Composition
Open Source (GIMP & Inkscape)”
1. Unity2. (Balance)3. point of
interestOpen Source
(GIMP & Inkscape)”
Unity( )
3•
•
• Open Source (GIMP & Inkscape)”
Open Source (GIMP & Inkscape)”
2
Balance(
Open Source (GIMP & Inkscape)”
Point of Interest
Point of Interest(
Open Source (GIMP & Inkscape)”
focus point9
contrast/
/
Composition
1 0 2
0 4 0
2 0 3
functionaesthetic
meaning
Composition
Design Techniques
Open Source (GIMP & Inkscape)”
Activeness & StasisSimplicity & Complexity
Flatness & DepthNeutrality & Accent
Transparency & Opacity
Sharpness & Diffusion
Singularity & Juxtaposition
Bitmap Vector2
Bitmap VectorBitmap
Bitmap Resolution Dependent
Resolution Bitmap
Open Source (GIMP & Inkscape)”
BITMAPBitmap
BMP, .PCX. , .TIF, .GIF, .JPG, .MSP, .PCD
Paint Paintbrush, PhotoShop, Photostyler, Gimp
VectorVector
Resolution-Independent
Object (
Vector Graphic Object Oriented
Open Source (GIMP & Inkscape)”
VECTORVector
EPD, .WMF, .CDR, .AI, .CGM, .DRW, .PLT
Drawing Program) CorelDraw , Inkscape
AutoCAD Illustrator Freehand
Open Source (GIMP & Inkscape)”
Bitmap1.
2.
pixels
3.
4.
Vector1.
Object (
2.
3.Layout
Line Art
ResolutionResolution
pixels)
Resolution = 150 pixels/inches 1
150 Pixels)
Resolution ( Resolution
Resolution Resolution
Resolution
Resolution 2Open Source
(GIMP & Inkscape)”
pixels/inch -1
pixels/cm -1
Resolution pixels/inch ( ppi )
xResolution = ppi
M
xResolution = ppi
k
Open Source (GIMP & Inkscape)”
Resolution
72
120-150
300
Open Source (GIMP & Inkscape)”
Graphic Design
Open Source (GIMP & Inkscape)”
