วันจันทร์ที่ 11 กุมภาพันธ์ พ.ศ. 2556

การใช้เครื่องมือพื้นฐานต่างๆ (Tools)

สำหรับหัวข้อนี้เราจะเรียนรู้เครื่องมือทั้งหมดว่าใช้ทำอะไรบ้าง โดยจะอธิบายพอสังเขป เนื่องจากว่าบางเครื่องมือนั้น อาจจะต้องมีการอ้างอิงกับพาเนลอื่นๆ อย่างเช่นการปรับสีชนิด gradient เป็นต้น ซึ่งการใช้งานจริงนั้นจะได้เรียนรู้มากขึ้นในขั้นตอนของการทำ work shop หรือเมื่อพาเนลที่เกี่ยวข้องถูกอธิบายเสียก่อน 

หน้าตาของเครื่องมือแต่ละตัวแบบปรับขนาดแถบ tools แล้ว (กดลูกศร << หรือ >> เพื่อย่อหรือขยาย)



สำหรับบางเมนูที่มีลูกศรดำล่างขวา แปลว่าถ้าคลิกเมาส์ค้างไว้ จะขึ้นเครื่องมืออื่นๆในกลุ่มนั้นๆขึ้นมาอีก

คำอธิบายเครื่องมือต่างๆโดยย่อ

1. หมวดเลือกวัตถุ (Selection)

 Selection เป็นเครื่องมือหลักในการเลือกเมนูและวัตถุต่างๆ รวมถึงการลากวาง เคลื่อนย้ายวัตถุบน Stage และแปลี่ยนแปลงรูปร่างและวัตถุต่างๆอีกด้วย
 Subselection เป็นเครื่องมือสำหรับการเลือกเมนูและวัตถุต่างๆ ได้เช่นกัน แต่การเลือกวัตถุนั้น จะแสดงเส้นจุด point ต่างๆของวัตถุนั้นๆที่สามารถปรับแต่งได้
 Free Transform ใช้ในการเปลี่ยนแปลงขนาดของวัตถุ รวมถึงการหมุน
        Gradient Transform ใช้ในการหมุนสีที่เป็นเกรเดียนท์ และยืดย่อขยายได้
 Lasso ใช้สำหรับลากพื้นที่ครอบบริเวณที่ต้องการเลือกโดยเฉพาะได้

หมวดวาดภาพ (Drawing)

 Pen ใช้สำหรับวาดเส้นโค้งดัดต่างๆแบบต่อเนื่องหรือปรับเส้นโดยมีเส้นพาธแสดงสำหรับปรับความโค้ง
        Add Anchor Point ใช้สำหรับเพิ่มจุดเชื่อมโยงระหว่างเส้นเพื่อดัดรูปทรงได้มากขึ้น
        Delete Anchor Point ใช้สำหรับลบจุดเชื่อมโยงระหว่างเส้น
        Convert Anchor Point
 Text สำหรับพิมพ์ตัวอักษรประเภทต่างๆ
 Line สำหรับวาดเส้นตรง
 Rectangle สำหรับวาดรูปสี่เหลี่ยม
        Oval สำหรับวาดวงกลม
        Rectangle Primitive วาดสี่เหลี่ยมโดยแสดงจุด anchor สำหรับปรับรูปทรง
        Oval Primitive วาดวงกลมโดยแสดงจุด anchor สำหรับปรับรูปทรง
        PolyStar วาดรูปทรงโพลีกอน และดาว
 Pencil สำหรับใช้ลากเส้นวาดตามเมาส์ สามารถปรับขนาดเส้นและลักษณะเส้นได้
 Brush สำหรับใช้ลากเส้นวาดตามเมาส์โดยมีขนาดใหญ่กว่า Pencil และสามารถปรับขนาดหัวได้

หมวดจัดแต่งวัตถุ (Modify)

 Ink Bottle ใช้สำหรับเติม (เปลี่ยน) สีเส้น (stroke)
 Paint Bucket ใช้สำหรับเติมสีของรูปร่างที่วาด (fill)
 Eye Dropper ใช้สำหรับดูดสีของรูปร่างที่เลือกไปเทสีใส่รูปร่างอื่นๆ
 Eraser ยางลบ สำหรับลบรูปร่างที่วาดต่างๆ โดยสามารถเลือกลบเฉพาะอย่างเช่นเส้น หรือตัวเนื้อรูปร่าง

