SlideShare a Scribd company logo
1 of 38
Download to read offline
HOW TO SAI
SAI

คืออะไร?



โปรแกรม Paint Tool SAI เป็ นโปรแกรมฝึ กวาดภาพ
่
จากทีมผูพฒนาโปรแกรมชาวญี่ปุ่น หน้าตาของโปรแกรมใช้งานง่าย ไม่หนักเครือง
้ ั
่
ตัวโปรแกรมทางานได้เสถียร และภายในประกอบไปด้วยเครืองมือสาหรับฝึ กวาดภาพ

วาดรูปต่างๆ นานา อาทิเช่น Air Brushe, Paint Brush, สีนา, ดินสอ และ
้
่
ยางลบ รวมถึงเลเยอร์ (Layer) ทีจะช่วยให้คณได้ตกแต่งกราฟิ กได้อย่างสมจริงอีก
ุ

ด้วยครับ นอกจากนี้โปรแกรม Paint Tool SAI ยังสามารถปรับแต่ง แก้ไขภาพถ่าย
รวมถึงงานอาร์ตเวิรคต่างๆ โปรแกรมวาดรูปนี้ก็สามารถทาได้อย่างสมบูรณ์แบบ
์
หน้าตาของ PAINT TOOL SAI
ส่วนต่างๆ ของโปรแกรม
ส่วนต่างๆ ของโปรแกรม (ส่วนที่ 1)
ส่วนที่


1

่
ส่วนนี้ใช้ประโยชน์ในเรืองการ
ดูภาพรวม
ของงาน
การซูมภาพบนสเตจเพื่อความ
สะดวกในการ
เก็บรายละเอียด และการหมุนภาพ
สาหรับจุดทีเ่ รา
ไม่ถนัดในการลงสี
ให้มีองศาพอเหมาะกับการทางานของ
เรา
ส่วนต่างๆ ของโปรแกรม (ส่วนที่ 1)
ส่วนต่างๆ ของโปรแกรม (ส่วนที่ 2)



ส่วนที่ 2



่ ้
่
ส่วนนี้ใช้ประโยชน์เวลาทีตองการปรับแต่งพื้นสีหลังจากเราใช้บรัชหรืออย่างอืนลงสี เพื่อไม่ให้ดู
เรียบเกินไป อาจจะใช้ในส่วนของเสื้อผ้า หรือพื้นหลัง
ส่วนต่างๆ ของโปรแกรม (ส่วนที่ 2)
ส่วนต่างๆ ของโปรแกรม (ส่วนที่ 3)
 ส่วนที่

3

ส่วนนี้ใช้บ่อยมากในการลง CG เพราะมีประโยชน์
หลายอย่าง
ส่วนต่างๆ ของโปรแกรม (ส่วนที่ 3)
ส่วนต่างๆ ของโปรแกรม (ส่วนที่ 3)

่
 อธิบายเพิมในส่วนของ
 Normal

Mode - ส่วนนี้จะประกอบด้วย

– ก็คอธรรมดาๆ สีจะออกมาตามทีเ่ ราปาดลงไป
ื
 Multiply – ทาให้สดูเข้มขึ้น และ สีขาวหรือสีออน(มาก)ๆ จะไม่ปรากฏ
ี
่
 Screen – ทาให้สสว่างขึ้น เหมือนเอาแสงขาวผากๆ มาทับ
ี
 Overlay – ภาพสีสดขึ้น ดูสวยงาม(?)
 Luminosity – ปรับภาพสว่างแบบสะท้อนแสงได้(?)
 Shade – ทาให้ภาพเข้มขึ้น เหมือนเพิ่มความดาให้กบภาพ
ั
่
่่
 Lumi & Shade –ส่วนทีเข้มจะเข้มขึ้น ส่วนทีออนจะสว่างมากขึ้น
 Binary Color – ทาให้รายละเอียดบนเลเยอร์ดาเหมือนลงหมึก
ส่วนต่างๆ ของโปรแกรม (ส่วนที่ 4)



ส่วนที่ 4 – ส่วนนี้ใช้บอยมากเช่นเดียวกัน
่
ส่วนต่างๆ ของโปรแกรม (ส่วนที่ 4)


รูปตา คือ การปรากฏของเลเยอร์ ถ้าเลเยอร์ไหนไม่มีตาก็จะไม่ปรากฏใน
งานบนสเตจ และรายละเอียด 3 บรรทัด “Layer 1, normal, 100%”
่
คือ “ชือเลเยอร์, โหมดของเลเยอร์, ความเข้มของเลเยอร์” ตามลาดับ
ส่วนต่างๆ ของโปรแกรม (ส่วนที่ 5)

 ส่วนที่

5 –ศูนย์รวมสี
ส่วนต่างๆ ของโปรแกรม (ส่วนที่ 5)
ส่วนต่างๆ ของโปรแกรม (ส่วนที่ 6)

 ส่วนที่

่
6 – เครืองมือ
ส่วนต่างๆ ของโปรแกรม (ส่วนที่ 6)


่
่
Selection เอาไว้เลือกพื้นทีการทางานหรือย้ายตาแหน่งแบบสีเหลี่ยม

่
่
เมื่อกดเครืองมือนี้จะมีออพชันด้านล่าง ส่งผลจริงต่องาน ไม่ได้เป็ นแค่การพรีวว
ิ
 Transform กับ Scale– ปรับขนาดภาพแบบปกติ
 Free Deform – ปรับภาพตรงหัวมุมทังสี่ได้ ทาให้ภาพเปลี่ยนมุมมอง
้
 Rotate – หมุนภาพ
 Flip Horizontally – กลับภาพซ้ายขวา
 Flip Vertically – กลับภาพบนล่าง
 Rotate 90 CCW – หมุนภาพทวนเข็มนาฬิกา
 Rotate 90 CW – หมุนภาพตามเข็มนาฬิกา
