สื่อออกแบบธุรกิจโดย Photoshop cs6

สาระการเรียนรู้ 1.สัญลกั ษณ์ของโปรแกรม Adobe Photoshop CS6 2. คุณสมบตั พิ ืน้ ฐานของ โปรแกรม 3. เครื่องมือพื้นฐานของ โปรแกรม 4. ความหมายและความสาคญั ของเลเยอร์(Layer) 5. การเปิ ดพืน้ ที่การใช้งาน การ นาภาพเข้าใช้งาน และการบนั ทึกงาน

สัญลกั ษณ์โปรแกรม PHOTOSHOP

คุณสมบัตพิ ืน้ ฐาน โปรแกรม Photo shop เป็ นโปรแกรม ในตระกลู Adobe ทใ่ี ช้สาหรับตกแต่งภาพถ่าย และภาพกราฟฟิ ก ได้อย่างมปี ระสิทธิภาพ ไม่ ว่าจะเป็ นงานด้านส่ิงพมิ พ์ นิตยสาร และงาน ด้านมลั ตมิ เี ดยี อกี ท้งั ยงั สามารถ retouching ตกแต่งภาพและการสร้างภาพ ซึ่งกาลงั เป็ น ทม่ี นิยมสูงมากในขณะนี้ เราสามารถใช้ โปรแกรม Photoshop ในการตกแต่งภาพ การ ใส่ Effect ต่าง ๆให้กบั ภาพ และตวั หนังสือ การทาภาพขาวดา การทาภาพถ่ายเป็ น ภาพเขยี น การนาภาพมารวมกนั การ Retouch ตกแต่งภาพต่าง

คุณสมบตั พิ ืน้ ฐาน(ต่อ) เราสามารถเรียนรู้วธิ ีการใช้ โปรแกรม Adobe Photoshop นีไ้ ด้ด้วย ตวั เอง คุณสามารถทจี่ ะทาการแก้ไขภาพ ตกแต่งภาพ ซ้อนภาพในรูปแบบต่างๆ ได้ อย่างง่ายดาย และส่ิงทข่ี าดไม่ได้กค็ ือ การ ใส่ข้อความประกอบลงในภาพด้วย และ เน่ืองด้วย Adobe Photoshop มกี ารพฒั นา โปรแกรมมาอย่างต่อเนื่อง ทาให้เรา จาเป็ นต้องศึกษาคาส่ังต่างๆ ให้เข้าใจ แต่ที่ สาคญั เมื่อคุณเรียนรู้การใช้คาสั่งในเวอร์ ชั่นเก่า คุณกย็ งั คงสามารถนาไป ประยุกต์ใช้กบั เวอร์ชั่นใหม่ๆ ได้ด้วย

ความสามารถของโปรแกรม 1.ตกแต่งหรือแก้ไขรูปภาพ 2.ตดั ต่อภาพบางส่วน หรือทเ่ี รียกว่า crop ภาพ 3.เปลยี่ นแปลงสีของภาพ จากสีหนึ่งเป็ น อกี สีหนง่ึ ได้ 4.สามารถลากเส้น แบบฟรีสไตล์ หรือใส่ รูปภาพ สี่เหลยี่ ม วงกลม หรือสร้างภาพได้อย่าง อสิ ระ 5.มกี ารแบ่งช้ันของภาพเป็ น Layer สามารถเคล่ือนย้ายภาพได้เป็ นอสิ ระต่อกนั 6.การทา cloning ภาพ หรือการทาภาพซ้า ในรูปภาพเดยี วกนั เพม่ิ เตมิ ข้อความ ใส่ effect ของข้อความได้ 7.Brush หรือแปรงทาสี ทส่ี ามารถเลือก รูปแบบสาเร็จรูปในการสร้างภาพได้และอื่นๆ อกี

ความสามารถของโปรแกรม(ต่อ) โปรแกรม Adobe Photoshop CS6 เม่ือ ทาการเปิ ดโปรแกรมแล้ว จะพบหน้าตาของ โปรแกรมดงั รูป

