โดยนางสาวสจตตรา โสภา

งานเทคโนโลยและพฒนาสอการสอนโรงเรยนมหดลวทยานสรณ องคการมหาชน

เอกสารประกอบการอบรมความร ICT “พนฐานการใชโปรแกรม Adobe Photoshop CC ส าหรบออกแบบสอการเรยนการสอน” แนะน าเครองมอในโปรแกรม Adobe illustrator โดย นส.สจตตรา โสภา

สวนประกอบของหนาจอ Illustrator CC

แถบเมนค ำสง (Menu bar)

ออปชนบำร (Option bar)

กรอบจดเกบพำเนล

(Dock Panel) กลองเครองมอ (Toolbox) พนทการท างาน

(Artboard)

ยอ - ขยายหนาตางการท างาน แถบเลอนหนาตางการท างาน

ก าหนดรปแบบหนาจอ (Workspace) แถบเครองมอส าหรบปรบแตงคาตางๆ ของวตถ เชน

สขนาด ต าแหนง และคณสมบตตางๆ ของวตถทเลอก

เอกสารประกอบการอบรมความร ICT “พนฐานการใชโปรแกรม Adobe Photoshop CC ส าหรบออกแบบสอการเรยนการสอน” แนะน าเครองมอในโปรแกรม Adobe illustrator โดย นส.สจตตรา โสภา

แถบคาสง (Menu Bar)

ชดค าสงส าหรบการจดการไฟลโดยแบงค าสงออกเปนหมวดหมเพอใหงายตอการใชงาน

ชดคาสง รปแบบการทางาน

File จดการไฟล เชน สรางไฟลใหม, เปดไฟลภาพ, บนทกไฟลภาพ , Import ไฟลหรอ Export ไฟล

Edit แกไขและปรบแตงคาเบองตนของโปรแกรม เชน การคดลอก การวาง เปนตน

Object สรางรปทรงวตถ เชน หมน เอยง แปลงวตถ (ตวอกษร, เสน) ใหกลายเปนวตถธรรมดา รวมทงค า สงพเศษส าหรบลงสแบบตางๆ

Type สรางและปรบแตงตวอกษร

Select จดการและเลอกชนสวนวตถ

Effect ใสเอฟเฟกซและแปลงรปทรงวตถ

View รปแบบแสดงผล เชน ซมภาพ แสดงไมบรรทด แสดงเสนกรด หรอ เสนไกด

Window จดการพาเนล และปรบ Workspace ใหเหมาะสมกบการท างาน

Help แสดงความชวยเหลอในรปแบบตางๆ

เอกสารประกอบการอบรมความร ICT “พนฐานการใชโปรแกรม Adobe Photoshop CC ส าหรบออกแบบสอการเรยนการสอน” แนะน าเครองมอในโปรแกรม Adobe illustrator โดย นส.สจตตรา โสภา

กลมค าสงเกยวกบการเลอกวตถ

กลมค าสงเกยวกบการวาดภาพ

กลมค าสงเกยวกบการปรบแตงวตถ

กลมค าสงเกยวกบการระบายสและตกแตงภาพ

กลมค าสงเกยวกบการมองชนงาน

กลมค าสงในการเลอกสพนและสเสนขอบชนงาน

กลมค าสงเกยวกบการสรางวตถพเศษ

กลมค าสงทเกยวกบการวาด

กลมค าสงเกยวกบการแสดงหนาจอโปรแกรม

กลองเครองมอ (Tool Box)

A

B

C

F

E

สราง และจดการตวอกษร

G

I H

H

D

เอกสารประกอบการอบรมความร ICT “พนฐานการใชโปรแกรม Adobe Photoshop CC ส าหรบออกแบบสอการเรยนการสอน” แนะน าเครองมอในโปรแกรม Adobe illustrator โดย นส.สจตตรา โสภา

การสรางไฟลใหม

1. คลกเมน File>New เพอสรำงไฟลใหม 2. จะปรำกฎหนำตำง New Document ขนมำ ใหก ำหนดขนำดชนงำน

3. ก ำหนด ขนำดของงำน 4. ก ำหนดหนวยวด 5. ก ำหนดรปแบบกำรจดวำงชนงำน (แนวตง แนวนอน) ท Orientation

6. ก ำหนดโหมดสของชนงำน

(CMYK ส ำหรบงำนพมพ, RGB ส ำหรบงำนเวบ/วดโอ) 7.ก ำหนด Raster Effects ควำมละเอยดของงำน 8. เมอเสรจแลว คลกป ม Create

1 2

4

5

3

6

7

8

เอกสารประกอบการอบรมความร ICT “พนฐานการใชโปรแกรม Adobe Photoshop CC ส าหรบออกแบบสอการเรยนการสอน” แนะน าเครองมอในโปรแกรม Adobe illustrator โดย นส.สจตตรา โสภา