ส่วนต่างๆ ของโปรแกรม (ส่วนที่ 6)




่
Lasso เอาไว้เลือกพื้นทีการทางาน หรือย้ายตาแหน่ง แบบอิสระ
Magic Wand ใช้เลือกพื้นที่ มีประโยชน์มากสาหรับการลงสีพ้ ืน เพราะถ้า

่
่ ้
วาดเส้นปลายติดกัน ใช้เครืองมือนี้เลือกพื้นทีดานในแล้วเทสีได้เลย (คือหลักการเลือก
่
่
่
ของเครืองมือนี้คอจะเกิดซีเล็กชันบริเวณทีโทนสีนนๆ ใกล้เคียงกับจุดทีเ่ ราคลิก)
ื
ั้

Move ใช้ยายภาพ
้

Zoom ใช้ซมภาพ
ู
่

Rotate คลิกเครืองมือนี้แล้วไปลากภาพบนสเตจเพื่อหมุนได้เลยค่ะ
่
่
่

Hand เมื่อเลือกเครืองมือนี้เคอร์เซอร์จะเปลียนเป็ นรูปมือ เอาไว้เลือนภาพดู
รายละเอียดจุดต่างๆ ตอนทีเ่ ราซูมภาพใหญ่ๆ
่
่
่ี

Color Picker ใช้เครืองมือนี้ไปจิ้มตรงภาพจุดทีเป็ นสีทเราต้องการ แล้ว
สีนนจะขึ้นมาอยูตรง Primary Color ให้เราใช้งาน (เพื่อความรวดเร็ว
ั้
่
สามารถเอาเคอร์เซอร์ไปชี้ตรงสีทเี่ ราต้องการ แล้ว “คลิกขวา” แทนก็ได้คะ
่
ประหยัดเวลา)
ส่วนต่างๆ ของโปรแกรม (ส่วนที่ 6)


่
เป็ นส่วนทีบอกว่าตอนนี้เราใช้สีอะไรอยู่
่
่ ่

เป็นเครืองมือทีใช้รางภาพและตัดเส้นค่ะ ใช้กนแบบเบสิคมากๆ
ั
่

มีไว้...พ่นละอองมัง ฮ่าๆ เราไม่คอยใช้คะ แต่เครืองมือนี้เวลาปาดสี
้
่
่
มันจะฟุ้ งๆ หน่อย

หลักๆ เอาไว้ลงสี และใช้ตดเส้นได้ดวย
ั
้

อุปกรณ์เกลี่ยสี

ใช้ปาดสีเช่นเดียวกัน แต่จะใช้เกลี่ยสีดวยก็ได้เลย
้
่ ี

ยางลบ.. มันไม่สามารถเป็นอย่างอืนได้อกแล้ว
ส่วนต่างๆ ของโปรแกรม (ส่วนที่ 6)


่
่ ้
เลือกพื้นทีโดยการระบายจุดทีตองการ เมื่อระบายแล้วจะเป็ นสีมวงๆ นาเงินๆ
่
้
่
่
่
พอเลือกเครืองมืออืนพื้นสีนนจะหายไปกลายเป็ นเส้นซีเล็กชัน (เส้นประ) รอบๆ บริเวณ
ั้
่

ลบพื้นทีทเ่ี ลือก
่ ่

ใช้เทสี แต่ถาไม่กาหนดซีเล็กชันไว้กอนและวาดเส้นไม่ปิดสนิท สีจะเลอะออกมา
้
่
บริเวณอืน

เส้นวาดหยาบๆ ให้ความรูสกเหมือนใช้โปรแกรมเพ้นท์
้ึ

เหมือนปากกา แต่เส้นจะเพรียวกว่าและเข้มกว่า

ใช้ลงสีแบบสไตล์สนา
ี ้

คล้าย Water 9 แต่สจดกว่า
ีื

เหมือนปากกา แต่เส้นจะเพรียวกว่าและเข้มกว่า
ส่วนต่างๆ ของโปรแกรม (ส่วนที่ 6)




่
สามอันนี้เป็ นอุปกรณ์วาดเส้นทีมีลวดลายในตัว
ทาให้ภาพเบลอ
ส่วนต่างๆ ของโปรแกรม (ส่วนที่ 7)
ส่วนต่างๆ ของโปรแกรม (ส่วนที่ 7)
 ส่วนที่


7

เป็ นส่วนฟั งก์ชนเสริมของส่วนที่ 6 ปรับค่าอะไรต่างๆ ตามถนัดของเรา
ั่
เพื่อให้งานออกมางาม
ส่วนต่างๆ ของโปรแกรม (ส่วนที่ 8)

Stabilizer -> คล้ายๆ

กับความเร็วของเคอเซอร์เวลาปาดบรัช
่
การเปลียน/สร้างคียลด
์ั
่
่
PART I: ส่วนนี้จะเปลี่ยนได้เฉพาะออพชันต่างๆ ของเครืองมือ
 1.

ใช้เมนู Others เลือก Keyboard Shortcuts
่
่
PART I: ส่วนนี้จะเปลี่ยนได้เฉพาะออพชันต่างๆ ของเครืองมือ
 2.

่
เราจะเห็นหน้าต่างการตังค่าคียลดขึ้นมาแบบนี้ ซึงถ้าใครยังไม่เคยปรับ
้
์ั
ค่ามาตรฐานของมันก็จะเป็ นตามโปรแกรมตังเอาไว้ ตรงแถบข้างบน 3 ตัว Shift
้
๊
Ctrl แล้วก็ Alt ถ้าเราติกก็จะทาให้คยลดของเราประกอบด้วยตัวอักษร (หรือ
ี์ั
่
ตัวเลข, อืนๆ) บวกเจ้าพวกนี้เข้าไปด้วยค่ะ อย่างเช่น ปกติคยลด
ี์ั
๊
เป็ น A ถ้าติก Ctrl ก็จะเป็ น Ctrl + A ...ทานองเดียวกันทังสามตัว จะเลือกแค่
้
ตัวเดียว หรือ 2 ตัว หรือทังหมดก็ได้เลย
้