หมวดมุมมอง (View)

 Hand ใช้สำหรับจับเลื่อนสเตจ
 Zoom ใช้สำหรับซูมย่อหรือขยายสเตจ

หมวดควบคุมสี (Color)

 Stroke เปลี่ยนสีเส้นรอบรูปร่างที่วาด
 Fill เปลี่ยนสีส่วนเนื้อของรูปร่างที่วาด
 Black and white ปรับสี Stroke ให้กลายเป็นสีดำ และสี Fill ให้เป็นสีขาว
 Swap colors สลับสีระหว่าง Stroke กับ Fill

อันที่จริงแล้ว เมื่อทำการเลือกเครื่องมือแต่ละชนิดแล้ว เครื่องมือบางชนิดจะมีการเพิ่มส่วนการตั้งค่าเพิ่มเข้ามาอีก รวมถึงการเซตค่าต่างๆในพาเนล properties รวมถึงภาพของเครื่องมือที่ตำแหน่งเมาส์นั้น อาจจะมีสัญลักษณ์ต่างๆปรากฏได้ เมื่อนำไปใช้งานในรูปแบบต่างๆ เช่น Selection เมื่อนำไปวางไว้บนตรงกลางของเส้นตรง อาจจะแสดงสัญลักษณ์เส้นโค้ง ซึ่งแสดงว่าสามารถปรับความโค้งของเส้นได้ แต่ถ้านำไปไว้บริเวณปลายเส้นทั้งสองข้าง จะขึ้นสัญลักษณ์รูปสี่เหลี่ยมแทน ซึ่งแสดงถึงการปรับตำแหน่งและยืดขนาดเส้นได้

ส่วนประกอบของโปรแกรม Photoshop Cs5

Photoshop Cs5 จะแตกต่างจาก Cs3 และ Cs4 ไปบ้างเล็กน้อย กล่าวคือโดยพื้นฐานจะคงเดิม แต่จะปรับการใช้งานให้ดูง่ายขึ้น มีการเก็บรวบรวมเครื่องมือที่เกี่ยวข้องเอาไว้ในที่เดียวกัน เพิ่มชุดเครื่องมือเข้ามาใหม่ และยังลดขั้นตอนการทำงานให้น้อยลง ทำให้ใช้งานสะดวกยิ่งขึ้น ในเวอร์ชั่นนี้ได้เพิ่มคำสั่ง และแถบเครื่องมือที่ใช้บ่อย  วางแยกออกมาจากกลุ่มเครื่องมือเดิม เช่น



เครื่องมือปรับมุมมอง เครื่องมือปรับแต่งภาพที่รวมอยู่ในพาเนลเดียวกัน เช่น พาเนล Adjustments ส่วนการทำงานหลัก  ยังคงอิงการใช้งานเหมือนเวอร์ชั่นที่ผ่าน  มา ซึ่งหน้าจอใหม่ของ Photoshop Cs5 ก็จะมีส่วนประกอบดังภาพ

ส่วนประกอบของโปรแกรม Photoshop Cs5