การบนทกไฟลเปนนามสกล .AI เพอใหสามารถแกไขไฟลงานไดในครงตอไป

การบนทกเปน นามสกล .PDF ไฟลภาพคณภาพดส าหรบการปรนงาน

1

2

3

5

4

1. คลกเมน File>Save As… เพอเซฟ จะปรากฎหนาตาง Save As ขนมา 2. เลอกไดรเกบงาน 3. ตงชองาน 4. เลอกนามสกลของไฟลงาน 5. คลก Save

เอกสารประกอบการอบรมความร ICT “พนฐานการใชโปรแกรม Adobe Photoshop CC ส าหรบออกแบบสอการเรยนการสอน” แนะน าเครองมอในโปรแกรม Adobe illustrator โดย นส.สจตตรา โสภา

การบนทกเปน นามสกล .PNG และ .JPG ไฟลภาพส าหรบน าไปใชงาน

1

2

3

4

1. คลกเมน File> Export> Export As… จะปรากฎหนาตาง Export 2. เลอกไดรเกบงาน 3. ตงชองาน 4. เลอกนามสกลของไฟลงาน .JPG หรอ .PNG 5. คลกปม Export

- JPEG (*JPG) เปนไฟลภาพทไมสามารถน ากลบมาแกไขได น าไปใชงานไดหลากหลาย เหมาะส าหรบ สอมลตมเดย และ เวบไซต

- PNG (*PNG) เปนไฟลภาพทมขนาดเลก มความคมชดสง สามารถก าหนดใหพนหลงเปนพนโปรงใส

ได (Transparent) เปนไฟลบทแมพทมคณภาพสงกวาฟอรแมตอนๆ เชน JPEG และ GIF

เปนตน สามารถน าไฟลไปใชกบโปรแกรม Word, Excel ได

เอกสารประกอบการอบรมความร ICT “พนฐานการใชโปรแกรม Adobe Photoshop CC ส าหรบออกแบบสอการเรยนการสอน” แนะน าเครองมอในโปรแกรม Adobe illustrator โดย นส.สจตตรา โสภา

การจดการ Layer

1

2

3

4

5

1. คลกท ไอคอน Layers

2. จะปรากฏพาเนล layers

3. ไอคอนรปตา เพอปดการมองเหน layer นน

ไอคอนรปกญแจ เพอลอก layer นน ไมใหท างานได

4. เมอคลกทน จะประกฏ แสดงถงการเลอกวตถท

อยใน Layer นน

5. เพม Layers

ลบ Layers

เอกสารประกอบการอบรมความร ICT “พนฐานการใชโปรแกรม Adobe Photoshop CC ส าหรบออกแบบสอการเรยนการสอน” แนะน าเครองมอในโปรแกรม Adobe illustrator โดย นส.สจตตรา โสภา

เครองมอจดการส

1

2

3

5

4

1. ไอคอน panel ส

2. หากไมปรากฎ Options ใหคลกท เลอก Show Options

3. ปรบเลอกคาตามโหลดส

4. คลกทสได โดยไมตองปรบทโหมดส

5. การใสสใหวตถ หากจะใสสพนใหคลกท Fill

หากจะใสสเสนขอบใหคลกท Stroke

แสดงเครองมอปรบส

โหมดสขำว-ด ำ

โหมดส RGB ส ำหรบไฟล Digital, WEB

โหมดส HSB

โหมดส CMYK ส ำหรบงำนปรน

โหมดส RGB ส ำหรบเวบไซด

คำสเรมตน ขำว-ด ำ

สพน (Fill)

สลบสพนกบสเสนขอบ

สเสนขอบ (Stroke)

เอกสารประกอบการอบรมความร ICT “พนฐานการใชโปรแกรม Adobe Photoshop CC ส าหรบออกแบบสอการเรยนการสอน” แนะน าเครองมอในโปรแกรม Adobe illustrator โดย นส.สจตตรา โสภา

เครองมอจดการตวหนงสอ Character

1. เลอกกลมตวหนงสอทตองการปรบคา

2. เลอกสพนใหกบตวหนงสอ เลอกสเสนขอบ

3. ก าหนดลกษณะของเสนขอบ

4. ก าหนดความโปรงแสงขอบตวหนงสอ

5. ตงคำลกษณะตวหนงสอ

6. ตงคาการจดวางตวอกษร

1

2 3 4 5 6

Undo Move ยอนกลบหลงไปท ำคำเดม

Redo กลบไปท ำคำกอนหนำ

Cut ตดวตถเพอวำง Copy คดลอกวตถ

Paste วำงวตถ