ส่วนสาคญั หลกั ของโปรแกรม เมนูของโปรแกรม Application menu หรือ Menu bar ประกอบด้วย 1. File หมายถงึ รวมคาสั่งท่ใี ช้จดั การกบั ไฟล์ รูปภาพ เช่น สร้างไฟล์ใหม่, เปิ ด, ปิ ด, บันทึกไฟล์, นาเข้าไฟล์, ส่งออกไฟล์ และอ่ืน ๆ ท่เี กย่ี วกบั ไฟล์ 2. Edit หมายถงึ รวมคาสั่งทใี่ ช้สาหรับแก้ไข ภาพ และปรับแต่งการทางานของโปรแกรมเบื้องต้น เช่น ก๊อปปี้ , วาง, ยกเลกิ คาสั่ง, แก้ไขเคร่ืองมือ และอ่ืน ๆ 3. Image หมายถึง รวมคาสั่งท่ใี ช้ปรับแต่ง ภาพ เช่น สี, แสง, ขนาดของภาพ (image size), ขนาด ของเอกสาร (canvas), โหมดสีของภาพ, หมุนภาพ และอ่ืน ๆ 4. Layer หมายถึง รวมคาส่ังทใี่ ช้จัดการกบั เล เยอร์ ท้งั การสร้างเลเยอร์, แปลงเลเยอร์ และการ จัดการกบั เลเยอร์ในด้านต่าง ๆ

ส่วนสาคญั หลกั ของโปรแกรม(ต่อ) 5. select รวม คาสั่งเกยี่ วกบั การเลือกวตั ถุ หรือพืน้ ทบ่ี นรูปภาพ (Selection) เพื่อนาไปใช้งาน ร่วมกบั คาสั่งอื่น ๆ เช่น เลือกเพ่ือเปล่ียนสี, ลบ หรือใช้เอฟเฟ็ กต์ต่าง ๆ กบั รูปภาพ 6. Filter เป็ นคาสั่งการเล่น Effects ต่างๆ สาหรับรูปภาพและวตั ถุ 7. View เป็ นคาสั่งเกย่ี วกบั มุมมองของ ภาพและวตั ถุในลกั ษณะต่างๆ เช่น การขยายภาพ และย่อภาพให้ดูเลก็ 8. Window เป็ นส่วนคาสั่งในการเลือกใช้ อปุ กรณ์เสริมต่างๆทจี่ าเป็ นในการใช้สร้าง Effects ต่างๆ 9. Help เป็ นคาส่ังเพ่ือแนะนาเกย่ี วกบั การ ใช้โปรแกรมฯและจะมลี ายละเอยี ดของโปรแกรม อยู่ในน้นั

เมนูของพืน้ ท่ที างาน PANEL MENU Panel (พาเนล) เป็ นวนิ โดว์ย่อย ๆ ท่ี ใช้เลือกรายละเอยี ด หรือคาส่ังควบคุมการ ทางานต่าง ๆ ของโปรแกรม ใน Photoshop มพี าเนลอยู่เป็ นจานวนมาก เช่น พาเนล Color ใช้สาหรับเลือกสี, พาเนล Layers ใช้ สาหรับจดั การกบั เลเยอร์ และพาเนล Info ใช้แสดงค่าสีตรงตาแหน่งทชี่ ี้เมาส์ รวมถงึ ขนาด/ตาแหน่งของพืน้ ทท่ี ่เี ลือกไว้