Application Bar (แอพพลิเคชั่นบาร์) จะเป็นแถบเครื่องมือที่เก็บปุ่มคำสั่งที่ใช้งานบ่อย  เอาไว้ เช่น เปิดโปรแกรม Bridge หมุนพื้นที่ทำงานย่อ-ขยายภาพ, จัดเรียงวินโดว์ภาพ และจัดองค์ประกอบของเครื่องมือตามพื้นที่ใช้งาน (Workspace)
Menu Bar (เมนูบาร์) ประกอบด้วยกลุ่มคำสั่งต่าง  ที่ใช้จัดการกับไฟล์, ทำงานกับรูปภาพ และใช้การปรับแต่งการทำงานของโปรแกรม โดยแบ่งเมนูตามลักษณะงาน นอกจากนี้บางเมนูหลัก จะมีเมนูย่อยซ้อนอยู่ โดยสังเกตจากเครื่องหมาย 3 ซึ่งคุณต้องเปิดเข้าไปเพื่อเลือกคำสั่งภายในอีกที
Tool Panel (ทูลพาเนล) หรือ กล่องเครื่องมือ จะประกอบไปด้วยเครื่องมือต่าง  ที่ใช้ในการวาด ตกแต่ง และแก้ไขภาพ เครื่องมือเหล่านี้มีจำนวนมาก ดังนั้นจึงมีการรวมเครื่องมือที่ทำหน้าที่คล้าย  กันไว้ในปุ่มเดียวกัน โดยจะมีลักษณะรูปสามเหลี่ยมอยู่บริเวณมุมด้านล่าง  เพื่อบอกให้รู้ว่าในปุ่มนี้ยังมีเครื่องมืออื่นอยู่ด้วย
Option Bar (ออปชั่นบาร์) เป็นส่วนที่ใช้ปรับแต่งค่าการทำงานของเครื่องมือต่าง  โดยรายละเอียดในออปชั่นบาร์จะเปลี่ยนไปตามเครื่องมือที่เราเลือกจากทูลบ็อกซ์ในขณะนั้น เช่น เมื่อเราเลือกเครื่องมือ Brush (พู่กัน) บนออปชั่นบาร์จะปรากฏออปชั่นที่ใช้ในการกำหนดขนาด และลักษณะหัวแปรง, โหมดในการระบายความโปร่งใสของสี และอัตราการไหลของสี เป็นต้น
Panel (พาเนล) เป็นวินโดว์ย่อย  ที่ใช้เลือกรายละเอียด หรือคำสั่งควบคุมการทำงานต่าง  ของโปรแกรม ใน Photoshop มีพาเนลอยู่เป็นจำนวนมาก เช่น พาเนล Color ใช้สำหรับเลือกสี, พาเนล Layers ใช้สำหรับจัดการกับเลเยอร์ และพาเนล Info ใช้แสดงค่าสีตรงตำแหน่งที่ชี้เมาส์รวมถึงขนาด/ตำแหน่งของพื้นที่ที่เลือกไว้

วันอังคารที่ 29 มกราคม พ.ศ. 2556

การเริ่มใช้งาน Flash เบื้องต้น


I.          Flash คืออะไร
Flash เป็นซอฟต์แวร์ ที่ใช้สร้างชิ้นงานกราฟิกที่พบเป็นส่วนมากบนเว็บไซด์ต่าง ๆ และสามารถพบชิ้นงาน Flash บน เกมส์  สื่อโฆษณาบนเว็บไซต์ อินเตอร์เฟสต่าง ๆ ที่อนุญาตให้มีการโต้ตอบกับผู้ใช้

 II.        ความสามารถของ Flash
สร้างชิ้นงาน Interactive
มีส่วนตอบสนองกับผู้ใช้  เช่น ผู้ใช้สามารถคลิกเลือกเมนูต่าง ๆ ได้ นำไปประยุกต์เป็นสื่อการสอน   ( E- Learning ) หน้าจอควบคุมการทำงานต่าง ๆ สื่อโฆษณา                  ( Banner ) บนเว็บไซต์ การ์ตูนแอนิเมชันต่างๆ เป็นต้น
สร้างชิ้นงาน Animation
จุดเด่นของการทำงานในโปรแกรม Flash คือการสร้าง Animation หรือ ภาพเคลื่อนไหว มีเครื่องมืออำนวยความสะดวก ทำให้โปรแกรม Flash สร้างผลงาน Animation ได้ง่าย
สร้างเว็บไซต์ [ Website ]
โปรแกรม Flash สามารถสร้างเว็บไซต์ได้สวยงาม และสร้างลูกเล่นต่าง ๆ ได้ง่าย
มีจุดอ่อนคือ เว็บไซต์ที่สร้างด้วยโปรแกรม Flash แก้ไขข้อมูลได้ยาก และขนาดของไฟล์เว็บไซต์ค่อนข้างใหญ่
สร้างเกมส์ [ GAME ]
FLASH มีเครื่องมือช่วยสร้างองค์ประกอบต่าง ๆ ให้เกมส์มีความสวยงาม มีเครื่องมือสำหรับสร้างคำสั่งควบคุมการเล่นเกมส์ อีกทั้งไฟล์เกมส์ที่สร้างออกมามีขนาดเล็ก ทำให้อัพโหลดสู่เว็บไซต์ได้อย่างรวดเร็ว
หมายเหตุ
สำหรับเอกสารนี้ จะนำเสนอแต่ การสร้างงาน Interactive และ Animation ซึ่งสามารถนำไปเผยแพร่ในลักษณะต่าง ๆ และใช้เป็นฐานในการสร้างเว็บไซด์ และเกมส์ได้
III.       จุดเริ่มต้นใช้งานโปรแกรม Flash บน PC
ทำการติดตั้ง โปรแกรม และเรียกใช้
StartAll ProgramsAdobe Flash Professional CS5.

