บทที่ 6 · 2016-12-26 · พื้นฐานการใช...

24
บทที6 พื้นฐานการใชงานโปรแกรม Photoshop Adobe Photoshop CS โปรแกรมสราง และแกไขรูปภาพ อยางมืออาชีพ โดยเฉพาะนัก ออกแบบในทุกวงการยอมรูจักโปรแกรมตัวนี้ดี โปรแกรม Photoshop เปนโปรแกรมที่มีเครื่องมือ มากมายเพื่อสนับสนุนการสรางงานประเภทสิ่งพิมพ งานวิดีทัศน งานนําเสนอ งานมัลติมีเดีย ตลอดจนงานออกแบบและพัฒนาเว็บไซต ในชุดโปรแกรม Adobe Photoshop การที่จะใชงาน โปรแกรม Photoshop คุณตองมีเครื่องที่มีความสามารถสูงพอควร มีความเร็วในการประมวลผล และมีหนวยความจําที่เพียงพอ ไมเชนนั้นการสรางงานของคุณคงไมสนุกแน เพราะการทํางานจะชา และมีปญหา ตามมามากมาย ขณะนี้โปรแกรม Photoshop ไดพัฒนามาถึงรุAdobe Photoshop CS พรอมกับเครื่องมือที่สรางความสะดวกสบายใหกับผูใชอยางมากมาย คุณลักษณะที่สําคัญ หนาตาใหมหมดจด ในเกือบทุกครั้งทีAdobe มีการอัพเกรดโปรแกรมของตน สิ่งที่ยืนยันได ถึงเวอรชั่นที่เปลี่ยนไปของมันก็คือ User Interface หรือหนาตาของตัว โปรแกรม ที่ตองมี เปลี่ยนแปลงไปบาง อยางที่ผมบอก และในเวอรชั่นนีก็มีการเปลี่ยนแปลงจากเดิมไปคอนขางมาก เหมือนกัน แตคุณสามารถเปลี่ยนมาใชแบบสองแถวที่คุนเคยได โดยการคลิ๊กที่เมนูดานบน แตสิ่งทีเปลี่ยนไป มากที่สุด ก็นาจะเปน Palette ซึ่งอยูทางเมนูดานขวามือ คุณสามารถยืด หด พับเก็บมัน ไวไดดั่งใจ หรือสามารถใชแบบลอยๆ เหมือนเวอรชั่นเกาก็ยังได แตฟเจอรที่ผมชอบที่สุดก็เห็นจะ เปน Maximize Screen Mode ซึ่งสามารถ ที่จะปรับไดโดยอัตโนมัติเมื่อยืดและหดพาเล็ต ความหมายและความสําคัญของโครงการ การใชงานโปรแกรม Adobe Photoshop CS เบื้องตน Photoshop จะเปนโปรแกรมในชุด creative Suite 5 หรือเรียกสั้นๆวา CS โดย Photoshop จะแบงออกเปน 2 เวอรชั่นยอยๆ คือ Photoshop CS และ Photoshop CS Extended ที่มีคําสั่ง และขีดความสามารถแตกตางกัน สําหรับ Adobe Photoshop CS เปนเวอรชั่นธรรมดาสามัญที่เนนการการทํางานดานตกแตง และตัดตอภาพถาย ซึ่งเปนเวอรชั่นที่ใชกันอยางแพรหลาย เพราะมีฟงกชั่นพื้นฐานที่ครบถวน อีกเวอรชั่นคือ photoshop CS Extended ที่เพิ่มความสามารถที่นอกเหนือจาการตกแตง และ ตัดตอภาพคือการทํางานดาน 3D ไมวาจะ Render รูปทรงใหมีแสงเงาสมจริง สราง Animation ดวย Timeline ที่ทํางานไดอยางหลากหลาย เพราะสามารถทํางานรวมกับโปรแกรมอื่นๆไดไมวาจะเปน Flash,After Effect หรือนําไฟลงานจาก 3D Max มาทํางานรวมกับภาพกราฟกใน Photoshop ก็ได เชนกัน ความตองการพื้นฐานของ Photoshop CS สําหรับผูใชงาน PC ที่ตองการติดตั้ง Photoshop CS จะตองตรวจสอบประสิทธิภาพของเครื่อง เสียกอนวารองรับติดตั้งไดหรือไม เนื่องจากโปรแกรมตองการทรัพยากรคอนขางสูงในการทํางาน ซีพียู : intel Pentium 4 หรือ AMD Athlon 64 processor

Transcript of บทที่ 6 · 2016-12-26 · พื้นฐานการใช...

Page 1: บทที่ 6 · 2016-12-26 · พื้นฐานการใช งานโปรแกรม Photoshop Adobe Photoshop CS โปรแกรมสร าง และแก

บทท 6 พนฐานการใชงานโปรแกรม Photoshop

