การใช้งาน Inkscape เบื้องต้นprajaks/web/... · Remove unneeded...
Transcript of การใช้งาน Inkscape เบื้องต้นprajaks/web/... · Remove unneeded...
88727359 Multimedia Production
Faculty of Informatics, Burapha University Prajaks Jitngernmadan
1
เอกสารประกอบปฏิบัติการที่ 3 การใช้งาน Inkscape เบื้องต้น
วัตถุประสงค์ เพ่ือศึกษาและฝึกปฏิบัติการใช้งานโปรแกรม Inkscape เบื้องต้น การเตรียมการ
1. ให้นิสิตศึกษา http://thaiopensource.org/การใช้งาน-inkscape-เบื้องต้น/ หรือ https://docs.google.com/file/d/0BwoElSH2bBhMZnkwNU5qUC1EWGc/edit
2. ให้นิสิตค้นหาข้อมูลเกี่ยวกับวิธีการใช้งานโปรแกรม Inkscape จากแหล่งข้อมูลที่มี เช่น อินเทอร์เน็ต เป็นต้น
ปฏิบัติการ
1. เปิดโปรแกรม Inscape 2. หน้าต่างส าคัญ
รหัสนิสิต ชื่อ-สกุล กลุ่ม
เครื่องมือ คุณสมบัติของเครื่องมือ
พ้ืนที่วาดรูป เลเยอร์
88727359 Multimedia Production
Faculty of Informatics, Burapha University Prajaks Jitngernmadan
2
3. เครื่องมือ Actions
Icon Description
Align text baseline anchors horizontally
Align center lines of objects horizontally
Align left edges of objects
Align left edges of objects to the right edge of an anchor object
Align right edges of objects
Align right edges of object to the left edge of an anchor object
Align nodes horizontally
Align baselines of texts
Align bottom edges of objects
Align bottom edges of objects to the top edge of an anchor object
Align center lines of objects vertically
Align nodes vertically
Align top edges of objects
Align top edges of objects to the bottom edge of an anchor object
Trace (vectorize) a bitmap
Paint Bucket tool
Gradient tool
Toggle color-managed view
Color Picker (Dropper) tool
Neatly lay out the connector network as a directed graph
Neatly lay out the connector network as an undirected graph
88727359 Multimedia Production
Faculty of Informatics, Burapha University Prajaks Jitngernmadan
3
Icon Description
Distribute the center lines of objects horizontally
Make horizontal gaps between objects equal
Distribute left edges of objects horizontally
Distribute nodes horizontally
Distribute right edges of objects horizontally
Place objects randomly
Rearrange objects so that they don't overlap each other
Rearrange objects so that they are equally spaced (center-to-center)
Distribute bottom edges of objects vertically
Distribute center lines of objects vertically
Make vertical gaps between objects equal
Distribute nodes vertically
Distriute top edges of objects vertically
Remove unneeded definitions from the document (Vacuum Defs)
Export the document to the Open Clip Art Library
Export the document as a different format
Import a document from the Open Clip Art Library
Import a document or an image
Edit the document's metadata
Calligraphy tool
Connector tool
3D Box tool
Ellipse tool
Eraser tool
88727359 Multimedia Production
Faculty of Informatics, Burapha University Prajaks Jitngernmadan
4
Icon Description
Freehand tool (pencil)
Pen tool
Polygon / Star tool
Rectangle tool
Spiral tool
Text tool
Clone an object
Unlink a clone
Duplicate an object
Paste clipboard in place
Paste the style of the objects on the clipboard
Select all objects in all layers
Invert selection
Select nothing (deselect)
Select the original of a clone
View the undo history
Keyboard and mouse reference
Inkscape Manual
Move layer to the bottom
Delete layer
Move layer down
Create a new layer
Go to the layer below current
Go to the layer above current
Move layer up
Rename the layer
88727359 Multimedia Production
Faculty of Informatics, Burapha University Prajaks Jitngernmadan
5
Icon Description
Move layer to the top
Add a node
Split a node into two disjoint nodes
Remove a path segment between two nodes
Delete a node
Create a path segment between two nodes
Join two nodes into one
Flip horizontally (mirror)
Flip vertically
Group selected objects
Rotate 90⁰ counter-clockwise
Rotate 90⁰ clockwise
Convert object to path
Attract / repel objects (Tweak tool)
Blur objects (Tweak tool)
Duplicate objects (Tweak tool)
Jitter objects' colors (Tweak tool)
Paint objects with the tool's color (Tweak tool)
Push / pull objects (Tweak tool)
Randomly displace objects (Tweak tool)
Rotate objects right / left (Tweak tool)
Shrink / grow objects (Tweak tool)
Ungroup objects
Break disjoint parts of a path into separate paths
Edit the clipping path of an object
Merge paths into one
Cut path
Subtract one path from another
88727359 Multimedia Production
Faculty of Informatics, Burapha University Prajaks Jitngernmadan
6
Icon Description
Divide path into disjoined parts where it intersects the second path
Select next path parameter of a path effect
Remove the common part of two paths
Inset a path
Remove non-common parts of two paths
Edit the masking path of an object
Create an adjustable offset
Create a linked offset that updates whenever the linked path changes
Outset a path
Reverse the direction of the path
Simplify the path
Attract / repel paths
Push paths
roughen paths
Shrink / grow paths
Union paths
Remove rounded corners from a rectangle
Move selection to the bottom
Move selection down
Create a bitmap copy of the selected objects
Move the selection one layer up
Move selection one layer down
Move selection up
Move selection to the top
Show / hide dialogs
Toggle grid
88727359 Multimedia Production
Faculty of Informatics, Burapha University Prajaks Jitngernmadan
7
Icon Description
Toggle guides
Convert the object's stroke to a path
Convert flowed text to regular text
Distribute text baseline anchors horizontally
Distribute text baseline anchors vertically
Flow text into a path frame
Put text on a path
Remove text from a path
Remove text from a flow frame
Remove manual kerning
Node tool
Select tool
Tweak tool
Move object horizontally (Transform dialog)
Move object vertically (Transform dialog)
Rotate an object (Transform dialog)
Scale an object horizontally (Transform dialog)
Scale an object vertically (Transform dialog)
Skew an object horizontally (Transform dialog)
Skew an object vertically (Transform dialog)
Next window
Previous window
Delete an XML attribute
Create an XML element node
Delete an XML node
Duplicate an XML node
Create an XML text node
Zoom 2:1
88727359 Multimedia Production
Faculty of Informatics, Burapha University Prajaks Jitngernmadan
8
Icon Description
Zoom to fit objects on the page
Zoom to fit page
Zoom to fit selection
Zoom to fit the page's width
Zoom 1:2
Increase zoom
Redo zoom
Zoom 1:1
Decrease zoom
Undo zoom
Zoom tool
Places
Icon Description
Align and Distribute dialog
Fill and Stroke dialog
Icon Preview dialog
Input Devices dialog
Layers dialog
About Memory dialog
Messages dialog (message stack)
Object Properties dialog
Rows and Columns dialog (grid arrange)
Scripts dialog
Text and Font dialog
Create Tiled Clones dialog
Apply an arbitrary transformation to an object
XML Editor dialog
88727359 Multimedia Production
Faculty of Informatics, Burapha University Prajaks Jitngernmadan
9
Axonometric grid
Rectangular (XY) grid
Status
Description Icon
Arc mode of the Ellipse tool
Segment mode of the Ellipse tool
Draw whole ellipses instead of arcs or segments
Polygon mode of the Polygon tool
Star mode of the Polygon tool
Trace background lightness with the stroke width
Use pressure reading from tablet when drawing
Use tilt reading from the tablet when drawing
Object or layer is invisible
88727359 Multimedia Production
Faculty of Informatics, Burapha University Prajaks Jitngernmadan
10
Object or layer cannot be modified
Object or layer can be modified
Object or layer is visible
Paint is set to empty
Pattern paint
Single color solid paint
Paint is inherited or unknown
Toggle whether an axis in a perspective has a vanishing point
Global snap toggle
Toggle bounding box snapping
Toggle snapping between bounding box centers
Toggle snapping between bounding box corners
Toggle snapping between bounding box edges
Toggle snapping between bounding box edge midpoints
Toggle snapping to intersections between the grid and guides
Toggle snapping nodes
Toggle snapping nodes to centers of objects
Toggle snapping nodes to cusp nodes
Toggle snapping nodes to intersections
Toggle snapping nodes to edge midpoints
Toggle snapping nodes to paths
88727359 Multimedia Production
Faculty of Informatics, Burapha University Prajaks Jitngernmadan
11
Toggle snapping nodes to rotation centers of objects
Togle snapping nodes to smooth nodes
Toggle snapping to page border
Transform gradients along with objects
Transform patterns along with objects
Transform rounded corners along with rectangles
Scale stroke width when transforming
งานที่ต้องท า ใหน้ิสิตศึกษาตัวอย่างต่อไปนี้หรือตัวอย่างอ่ืนก็ได้ แล้วปฏิบัติตามโดยใช้รูปภาพของตนเองหรือไม่ละเมิดลิขสิทธิ์ ซึ่งหาได้จาก https://www.pexels.com หรือ https://openclipart.org เป็นต้น Basic Tools https://www.youtube.com/watch?v=eM8_xRCZvEo https://www.youtube.com/watch?v=dVjJfx2oc5w Abstract Background https://www.youtube.com/watch?v=7hcxuwDKo6I Text Styling https://www.youtube.com/watch?v=CDsiumWSc_I&list=PLynG8gQD-n8BMplEVZVsoYlaRgqzG1qc4&index=5
88727359 Multimedia Production
Faculty of Informatics, Burapha University Prajaks Jitngernmadan
12
Warp text into the Shape of an Object https://www.youtube.com/watch?v=l3BHcregNUs&index=8&list=PLynG8gQD-n8C0q6MdJoVd24ESlCwFG0uE เมื่อเสร็จแล้ว ให้ปฏิบัติดังนี้
1. ให้บันทึกรูปภาพเป็นนามสกุล *.png หรือ *.jpg ตามความเหมาะสม 2. ลงชื่อเข้าไปที่ https://classroom.google.com ด้วย รหัสนิสิต@go.buu.ac.th แล้ว
เลือก 88727359 Multimedia Production ตามกลุ่มของตนเอง 3. ไปที่ปฏิบัติการที่ต้องการ แล้วคลิกเลือกไฟล์ที่ต้องการส่ง แล้วท าการส่งไฟล์ (ไม่ต้องรวมไฟล์
เป็น zip ไฟล์ ให้อัพโหลดไฟล์รูปที่เสร็จแล้วได้เลย) 4. ถ้าใครไม่เห็นชื่อวิชา ให้ติดต่อ อ.ประจักษ์ โดยด่วน ([email protected])