ช่องด้านซ้ายคือให้เลือกว่าเราจะปรับเปลี่ยนหรือเพิ่มคียอะไร ช่องด้านขวาคือ
์
ให้เลือกว่า คียนนๆ ทีเ่ ราจะสร้างหรือเปลี่ยน จะมีคณสมบัตเิ พื่อทาอะไร
์ ั้
ุ
่
่
PART I: ส่วนนี้จะเปลี่ยนได้เฉพาะออพชันต่างๆ ของเครืองมือ
่
่
PART I: ส่วนนี้จะเปลี่ยนได้เฉพาะออพชันต่างๆ ของเครืองมือ
 3.

ยกตัวอย่างคีย์

Ctrl + J

คลิกหนึ่งครังทีคย์
้ ่ี
่
่
PART I: ส่วนนี้จะเปลี่ยนได้เฉพาะออพชันต่างๆ ของเครืองมือ
 4.

เลือกคุณสมบัตจากทาง
ิ
ช่องด้านขวาค่ะ ว่าต้องการ
ให้คยนนทาอะไร
ี ์ ั้
ยกตัวอย่าง
Duplicate Layer

คือ การทาซาเลเยอร์ทเ่ี ลือก
้
อีกครังหนึ่ง
้
่
่
PART I: ส่วนนี้จะเปลี่ยนได้เฉพาะออพชันต่างๆ ของเครืองมือ
 5.

เท่านี้มนก็จะเด้งไปทางด้านซ้ายข้างๆ กับคียลดของเราแล้ว
ั
์ั

 6.

อย่าลืม
่
PART II: ส่วนนี้จะสร้างคียลดสาหรับเรียกเครืองมือมาใช้งาน
์ั


่
เครืองมือพวกนี้
่
PART II: ส่วนนี้จะสร้างคียลดสาหรับเรียกเครืองมือมาใช้งาน
์ั
 1.

่
่ ้
ดับเบิ้ลคลิกทีเ่ ครืองมืออันทีตองการสร้างคียลด จะปรากฎหน้าต่างนี้ข้ นมา
์ั
ึ
่
PART II: ส่วนนี้จะสร้างคียลดสาหรับเรียกเครืองมือมาใช้งาน
์ั
 2.

ใส่คยลดทีตองการลงไปในช่อง Shortcut Key
ี์ั ่ ้

 3.

อย่าลืม
จบการนาเสนอ
คณะผูจดทา
้ั


ชัน ม. 6/13
้

นางสาว อภิชญา สุวรรณ เลขที่ 15
 นาย ศุภฤกษ์ แซ่ตน
ั
เลขที่ 33


More Related Content

What's hot

1.2 ส่วนต่างๆของหน้าจอของโปรแกรม sketch up 2015
1.2 ส่วนต่างๆของหน้าจอของโปรแกรม sketch up 20151.2 ส่วนต่างๆของหน้าจอของโปรแกรม sketch up 2015
1.2 ส่วนต่างๆของหน้าจอของโปรแกรม sketch up 2015วิชา อาคม
 
พื้นฐาน Adobe Flash CS3 ตอนที่3
พื้นฐาน Adobe Flash CS3 ตอนที่3พื้นฐาน Adobe Flash CS3 ตอนที่3
พื้นฐาน Adobe Flash CS3 ตอนที่3Thanawat Boontan
 
1.3 การทำงานด้านต่างๆของโปรแกรม sketch up 2015
1.3 การทำงานด้านต่างๆของโปรแกรม sketch up 20151.3 การทำงานด้านต่างๆของโปรแกรม sketch up 2015
1.3 การทำงานด้านต่างๆของโปรแกรม sketch up 2015วิชา อาคม
 
F:\Photo Shop\อุปกรณ์เบื้องต้นของ Photoshop
F:\Photo Shop\อุปกรณ์เบื้องต้นของ Photoshop F:\Photo Shop\อุปกรณ์เบื้องต้นของ Photoshop
F:\Photo Shop\อุปกรณ์เบื้องต้นของ Photoshop Wangwiset School
 
ใบความรู้ที่ 5 การตกแต่งภาพให้มีสีสันสวยงาม (ต่อ)
ใบความรู้ที่  5 การตกแต่งภาพให้มีสีสันสวยงาม (ต่อ)ใบความรู้ที่  5 การตกแต่งภาพให้มีสีสันสวยงาม (ต่อ)
ใบความรู้ที่ 5 การตกแต่งภาพให้มีสีสันสวยงาม (ต่อ)kroojirat
 

What's hot (11)

1.2 ส่วนต่างๆของหน้าจอของโปรแกรม sketch up 2015
1.2 ส่วนต่างๆของหน้าจอของโปรแกรม sketch up 20151.2 ส่วนต่างๆของหน้าจอของโปรแกรม sketch up 2015
1.2 ส่วนต่างๆของหน้าจอของโปรแกรม sketch up 2015
 
พื้นฐาน Adobe Flash CS3 ตอนที่3
พื้นฐาน Adobe Flash CS3 ตอนที่3พื้นฐาน Adobe Flash CS3 ตอนที่3
พื้นฐาน Adobe Flash CS3 ตอนที่3
 
Slide sketchup
Slide sketchupSlide sketchup
Slide sketchup
 
Lesson2
Lesson2Lesson2
Lesson2
 
1.3 การทำงานด้านต่างๆของโปรแกรม sketch up 2015
1.3 การทำงานด้านต่างๆของโปรแกรม sketch up 20151.3 การทำงานด้านต่างๆของโปรแกรม sketch up 2015
1.3 การทำงานด้านต่างๆของโปรแกรม sketch up 2015
 
Selection tool Ps CS5
Selection tool Ps CS5Selection tool Ps CS5
Selection tool Ps CS5
 