พื้นทีท่ างาน STAGE หรือ PANEL เป็ นพืน้ ทวี่ ่างสาหรับแสดงงานที่ กาลงั ทาอยู่ เครื่องมือทใี่ ช้งาน TOOLS PANEL หรือ TOOL BOX Tool Panel (ทูลพาเนล) หรือ กล่อง เคร่ืองมือ จะประกอบไปด้วยเคร่ืองมือต่าง ๆ ที่ใช้ในการวาด ตกแต่ง และแก้ไขภาพ เคร่ืองมือเหล่านีม้ จี านวนมาก ดงั น้ันจงึ มกี าร รวมเคร่ืองมือที่ทาหน้าทค่ี ล้าย ๆ กันไว้ในป่ มุ เดยี วกนั โดยจะมลี กั ษณะรูปสามเหลย่ี มอยู่ บริเวณมุมด้านล่างดงั ภาพ 2 เพื่อบอกให้รู้ว่า ในป่ มุ นีย้ งั มเี ครื่องมืออื่นอยู่ด้วย

ส่ิงทค่ี วบคุมเครื่องมือทใ่ี ช้ TOOLS CONTROL MERU หรือ OPTION BAR Option Bar (ออปชั่นบาร์) เป็ นส่วนท่ี ใช้ปรับแต่งค่าการทางานของเคร่ืองมือต่าง ๆ โดยรายละเอยี ดในออปช่ันบาร์จะเปลย่ี นไป ตามเครื่องมือทเี่ ราเลือกจากทูลบอ็ กซ์ใน ขณะน้ัน เช่น เม่ือเราเลือกเคร่ืองมือ Brush (พู่กนั ) บนออปชั่นบาร์จะปรากฏออปชั่นทใ่ี ช้ ในการกาหนดขนาด และลกั ษณะหัวแปรง, โหมดในการระบายความโปร่งใสของสี และ อตั ราการไหลของสี เป็ นต้น

เคร่ืองมือพืน้ ฐานของโปรแกรม Tools

เคร่ืองมือพื้นฐานของโปรแกรม Tools (ต่อ) Tool Panel (ทูลพาเนล) หรือ กล่องเคร่ืองมือ จะประกอบไปด้วย เครื่องมือต่าง ๆ ทใี่ ช้ในการวาด ตกแต่ง และแก้ไขภาพ เคร่ืองมือเหล่านีม้ ีจานวน มาก ดงั น้ันจึงมกี ารรวมเคร่ืองมือทท่ี า หน้าทคี่ ล้าย ๆ กนั ไว้ในป่ ุมเดยี วกนั โดย จะมลี กั ษณะรูปสามเหลยี่ มอยู่บริเวณมุม ด้านล่างดงั ภาพ 2 เพื่อบอกให้รู้ว่าในป่ ุมนี้ ยงั มเี คร่ืองมืออื่นอยู่ด้วย

การแบ่งกลุ่มเคร่ืองมือ

เครื่องมือแต่ละชิ้นมคี ุณสมบตั ิ Move ใช้สาหรับเลือกพืน้ ทบ่ี นภาพเป็ นรูป สี่เหลย่ี ม วงกลม วงรี หรือเลือกเป็ นแถว คอลมั น์ ขนาด 1 พเิ ซล

เครื่องมือแต่ละชิ้นมคี ุณสมบัต(ิ ต่อ) Marquee ใช้สาหรับย้ายพืน้ ทที่ ี่เลือกไว้ของภาพ หรื อย้ายภาพในเลเยอร์ หรื อย้ายเส้ นไกด์

เคร่ืองมือแต่ละชิ้นมคี ุณสมบตั ิ (ต่อ)) Lasso ใช้เลือกพืน้ ทบ่ี นภาพเป็ นแนวเขตแบบอสิ ระ

เคร่ืองมือแต่ละชิ้นมคี ุณสมบตั (ิ ต่อ) Magic Wand ใช้เลือกพืน้ ทดี่ ้วยวธิ ีระบายบนภาพ หรือเลือก จากสีที่ใกล้เคยี งกนั

เคร่ืองมือแต่ละชิ้นมคี ุณสมบตั ิ (ต่อ) Crop ใช้ตัดขอบภาพ

เคร่ืองมือแต่ละชิ้นมคี ุณสมบตั ิ (ต่อ)) Slice ใช้ตดั แบ่งภาพเพื่อบนั ทกึ ไฟล์ภาพย่อย ๆ ท่ี เรียกว่าสไลซ์ (Slice)สาหรับนาไปสร้างเวบ็ เพจ

