ใบความรู้ที่ 51

25
กกกกกกกกก กกกกกกก กกกกกกกกกกก กกกกกก

Transcript of ใบความรู้ที่ 51

Page 1: ใบความรู้ที่ 51

การใช้�งานโปรแกรมคอมพิ�วเตอร�กราฟิ�ก

Page 2: ใบความรู้ที่ 51

1. ร��จั�กก�บโปรแกรมPhotoshop

1.1 ความหมายของ โปรแกรม PhotoshopPhotoshop เป็�นโป็รแกรมสำ��หร�บสำร��งและ

ตกแต�งภ�พที่��ม�ชื่��อเสำ�ยงและได้�ร�บคว�มน#ยมม�ก ที่��สำ$ด้ อ�นเน��องม�จ�กค$ณสำมบ�ต#เด้�นซึ่(�งม�อย)�อย��ง

ม�กม�ย ไม�ว��จะเป็�นคว�มสำ�ม�รถจ�ด้ก�รก�บไฟล, สำ�รพ�ด้ชื่น#ด้ที่��ใชื่�ในง�นป็ระเภที่ต��ง ๆ ที่�/งร)ป็ที่��จะน��

ไป็ผ่��นกระบวนก�รพ#มพ, และร)ป็ที่��น��ไป็ใชื่�ในเว1บเพจ หร�อสำ�งผ่��นสำ��ออ#เล1กที่รอน#คสำ, ม�คว�มสำ�ม�รถเป็�น เย��ยมในก�รแก�ไขตกแต�งภ�พ และก�รสำร��ง

เอฟเฟ�คต,พ#เศษต��ง ๆ ม�เคร��องม�อที่��ม�ป็ระสำ#ที่ธิ#ภ�พ และคว�มย�ด้หย$�นสำ)ง สำ�ม�รถบ�นที่(กข�/นตอนที่��ต�อง

ที่��ซึ่�/� ๆ ไว�เร�ยกใชื่�ภ�ยหล�งตลอด้จนม�ผ่)�ผ่ล#ต ป็ล�6กอ#น (plug-in) ให�เป็�นจ��นวนม�ก ซึ่(�งป็ล�6กอ#นก1

ค�อโป็รแกรมเสำร#มสำ��หร�บชื่�วยให�ก�รที่��ง�นที่��ซึ่�บ ซึ่�อนสำ��เร1จลงได้�อย��งรวด้เร1ว

Page 3: ใบความรู้ที่ 51

ต�อไปน !เป"นต�วอย�างของงาน ประเภทต�าง ๆ ซึ่()งค*ณสามารถใช้�

Photoshop ช้�วยจั�ดการได� อย�างง�ายดาย

• แก�ไขภ�พถ��ยที่��บกพร�องหร�อม�ต��หน# เชื่�น ป็ร�บสำ�ที่��เพ�/ยน ป็ร�บแสำงเง�ที่��สำว��งหร�อม�ด้

เก#นไป็ ลบแสำงแฟลชื่ที่��สำะที่�อนในด้วงต� ตกแต�งภ�พ เชื่�น ต�ด้สำ�วนที่��ไม�ต�องก�ร•

ออกไป็ ลบองค,ป็ระกอบที่��รกร$งร�ง ป็ร�บภ�พ ให�เบลอหร�อคมชื่�ด้ ป็ร�บผ่#วก�ยน�งแบบให�

ข�วนวลและขจ�ด้ไฝฝ8�ต��ง ๆ ขจ�ด้เม1ด้สำ�ที่�� เก#ด้ในภ�พที่��สำแกนจ�กสำ#�งพ#มพ,

• ต�ด้แป็ลงภ�พ เชื่�น ที่��ภ�พใหม�ให�กล�ยเป็�น ภ�พสำ�ซึ่�เป็9ยแบบโบร�ณ หร�อแป็ลงภ�พเก�� ๆ

ที่��เป็�นข�วด้��ให�กล�ยเป็�นภ�พสำ� เป็ล��ยนภ�พคนให�อ�วนข(/น- ผ่อมลง หร�อเด้1ก-แก�กว��ที่��เป็�น

จร#ง

Page 4: ใบความรู้ที่ 51

• ใสำ�เอฟเฟ�คต,พ#เศษให�ภ�พ เชื่�น ที่��ให�เหม�อน ก��ล�งมองภ�พผ่��นกระจกชื่น#ด้และล�ยต��ง ๆ

หร�อเหม�อนเง�สำะที่�อนในน�/� เป็ล��ยนภ�พถ��ยให�ด้)คล��ยภ�พว�ด้ด้�วยเคร��องม�อหล�กหล�ย