F:\Photo Shop\อุปกรณ์เบื้องต้นของ Photoshop
F:\Photo Shop\อุปกรณ์เบื้องต้นของ Photoshop F:\Photo Shop\อุปกรณ์เบื้องต้นของ Photoshop
F:\Photo Shop\อุปกรณ์เบื้องต้นของ Photoshop
 
Lesson 4 2
Lesson 4 2Lesson 4 2
Lesson 4 2
 
การ Draft รูป
การ Draft รูปการ Draft รูป
การ Draft รูป
 
ใบความรู้ที่ 5 การตกแต่งภาพให้มีสีสันสวยงาม (ต่อ)
ใบความรู้ที่  5 การตกแต่งภาพให้มีสีสันสวยงาม (ต่อ)ใบความรู้ที่  5 การตกแต่งภาพให้มีสีสันสวยงาม (ต่อ)
ใบความรู้ที่ 5 การตกแต่งภาพให้มีสีสันสวยงาม (ต่อ)
 
work5
work5work5
work5
 

Viewers also liked

Is My LLC Interest A Security?
Is My LLC Interest A Security?Is My LLC Interest A Security?
Is My LLC Interest A Security?Wendy Couture
 
собрание ОГЭ 2015
собрание ОГЭ 2015собрание ОГЭ 2015
собрание ОГЭ 2015killaruns
 
Top 10 Business Cases From the Past Year
Top 10 Business Cases From the Past YearTop 10 Business Cases From the Past Year
Top 10 Business Cases From the Past YearWendy Couture
 
Albert Einstein College of Medicine
Albert Einstein College of MedicineAlbert Einstein College of Medicine
Albert Einstein College of MedicineDr. Steven Wengrover
 
исследование функций
исследование функцийисследование функций
исследование функцийkillaruns
 
Generic online events
Generic online eventsGeneric online events
Generic online eventsGraeme Mackie
 
Six Fundamentals of a Well-Built Venture
Six Fundamentals of a Well-Built VentureSix Fundamentals of a Well-Built Venture
Six Fundamentals of a Well-Built VentureWayne Brown Institute
 
Oceanspray "Straight from the Bog" Campaign analysis
Oceanspray "Straight from the Bog" Campaign analysisOceanspray "Straight from the Bog" Campaign analysis
Oceanspray "Straight from the Bog" Campaign analysisnichoe10
 
календарь
календарькалендарь
календарьkillaruns
 
Desaparegut per palamós
Desaparegut per palamósDesaparegut per palamós
Desaparegut per palamóscarmeo
 
Biblia hebraica stuttgartensia
Biblia hebraica stuttgartensiaBiblia hebraica stuttgartensia
Biblia hebraica stuttgartensiagpelayomentor90
 
texto xulingo
texto xulingotexto xulingo
texto xulingoVieirarai
 
Klim Design Presentation
Klim Design PresentationKlim Design Presentation
Klim Design Presentationmarkmodder
 
Docinho de leite ninho
Docinho de leite ninhoDocinho de leite ninho
Docinho de leite ninhoKelly2012
 

Viewers also liked (20)

Is My LLC Interest A Security?
Is My LLC Interest A Security?Is My LLC Interest A Security?
Is My LLC Interest A Security?
 
Presentation 2
Presentation 2Presentation 2
Presentation 2
 
собрание ОГЭ 2015
собрание ОГЭ 2015собрание ОГЭ 2015
собрание ОГЭ 2015
 
Top 10 Business Cases From the Past Year
Top 10 Business Cases From the Past YearTop 10 Business Cases From the Past Year
Top 10 Business Cases From the Past Year
 
Albert Einstein College of Medicine
Albert Einstein College of MedicineAlbert Einstein College of Medicine
Albert Einstein College of Medicine
 
Catalhoyuk
CatalhoyukCatalhoyuk
Catalhoyuk
 
Newspaper analysis 3
Newspaper analysis 3Newspaper analysis 3
Newspaper analysis 3
 
исследование функций
исследование функцийисследование функций
исследование функций
 
Evaluation q2 visual
Evaluation q2 visualEvaluation q2 visual
Evaluation q2 visual
 
Generic online events
Generic online eventsGeneric online events
Generic online events
 
Newspaper analysis 2
Newspaper analysis 2Newspaper analysis 2
Newspaper analysis 2
 
Actividad 21
Actividad 21 Actividad 21
Actividad 21
 
Six Fundamentals of a Well-Built Venture
Six Fundamentals of a Well-Built VentureSix Fundamentals of a Well-Built Venture
Six Fundamentals of a Well-Built Venture
 
Oceanspray "Straight from the Bog" Campaign analysis
Oceanspray "Straight from the Bog" Campaign analysisOceanspray "Straight from the Bog" Campaign analysis
Oceanspray "Straight from the Bog" Campaign analysis
 
календарь
календарькалендарь
календарь
 
Desaparegut per palamós
Desaparegut per palamósDesaparegut per palamós
Desaparegut per palamós
 
Biblia hebraica stuttgartensia
Biblia hebraica stuttgartensiaBiblia hebraica stuttgartensia
Biblia hebraica stuttgartensia
 
texto xulingo
texto xulingotexto xulingo
texto xulingo
 
Klim Design Presentation
Klim Design PresentationKlim Design Presentation
Klim Design Presentation
 
Docinho de leite ninho
Docinho de leite ninhoDocinho de leite ninho
Docinho de leite ninho
 

Similar to How to sai

ความรู้เบื้องต้นเกี่ยวกับโปรแกรม Adobe photoshop cs
ความรู้เบื้องต้นเกี่ยวกับโปรแกรม Adobe photoshop csความรู้เบื้องต้นเกี่ยวกับโปรแกรม Adobe photoshop cs
ความรู้เบื้องต้นเกี่ยวกับโปรแกรม Adobe photoshop csไกรลาศ จิบจันทร์
 