Adobe Photoshop CS โปรแกรมสราง และแกไขรปภาพ อยางมออาชพ โดยเฉพาะนกออกแบบในทกวงการยอมรจกโปรแกรมตวนด โปรแกรม Photoshop เปนโปรแกรมทมเครองมอมากมายเพอสนบสนนการสรางงานประเภทสงพมพ งานวดทศน งานนาเสนอ งานมลตมเดย ตลอดจนงานออกแบบและพฒนาเวบไซต ในชดโปรแกรม Adobe Photoshop การทจะใชงานโปรแกรม Photoshop คณตองมเครองทมความสามารถสงพอควร มความเรวในการประมวลผล และมหนวยความจาทเพยงพอ ไมเชนนนการสรางงานของคณคงไมสนกแน เพราะการทางานจะชาและมปญหา ตามมามากมาย ขณะนโปรแกรม Photoshop ไดพฒนามาถงรน Adobe Photoshop CS พรอมกบเครองมอทสรางความสะดวกสบายใหกบผใชอยางมากมาย คณลกษณะทสาคญ หนาตาใหมหมดจด ในเกอบทกครงท Adobe มการอพเกรดโปรแกรมของตน สงทยนยนไดถงเวอรชนทเปลยนไปของมนกคอ User Interface หรอหนาตาของตว โปรแกรม ทตองมเปลยนแปลงไปบาง อยางทผมบอก และในเวอรชนน กมการเปลยนแปลงจากเดมไปคอนขางมากเหมอนกน แตคณสามารถเปลยนมาใชแบบสองแถวทคนเคยได โดยการคลกทเมนดานบน แตสงทเปลยนไป มากทสด กนาจะเปน Palette ซงอยทางเมนดานขวามอ คณสามารถยด หด พบเกบมนไวไดดงใจ หรอสามารถใชแบบลอยๆ เหมอนเวอรชนเกากยงได แตฟเจอรทผมชอบทสดกเหนจะเปน Maximize Screen Mode ซงสามารถ ทจะปรบไดโดยอตโนมตเมอยดและหดพาเลต ความหมายและความสาคญของโครงการ การใชงานโปรแกรม Adobe Photoshop CS เบองตน Photoshop จะเปนโปรแกรมในชด creative Suite 5 หรอเรยกสนๆวา CS โดย Photoshop จะแบงออกเปน 2 เวอรชนยอยๆ คอ Photoshop CS และ Photoshop CS Extended ทมคาสงและขดความสามารถแตกตางกน สาหรบ Adobe Photoshop CS เปนเวอรชนธรรมดาสามญทเนนการการทางานดานตกแตง และตดตอภาพถาย ซงเปนเวอรชนทใชกนอยางแพรหลาย เพราะมฟงกชนพนฐานทครบถวน อกเวอรชนคอ photoshop CS Extended ทเพมความสามารถทนอกเหนอจาการตกแตง และตดตอภาพคอการทางานดาน 3D ไมวาจะ Render รปทรงใหมแสงเงาสมจรง สราง Animation ดวย Timeline ททางานไดอยางหลากหลาย เพราะสามารถทางานรวมกบโปรแกรมอนๆไดไมวาจะเปน Flash,After Effect หรอนาไฟลงานจาก 3D Max มาทางานรวมกบภาพกราฟกใน Photoshop กไดเชนกน ความตองการพนฐานของ Photoshop CS สาหรบผใชงาน PC ทตองการตดตง Photoshop CS จะตองตรวจสอบประสทธภาพของเครองเสยกอนวารองรบตดตงไดหรอไม เนองจากโปรแกรมตองการทรพยากรคอนขางสงในการทางาน ซพย : intel Pentium 4 หรอ AMD Athlon 64 processor

Page 2: บทที่ 6 · 2016-12-26 · พื้นฐานการใช งานโปรแกรม Photoshop Adobe Photoshop CS โปรแกรมสร าง และแก

ระบบปฏบตการ : Microsolf Windows XP Service Pack 3,Windows Vista Home Premium Business, Ultimate หรอ Enterprise Service Pack 1 (แตแนะนาใหใช Service Pack 2 )หรอ Windows7 หนวยความจา : แรมอยางตา 1 GB ฮารดดสก : 1 GB สาหรบการตดตง และควรมพนทเหลอสาหรบเปนหนวยความจาสารอง จอภาพ : ความละเอยดอยางตา 102x768 (แนะนาใหใชท 1280x800) ทสาคญควรมการดจอทรบรอง OpenGL และมหนวยความจาอยางนอย 256 MB

Page 3: บทที่ 6 · 2016-12-26 · พื้นฐานการใช งานโปรแกรม Photoshop Adobe Photoshop CS โปรแกรมสร าง และแก