ชื่น#ด้ ใสำ�ป็ระก�ยแสำงหร�อเง�ให�ว�ตถ$ ที่��ว�ตถ$ แบน ๆ ให�ด้)เป็�น 3 ม#ต# เป็ล��ยนโที่นสำ�ของภ�พ

• สำร��งภ�พกร�ฟ:กซึ่(�งผ่สำมผ่สำ�นระหว��ง ภ�พถ��ย ข�อคว�ม และภ�พว�ตถ$หร�อ

เอฟเฟ�คต,พ#เศษที่��สำร��งข(/นใน Photoshop เพ��อใชื่�ในง�นผ่ล#ตสำ��อโฆษณ� ที่��ป็กหน�งสำ�อ

หร�อน#ตยสำ�ร หร�อใชื่�ตกแต�งเว1บเพจ

Page 5: ใบความรู้ที่ 51

• สำร��งองค,ป็ระกอบที่��ใชื่�ในเว1บเพจ (โด้ย ที่��ง�นร�วมก�บโป็รแกรม ImageReady 7

ที่��ให�ม�ด้�วยก�น) เชื่�น ก�รต�ด้แบ�งภ�พขน�ด้ ใหญ่�ออกเป็�นสำ�วน ๆ (Slice), ก�รแบ�งพ�/นที่��

ภ�พเพ��อสำร��งไฮเป็อร,ล#งค,เฉพ�ะสำ�วน(image map). ก�รสำร��งภ�พเคล��อนไหว(animation) และก�รสำร��งป็$?มที่��เป็ล��ยน

สำถ�นะต�มเม�สำ, (rollover)

Page 6: ใบความรู้ที่ 51

1.2 ความเป"นมาของ โปรแกรม Photoshop

Photoshop เป็�นโป็รแกรมของบร#ษ�ที่Adobe (“อะ-โด้- ”บ�/ ) ซึ่(�งเป็�นผ่)�พ�ฒน�ซึ่อฟต,แวร,ด้��น

กร�ฟ:ก และอ$ตสำ�หกรรมก�รพ#มพ,ร�ยสำ��ค�ญ่ รวมถ(งเป็�นผ่)�ค#ด้ค�นภ�ษ� PostScript และ

ไฟล,แบบ PDF (Portable Document Format) ที่��ใชื่�ก�นในวงก�รพ#มพ,และก�รจ�ด้

ร)ป็แบบเอกสำ�รบนอ#นเตอร,เน1ตด้�วย ด้�งน�/นPhotoshop จ(งสำ�ม�รถที่��ง�นร�วมและ

แลกเป็ล��ยนไฟล,ก�บโป็รแกรมอ��น ๆ ที่��ใชื่� ที่��ง�นด้��นกร�ฟ:กได้�อย��งกว��งขว�ง เชื่�น

โป็รแกรม Illustrator, PageMaker และAcrobat ซึ่(�งที่�/งหมด้น�/เป็�นของ Adobe เชื่�นก�น

Page 7: ใบความรู้ที่ 51

Photoshop ออกเวอร,ชื่� �นแรกในป็9 1990 และได้� ร�บก�รพ�ฒน�ต�อเน��องม�เร��อย ๆ เป็�นเวอร,ชื่� �น

2,2.5, 3, 4, , 5, 5.5 และ 6 ต�มล��ด้�บ จน กระที่��งล��สำ$ด้ค�อเวอร,ชื่� �น 7.0 ในขณะน�/ โด้ยม�ข�ด้

คว�มสำ�ม�รถใหม�ๆ สำ��หร�บก�รจ�ด้ก�รก�บภ�พข(/น ม�อ�กต�วหน(�ง ค�อ ImageReady ( แต�เด้#ม

Photoshop เป็�นโป็รแกรมที่��เน�นในก�รสำร��งภ�พ สำ��หร�บสำ#�งพ#มพ, โด้ยเพ#�งจะได้�ร�บก�รเพ#�มค$ณสำมบ�ต#

เก��ยวก�บเว1บเข��ม�ในเวอร,ชื่� �นหล�ง ๆ แต�ก1ย�งไม�สำมบ)รณ,น�ก) แต�เด้#ม ImageReady 1.0 เป็�น

โป็รแกรมที่��ข�ยแยกต��งห�ก ต�อม�ในเวอร,ชื่� �น 2.0 จ(งได้�ถ)กจ�บข�ยรวมก�บ Photoshop 5.5 ,

ImageReady 3.0 รวมอย)�ใน Photoshop 6.0 แต� ImageReady ต�วล��สำ$ด้ถ)กเป็ล��ยนเลข