ใบความรู้ที่ 1รู้จักโฟโต้ชอป
ใบความรู้ที่ 1รู้จักโฟโต้ชอปใบความรู้ที่ 1รู้จักโฟโต้ชอป
ใบความรู้ที่ 1รู้จักโฟโต้ชอปNimanong Nim
 
เครื่องมือและคำสั่งพื้นฐาน
เครื่องมือและคำสั่งพื้นฐานเครื่องมือและคำสั่งพื้นฐาน
เครื่องมือและคำสั่งพื้นฐานกชพร มณีพงษ์
 
เทคนิคการใช้ Photoshop
เทคนิคการใช้ Photoshopเทคนิคการใช้ Photoshop
เทคนิคการใช้ Photoshopthaksapron
 
คู่มือการใช้งาน Photoshop cs
คู่มือการใช้งาน Photoshop csคู่มือการใช้งาน Photoshop cs
คู่มือการใช้งาน Photoshop cssurachet179
 
เทคนิคการใช้ Photoshop
เทคนิคการใช้ Photoshopเทคนิคการใช้ Photoshop
เทคนิคการใช้ Photoshopthaksapron
 
เทคนิคการใช้ Photoshop
เทคนิคการใช้ Photoshopเทคนิคการใช้ Photoshop
เทคนิคการใช้ Photoshopthaksapron
 
Lesson 7 การใช้เครื่องมือวาดภาพ
Lesson 7 การใช้เครื่องมือวาดภาพLesson 7 การใช้เครื่องมือวาดภาพ
Lesson 7 การใช้เครื่องมือวาดภาพErrorrrrr
 
รู้จักโปรแกรม Adobe Photoshop CS6
รู้จักโปรแกรม Adobe Photoshop CS6รู้จักโปรแกรม Adobe Photoshop CS6
รู้จักโปรแกรม Adobe Photoshop CS6Khon Kaen University
 
เทคนิคการใช้ Photoshop
เทคนิคการใช้ Photoshopเทคนิคการใช้ Photoshop
เทคนิคการใช้ Photoshopthaksapron
 
โปรแกรม Photoshop ครั้งที่_1
โปรแกรม Photoshop ครั้งที่_1โปรแกรม Photoshop ครั้งที่_1
โปรแกรม Photoshop ครั้งที่_1teaw-sirinapa
 
เทคนิคการใช้ Photoshop
เทคนิคการใช้ Photoshopเทคนิคการใช้ Photoshop
เทคนิคการใช้ Photoshopthaksapron
 
ใบความรู้ที่ 13 ม้วนขอบภาพให้โค้งงอ
ใบความรู้ที่ 13 ม้วนขอบภาพให้โค้งงอใบความรู้ที่ 13 ม้วนขอบภาพให้โค้งงอ
ใบความรู้ที่ 13 ม้วนขอบภาพให้โค้งงอNimanong Nim
 

Similar to How to sai (20)

บทที่3
บทที่3บทที่3
บทที่3
 
ความรู้เบื้องต้นเกี่ยวกับโปรแกรม Adobe photoshop cs
ความรู้เบื้องต้นเกี่ยวกับโปรแกรม Adobe photoshop csความรู้เบื้องต้นเกี่ยวกับโปรแกรม Adobe photoshop cs
ความรู้เบื้องต้นเกี่ยวกับโปรแกรม Adobe photoshop cs
 
ใบความรู้ที่ 1รู้จักโฟโต้ชอป
ใบความรู้ที่ 1รู้จักโฟโต้ชอปใบความรู้ที่ 1รู้จักโฟโต้ชอป
ใบความรู้ที่ 1รู้จักโฟโต้ชอป
 
Photoshop7
Photoshop7Photoshop7
Photoshop7
 
เครื่องมือและคำสั่งพื้นฐาน
เครื่องมือและคำสั่งพื้นฐานเครื่องมือและคำสั่งพื้นฐาน
เครื่องมือและคำสั่งพื้นฐาน
 
เทคนิคการใช้ Photoshop
เทคนิคการใช้ Photoshopเทคนิคการใช้ Photoshop
เทคนิคการใช้ Photoshop
 
คู่มือการใช้งาน Photoshop cs
คู่มือการใช้งาน Photoshop csคู่มือการใช้งาน Photoshop cs
คู่มือการใช้งาน Photoshop cs
 
เทคนิคการใช้ Photoshop
เทคนิคการใช้ Photoshopเทคนิคการใช้ Photoshop
เทคนิคการใช้ Photoshop
 
เทคนิคการใช้ Photoshop
เทคนิคการใช้ Photoshopเทคนิคการใช้ Photoshop
เทคนิคการใช้ Photoshop
 
Lesson 7 การใช้เครื่องมือวาดภาพ
Lesson 7 การใช้เครื่องมือวาดภาพLesson 7 การใช้เครื่องมือวาดภาพ
Lesson 7 การใช้เครื่องมือวาดภาพ
 
รู้จักโปรแกรม Adobe Photoshop CS6
รู้จักโปรแกรม Adobe Photoshop CS6รู้จักโปรแกรม Adobe Photoshop CS6
รู้จักโปรแกรม Adobe Photoshop CS6
 
Photoshop lab1
Photoshop lab1Photoshop lab1
Photoshop lab1
 
เทคนิคการใช้ Photoshop
เทคนิคการใช้ Photoshopเทคนิคการใช้ Photoshop
เทคนิคการใช้ Photoshop
 
โปรแกรม Photoshop ครั้งที่_1
โปรแกรม Photoshop ครั้งที่_1โปรแกรม Photoshop ครั้งที่_1
โปรแกรม Photoshop ครั้งที่_1
 
เทคนิคการใช้ Photoshop
เทคนิคการใช้ Photoshopเทคนิคการใช้ Photoshop
เทคนิคการใช้ Photoshop
 
Photoshop
PhotoshopPhotoshop
Photoshop
 