โปรแกรม Photoshop เปนโปรแกรมส ำหรบสรำงภำพ และตกแตงภำพ ซงเปนลขสทธของบรษท Adobe ซงบรษท Adobe มผลตภณฑซอฟแวรเกยวกบดำนกรำฟกมำกมำยเชน Adobe illustrator ส ำหรบท ำภำพเวกเตอร Adobe Premiere ส ำหรบตดตอภำพยนตร ฯลฯ โปรแกรม Photoshop เปนโปรแกรมตกแตงภำพทไดรบควำมนยมมำก เนองจำกเปนโปรแกรมทใชงำยและรองรบ Application (Plug In) เสรมไดมำกมำย พนทการท างาน (Work Area) Work Area หรอพนทกำรท ำงำนของโปรแกรม Adobe Photoshop จะประกอบดวยเครองมอส ำหรบกำรตกแตงไฟลภำพตำง ๆ ดงน

1. Menu bar คอสวนทแสดงชอเมนตำงๆ ของโปรแกรม 2. Toolbox คอสวนของอปกรณตำง ๆ ทใชในกำรสรำงชนงำนหรอตกแตงภำพ 3. Tool options bar คอสวนทก ำหนดคณสมบตของอปกรณทเลอกจำก Toolbox 4. Palettes คอสวนทใชตรวจสอบและก ำหนดคณสมบตตำง ๆ ใหกบรปภำพ 5. Status bar คอสวนทแสดงรำยละเอยดตำง ๆ ของชนงำน เชน ขนำดของมมมองรปภำพ ขนำดของ

ไฟล ค ำแนะน ำกำรใชงำนของอปกรณทเลอกจำก Toolbox

Menu bar Tool option bar

Toolbox Work area Palettes Status bar

Page 4: บทที่ 6 · 2016-12-26 · พื้นฐานการใช งานโปรแกรม Photoshop Adobe Photoshop CS โปรแกรมสร าง และแก

เครองมอทควรรในโปรแกรม Photoshop

Select Tool หรอ Marquee เปนกลมเครองมอส ำหรบเลอกสวนทตองกำรใชงำน คอเลอกรปทรงทตองกำร ลำกคลมสวนทตองกำร บรเวณทเปนจด ไขปลำ จะถกเลอกใหพรอมทจะรบค ำสงอนๆตอไป กำรยกเลก กดทไหนกไดในงำน 1 ครง

Move Tool เปนเครองมอเพอกำรเคลอนยำยต ำแหนง เรยกใชงำนไดท Tools Box ท เครองหมำยลกศรและ มเครองหมำยทศทำงอย ใชโดยกำรใชเมำสลำกไปต ำแหนงทตองกำร

Lasso Tools เปนเครองมอส ำหรบเลอกบำงสวนของภำพทตองกำรโดยกำรคลกลำกตำมสวนทตองกำร ปลอยคลกเมอไหร มนจะวงไปหำจดเรมตน ทนท Polygon Lasso Tool คอใชคลกลำกเมำสแลวหยดทตองกำร คอยๆคลกได อนไหนผด กด Delete เพอลบจดทก ำหนดไวโดย ระหวำงจดทเลอกจะเปนเสนตรง Magnetic Lasso Tool จะเลอกจำกควำมแตกตำง ของสใหโดยอตโนมตโดยสรำงจดทก ำหนดไวไดเอง

Magic wand เครองมอในกำรสรำง Selection ในบรเวณทมโทนสเดยวกน

Crop Tool เปนเครองมอส ำหรบเลอกตดเฉพำะสวนทตองกำร วธใชคอเมอเลอกเครองมอนแลวกก ำหนดจดเรมตน จำกนนกลำกจนคลม สวนทเรำตองกำร จะไดลกษณะเปนรปสเหลยม ดบเบลคลก กจะไดรปทตองกำร

Healing Brush กำรใชงำนเหมอน Clone แตจะมกำรเกลยส ใหใกลเคยงกบบรเวณใกลเคยง Patch Tool คอกำรสรำงสวนทตองกำรจะวำงทบ โดยก ำหนดบรเวณทตองกำร แลวเลอกโดยใชเมำสลำกไปเลอกสวนทตองกำรทบ Color Replacement ใชส ำหรบเปลยนสของจดทตองกำร กบสทไดเลอกไววธใชคอคลกลำกวนรอบสงทเรำตองกำรลบทงแลวน ำสวนอนมำแทนทเหมอนกำรโคลน เชน ถำเรำจะลบไฝบนใบหนำออกเพยงแตเรำลำกเมำสใหรอบไฝ แลวคลกลำกเมำสไปตรงผวด ๆ ผวดกจะแทนทไฝ

Page 5: บทที่ 6 · 2016-12-26 · พื้นฐานการใช งานโปรแกรม Photoshop Adobe Photoshop CS โปรแกรมสร าง และแก

Brush Tool เสมอนหวแปรงใชเพอกำรวำดภำพ สำมำรถเปลยนแปลงขนำดของหวแปรงได Pencil Tool เสมอนหวดนสอ ใชวำดภำพหรอขดเขยนงำน โดยมเสนเลกกวำ และสำมำรถเปลยนหวของดนสอไดเชนกน