เวอร,ชื่� �นกระโด้ด้เป็�น 7.0 ที่�นที่� เพ��อให�สำอด้คล�อง ก�บ Photoshop

Page 8: ใบความรู้ที่ 51

1.3 ความสามารถของ โปรแกรม Photoshop

ม�อย)�ม�กม�ยอย��งที่��เร�น(กไม�ถ(ง แต�ที่�� เป็�นคว�มสำ�ม�รถหล�กๆ ของต�วโป็รแกรม

เองจะถ)กแบ�งเป็�น 2 เร��องค�อแก�ไขตกแต�ง ภ�พถ��ย : ง�นน�/เป็�นง�นถน�ด้ของ

Photoshop เชื่�น ก�รแก�ไขภ�พที่��ม�อให� สำว��ง ก�รลบร#/วรอยที่��ไม�ต�องก�รออกจ�ก

ภ�พ รวมถ(งต�ด้ต�อน��ภ�พหล�ยๆ ภ�พม� รวมก�น โด้ยในสำ�วนน�/จะเร�ยกว��เป็�นสำ�วนของ

ง�น ร�ที่�ชื่ออกแบบสำร��งสำรรค,ง�นกร�ฟ:ก : ใชื่� Photoshop ชื่�วยในก�รสำร��งภ�พสำ�ม#ต#

คว�มสำ�ม�รถในสำ�วนน�/ จะเป็�นเร��องของก�ร ข�ด้ๆ เข�ยนๆ ออกแบบสำร��งง�นกร�ฟ:ก เชื่�น

ก�รว�ภ�พต�วก�ร,ต)นหร�อก�รออกแบบสำ��อสำ#�งพ#มพ,ชื่น#ด้ต��งๆ

Page 9: ใบความรู้ที่ 51

1.3.1 งานออกแบบส�)งพิ�มพิ� ในง�นออกแบบสำ#�งพ#มพ,ที่$กชื่น#ด้ เชื่�น

ก�รออกแบบภ�พสำ�มม#ต#, ออกแบบโลโก�, แบนเนอร,, โบรชื่�วร,, น�มบ�ตร, ใบป็ล#ว, แผ่�นพ�บ, หน�งสำ�อ, แคต�ลอกสำ#นค��,โป็สำเตอร,, ป็8�ยโฆษณ�, ป็8�ยหน��ร��น เร�สำ�ม�รถใชื่�

โป็รแกรม Photoshop ชื่�วยในก�รที่��ง�นได้�เป็�นอย��งด้�1.3.2 งานออกแบบเว/บไซึ่ต�

เพ��อให�เว1บไซึ่ต,จ��เป็�นอย��งย#�งที่��ต�องม� ภ�พกร�ฟ:กที่��สำวยง�มน��สำนใจ ที่�/งก�ร

ตกแต�งด้�วยภ�พขน�ด้ต��ง ๆ ก�รสำร��งโลโก� ป็ระกอบเว1บไซึ่ต, ก�รสำร��งต�วอ�กษรซึ่(�งก�ร

ที่��ง�นเหล��น�/จ��เป็�นที่��จะต�องใชื่�โป็รแกรมPhotoshop ชื่�วยในก�รออกแบบ

Page 10: ใบความรู้ที่ 51

1.3.3 งานแก�ไข ซึ่�อมแซึ่มภาพิ

ภ�พต�นฉบ�บที่��เร�ได้�ม�ในบ�งคร�/ง ม� ข�อบกพร�องหล�ย ๆ อย��ง เป็�นต�นว�� ภ�พ

ม�ด้เก#นไป็ ภ�พม�รอยขร$ขระหร�อม� Noise, ภ�พเบลอเก#นไป็เป็�นต�น ก�รที่��เร�จ��น��ภ�พ

ที่��ม�ข�อบกพร�องเหล��น�/ม�ใชื่�ง�นจ��เป็�นต�องที่��ก�รแก�ไขและซึ่�อมแซึ่มภ�พด้�งกล��วก�อนเพ��อให�ภ�พที่��ม�คว�มสำมบ)รณ,เหม�ะสำมก�บง�น

Page 11: ใบความรู้ที่ 51

1.3.4 งานต�ดต�อ ด�ดแปลงภาพิหร1อ

สร�างสรรค�งานกราฟิ�กสม�ยใหม�ง�นกร�ฟ:กป็Aจจ$บ�นผ่สำ�นเข��ก�บก�รใชื่�

ชื่�ว#ตป็ระจ��ว�น จนเป็�นเร��องที่��ไม�ไกลต�ว ไม�ว��จะ เป็�นถ$งใสำ�ของ ป็กซึ่�ด้� ป็ฏิ#ที่#นต�/งโตCะ หน��จอ คอมพ#วเตอร, เว1บไซึ่ต, หน�งสำ�อ ป็กว�รสำ�ร

น#ตยสำ�ร ก�ร,ด้ ป็8�ยป็ระชื่�สำ�มพ�นธิ, เคร��องหม�ย สำ�ญ่ล�กษณ, ง�นเหล��น�/ก1เก#ด้จ�ก

ก�รใชื่�ง�นโป็รแกรมชื่�วยในก�รออกแบบ น�� ภ�พม�สำร��งสำรรค,ง�นกร�ฟ:กที่��สำวยง�ม ม�

ป็ระโยชื่น,ใชื่�สำอยที่��ด้� ตลอด้จนม�แนวค#ด้ในก�รออกแบบที่��ด้�

Page 12: ใบความรู้ที่ 51

ก�รสำร��งภ�พกร�ฟ:กโด้ยใชื่� Photoshop ควรค��น(งถ(งที่ร�พย�กรของเคร��องคอมพ#วเตอร,ด้�วย

เพ��อให�ก�รสำร��งง�นกร�ฟ:กเป็�นไป็ด้�วยคว�มสำะด้วกคว�มต�องก�รของระบบเบ�/องต�นCPU Pentium III ข(/นไป็หร�อเที่�ยบเที่��RAM 128 MB ข(/นไป็Hard disk 1.2 GB เป็�นอย��งต���ระบบป็ฏิ#บ�ต#ก�ร Windows 98, ME, 2000, XP หร�อ Windows NTMonitor ควรม�คว�มละเอ�ยด้ในก�รแสำด้งผ่ลอย��งน�อย 800 x 600 pixel

ก�ร,ด้แสำด้งสำ�ได้�ต�/งแต� 256 สำ�ข(/นไป็

1.4 ค*ณสมบ�ต�คอมพิ�วเตอร�ท )ต�ดต�!งPhotoshop

Page 13: ใบความรู้ที่ 51

1.5 ท2าอย�างไรให�เก�งPhotoshop ก�รที่��จะที่��ให�เก#ด้คว�มชื่��น�ญ่ในก�รใชื่�ง�น

โป็รแกรม Photoshop ผ่)�ใชื่�ต�องหม��นเพ�ยรใชื่� ง�นโป็รแกรมสำร��งง�นกร�ฟ:กบ�อย ๆ จนที่��ให�

เก#ด้คว�มเข��ใจและคว�มร) �เพ#�มเต#มจ�กหน�งสำ�อ

1.6 เว/บไซึ่ต�น�าสนใจัส2าหร�บPhotoshop

http://www.thaigraph.com/index.php http://www.webthaidd.com/photoshop/ http://elearning2.dpu.ac.th/info/index.php

Page 14: ใบความรู้ที่ 51

2. เร�)มต�นใช้�งาน โปรแกรม Photoshop

2.1 การเร ยกใช้� งานโปรแกรม

Photoshop เป็�นโป็รแกรมสำ��หร�บ สำร��งและตกแต�งภ�พที่��ม�ชื่��อเสำ�ยง และได้�ร�บ

คว�มน#ยมม�กที่��สำ$ด้ อ�นเน��องม�จ�กค$ณสำมบ�ต#เด้�นไม�ว��จะเป็�นคว�มสำ�ม�รถใน

ก�รจ�ด้ก�รก�บไฟล,ที่��ใชื่�ในง�นป็ระเภที่ต��งๆ ม�คว�มสำ�ม�รถในก�รแก�ไขตกแต�งภ�พ

และก�รสำร��งเอฟเฟ�คต,พ#เศษต��งๆ ม�เคร��องม�อที่��ม�ป็ระสำ#ที่ธิ#ภ�พและคว�มย�ด้หย$�น

สำ)ง สำ�ม�รถบ�นที่(กข�/นตอนที่��ต�องที่��ซึ่�/�ๆ ไว�เร�ยกใชื่�ภ�ยหล�งตลอด้

Page 15: ใบความรู้ที่ 51

ร�ปท ) 1 แสดงต�วอย�างการเร ยกใช้�งานโปรแกรมAdobe Photoshop 7.0

Page 16: ใบความรู้ที่ 51

ร�ปท ) 2 แสดงต�วอย�างหน�าต�างการใช้�งานของ โปรแกรม Adobe Photoshop 7.0

Page 17: ใบความรู้ที่ 51