Chapter1
Chapter1Chapter1
Chapter1
 
Software
SoftwareSoftware
Software
 
Animation flash
Animation flashAnimation flash
Animation flash
 
ใบความรู้ที่ 13 ม้วนขอบภาพให้โค้งงอ
ใบความรู้ที่ 13 ม้วนขอบภาพให้โค้งงอใบความรู้ที่ 13 ม้วนขอบภาพให้โค้งงอ
ใบความรู้ที่ 13 ม้วนขอบภาพให้โค้งงอ
 

More from apichaya413

203385937 o-net-54-ปีการศึกษา-2553
203385937 o-net-54-ปีการศึกษา-2553203385937 o-net-54-ปีการศึกษา-2553
203385937 o-net-54-ปีการศึกษา-2553apichaya413
 
203385462 o-net-53-ปีการศึกษา-2552
203385462 o-net-53-ปีการศึกษา-2552203385462 o-net-53-ปีการศึกษา-2552
203385462 o-net-53-ปีการศึกษา-2552apichaya413
 
203385325 o-net-52-ปีการศึกษา-2551
203385325 o-net-52-ปีการศึกษา-2551203385325 o-net-52-ปีการศึกษา-2551
203385325 o-net-52-ปีการศึกษา-2551apichaya413
 
203384796 o-net-51-ปีการศึกษา-2550
203384796 o-net-51-ปีการศึกษา-2550203384796 o-net-51-ปีการศึกษา-2550
203384796 o-net-51-ปีการศึกษา-2550apichaya413
 
แบบเสนอโครงร่างโครงงานคอมพิวเตอร์
แบบเสนอโครงร่างโครงงานคอมพิวเตอร์แบบเสนอโครงร่างโครงงานคอมพิวเตอร์
แบบเสนอโครงร่างโครงงานคอมพิวเตอร์apichaya413
 
แบบสำรวจตัวเอง 32
แบบสำรวจตัวเอง 32แบบสำรวจตัวเอง 32
แบบสำรวจตัวเอง 32apichaya413
 
แบบสำรวจตัวเอง 32
แบบสำรวจตัวเอง 32แบบสำรวจตัวเอง 32
แบบสำรวจตัวเอง 32apichaya413
 

More from apichaya413 (8)

203385937 o-net-54-ปีการศึกษา-2553
203385937 o-net-54-ปีการศึกษา-2553203385937 o-net-54-ปีการศึกษา-2553
203385937 o-net-54-ปีการศึกษา-2553
 
203385462 o-net-53-ปีการศึกษา-2552
203385462 o-net-53-ปีการศึกษา-2552203385462 o-net-53-ปีการศึกษา-2552
203385462 o-net-53-ปีการศึกษา-2552
 
203385325 o-net-52-ปีการศึกษา-2551
203385325 o-net-52-ปีการศึกษา-2551203385325 o-net-52-ปีการศึกษา-2551
203385325 o-net-52-ปีการศึกษา-2551
 
203384796 o-net-51-ปีการศึกษา-2550
203384796 o-net-51-ปีการศึกษา-2550203384796 o-net-51-ปีการศึกษา-2550
203384796 o-net-51-ปีการศึกษา-2550
 
แบบเสนอโครงร่างโครงงานคอมพิวเตอร์
แบบเสนอโครงร่างโครงงานคอมพิวเตอร์แบบเสนอโครงร่างโครงงานคอมพิวเตอร์
แบบเสนอโครงร่างโครงงานคอมพิวเตอร์
 
แบบสำรวจตัวเอง 32
แบบสำรวจตัวเอง 32แบบสำรวจตัวเอง 32
แบบสำรวจตัวเอง 32
 
แบบสำรวจตัวเอง 32
แบบสำรวจตัวเอง 32แบบสำรวจตัวเอง 32
แบบสำรวจตัวเอง 32
 
Doc1
Doc1Doc1
Doc1
 