Eraser Tool ใชในสวนทตองกำรลบ สำมำรถปรบขนำดได เหมอนกบBrush Tool ถำเลอกท BackGround Eraser Tool จะเปนกำรเลอกลบใน สวนพนหลงทไมตองกำรออกไปจำกรป ถำเลอกในสวน Magic Eraser Tool จะท ำกำรลบสทตอเนองกบสทเรำเลอกไวทงผน

Paint Bucket Tool คอ กำรลงส หลงจำกเลอกสทตองกำรแลว กเลอกเครองมอน ไปทๆตองกำรจะเตมส แลวกคลก Gradient Tool คอ กำรเทสแบบไลระดบส คลกเลอกGradient Tool แลวเลอกชดสทก ำหนดไว แลวน ำเมำสคลกลำกไปตำมสวนทตองกำรเทส กำร ไลระดบม 5 แบบ จะไลระดบสแบบไหนใหคลกเลอก

Blur Tool Group กลมนเปนเครองมอส ำหรบตกแตงภำพ Blur คอกำรท ำภำพใหเบลอ Sharpen คอกำรท ำภำพ ใหคมชดขน Smudge คอกำรท ำใหภำพ ดเหมอนเคลอนไหว ใชมำกๆ ภำพจะเบลอกำรใชงำนคอ คลก แลวลำก สำมำรถปรบขนำดโดย คลกขวำเหมอนBrush Tool สวนออฟชนอนๆ ปรบไดท Tool Option Bar

Zoom Tool มใหใชทง ซมอน และ ซมเอำท เลอกไดท Tool Option Bar แต ใหงำยคอ กด Ctrl + เครองหมำยบวก เพอ ZOOM IN หรอ กด Ctrl + เครองหมำยลบ เพอ ZOOM OUT

Clone StampTool / Healing Brush Tool เครองมอ 2 กลม มวธใชเหมอนกบ Clone คอกำร copy บรเวณทเลอก ไปวำงทบสวนทตองกำร ใชงำนโดยเลอก กด Alt คำงไว แลวเลอกบรเวณทตองกำรจะโคลนหรอ Copy แลวคลกเมำสซำย ปลอย ALT แลวน ำเมำสบรเวณทเรำตองกำรจะโคลนทบ คลกลำกเมำสโคลน สวนทเรำ copy กจะถกมำวำดทบสวนทตองกำร

Page 6: บทที่ 6 · 2016-12-26 · พื้นฐานการใช งานโปรแกรม Photoshop Adobe Photoshop CS โปรแกรมสร าง และแก

นามสกลไฟลตางๆ

PSD

Photoshop document

เปนไฟลมำตรฐำนของโปรแกรม Photoshop และเปนไฟลทมขนำดใหญเนองจำกจะเกบขอมลทกอยำงของภำพไว ตงแตควำมละเอยด (สงสด) layer effect filter ตำง ๆ และสำมำรถเปดขนมำแกไขได แตไฟลชนดนจะเปดไดดวยโปรแกรม Photoshop เพยงอยำงเดยว หำกเปดดวยโปรแกรมอนจะแกไขไมได หรอไมดเทำ Photoshop

BMP

Bitmap File

เปนไฟลมำตรฐำนของระบบปฏบตกำร windows ซงเปนไฟลทมคณภำพสงสด เพรำะไมไดมกำรบบอดใด ๆ เลย ไฟลจงมขนำดใหญ

TIF

Tagged image file

เปนไฟลทสำมำรถใชไดทงเครอง PC และ MAC สวนใหญใชในงำนพมพ แตปจจบนไดถกน ำมำใชในเกมบำงเกมดวย คณสมบตของไฟลนคอ สำมำรถเกบขอมลในรปแบบโปรงใสได (32bit)

GIF

Graphic interchange file

เปนไฟลทนยมใชกนในระบบเวบไซด เนองจำกไฟลชนดนมขนำดเลกและเกบขอมลในรปโปรวงใสได และสำมำรถท ำเปนภำพเคลอนไหวไดดวย

JPG (JPEG)

Joint photographic experts group

เปนไฟลทนยมใชกนมำกทสด เนองจำกไฟลชนดนเปนไฟลรปภำพทถกบบอดเพอลดขนำดของไฟลลงไดมำก ในขณะทควำมสวยงำมของภำพนนลดลงนอยมำกจนตำเปลำแทบมองไมเหน

PNG

Portable network graphic application

เปนไฟลทมควำมยดหยนไดสง หำกตองกำรใชงำนตำง ๆ applicationและสำมำรถใชในระบบเวบไซดได

RAW

Raw formate

เปนไฟลทถกพฒนำตอเนองจำกไฟล GIF โดยจะมกำรสญเสยคณภำพนอยมำกเมอถกบบอด แตไมสำมำรถแสดงผลในระบบเวบไซดได