IV.       ส่วนต่อประสานของ Flash
Startup Screen


 
 
ภาพที่ 1.1  หน้าต่างเริ่มต้น
หากไม่ต้องการหน้าต่างนี้ปรากฏทุกครั้งที่เริ่มใช้งาน ให้กาเลือกที่กล่อง Don’t show again
สภาพแวดล้อม
ส่วนต่อประสานกับผู้ใช้ (user interface) ของFlash มีหลายลักษณะ ซึ่งผู้ใช้สามารถกำหนดตามความถนัดของตนเอง ในที่นี้รียกส่วนแสดงและแก้ไขชิ้นงานว่าเวที (Stage)
 
 

ภาพที่ 1.2  สภาพแวดล้อมของโปรแกรม
V.         การใช้เครื่องมือ
แผง (Panel) เครื่องมือต่าง ๆ
เป็นส่วนที่ผู้ใช้สามารถใช้เครื่องมือ และกำหนดค่าของวัตถุ ส่วนใหญ่จะปรากฏในลักษณะยึดติด (dockable) กับหน้าต่างงาน ที่บริเวณกลุ่มของคุณสมบัติวัตถุที่เรียกใช้ ผู้ใช้สามารถเคลื่อนย้าย หรือปิดแผงงานเหล่านี้ ด้วยวิธีการเดียวกับการจัดการวัตถุบนหน้าต่างงาน ตัวอย่าง เช่น การย้ายแผงวัตถุ โดยการคลิกและลากบริเวณTitlebar คลิกปุ่ม Close เพื่อปิดแผงวัตถุหนึ่ง ๆ
 

 ภาพที่ 1.3 Icon Panel                 ภาพที่ 1.4 ขยายIcon ด้านซ้าย
Properties Inspector
เป็นส่วนอธิบายลักษณะของวัตถุบนเวที
I.       เมนู
ชื่อเมนู
การใช้งาน
FILE
Open & close files, save files, import & export files, print, publish movies for the Web, send a movie via e-mail, & quit Flash.
 
Edit
 
undo & redo
Cut, Copy, Paste
delete, duplicate, select, deselect,
find & replace;
copy & paste entire frames & motions on the Timeline; edit symbols; set preferences
; customize the Tools panel; map fonts; & create keyboard
shortcuts for comm&s
View
Zoom in & out; show or hide the ruler, grid, & guides; choose a preview mode; & specify snapping preferences for objects for easy placement.
Insert
Insert symbols ;
insert and delete Timeline features,
insert layers; add scenes
Modify
Modify symbols, bitmaps, shapes, frames,
Timeline features and effects, scenes, or the entire movie (the document).
Transform, align, group, and ungroup objects; arrange objects; and break objects apart
Text
Format text
check spelling, and embed font
Commands
Reuse and manage saved commands.
Control
Control the playing of movies, test movies and scenes, access certain interactive functions, and mute sounds.
Debug
Debug ActionScript code.
Window
เปิดใช้งานแผงวัตถุต่าง ๆ
Help
เอกสารอธิบายการใช้งานโปรแกรม