How to sai

  • 2. SAI คืออะไร?  โปรแกรม Paint Tool SAI เป็ นโปรแกรมฝึ กวาดภาพ ่ จากทีมผูพฒนาโปรแกรมชาวญี่ปุ่น หน้าตาของโปรแกรมใช้งานง่าย ไม่หนักเครือง ้ ั ่ ตัวโปรแกรมทางานได้เสถียร และภายในประกอบไปด้วยเครืองมือสาหรับฝึ กวาดภาพ วาดรูปต่างๆ นานา อาทิเช่น Air Brushe, Paint Brush, สีนา, ดินสอ และ ้ ่ ยางลบ รวมถึงเลเยอร์ (Layer) ทีจะช่วยให้คณได้ตกแต่งกราฟิ กได้อย่างสมจริงอีก ุ ด้วยครับ นอกจากนี้โปรแกรม Paint Tool SAI ยังสามารถปรับแต่ง แก้ไขภาพถ่าย รวมถึงงานอาร์ตเวิรคต่างๆ โปรแกรมวาดรูปนี้ก็สามารถทาได้อย่างสมบูรณ์แบบ ์
  • 4.
  • 6.
  • 7. ส่วนต่างๆ ของโปรแกรม (ส่วนที่ 1) ส่วนที่  1 ่ ส่วนนี้ใช้ประโยชน์ในเรืองการ ดูภาพรวม ของงาน การซูมภาพบนสเตจเพื่อความ สะดวกในการ เก็บรายละเอียด และการหมุนภาพ สาหรับจุดทีเ่ รา ไม่ถนัดในการลงสี ให้มีองศาพอเหมาะกับการทางานของ เรา
  • 9. ส่วนต่างๆ ของโปรแกรม (ส่วนที่ 2)  ส่วนที่ 2  ่ ้ ่ ส่วนนี้ใช้ประโยชน์เวลาทีตองการปรับแต่งพื้นสีหลังจากเราใช้บรัชหรืออย่างอืนลงสี เพื่อไม่ให้ดู เรียบเกินไป อาจจะใช้ในส่วนของเสื้อผ้า หรือพื้นหลัง
  • 11. ส่วนต่างๆ ของโปรแกรม (ส่วนที่ 3)  ส่วนที่ 3  ส่วนนี้ใช้บ่อยมากในการลง CG เพราะมีประโยชน์ หลายอย่าง
  • 13. ส่วนต่างๆ ของโปรแกรม (ส่วนที่ 3) ่  อธิบายเพิมในส่วนของ  Normal Mode - ส่วนนี้จะประกอบด้วย – ก็คอธรรมดาๆ สีจะออกมาตามทีเ่ ราปาดลงไป ื  Multiply – ทาให้สดูเข้มขึ้น และ สีขาวหรือสีออน(มาก)ๆ จะไม่ปรากฏ ี ่  Screen – ทาให้สสว่างขึ้น เหมือนเอาแสงขาวผากๆ มาทับ ี  Overlay – ภาพสีสดขึ้น ดูสวยงาม(?)  Luminosity – ปรับภาพสว่างแบบสะท้อนแสงได้(?)  Shade – ทาให้ภาพเข้มขึ้น เหมือนเพิ่มความดาให้กบภาพ ั ่ ่่  Lumi & Shade –ส่วนทีเข้มจะเข้มขึ้น ส่วนทีออนจะสว่างมากขึ้น  Binary Color – ทาให้รายละเอียดบนเลเยอร์ดาเหมือนลงหมึก
  • 14. ส่วนต่างๆ ของโปรแกรม (ส่วนที่ 4)  ส่วนที่ 4 – ส่วนนี้ใช้บอยมากเช่นเดียวกัน ่
  • 15. ส่วนต่างๆ ของโปรแกรม (ส่วนที่ 4)  รูปตา คือ การปรากฏของเลเยอร์ ถ้าเลเยอร์ไหนไม่มีตาก็จะไม่ปรากฏใน งานบนสเตจ และรายละเอียด 3 บรรทัด “Layer 1, normal, 100%” ่ คือ “ชือเลเยอร์, โหมดของเลเยอร์, ความเข้มของเลเยอร์” ตามลาดับ
  • 16. ส่วนต่างๆ ของโปรแกรม (ส่วนที่ 5)  ส่วนที่ 5 –ศูนย์รวมสี
  • 18. ส่วนต่างๆ ของโปรแกรม (ส่วนที่ 6)  ส่วนที่ ่ 6 – เครืองมือ
  • 19. ส่วนต่างๆ ของโปรแกรม (ส่วนที่ 6)  ่ ่ Selection เอาไว้เลือกพื้นทีการทางานหรือย้ายตาแหน่งแบบสีเหลี่ยม ่ ่ เมื่อกดเครืองมือนี้จะมีออพชันด้านล่าง ส่งผลจริงต่องาน ไม่ได้เป็ นแค่การพรีวว ิ  Transform กับ Scale– ปรับขนาดภาพแบบปกติ  Free Deform – ปรับภาพตรงหัวมุมทังสี่ได้ ทาให้ภาพเปลี่ยนมุมมอง ้  Rotate – หมุนภาพ  Flip Horizontally – กลับภาพซ้ายขวา  Flip Vertically – กลับภาพบนล่าง  Rotate 90 CCW – หมุนภาพทวนเข็มนาฬิกา  Rotate 90 CW – หมุนภาพตามเข็มนาฬิกา
  • 20. ส่วนต่างๆ ของโปรแกรม (ส่วนที่ 6)   ่ Lasso เอาไว้เลือกพื้นทีการทางาน หรือย้ายตาแหน่ง แบบอิสระ Magic Wand ใช้เลือกพื้นที่ มีประโยชน์มากสาหรับการลงสีพ้ ืน เพราะถ้า ่ ่ ้ วาดเส้นปลายติดกัน ใช้เครืองมือนี้เลือกพื้นทีดานในแล้วเทสีได้เลย (คือหลักการเลือก ่ ่ ่ ของเครืองมือนี้คอจะเกิดซีเล็กชันบริเวณทีโทนสีนนๆ ใกล้เคียงกับจุดทีเ่ ราคลิก) ื ั้  Move ใช้ยายภาพ ้  Zoom ใช้ซมภาพ ู ่  Rotate คลิกเครืองมือนี้แล้วไปลากภาพบนสเตจเพื่อหมุนได้เลยค่ะ ่ ่ ่  Hand เมื่อเลือกเครืองมือนี้เคอร์เซอร์จะเปลียนเป็ นรูปมือ เอาไว้เลือนภาพดู รายละเอียดจุดต่างๆ ตอนทีเ่ ราซูมภาพใหญ่ๆ ่ ่ ่ี  Color Picker ใช้เครืองมือนี้ไปจิ้มตรงภาพจุดทีเป็ นสีทเราต้องการ แล้ว สีนนจะขึ้นมาอยูตรง Primary Color ให้เราใช้งาน (เพื่อความรวดเร็ว ั้ ่ สามารถเอาเคอร์เซอร์ไปชี้ตรงสีทเี่ ราต้องการ แล้ว “คลิกขวา” แทนก็ได้คะ ่ ประหยัดเวลา)
  • 21. ส่วนต่างๆ ของโปรแกรม (ส่วนที่ 6)  ่ เป็ นส่วนทีบอกว่าตอนนี้เราใช้สีอะไรอยู่ ่ ่ ่  เป็นเครืองมือทีใช้รางภาพและตัดเส้นค่ะ ใช้กนแบบเบสิคมากๆ ั ่  มีไว้...พ่นละอองมัง ฮ่าๆ เราไม่คอยใช้คะ แต่เครืองมือนี้เวลาปาดสี ้ ่ ่ มันจะฟุ้ งๆ หน่อย  หลักๆ เอาไว้ลงสี และใช้ตดเส้นได้ดวย ั ้  อุปกรณ์เกลี่ยสี  ใช้ปาดสีเช่นเดียวกัน แต่จะใช้เกลี่ยสีดวยก็ได้เลย ้ ่ ี  ยางลบ.. มันไม่สามารถเป็นอย่างอืนได้อกแล้ว
  • 22. ส่วนต่างๆ ของโปรแกรม (ส่วนที่ 6)  ่ ่ ้ เลือกพื้นทีโดยการระบายจุดทีตองการ เมื่อระบายแล้วจะเป็ นสีมวงๆ นาเงินๆ ่ ้ ่ ่ ่ พอเลือกเครืองมืออืนพื้นสีนนจะหายไปกลายเป็ นเส้นซีเล็กชัน (เส้นประ) รอบๆ บริเวณ ั้ ่  ลบพื้นทีทเ่ี ลือก ่ ่  ใช้เทสี แต่ถาไม่กาหนดซีเล็กชันไว้กอนและวาดเส้นไม่ปิดสนิท สีจะเลอะออกมา ้ ่ บริเวณอืน  เส้นวาดหยาบๆ ให้ความรูสกเหมือนใช้โปรแกรมเพ้นท์ ้ึ  เหมือนปากกา แต่เส้นจะเพรียวกว่าและเข้มกว่า  ใช้ลงสีแบบสไตล์สนา ี ้  คล้าย Water 9 แต่สจดกว่า ีื  เหมือนปากกา แต่เส้นจะเพรียวกว่าและเข้มกว่า
  • 23. ส่วนต่างๆ ของโปรแกรม (ส่วนที่ 6)   ่ สามอันนี้เป็ นอุปกรณ์วาดเส้นทีมีลวดลายในตัว ทาให้ภาพเบลอ
  • 25. ส่วนต่างๆ ของโปรแกรม (ส่วนที่ 7)  ส่วนที่  7 เป็ นส่วนฟั งก์ชนเสริมของส่วนที่ 6 ปรับค่าอะไรต่างๆ ตามถนัดของเรา ั่ เพื่อให้งานออกมางาม
  • 26. ส่วนต่างๆ ของโปรแกรม (ส่วนที่ 8) Stabilizer -> คล้ายๆ กับความเร็วของเคอเซอร์เวลาปาดบรัช
  • 28. ่ ่ PART I: ส่วนนี้จะเปลี่ยนได้เฉพาะออพชันต่างๆ ของเครืองมือ  1. ใช้เมนู Others เลือก Keyboard Shortcuts
  • 29. ่ ่ PART I: ส่วนนี้จะเปลี่ยนได้เฉพาะออพชันต่างๆ ของเครืองมือ  2. ่ เราจะเห็นหน้าต่างการตังค่าคียลดขึ้นมาแบบนี้ ซึงถ้าใครยังไม่เคยปรับ ้ ์ั ค่ามาตรฐานของมันก็จะเป็ นตามโปรแกรมตังเอาไว้ ตรงแถบข้างบน 3 ตัว Shift ้ ๊ Ctrl แล้วก็ Alt ถ้าเราติกก็จะทาให้คยลดของเราประกอบด้วยตัวอักษร (หรือ ี์ั ่ ตัวเลข, อืนๆ) บวกเจ้าพวกนี้เข้าไปด้วยค่ะ อย่างเช่น ปกติคยลด ี์ั ๊ เป็ น A ถ้าติก Ctrl ก็จะเป็ น Ctrl + A ...ทานองเดียวกันทังสามตัว จะเลือกแค่ ้ ตัวเดียว หรือ 2 ตัว หรือทังหมดก็ได้เลย ้  ช่องด้านซ้ายคือให้เลือกว่าเราจะปรับเปลี่ยนหรือเพิ่มคียอะไร ช่องด้านขวาคือ ์ ให้เลือกว่า คียนนๆ ทีเ่ ราจะสร้างหรือเปลี่ยน จะมีคณสมบัตเิ พื่อทาอะไร ์ ั้ ุ
  • 31. ่ ่ PART I: ส่วนนี้จะเปลี่ยนได้เฉพาะออพชันต่างๆ ของเครืองมือ  3. ยกตัวอย่างคีย์ Ctrl + J คลิกหนึ่งครังทีคย์ ้ ่ี
  • 32. ่ ่ PART I: ส่วนนี้จะเปลี่ยนได้เฉพาะออพชันต่างๆ ของเครืองมือ  4. เลือกคุณสมบัตจากทาง ิ ช่องด้านขวาค่ะ ว่าต้องการ ให้คยนนทาอะไร ี ์ ั้ ยกตัวอย่าง Duplicate Layer คือ การทาซาเลเยอร์ทเ่ี ลือก ้ อีกครังหนึ่ง ้
  • 33. ่ ่ PART I: ส่วนนี้จะเปลี่ยนได้เฉพาะออพชันต่างๆ ของเครืองมือ  5. เท่านี้มนก็จะเด้งไปทางด้านซ้ายข้างๆ กับคียลดของเราแล้ว ั ์ั  6. อย่าลืม
  • 35. ่ PART II: ส่วนนี้จะสร้างคียลดสาหรับเรียกเครืองมือมาใช้งาน ์ั  1. ่ ่ ้ ดับเบิ้ลคลิกทีเ่ ครืองมืออันทีตองการสร้างคียลด จะปรากฎหน้าต่างนี้ข้ นมา ์ั ึ
  • 36. ่ PART II: ส่วนนี้จะสร้างคียลดสาหรับเรียกเครืองมือมาใช้งาน ์ั  2. ใส่คยลดทีตองการลงไปในช่อง Shortcut Key ี์ั ่ ้  3. อย่าลืม
  • 38. คณะผูจดทา ้ั  ชัน ม. 6/13 ้ นางสาว อภิชญา สุวรรณ เลขที่ 15  นาย ศุภฤกษ์ แซ่ตน ั เลขที่ 33 