EPS

Encapsulated postscript

เปนไฟลทสำมำรถเกบขอมลไดทงรปแบบ vector และ raster (bitmap) จงเหมำะสมทจะท ำงำนขำมโปรแกรม เชน Adobe illustrator เปนตน

PDF

Portable document format

เปนไฟลเอกสำรอเนกประสงคทใชงำนขำมโปรแกรมไดหลำยรปแบบ ตวไฟลสำมำรถเกบขอมลไดหลำยอยำง เชน ฟอนต กำรวำงเลยเอำท และภำพ ทงแบบ vector และ bitmap นอกจำกนนยงสำมำรถท ำกำรคนหำและเชอมโยงขอมลได ท ำใหไฟลชนดนเปนทนยมอยำงแพรหลำย

Page 7: บทที่ 6 · 2016-12-26 · พื้นฐานการใช งานโปรแกรม Photoshop Adobe Photoshop CS โปรแกรมสร าง และแก

2

1

1

3

1

4

1

5

1

5

6 7

1

8

9

12

11

1

0

Layer Palette

Layer Palette เปน Palette ทเกบชนงำนหรอภำพทงหมด เรยกวำ Layer ซงจะเรยงล ำดบกอนหลง ท ำใหเกดควำมสะดวกในกำรจดกำรแกไขโดยไมเกดผลกระทบกบชนงำนหรอภำพอน ๆ โดยจะแกไขเฉพำะชนงำนหรอภำพใน Layer ทเลอกเทำนน สวนประกอบของ Layer Palette มดงน

1. Indicates Layer Visibility คอสวนทก ำหนดกำรแสดงผลของ Layer หำกมสญลกษณรปตำแสดงวำภำพทอยใน Layer ดงกลำวถกแสดงบน Work Area หำกไมมแสดงวำ Layer นนถกซอนหรอไมแสดงผล

2. Indicates if Layer is Linked คอสวนทแสดงวำ Layer ใดก ำลงถกท ำงำน Layer นน จะมสญลกษณรปพกน นอกจำกนยงสำมำรถก ำหนดให Layer อนเลอนต ำแหนงตำม Layer ทก ำลงท ำงำนอยไดโดยกำรคลกให Layer อนเปลยนเปนสญลกษณรปโซ

3. Add a Layer Style คอสวนทใชใส Effect เชน แสง เงำ ตำง ๆ ใหกบภำพใน Layer 4. Add a mask คอสวนทใชเพม Mask หรอเพม 1 Layer ซอนทบ Layer ทก ำลงท ำงำนอย โดยทง 2 จะถอเปน

Layer เดยวกน 5. Create a new set คอสวนทใชสรำง Folder ส ำหรบเกบ Layer ตำง ๆ เขำดวยกน 6. Create new fill or adjustment layer คอสวนทใชปรบ

คำส ควำมคมชด แสงและควำมสวำงในแบบตำง ๆ ของภำพใน Layer

7. Create a new layer คอสวนทใชสรำง Layer ใหม 8. Delete layer คอสวนทใชลบ Layer 9. Layer Thumbnail คอสวนทแสดงวำ Layer นนมภำพใด

อย 10. Lock คอสวนทใช Lock ในรปแบบตำงๆ 11. Opacity คอสวนทใชท ำให Layer นนโปรงใส (ทง Fill

และ Effect) 12. Fill คอสวนทใชท ำให เฉพำะ Fill ใน Layer นนโปรงใส

ซงไมรวม Effect ท Layer นนมอย

หมายเหต:แถบสน ำเงนแสดงวำก ำลงท ำงำนกบ Layer 2

การจดล าดบ Layer สำมำรถท ำไดโดยน ำเมำสคลกคำงไวท Layer แลวลำกไปยงต ำแหนงทตองกำร หรอใชเมนค ำสง Layer -> Arrange

Bring to Front คอ สง Layer ไปยงต ำแหนงบนสดของทก Layer Bring Forward คอ สง Layer ขนไปต ำแหนงบน 1 ขน Send Backward คอ สง Layer ลงไปต ำแหนงลำง 1 ขน Send to Back คอ สง Layer ลงไปต ำแหนงลำงสดของทก Layer แตยกเวน Background Layer

Page 8: บทที่ 6 · 2016-12-26 · พื้นฐานการใช งานโปรแกรม Photoshop Adobe Photoshop CS โปรแกรมสร าง และแก

การเปดไฟลภาพ (Open)

1. คลกทเมนค ำสง File ทแถบ Menu bar จำกนนเลอกค ำสง Open

2. จะปรำกฏ Dialog แสดงรำยชอไฟลตำง ๆ ดงภำพ เพอเลอกไฟลทตองกำรเปดมำใชงำน

3. คลกเลอกไฟลทตองกำรเปดใชงำน จำกนนคลกปม Open