2.2 การสร�างและก2าหนดขนาดไฟิล�งานใหม�

ในกรณ�ที่��เร�ต�องก�รสำร��งไฟล,ง�นใหม� ให�คล#กเมน) File -> New และให�ผ่)�ใชื่�

ก��หนด้ขน�ด้ของไฟล,ง�นใหม� โด้ยระบ$ ชื่��อ ไฟล,ง�น ในชื่�อง Name ขน�ด้คว�มสำ)งคว�ม

กว��งของพ�/นที่��ที่��ง�น ในสำ�วน Image Size ต�มคว�มต�องก�ร ก��หนด้ล�กษณะพ�/นหล�ง

ในสำ�วน Contents โด้ย White (สำ�ข�ว) , Background Color (สำ�ที่��เร�ก��หนด้) , Transparent ( สำ�พ�/นแบบ - โป็ร�งใสำ,ไม�แสำด้งสำ�พ�/นโล�ง)

Page 18: ใบความรู้ที่ 51

ร�ปท ) 3 แสดงต�วอย�างการสร�างและก2าหนดขนาดไฟิล�งานใหม�

Page 19: ใบความรู้ที่ 51

2.3 การเป�ดไฟิล�ภาพิ เม��อเร�ม�ร)ป็ภ�พ เชื่�น ภ�พถ��ย ซึ่(�ง ต�องก�รน��ม�ป็ร�บแต�งเพ#�มเต#ม เร�จะต�อง ที่��ก�รเป็:ด้ไฟล,ร)ป็ภ�พน�/นข(/นม� จ�กน�/นค�อย

ก��หนด้ร)ป็แบบก�รป็ร�บแต�งต�มคว�ม ต�องก�ร ก�รเป็:ด้ไฟล,ร)ป็ภ�พที่��ได้�โด้ยคล#กที่��

เมน) File -> Open จะป็ร�กฏิว#นโด้ว,Open จ�กคล#กเล�อกชื่��อไฟล,ร)ป็ภ�พที่��

ต�องก�ร เม��อได้�ภ�พที่��ต�องก�รแล�วให�คล#กที่�� ป็$?ม Open ถ��ต�องก�รยกเล#กให�คล#กที่��ป็$?

ม Cancel 

Page 20: ใบความรู้ที่ 51

ร�ปท ) 4 แสดงต�วอย�างการเป�ดไฟิล�ภาพิ

Page 21: ใบความรู้ที่ 51

2.4 การย�อ-ขยายภาพิ ในกรณ�ที่��เร�ต�องก�รแก�ไขขน�ด้ร)ป็ภ�พที่��เร�ได้�เป็:ด้ข(/นม�ให�ตรงก�บคว�ม

ต�องก�รให�คล#กที่��เมน) Image -> Image Size จะป็ร�กฏิว#นโด้ว, Image Size จ�กน�/นให�ก��หนด้ขน�ด้ของร)ป็ภ�พต�มคว�มต�องก�ร

 

Page 22: ใบความรู้ที่ 51

ก��หนด้ขน�ด้ภ�พ

ร�ปท ) 5 แสดงต�วอย�างการ – ย�อ ขยายภาพิ

Page 23: ใบความรู้ที่ 51

2.5 การบ�นท(กงาน

เม��อเร�ป็ร�บแต�งร)ป็ภ�พพอใจแล�ว เร�สำ�ม�รถจ�ด้เก1บง�นของเร�ไว�เพ��ออ�จจะน��

ม�ใชื่�ในก�รแก�ไขคร�/งต�อไป็ โด้ยก�รบ�นที่(ก ไฟล,ลงสำ��อเก1บข�อม)ล คล#กที่��เมน) File ->

Save As ต�/งชื่��อไฟล,ในชื่�อง File name เล�อกที่��จ�ด้เก1บไฟล,ว��เร�จะบ�นที่(กไว�ที่��ไหน

เม��อก��หนด้ข�อม)ลต��ง ๆ เร�ยบร�อยแล�ว คล#ก ที่�ป็$?ม Save เพ��อที่��ก�รบ�นที่(ก

 

Page 24: ใบความรู้ที่ 51

ร�ปท ) 6 แสดงต�วอย�างการบ�นท(กงาน

Page 25: ใบความรู้ที่ 51

เม��อเร�ต�องก�รเล#กใชื่�ง�นโป็รแกรม คล#กที่��เมน) File -> Exit จ�กน�/นโป็รแกรม

จะป็:ด้โด้ยอ�ตโนม�ต#

 

2.6 การเล�กใช้�งาน โปรแกรม