เคร่ืองมือแต่ละชิ้นมคี ุณสมบัติ (ต่อ) Eyedropper ใช้เลือกสีจากสีต่าง ๆ บนภาพ

เคร่ืองมือแต่ละชิ้นมคี ุณสมบัติ (ต่อ) Healing Brush ใช้ตกแต่งลบรอยตาหนิในภาพ

เคร่ืองมือแต่ละชิ้นมคี ุณสมบตั ิ (ต่อ) Brush ใช้ระบายลงบนภาพ

เครื่องมือแต่ละชิ้นมคี ุณสมบัติ (ต่อ) Clone Stamp ใช้ทาสาเนาภาพ โดยก๊อปปี้ ภาพจากบริเวณ อ่ืนมาระบาย หรือระบายด้วยลวดลาย

เคร่ืองมือแต่ละชิ้นมคี ุณสมบัติ (ต่อ) History Brush ใช้ระบายภาพด้วยภาพของข้นั ตอนเดมิ ท่ี ผ่านมา หรือภาพของสถานะเดมิ ทบ่ี ันทึกไว้

เคร่ืองมือแต่ละชิ้นมคี ุณสมบตั ิ (ต่อ) Eraser ใช้ลบภาพบางส่วนทไ่ี ม่ต้องการ

เครื่องมือแต่ละชิ้นมคี ุณสมบตั ิ (ต่อ) Gradient ใช้เตมิ สีแบบไล่ระดบั โทนสีหรือความทึบ

เคร่ืองมือแต่ละชิ้นมคี ุณสมบัติ (ต่อ) Blur ใช้ระบายภาพให้เบลอ

เครื่องมือแต่ละชิ้นมคี ุณสมบตั ิ (ต่อ)) Bern ใช้ระบายเพ่ือให้ภาพมืดลง

เคร่ืองมือแต่ละชิ้นมคี ุณสมบตั ิ (ต่อ) Dodge ใช้ระบายเพ่ือให้ภาพสว่างขนึ้

เคร่ืองมือแต่ละชิ้นมคี ุณสมบัติ (ต่อ) pen ใช้วาดเส้นพาธ (Path)

เครื่องมือแต่ละชิ้นมคี ุณสมบัติ (ต่อ)) Horizontal Type ใช้พมิ พ์ตัวอกั ษรหรือข้อความลงบนภาพ

เคร่ืองมือแต่ละชิ้นมคี ุณสมบัติ (ต่อ)) Path Selection ใช้ เลือกและปรับแต่ งรูปทรงของเส้ นพาธ

เคร่ืองมือแต่ละชิ้นมคี ุณสมบัติ (ต่อ) Rectangle ใช้วาดรูปทรงเรขาคณติ หรือรูปทรงสาเร็จรูป

เคร่ืองมือแต่ละชิ้นมคี ุณสมบตั ิ (ต่อ) Hand ใช้เลื่อนดูส่วนต่าง ๆ ของภาพ

เคร่ืองมือแต่ละชิ้นมคี ุณสมบัติ (ต่อ)) Zoom ใช้ย่อหรือขยายมุมมองภาด

เคร่ืองมือแต่ละชิ้นมคี ุณสมบตั ิ (ต่อ) set Foreground Color, Set Background Color ใช้ สาหรับกาหนดสี - Foreground Color และ Background Color

เคร่ืองมือแต่ละชิ้นมคี ุณสมบตั ิ (ต่อ) เปิ ดแสดงหน้ากระดาษ แบบ Full screen

ตวั อย่างการออกแบบธุรกจิ โลโก้ธุรกจิ Brownie Fat Bear

ตวั อย่างการออกแบบธุรกจิ (ต่อ) ป้ายร้านธุรกจิ Brownie Fat Bear

จัดทาโดย นางสาว สุกญั ญา บุญมาวงค์ เสนอ อาจารย์ อรรชลี ชาญประไพร