Page 9: บทที่ 6 · 2016-12-26 · พื้นฐานการใช งานโปรแกรม Photoshop Adobe Photoshop CS โปรแกรมสร าง และแก

การสรางไฟลใหม (New)

1. คลกทเมนค ำสง File ทแถบ Menu bar จำกนนเลอกค ำสง New

2. จะปรำกฏ Dialog ส ำหรบก ำหนดคณสมบตตำง ๆ ของไฟลภำพดงน

- Name คอ ชอของชนงำน สำมำรถก ำหนดใหมเองได ชอนจะไประบทชอไฟลตอไป - Preset คอ ขนำดงำนทโปรแกรมก ำหนดมำให ซงมหลำกหลำยขนำดใหเลอก หรอสำมำรถก ำหนดเองจำก

ชอง Width และ Height ได - Width คอ ขนำดควำมกวำงของงำน (จำกซำยไปขวำ) โดยก ำหนดหนวยและขนำดไดเอง จำกรป คอ 1024

Pixels - Height คอ ขนำดควำมกวำงของงำน (จำกบนลงลำง) โดยก ำหนดหนวยและขนำดไดเอง จำกรป คอ 768

Pixels - Resolution คอ ควำมละเอยดของภำพ โดยใสตวเลขคำควำมละเอยดของภำพ เชน งำนเวบหรอรปทแสดง

บนคอมพวเตอรเทำกบ 72 pixels/inch งำนสงพมพเทำกบ 150-200 pixels/inch

Page 10: บทที่ 6 · 2016-12-26 · พื้นฐานการใช งานโปรแกรม Photoshop Adobe Photoshop CS โปรแกรมสร าง และแก

- Color Mode คอ โหมดสของภำพ ซงประกอบไปดวย โหมดส Bitmap, Grayscale, RGB Color, CMYK Color, Lab Color

- Background Contents คอ สพนหลงของภำพ เมอเรมชนงำนใหม มดงน White ก ำหนดใหสพนหลงเปนสขำว Background Color ก ำหนดใหสพนหลงเปนสเดยวกบ Background Transparent ไมมพนหลง

3. หลงจำกก ำหนดคณสมบตตำง ๆ ใหคลกปม OK เพอเรมชนงำนใหม

การบนทกขอมลลงบนไฟล (Save)

หลงจำกตกแตงไฟลภำพเรยบรอย จะตองเกบบนทกขอมลลงบนไฟล (Save) ส ำหรบกำรเรยกใชงำนในครงตอไป โปรแกรมมกำรบนทกขอมลลงบนไฟล (Save) อย 3 ลกษณะ คอ

- Save บนทกไฟลในรปแบบ (Format) ปกต ซงจะอยในรปแบบ (Format) ของ PSD - Save As บนทกไฟลในรปแบบ (Format) อน ๆ ได เชน JPEG, BMP, GIF เปนตน - Save for Web บนทกไฟลในรปแบบ (Format) ส ำหรบกำรใชงำนบนเวบ เชน ไฟล Html และไฟลรปภำพ

JPEG, GIF, PGN เปนตน ในทนจะแสดงกำรใชงำนของ Save และ Save As

1. คลกทเมนค ำสง File ทแถบ Menu bar จำกนนเลอกค ำสง Save หรอ Save As

Page 11: บทที่ 6 · 2016-12-26 · พื้นฐานการใช งานโปรแกรม Photoshop Adobe Photoshop CS โปรแกรมสร าง และแก

2. จะปรำกฏ Dialog ส ำหรบก ำหนดคณสมบตตำง ๆ ของไฟลภำพดงน

- ชอไฟล (File Name) - รปแบบของไฟล (Format) - ก ำหนดคณสมบตของกำรบนทกไฟล (Save Options)

As a Copy บนทกไฟลเปนชออน รปแบบ (Format) อน ขณะทไฟลเดมก ำลงเปดใชงำน Layers จะเกบคณสมบตของ Layer ตำง ๆ Use Proof setup เกบคำโหมดสทจะใชแสดงสของภำพกอนจะพมพ Thumbnail ก ำหนดใหไฟลทบนทก (Save) สำมำรถแสดงภำพตวอยำงใน Dialog ของกำรเปดไฟล Use Lower Case Extension ก ำหนดใหนำมสกลไฟลเปนอกษรตวเลก

3. หลงจำกก ำหนดคณสมบตตำง ๆ ใหคลกปม Save เพอบนทกขอมลลงบนไฟล

Page 12: บทที่ 6 · 2016-12-26 · พื้นฐานการใช งานโปรแกรม Photoshop Adobe Photoshop CS โปรแกรมสร าง และแก

เทคนคการตกแตงภาพใหกลมกลน 1 1. สรำงไฟลภำพใหมขนำด 900*270 pixels (File >> new) ท ำกำรตงชอและบนทกไฟลวำ logo.psd (ไฟล

.psd จะสำมำรถเปดขนมำแกไขได) 2. เปดภำพ bg2.jpg ขนมำ ในทนจะน ำภำพนมำท ำพนหลง

