nrei.rmutsv.ac.thnrei.rmutsv.ac.th/sites/default/files/ใบ... · web...
TRANSCRIPT
ใบความร KM ท 1.1 เรอง แนะนำาการใช Photoshop CS6 เบองตน
โปรแกรม Photoshop CS6- Photoshop เปนโปรแกรมสำ�หรบสร�งและตกแตงภ�พทมชอเสยง
และไดรบคว�มนยมม�กทสด อนเนองม�จ�กคณสมบตเดนซงมอยอย�งม�กม�ย ไมว�จะเปนคว�มส�ม�รถจดก�รกบไฟลส�รพดชนดทใชในง�นประเภทต�ง ๆ ทงรปทจะนำ�ไปผ�นกระบวนก�รพมพ และรปทนำ�ไปใชในเวบเพจหรอสงผ�นสออเลกทรอนคส มคว�มส�ม�รถเปนเยยมในก�รแกไขตกแตงภ�พ และก�รสร�งเอฟเฟคพเศษต�ง ๆ มเครองมอทมประสทธภ�พและคว�มยดหยนสง ส�ม�รถบนทกขนตอนทตองทำ�ซำ� ๆ ไวเรยกใชภ�ยหลงตลอดจนมผผลตปลกอน (plug-in) ใหเปนจำ�นวนม�ก ซงปลกอนกคอโปรแกรมเสรมสำ�หรบชวยใหก�รทำ�ง�นทซบซอนสำ�เรจลงไดอย�งรวดเรว ตอไปนเปนตวอย�งของง�นประเภทต�ง ๆ ซงคณส�ม�รถใช Photoshop ชวยจดก�รไดอย�งง�ยด�ย • แกไขภ�พถ�ย ทบกพรองหรอมตำ�หน เชน ปรบสทเพยน ปรบแสงเง�ทสว�งหรอมดเกนไปลบแสงแฟลชทสะทอนในดวงต� • ตกแตงภ�พ เชน ตดสวนทไมตองก�รออกไป ลบองคประกอบทรกรงรง ปรบภ�พใหเบลอหรอคมชด ปรบผวก�ยน�งแบบใหข�วนวลและขจดไฝฝ�ต�ง ๆ ขจดเมดสทเกดในภ�พทสแกนจ�กสงพมพ • ดดแปลงภ�พ เชน ทำ�ภ�พใหมใหกล�ยเปนภ�พสซเปยแบบโบร�ณ หรอแปลงภ�พเก� ๆ ทเปนข�วดำ�ใหกล�ยเปนภ�พส เปลยนภ�พคนใหอวนขน-ผอมลง หรอเดก-แกกว�ทเปนจรง • ใสเอฟเฟคตพเศษ ใหภ�พ เชน ทำ�ใหเหมอนกำ�ลงมองภ�พผ�นกระจกชนดและล�ยต�ง ๆ หรอเหมอนเง�สะทอนในนำ� เปลยนภ�พถ�ยใหดคล�ยภ�พว�ดดวยเครองมอหล�กหล�ยชนด ใสประก�ยแสงหรอเง�ใหวตถ ทำ�วตถแบน ๆ ใหดเปน 3 มต เปลยนโทนสของภ�พ
• สร�งภ�พกร�ฟก ซงผสมผส�นระหว�งภ�พถ�ย ขอคว�ม และภ�พวตถหรอเอฟเฟกตพเศษทสร�งขนใน Photoshop เพอใชในง�นผลตสอโฆษณ� ทำ�ปกหนงสอหรอนตยส�ร หรอใชตกแตงเวบเพจ
ความเปนมาของ Photoshop- Photoshop เปนโปรแกรมของบรษท Adobe (“อะ-โด-บ”) ซง
เปนผพฒน� ซอฟตแวรด�นกร�ฟก และอตส�หกรรมก�รพมพร�ยสำ�คญ รวมถงเปนผคดคนภ�ษ� PostScript และไฟลแบบ PDF (Portable Document Format) ทใชกนในวงก�รพมพและก�รจดรปแบบเอกส�รบนอนเตอรเนตดวย ดงนน Photoshop จงส�ม�รถทำ�ง�นรวมและแลกเปลยนไฟลกบโปรแกรมอน ๆ ทใชทำ�ง�นด�นกร�ฟกไดอย�งกว�งขว�ง เชน โปรแกรม Illustrator, PageMaker และ Acrobat ซงทงหมดนเปนของ Adobe เชนกน
- Photoshop ออกเวอรชนแรกในป 1990 และไดรบก�รพฒน�ตอเนองม�เรอย ๆ เปนเวอรชน
2,2.5, 3, 4, 5, 5.5 และ 6 ,7 ,CS2,CS3,CS4,CS5 จนล�สดคอ เวอรชน CS6 ในขณะน โดยมขดว�มส�ม�รถใหมๆ สำ�หรบก�รจดก�รกบภ�พขนม�อกตวหนง คอ Adobe Bridge CS 6 ซงเปนโปรแกรมทใชสำ�หรบจดก�รภ�พถ�ยของเร� ซงทำ�หน�ทเหมอนก�รทำ�ง�นใน Explorer หรอบ�งอย�งอ�จจะทำ�ไดดกว�ดวยซำ� เชน ก�รจดกลมภ�พ ก�รแสดงร�ยละเอยดของภ�พ เชน กลองทใชถ�ยดวยเลนสแบบไหน โฟกสเท�ไร ค� white balance เท�ไร เปนตน และทสำ�คญคอส�ม�รถดตวอย�งไฟลภ�พของ Photoshop น�มสกล .psd ได โดยไมตองเปดดใน Photoshop และยงมคำ�สงอตโนมตทส�ม�รถเลอกใชกบไฟลภ�พไดอกดวย
เวบกราฟก และ Adobe Photoshop
- องคประกอบสำ�คญในก�รทำ� Web ใหดน�สนใจ คงหนไมพนรปภ�พทนำ�มตกแตง ซงผพฒน�หล�ยๆ
คน บ�งกนำ�ภ�พสำ�เรจม�ใชง�น บ�งกนำ�ภ�พจ�กเวบอนๆ ทดสวยง�มม�ใช และกมไมนอยทสร�งภ�พเอง โดยอ�ศยโปรแกรมกร�ฟกต�งๆ เชน Photoshop, Photo Impact, Paint Shop เปนตน โปรแกรม Photoshop นบว�เปนโปรแกรมกร�ฟกสดฮต ทนยมใชในก�รปรบแตงภ�พ หรอสร�งภ�พ เพอนำ�ม�ใชง�นในเวบ เนองจ�กมฟงกชนก�รทำ�ง�น ทหล�กหล�ย มฟลดเตอรเพอปรบแตงภ�พ จ�กค�ยต�งๆ ทำ�ใหง�ยตอก�รปรบแตงภ�พต�มตองก�ร เดมทนยมใช Photoshop เพอง�นสอสงพมพ (Desktop Publishing) แตปจจบน Web Design มบทบ�ทในง�นธรกจและง�นก�รศกษ�สงม�ก จงนำ� Photoshop ม�ใชในง�นนดวย ก�รทำ�ภ�พกร�ฟกเพอใชในง�นเวบ มหลกก�รเฉพ�ะ แตกต�งไปจ�กง�นสอสงพมพ ทงเรองคว�มละเอยดของภ�พ (Resolution) ทใชแค 72 dpi หรอจำ�นวนสทใชแสดงผล เปนตน ดงนนก�รศกษ�ถง ลกษณะเฉพ�ะในก�รใช Photoshop สร�งกร�ฟกในง�นเวบ จงเปนศ�สตรทน�สนใจอกศ�สตรหนง
ก�รสร�งง�นตองตง Resolution เปน 72 dpi ดวย
ความสามารถของโปรแกรม Photoshopมอยม�กม�ยอย�งทเร�นกไมถงแตทเปนคว�มส�ม�รถหลกๆของตว
โปรแกรมเองจะถกแบงเปน 2 เรอง คอ แกไขตกแตงภ�พถ�ย:ง�นนเปนง�นถนดของ Photoshop เชน ก�รแกไขภ�พทมอใหสว�งก�รลบรวรอยทไมตองก�ร ออกจ�กภ�พรวมถงตดตอน�ภ�พหล�ยๆภ�พม�รวมกนโดยในสวนนจะเรยกว�เปนสวนของง�นรทชออกแบบ สร�งสรรคง�นกร�ฟก:ใช Photoshop ชวยในก�รสร�งภ�พส�มตคว�มส�ม�รถในสวนนจะเปนเรองของก�รขดๆ เขยนๆออกแบบสร�งง�นกร�ฟกเชนก�รว�ภ�พตวก�รตนหรอก�รออกแบบสอสงพมพชนดต�งๆ
1. งานออกแบบสงพมพในง�นออกแบบสงพมพทกชนด เชน ก�รออกแบบภ�พส�มมต ,
ออกแบบโลโก , แบนเนอร,โบรชวร,น�มบตร, ใบปลว, แผนพบ, หนงสอ, แคต�ลอกสนค� ,โปสเตอร, ป�ยโฆษณ�, ป�ยหน�ร�นเร�ส�ม�รถใชโปรแกรม Photoshop ชวยในก�รทำ�ง�นไดเปนอย�งด
2. งานออกแบบเวบไซตเพอใหเวบไซตจำ�เปนอย�งยงทตองมภ�พกร�ฟกทสวยง�มน�สนใจ
ทงก�รตกแตงดวยภ�พขน�ดต�ง ๆก�รสร�งโลโกประกอบเวบไซตก�รสร�งตวอกษรซงก�รทำ�ง�นเหล�นจำ�เปนทจะตองใชโปรแกรม Photoshop ชวยในก�รออกแบบ
3. งานแกไขซอมแซมภาพภ�พตนฉบบทเร�ไดม�ในบ�งครงมขอบกพรองหล�ยๆ อย�ง
เปนตนว� ภ�พมดเกนไปภ�พมรอยขรขระหรอม Noise, ภ�พเบลอเกนไปเปนตน ก�รทเร�จะนะภ�พทมขอบกพรองเหล�นม�ใชง�นจำ�เปนตองทำ�ก�รแกไขและซอมแซมภ�พดงกล�วกอนเพอใหภ�พทมคว�มสมบรณเหม�ะสมกบง�น
4. งานตดตอดดแปลงภาพหรอสรางสรรคงานกราฟกสมยใหม
ง�นกร�ฟกปจจบนผส�นเข�กบก�รใชชวตประจำ�วนจนเปนเรองทไมไกลตวไมว�จะเปนถงใสของปกซดปฏทนตงโตะหน�จอคอมพวเตอรเวบไซตหนงสอปกว�รส�รนตยส�รก�รดป�ยประช�สมพนธเครองหม�ยสญลกษณง�นเหล�นกเกดจ�กก�รใชง�นโปรแกรมชวยในก�รออกแบบน�ภ�พม�สร�งสรรคง�นกร�ฟกทสวยง�มมประโยชนใชสอยทดตลอดจนมแนวคดในก�รออกแบบทด
ความตองการของ Photoshop cs6 โปรแกรม Adobe Photoshop CS6 มก�รพฒน�คำ�สงและเครองมอต�ง ๆ ขนอย�งม�กม�ยจงเปนโปรแกรมทตองก�รทรพย�กรเครองคอนข�งสง และเพอใหก�รสร�งง�นกร�ฟกมประสทธภ�พและเปนไปดวยคว�มสะดวก จงควรทำ�ก�รตรวจสอบเครองคอมพวเตอรทใชง�นอย ว�มทรพย�กรเพยงพอหรอไมกอนทจะทำ�ก�รตดตงโปรแกรม โดยคณสมบตของเครองคอมพวเตอรทเหม�ะสมในก�รตดตงโปรแกรม Adobe Photoshop CS6 มร�ยละเอยดดงน
1.1 ระบบปฏบตก�ร Microsoft Windows XP (Service Pack 3) หรอระบบปฏบตก�ร
Windows 7 (Service Pack 1) หรอระบบปฏบตก�ร Windows 8 1.2 หนวยประมวลผลกล�ง (CPU) เปนของ Intel®
Pentium® 4 หรอ AMD Athlon® 64 processor ขนไป
1.3 หนวยคว�มจำ� (RAM) ขน�ด 1 GB ขนไป 1.4 พนทจดเกบขอมล (Hard disk) ขน�ด 1 GB ของพนท
ว�งบนฮ�รดดสกทใชไดสำ�หรบก�รตดตง
1.5 จอแสดงผลมคว�มละเอยดไมนอยกว� 1024 x 768 พกเซล แสดงผลแบบ 16 บตและม
หนวยคว�มจำ�ไมนอยกว� 256 MB 1.6 ไดรฟ DVD-ROM
การเขาสโปรแกรม Photoshop CS61. > ไปท ปม start2. > All program3. > โฟลเดอร Adobe master collection cs64. > Adobe Photoshop CS 6
หม�ยเหต Adobe Photoshop CS 6 จะมทง 36 bit และ 64 bit คอ Adobe Photoshop CS 6 จะเปน 32 bit สวน AdobePhotoshopCS6 (64bit) จะเปน 64 bit ก�รเลอกใชผมแนะนำ�ถ�เครอง 32 bit ใหใช Adobe Photoshop CS 6 และถ�เครอง 64 bit ใหใช Adobe Photoshop CS 6 (64 bit)ห�กเปนเวอรชนอน Function แตละตวอ�จจะไมไดอยทเดยวกน
หนาจอแรกของโปรแกรม Photoshop
เมอเร�เข�โปรแกรมม�แลวจะเจอหน�ต�งก�รทำ�ง�นของโปรแกรม Photoshop cs6 ซงจะประกอบไปดวย Menu bar option bar Toolbar Palette ต�งๆในก�รใชง�นแตองคประกอบกจะแตกต�งกนไป
การสรางและกำาหนดขนาดไฟลงานใหมในกรณทเร�ตองก�รสร�งไฟลง�นใหม ใหคลกเมน File ->
New และใหผใชก�หนดขน�ดของไฟลง�นใหมโดยระบชอไฟลง�น ในชอง Name ขน�ดคว�มสงคว�มกว�งของพนททำ�ง�น ในสวน ImageSize ต�มคว�มตองก�ร กำ�หนดลกษณะพนหลงในสวน Contents โดย White (สข�ว), BackgroundColor (สทเร�กำ�หนด) , Transparent (สพนแบบ - โปรงใส,ไมแสดงสพนโลง)
ก�รเปดไฟลใหมขนม�ท�ง�น
1. Click ทเมน File 2. เลอกค�สง New หรอกด Ctrl + N 3. จะปร�กฏหน�ต�ง New
Name ตงชอใหกบง�นPreset ชองสำ�หรบเลอกพนท ทโปรแกรมกำ�หนดม�
ใหWidth คว�มกว�ง ซงมหนวยต�ง ๆ เชน
Pixel ,เซนตเมตร ,นวHeight คว�มสง ซงมหนวยต�ง ๆ เชน Pixel ,
เซนตเมตร ,นวResolution ค�คว�มละเอยด ( ซงคว�มละเอยดบนหน�
จอ = 72)color mode เลอกชนดของระบบส
การเปดไฟลภาพเมอเร�มรปภ�พ เชน ภ�พถ�ยซงตองก�รน�ม�ปรบแตงเพมเตมเร�
จะตองทำ�ก�รเปดไฟลรปภ�พนนขนม� จ�กนนคอยกำ�หนดรปแบบก�รปรบแตงต�มคว�มตองก�รก�รเปดไฟลรปภ�พทำ�ไดโดยคลกทเมนFile>Open จะปร�กฏวนโดว Open จ�กคลกเลอกชอไฟลรปภ�พทตองก�รเมอไดภ�พทตองก�รแลวใหคลกทปม Open ถ�ตองก�รยกเลกใหคลกทปม Cancel
- ก�รเปด File jpegต�งๆก�ร เปด
ไฟลใหม ขนม�
ทำ�ง�น1. Click ทเมน File2. เลอกค�สง Open หรอกด Ctrl +O3 จะปร�กฏหน�ต�งเพอห�ไฟลขน
ภ�พแสดงก�รคนห�และเลอกไฟลทตองก�รเปด
4. จะไดไฟลภ�พทเร�ตองก�ร
การยอ-ขยายภาพ1. เร�ตองก�รแกไขขน�ดรปภ�พทเร�ไดเปดขนม�ใหตรงกบคว�ม
ตองก�รใหคลกทเมน Image->Image Size จะปร�กฏวนโดว Image Size จ�กนนให
กำ�หนดขน�ดของรปภ�พเปดภ�พทเร�ตองก�รจะยอหรอขย�ย ขน�ด ดวยโปรแกรม Photoshop CS6
2. ไปทเมน Image => Image Size หรอกดปม Alt + Ctrl = I
3. จ�กรปจะไดค�ดงน- Pixel Dimensions จะมขน�ดอย 306.8k ทขน�ดกว�ง
ย�ว 283x370pixel- Document Size จะอยท 9.99x13.04cm (เร�ส�ม�รถ
ปรบเปลยนหนวยเปนนว,%,mm หรออย�งอนกได)
- Resolution โดยทวไปถ�เปนรปทใชต�ม web social ต�งๆ เร�มกจะใชแค 72
ppi (pixelperinch) แตถ�เปนต�มขน�ดง�นพมพแลวแคตรงนควรจะสงๆไวกอนเพอคว�มละเอยดของง�น
- ควรจะเลอก Constrain Proportions ไวทกครงเพอทจะคงอตร�สวนกว�ง-ย�วเอ�ไว คร�วน
เร�จะเพมหรอขน�ดรป กส�ม�รถทำ�ไดเลยโดยก�รปรบแกทชองต�มทไดอธบ�ยด�นบน ต�มวตถประสงคของ เร�แกเสรจกเซฟง�นไดเลย
4. ในก�รเซฟไฟล โปรแกรม Photoshop CS 6 จะถ�มเร�อกครง ในเรองของคณภ�พไฟลว�จะเอ�
ขน�ดไหน(ต�มรป) ใน ตวอย�งจะเลอกแค 8 กพอเพยงพอแลว โดยค�ยงม�กขน�ดไฟลกจะใหญขนต�ม
การบนทกงานบนทกไฟล Photoshop(.PSD)ก�รแกไขไฟลภ�พโดยก�รสร�งกร�ฟก เพมก�รตดตอหรอ
เปลยนแปลงลกษณะของไฟลภ�พทมผลกบโครงสร�งเดมของภ�พเมอเลอกคำ�สง File > Save จะแสดงไดอะลอกบอกซ Save As ขนม�โดยจะเลอกรปแบบของไฟลเปน Photoshop (*.PSD, *.PDD) เปนค�พนฐ�นดงน
คณสมบตของไฟล PSD จะเกบร�ยละเอยดก�รทำ�ง�นต�ง ๆ เชน เลเยอร, ฟอนตและเสนพ�ธ ไวไดอย�ง ครบถวนชวยใหก�รนำ�ไฟลภ�พกลบม�แกไขทำ�ไดง�ยในขณะทไฟลประเภทอนจะเกบขอมลเหล�นไมไดหรอไดเพยงบ�งสวน
บนทกไฟลทบของเดมก�รเปดไฟลภ�พม�ตกแตงส,แสงเง�หรอกำ�หนดค�เอฟเฟกตใหกบ
ภ�พแตไมไดใชคำ�สงเกยวกบก�รสร�งเลเยอร(เลเยอรคอชนทจดว�งรปภ�พ)หรอสร�งกร�ฟกอนๆเพมเตมในภ�พเมอเลอกคำ�สง File>Save โปรแกรมจะใหบนทกทบชอไฟลเดมรปแบบเดม(จะไมมไดอะลอกบอกซSaveAs เปดขนม�ห�กไมตองก�รใหทบไฟลเดมตองคลก เลอกค�สง File>SaveAs )
บนทกเปนไฟลรปแบบอนๆนอกจ�กก�รบนทกเปนไฟล .psd และบนทกลงในรปแบบของ
ไฟลตนฉบนเดม แลวยงบนทกไฟลภ�พเกบไวในรปแบบอน ๆ ไดต�มตองก�ร โดยคลกเลอกคำ�สง File > Save As แลวเลอกรปแบบของไฟลในชอง Format ซงจะมรปแบบไฟลใหเลอกหล�ยแบบดงภ�พ
การเลกใชงานโปรแกรมเมอเร�ตองก�รเลกใชง�นโปรแกรม Adobe Photoshop ดำ�เนนก�รดงน- คลกเลอกคำ�สง File --> Exit หรอคลกเม�สทเครองหม�ย- จ�กนนโปรแกรมจะปดโดยอตโนมต