3. ท ำกำรเลอกภำพ bg2.jpg ทงหมด โดยใชค ำสง Select >> all หรอ ctrl+A จะเกดเสนประรอบ ๆ ภำพท

ท ำกำรเลอก จำกนนท ำกำรคดลอกภำพทงหมดโดยใชค ำสง Edit >> copy หรอ ctrl+C

Page 13: บทที่ 6 · 2016-12-26 · พื้นฐานการใช งานโปรแกรม Photoshop Adobe Photoshop CS โปรแกรมสร าง และแก

4. กลบมำท ำงำนทภำพ logo.psd จำกนนวำงภำพทไดท ำกำรคดลอกไวแลวโดยใชค ำสง Edit >> paste หรอ ctrl+V

5. ภำพทถกคดลอกไวจำกมำปรำกฏบนไฟล logo.psd และม layer เพมเขำมำอก 1 layer (สำมำรถปดภำพตนฉบบ bg2.jpg ลงได) ***layer ทก ำลงท ำงำนอยจะมสน ำเงน

Page 14: บทที่ 6 · 2016-12-26 · พื้นฐานการใช งานโปรแกรม Photoshop Adobe Photoshop CS โปรแกรมสร าง และแก

6. ปรบขนำดภำพใหพอดกบควำมตองกำร โดยใชค ำสง Edit >> free transform หรอ ctrl+T จะปรำกฎกรอบสเหลยมขนรอบ ๆ ภำพทเรำตองกำรปรบขนำดหรอรปรำง

7. ใชเมำสคลกและลำกทกรอบสเหลยมเพอปรบขนำดภำพตำมทตองกำร หำกตองกำรใหภำพมสมมำตรเทำเดมขณะปรบภำพใหกด Shift คำงไวดวย เมอไดขนำดตำมทตองกำรแลวให กด enter

Page 15: บทที่ 6 · 2016-12-26 · พื้นฐานการใช งานโปรแกรม Photoshop Adobe Photoshop CS โปรแกรมสร าง และแก

8. เปดไฟลภำพ กนเกรำ.jpg ขนมำ จำกนนท ำกำรคดลอกแลวน ำไปวำงไวในภำพ logo.psd ปรบและวำงไวในต ำแหนงทเหมำะสม

9. เลอกค ำสง Eraser tool เพอท ำกำรลบขอบของภำพใหดกลมกลนกบภำพพนหลง

Page 16: บทที่ 6 · 2016-12-26 · พื้นฐานการใช งานโปรแกรม Photoshop Adobe Photoshop CS โปรแกรมสร าง และแก

10. ปรบขนำดยำงลบใหเปนแบบ soft round ตำมขนำดทตองกำร ในทนใช 65 pixcel

11. ลบขอบภำพใหดกลมกลนและสวยงำม

Page 17: บทที่ 6 · 2016-12-26 · พื้นฐานการใช งานโปรแกรม Photoshop Adobe Photoshop CS โปรแกรมสร าง และแก

การใสขอความ 1. เพอใหขอควำมมควำมโดดเดนมำกขน ในทนจะท ำกรอบใหกบขอควำมดวย เรมตนดวยกำรสรำง layer ใหม

ขนมำ โดยคลกท layer >> new หรอ create new layer ท palette layer

2. เลอกเครองมอ Rectangle tool เพอวำดภำพสเหลยมลงบนภำพ logo.psd

Page 18: บทที่ 6 · 2016-12-26 · พื้นฐานการใช งานโปรแกรม Photoshop Adobe Photoshop CS โปรแกรมสร าง และแก

3. ก ำหนดขนำด ส ควำมโปรงแสง จำกนนวำดภำพสเหลยมลงบนภำพ logo.psd ในต ำแหนงตำมทตองกำร

4. เลอกเครองมอ horizontal type tool แลวก ำหนดรปแบบของอกษรตำมทตองกำร แลวคลกเมำสบนภำพในต ำแหนงทตองกำรวำงตวอกษร จะเกด cursor กระพรบ จำกนนพมพขอควำมทตองกำรลงไป

Page 19: บทที่ 6 · 2016-12-26 · พื้นฐานการใช งานโปรแกรม Photoshop Adobe Photoshop CS โปรแกรมสร าง และแก

5. หำกตองกำรในขอควำมมลวดลำยทสวยงำมตำมทตองกำร ใหเปดไฟลภำพทตองกำรท ำเปนลวดลำยขนมำ ในทนคอภำพ bg7.jpg เมอเปดไฟลภำพมำแลว ใหไปท Edit >> define pattern

ตงชอ pattern (เสรจแลวสำมำรถปดภำพ bg7.jpg ลงได)

6. กลบไปท ำงำนทไฟล logo.psd ทเลเยอรของขอควำม คลก add a layer style แลวเลอก pattern overlay

Page 20: บทที่ 6 · 2016-12-26 · พื้นฐานการใช งานโปรแกรม Photoshop Adobe Photoshop CS โปรแกรมสร าง และแก

7. เลอกรปแบบ pattern ทเรำก ำหนดไว ขอควำมนนกจะมลวดลำยตำมแบบทเรำตองกำร นอกจำกนนแลวยงสำมำรถเลอกสไตลอน ๆใหกบขอควำมซงอยทำงดำนซำยมอ แลวก ำหนดคำตำง ๆ ทำงขวำมอไดดวย เพอผสมผสำนรปแบบใหตวอกษรมควำมสวยงำมมำกขน

8. เมอไดภำพและขอควำมตำมทตองกำรแลว ท ำกำรบนทกภำพในรปแบบไฟลทตองกำรจะน ำไปใชงำน เชน *.jpg *.gif

Page 21: บทที่ 6 · 2016-12-26 · พื้นฐานการใช งานโปรแกรม Photoshop Adobe Photoshop CS โปรแกรมสร าง และแก

การใชงาน Layer Style

คลกทเมน Layer > Layer Style > Blending Options จะปรำกฏหนำตำงดงภำพขำงลำง

(1) คอ Style ทตองกำรใชกบ Layer ทเรำเลอกไว จะมใหเลอก 10 แบบจำกบนลงลำง (2) คอ กำรก ำหนดคำตำงๆ ของแตละ Style ซงจะแตกตำงกนไปในแตละ Style

ตวอยางการใช Layer Style

Drop Shadow

Inner Shadow

Outer Glow

Inner Glow

Bevel and Emboss

Satin

Gradient Overlay

Pattern Overlay

Stroke

Page 22: บทที่ 6 · 2016-12-26 · พื้นฐานการใช งานโปรแกรม Photoshop Adobe Photoshop CS โปรแกรมสร าง และแก

เทคนคการตกแตงภาพใหกลมกลน 2 เรำมวธกำรตกแตงภำพเพอใหมควำมกลมกลนไดอกวธหนง โดยกำรใชเครองมอ brush tool และ layer mask โดยมขนตอนตำง ๆ ดงน

1. สรำงภำพใหม ขนำด 900*270 pixcel บนทกไฟลโดยตงชอวำ logo2.psd 2. เปดภำพทตองกำรตกแตงขนมำ ในทนคอภำพ อำคำรขอมลทองถน.jpg และ อำคำรสำรสนเทศ.jpg 3. ท ำกำรคดลอกภำพทงสองมำไวทไฟล logo2.psd โดยจดรปรำง ขนำด และต ำแหนงใหเหมำะสมตำมท

ตองกำร และใหวำงภำพเหลอมทบกนเลกนอย เพอควำมกลมกลน

4. คลกเลอก add layer mark

Page 23: บทที่ 6 · 2016-12-26 · พื้นฐานการใช งานโปรแกรม Photoshop Adobe Photoshop CS โปรแกรมสร าง และแก

5.จะได mask หรอหนำกำกของเลเยอรนนขนมำ

6.เลอกเครองมอ brush tool โดยก ำหนดหวแปรงใหเปนแบบ soft round ตำมขนำดทตองกำร ในทนใช 65 pixcel

7.น ำแปรงไปเกลยทภำพใหมควำมกลมกลน โดยสำมำรถสลบพนหนำพนหลงไปมำได โดยคลกทลกศร

8.เมอตกแตงเสรจแลวกจะไดภำพทมควำมกลมกลนกน ขอควรระวงภำพทน ำมำใชควรมโทนสทใกลเคยงและกลมกลนกนดวย เมอตกแตงแลวจงจะไดภำพทสวยงำม

Page 24: บทที่ 6 · 2016-12-26 · พื้นฐานการใช งานโปรแกรม Photoshop Adobe Photoshop CS โปรแกรมสร าง และแก

เอกสารอางอง เฉลมพล นำร. เอกสำรประกอบกำรอบรมเชงปฏบตกำร เทคนคกำรแตงภำพใหสวยดวย Photoshop. ขอนแกน : งำนเทคโนโลยสำรสนเทศและสอโสตทศน ส ำนกวทยบรกำร มหำวทยำลยขอนแกน, 2555. กำรใชโปรแกรม Photoshop CS2. คนเมอวนท 12 ตลำคม 2556 เวบไซต : http://www.thaicooperative.org/document/manual_photoshopcs2_basic.pdf คมอกำรใชโปรแกรม Photoshop CS. คนเมอวนท 12 ตลำคม 2556 เวบไซต : http://www.slideshare.net/surachet179/photoshop-cs-4672544# บทควำม Photoshop.คนเมอวนท 12 ตลำคม 2556 เวบไซต : http://www.thainextstep.com/photoshop/photoshop_article.php.