LOng Du WeBBoArd
Would you like to react to this message? Create an account in a few clicks or log in to continue.
LOng Du WeBBoArd

ลองดูเว็บบอร์ด เว็บบอร์ดที่ต้องลองดู
 
เธšเน‰เธฒเธ™เธšเน‰เธฒเธ™  PortalliPortalli  GalleryGallery  เธ„เน‰เธ™เธซเธฒเธ„เน‰เธ™เธซเธฒ  Latest imagesLatest images  เธชเธกเธฑเธ„เธฃเธชเธกเธฒเธŠเธดเธ(Register)เธชเธกเธฑเธ„เธฃเธชเธกเธฒเธŠเธดเธ(Register)  เน€เธ‚เน‰เธฒเธชเธนเนˆเธฃเธฐเธšเธš(Log in)เน€เธ‚เน‰เธฒเธชเธนเนˆเธฃเธฐเธšเธš(Log in)  

 

 เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop

Go down 
+3
tp_zounds
UNborN
LongPenAdmin
7 posters
เธœเธนเน‰เธ•เธฑเน‰เธ‡เธ‚เน‰เธญเธ„เธงเธฒเธก
LongPenAdmin
ผู้ดูแลควบคุม
ผู้ดูแลควบคุม
LongPenAdmin


เธˆเธณเธ™เธงเธ™เธ‚เน‰เธญเธ„เธงเธฒเธก : 168
Registration date : 11/03/2007

Character sheet
HP:
เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Left_bar_bleue9999/9999เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Empty_bar_bleue  (9999/9999)
SP:
เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Left_bar_bleue999/999เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Empty_bar_bleue  (999/999)

เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Empty
เธ•เธฑเน‰เธ‡เธซเธฑเธงเธ‚เน‰เธญเน€เธฃเธทเนˆเธญเธ‡: เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop   เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop EmptySun 25 Mar 2007 - 23:28

ผมจะเปิดสอนพร้อมตอบปัญหาเทคนิคการใช้ Photo Shop เบื้องต้น ผ่านเว็บบอร์ดนะครับ

เนื้อหาก็เป็นการใช้ PS เพื่อตกแต่ง และสร้างรูปนะครับ

ใครสนใจขอให้มาลงชื่อไว้ที่นี้

แล้วจะมีแบบฝึกหัดมาให้ลองทำกัน

ง่ายๆ ไม่ยากครับ

Photoshop ง่ายนิดเดียว... แต่ยากเยอะเลย อิอิ
เธ‚เธถเน‰เธ™เน„เธ›เธ‚เน‰เธฒเธ‡เธšเธ™ Go down
http://longdu.niceboard.com
UNborN
บุคคลสำคัญ
บุคคลสำคัญ
UNborN


Male
เธˆเธณเธ™เธงเธ™เธ‚เน‰เธญเธ„เธงเธฒเธก : 317
อายุ : 39
Registration date : 15/03/2007

Character sheet
HP:
เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Left_bar_bleue1000/1000เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Empty_bar_bleue  (1000/1000)
SP:
เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Left_bar_bleue150/150เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Empty_bar_bleue  (150/150)

เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Empty
เธ•เธฑเน‰เธ‡เธซเธฑเธงเธ‚เน‰เธญเน€เธฃเธทเนˆเธญเธ‡: Re: เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop   เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop EmptyFri 30 Mar 2007 - 7:45

สนใจ แต่ว่าจะสอนยังไง แล้วครายจะเป็นคนสอน

ไม่ให้ไอ้แบงค์มันมาสอนเหรอ อย่าลืมสิว่ามันเป็น มือโปร PSสมัยตอนเรียนมหาลัยนะเว้ย
เธ‚เธถเน‰เธ™เน„เธ›เธ‚เน‰เธฒเธ‡เธšเธ™ Go down
tp_zounds
บุคคลสำคัญ
บุคคลสำคัญ
tp_zounds


Male
เธˆเธณเธ™เธงเธ™เธ‚เน‰เธญเธ„เธงเธฒเธก : 226
อายุ : 39
Registration date : 20/03/2007

Character sheet
HP:
เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Left_bar_bleue1000/1000เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Empty_bar_bleue  (1000/1000)
SP:
เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Left_bar_bleue150/150เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Empty_bar_bleue  (150/150)

เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Empty
เธ•เธฑเน‰เธ‡เธซเธฑเธงเธ‚เน‰เธญเน€เธฃเธทเนˆเธญเธ‡: Re: เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop   เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop EmptyTue 3 Apr 2007 - 11:01

PS นี่มันคล้าย ๆ กับ PES รึเปล่าหว่า


(PES = Pro Evolution Soccer = Winning Eleven อ่ะแหล่ะ)
เธ‚เธถเน‰เธ™เน„เธ›เธ‚เน‰เธฒเธ‡เธšเธ™ Go down
LongDuPoster
เจ้าหน้าที่พิเศษ
เจ้าหน้าที่พิเศษ
LongDuPoster


Male
เธˆเธณเธ™เธงเธ™เธ‚เน‰เธญเธ„เธงเธฒเธก : 763
ที่อยู่ : ลองดู เว็บบอร์ด
ความสนใจ : เรื่องของชาวบ้าน
งานอดิเรก : Browsing Internet
Registration date : 14/03/2007

Character sheet
HP:
เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Left_bar_bleue9999/9999เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Empty_bar_bleue  (9999/9999)
SP:
เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Left_bar_bleue999/999เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Empty_bar_bleue  (999/999)

เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Empty
เธ•เธฑเน‰เธ‡เธซเธฑเธงเธ‚เน‰เธญเน€เธฃเธทเนˆเธญเธ‡: Re: เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop   เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop EmptyTue 3 Apr 2007 - 19:15

Basic 1 มารุ้จัก Photoshop กันเถอะ By NECTEC

ลักษณะหน้าต่างโปรแกรม

เมื่อเรียกใช้งานโปรแกรม Adobe PhotoShop (ตัวอย่างที่แนะนำคือ Adobe PhotoShop 6.0) จะปรากฏหน้าต่างการทำงาน ดังนี้
เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Ps60002





  1. Title Bar แสดงชื่อโปรแกรม และ/หรือ ชื่อไฟล์ ตลอดจนค่าเกี่ยวกับโหมดภาพ
  2. Control Button ปุ่มควบคุมหน้าต่าง ประกอบด้วยปุ่ม Minimize, Maximize/Restore, Close Button
  3. Menu Bar แถบคำสั่งควบคุมการทำงาน
  4. Toolbox แถบเครื่องมือ
  5. Workarea Window หน้าต่างสร้างงาน
  6. Screen Area หน้าต่างโปรแกรม
  7. Palettes ชุดคำสั่งเฉพาะงาน
  8. Status Bar แสดงสถานะการทำงาน
  9. Option Bar แสดงชุดคำสั่งย่อยของเครื่องมือที่เลือกใช้งาน





หน้าต่างฟังก์ชันงาน - Palettes


Palettes เป็นหน้าต่างเล็กที่แสดงรายละเอียดของงานต่างๆ เช่น Palette Layer จะควบคุมการทำงานของเลเยอร์ เป็นต้น การเปิด/ปิด Palette เหล่านี้ใช้เมนูคำสั่ง Window
เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Palettes

นอกจากนี้ยังมีคีย์ลัดในการควบคุม ได้แก่


  • เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Tabสำหรับเปิด/ปิด palettes, the options bar, and the toolbox
  • เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Shiftเปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Tabสำหรับเปิด/ปิด palettes




เครื่องมือจากแถบ Toolbars


เครื่องมือต่างๆ ประกอบด้วย
เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Tools

เครื่องมือบางรายการ จะเป็นชุดเครื่องมือ สังเกตได้จากรูปสามเหลี่ยมเล็กๆ เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Marquee ที่ปรากฏอยู่มุมล่างขวาของเครื่องมือนั้นๆ การเลือกเครื่องมือจากชุด ใช้วิธีกดเมาส์ค้างไว้ โปรแกรมจะแสดงเครื่องมือในกลุ่ม ดังนี้ เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Marquee01 จากนั้นปล่อยเมาส์ ณ ตำแหน่งเครื่องมือที่ต้องการ
เครื่องมือบางเครื่องมือ มีรายละเอียดปลีกย่อยในการใช้งาน ซึ่งควบคุมจาก Options Bar ดังนั้นเมื่อเลิกเครื่องมือใดๆ ควรกำหนดรายละเอียดการใช้งานเครื่องมือนั้นๆ ก่อนเสมอ
เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Lasso-optionsbar
ตัวอย่าง Lasso Options Bar





สรุปประเด็นสำคัญของภาพกราฟิกสำหรับงานเว็บ


การทำภาพกราฟิกเพื่อใช้ในงานเว็บ มีหลักการเฉพาะแตกต่างไปจากงานสื่อสิ่งพิมพ์ ทั้งเรื่องความละเอียดของภาพ (Resolution) ที่ใช้เพียง 72 dpi หรือจำนวนสีที่ใช้แสดงผล เป็นต้น ดังนั้นการศึกษาถึง ลักษณะเฉพาะในการใช้ PhotoShop สร้างกราฟิกในงานเว็บ จึงเป็นศาสตร์ที่น่าสนใจอีกศาสตร์หนึ่ง
ประเด็นสำคัญของภาพกราฟิกสำหรับงานเว็บ


  • ใช้ความความละเอียดของภาพ (Resolution) 72 dpi
  • ใช้โหมด RGB ในการสร้างงาน
  • ต้องคำนึงถึง Screen Area ของจอภาพ ดังนี้

    • 640 x 480 pixel
    • 800 x 600 pixel
    • 1024 x 768 pixel


เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Screenarea-resolution



  • เก็บไฟล์ต้นฉบับไว้เสมอ (.psd เมื่อใช้ PhotoShop)

    • เลือกประเภทไฟล์ใช้งานให้เหมาะสม
    • ภาพที่มีสีน้อย, ต้องการความคมชัดต่ำ บันทึกเป็น .gif
    • ภาพที่ต้องการความคมชัดสูงๆ แสดงสีมากๆ บันทึกเป็น .jpg

  • กำหนดลักษณะพิเศษของภาพให้เหมาะสม เช่น การใช้ความสามารถ Interlaced, Progressive, Transparent
  • ภาพที่มีขนาดใหญ่ๆ มาก ควรใช้เทคนิคการตัดภาพเป็นชิ้นเล็กๆ แล้วนำมาประกอบด้วยคำสั่ง HTML


เนเธเน‰เน„เธ‚เธฅเนˆเธฒเธชเธธเธ”เน‚เธ”เธข เน€เธกเธทเนˆเธญ Tue 3 Apr 2007 - 19:31, เธ—เธฑเน‰เธ‡เธซเธกเธ” 2 เธ„เธฃเธฑเน‰เธ‡
เธ‚เธถเน‰เธ™เน„เธ›เธ‚เน‰เธฒเธ‡เธšเธ™ Go down
http://LongDu.NiceBoard.Com
LongDuPoster
เจ้าหน้าที่พิเศษ
เจ้าหน้าที่พิเศษ
LongDuPoster


Male
เธˆเธณเธ™เธงเธ™เธ‚เน‰เธญเธ„เธงเธฒเธก : 763
ที่อยู่ : ลองดู เว็บบอร์ด
ความสนใจ : เรื่องของชาวบ้าน
งานอดิเรก : Browsing Internet
Registration date : 14/03/2007

Character sheet
HP:
เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Left_bar_bleue9999/9999เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Empty_bar_bleue  (9999/9999)
SP:
เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Left_bar_bleue999/999เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Empty_bar_bleue  (999/999)

เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Empty
เธ•เธฑเน‰เธ‡เธซเธฑเธงเธ‚เน‰เธญเน€เธฃเธทเนˆเธญเธ‡: Re: เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop   เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop EmptyTue 3 Apr 2007 - 19:19

Basic 2 เริ่มต้นใช้งาน By NECTEC






การเปิดหน้างานใหม่ (New File)


การเปิดหน้างานใหม่ กระทำได้โดยการเลือกเมนูคำสั่ง File, New… และปรากฏกรอบทำงาน ดังนี้
เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop New-file



  • Name จะเป็นชื่อไฟล์
  • Image Size ประกอบด้วยค่าสำคัญคือ

    • Width ความกว้างของชิ้นงาน ควรใช้หน่วยเป็น Pixel
    • Height ความสูงของชิ้นงาน ควรใช้หน่วยเป็น Pixel
    • Resolution ความละเอียดของชิ้นงาน
      แนะนำ ให้ใช้ 72 pixel/inch
    • Mode ต้องเลือกเป็น RGB Color

  • Contents เป็นการระบุลักษณะของพื้นภาพ (Background) แนะนำให้ใช้ White

การกำหนดค่าเกี่ยวกับ Width และ Height ของภาพ จะต้องสัมพันธ์กับ Screen Area ของจอภาพ และลักษณะ Layout ของหน้าเว็บที่กำหนดไว้ด้วยเสมอ โดยปกติจอภาพ 14 นิ้ว มี Screen Area ได้ 3 ลักษณะ คือ


  • 640 x 480 pixel
    เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop 640
  • 800 x 600 pixel
    เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop 800
  • 1024 x 768 pixel
    เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop 1024

ดังนั้นก่อนจะสร้างภาพกราฟิก ควรวางแผนก่อนว่า เว็บที่จะนำเสนอ ต้องการให้แสดงผลได้ดีที่สุดบนจอภาพที่มี Screen Area เท่าใด เช่น หากต้องการให้เว็บที่พัฒนา แสดงผลบนจอภาพขนาด 800 x 600 pixel ภาพกราฟิกที่สร้างไม่ควรมีความยาวถึง 800 pixel เพราะโปรแกรมเบราเซอร์มีจะค่ากำหนดเกี่ยวกับ Margin เสมอ ตลอดจนจะต้องมี Scroll Bar ดังนั้นค่าความยาวที่เหมาะสมสำหรับจอภาพขนาด 800 x 600 pixel คือไม่เกิน 780 pixel เป็นต้น สำหรับความสูงไม่มีข้อกำหนดตายตัว ขึ้นอยู่กับปริมาณข้อมูลในหน้าเว็บนั้นๆ


การจัดเก็บภาพ (Save File) สำหรับภาพต้นฉบับ


การบันทึกภาพ หรือจัดเก็บภาพมีข้อพิจารณา 2 ประเด็นคือ การบันทึกภาพต้นฉบับ ซึ่งภาพลักษณะนี้จะยังคงชั้นของเลเยอร์ไว้ดังเดิม และการบันทึกภาพเพื่อนำไปใช้งานสำหรับงานเว็บ โดยโปรแกรมจะรวมเลเยอร์ที่มีทั้งหมดเป็นชั้นเดียว คือชั้น Background ซึ่งมีวิธีการบันทึกแตกต่างกันไป ดังนี้


  • เปิดโปรแกรม PhotoShop
  • สร้างภาพด้วยวิธีการของ PhotoShop หรือเปิดไฟล์ภาพที่ต้องการ
  • ปรับแต่งภาพด้วยคำสั่งของ PhotoShop เมื่อปรับแต่งภาพได้ตามที่ต้องการแล้ว ก็จะทำการจัดเก็บภาพโดยจะเลือกฟอร์แมตเป็น .PSD ดังนี้

    • เลือกคำสั่ง File, Save สำหรับการจัดเก็บงานครั้งแรก หรือ File, Save as สำหรับการจัดเก็บงานครั้งที่สองและต้องการเปลี่ยนชื่อไฟล์ภาพ
    • ปรากฏจอภาพโต้ตอบการทำงาน Save as ดังนี้
      เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Save-psd
    • เลือกไดร์ฟ และโฟลเดอร์ที่ต้องการเก็บภาพ
    • ตั้งชื่อไฟล์ภาพ
    • เลือกฟอร์แมตภาพเป็น .psd
      เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Save-psd01
    • คลิกปุ่ม Save เพื่อยืนยันการจัดเก็บภาพ








การจัดเก็บภาพ (Save) ในฟอร์แมต JPG


ภาพที่จะนำมาใช้ในการสร้าง Webpage มีฟอร์แมตแตกต่างไปจากภาพโดยทั่วไป โดยฟอร์แมตหนึ่งที่นิยมใช้คือ .JPG ซึ่งเป็นฟอร์แมตที่เหมาะกับภาพถ่าย หรือภาพที่ต้องการ ให้คงความคมชัดและความสดใสของสี โปรแกรม PhotoShop มีวิธีการจัดเก็บภาพให้เป็นฟอร์แมต JPG ดังนี้


  • เปิดโปรแกรม PhotoShop
  • สร้างภาพด้วยวิธีการของ PhotoShop หรือเปิดไฟล์ภาพที่ต้องการ
  • ปรับแต่งภาพด้วยคำสั่งของ PhotoShop เมื่อปรับแต่งภาพได้ตามที่ต้องการแล้ว ก็จะทำการจัดเก็บภาพโดยจะเลือกฟอร์แมตเป็น .JPG ดังนี้
  • เลือกคำสั่ง File, Save สำหรับการจัดเก็บงานครั้งแรก หรือ File, Save as สำหรับการจัดเก็บงานครั้งที่สองและต้องการเปลี่ยนชื่อไฟล์ภาพ
  • ปรากฏจอภาพโต้ตอบการทำงาน

    • เลือกไดร์ฟ และโฟลเดอร์ที่ต้องการเก็บภาพ จากรายการ Save in:
    • ตั้งชื่อไฟล์ภาพโดยพิมพ์ในบรรทัด File name:
    • เลือกประเภทของไฟล์เป็น JPEG (*.JPG, *.JPE) จากรายการ Format :
      เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Save-jpg
    • คลิกปุ่ม Save เพื่อยืนยันการจัดเก็บภาพ

  • ปรากฏหน้าต่าง JPEG Options ดังนี้
    เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Jpg-options

    • กำหนดค่า Quality อันเป็นค่าเกี่ยวกับคุณภาพของภาพ ไว้ประมาณ 5 - 7 ไม่ควรกำหนดค่าไว้มากเกินไปเพราะจะทำให้ไฟล์มีขนาดใหญ่ และทำให้เสียเวลานานในการโหลดภาพจาก Server และไม่ควรกำหนดค่าไว้น้อยมาก เพราะจะทำให้คุณภาพของภาพต่ำ ภาพที่แสดงไม่คมชัด
    • Format Options เป็นรายการเลือกเพิ่มเติมสำหรับการนำเสนอไฟล์ภาพ โดย
    • Baseline ("Standard") เป็นตัวเลือกที่ดีที่สุดสำหรับภาพ ที่ต้องการนำเสนอผ่านเว็บเบราเซอร์ เนื่องจากสนับสนุนกับเว็บเบราเซอร์ทุกตัว
    • Baseline Optimized สำหรับการบีบอัดไฟล์ภาพให้มีขนาดเล็กกว่าปกติ แต่ก็ไม่ใช่ทางเลือกที่ดีที่สุด เพราะไม่สามารถแสดงผลได้กับเว็บเบราเซอร์ทุกตัว
    • Progressive เป็นตัวเลือกสำหรับภาพที่มีขนาดโตมากๆ และต้องการให้มีฟังก์ชันการนำเสนอแบบภาพโครงร่างก่อนที่จะแสดงภาพจริง ทำให้ไม่รู้สึกว่าต้องรอในระหว่างเว็บเบราเซอร์โหลดภาพ แต่ก็ไม่ใช่ทางเลือกที่ดีที่สุด เพราะไม่สามารถแสดงผลได้กับเว็บเบราเซอร์ทุกตัว รวมทั้งต้องใช้หน่วยความจำแรมจำนวนมาก จึงควรเลือกใช้เฉพาะภาพที่จำเป็นหรือมีขนาดโตมากๆ เท่านั้น







คำสั่ง Save for Web กับฟอร์แมต JPG และ GIF


คำสั่ง Save for Web เป็นคำสั่งในการจัดเก็บไฟล์ภาพ เช่นเดียวกับคำสั่งที่กล่าวมาข้างต้น และเป็นคำสั่งใหม่ที่มาพร้อมกับ PhotoShop 5.5 ซึ่งมีจุดเด่นคือ ผู้ใช้สามารถตรวจสอบขนาดไฟล์ภาพ (File Size) และความคมชัดของภาพได้โดยตรงก่อนยืนยันการจัดเก็บ โดยมีวิธีการใช้งานดังนี้


  • เปิดโปรแกรม PhotoShop
  • สร้างภาพด้วยวิธีการของ PhotoShop หรือเปิดไฟล์ภาพที่ต้องการ
  • ปรับแต่งภาพ ด้วยคำสั่งของ PhotoShop เมื่อปรับแต่งภาพได้ตามที่ต้องการแล้ว ก็จะทำการจัดเก็บภาพโดยเลือกคำสั่ง File, Save for Web…
  • ปรากฏกรอบทำงานดังนี้
    เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Save-web01
  • เลือก Tab ทำงานของหน้าต่างนี้เป็น 4-Up เพื่อแสดงภาพแบบ 4 ช่องภาพ
    เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Save-web02
  • ช่องแรกด้านซ้ายมือจะแสดงภาพต้นฉบับ พร้อมขนาดไฟล์ ส่วนกรอบที่เหลือจะแสดงภาพที่ผ่านการวิเคราะห์ด้วยโปรแกรม ซึ่งสามารถเปลี่ยนแปลงได้โดย คลิกเลือกภาพในกรอบที่ต้องการทำงาน (กรอบที่ 2, 3, 4)
  • จากนั้นกำหนดค่าที่ต้องการจากรายการ Setting ตามค่าที่ต้องการ
    เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Save-web03
  • เมื่อได้ค่าที่ต้องการก็คลิกปุ่ม OK เพื่อยืนยันการจัดเก็บภาพ


เนเธเน‰เน„เธ‚เธฅเนˆเธฒเธชเธธเธ”เน‚เธ”เธข เน€เธกเธทเนˆเธญ Tue 3 Apr 2007 - 19:39, เธ—เธฑเน‰เธ‡เธซเธกเธ” 2 เธ„เธฃเธฑเน‰เธ‡
เธ‚เธถเน‰เธ™เน„เธ›เธ‚เน‰เธฒเธ‡เธšเธ™ Go down
http://LongDu.NiceBoard.Com
LongDuPoster
เจ้าหน้าที่พิเศษ
เจ้าหน้าที่พิเศษ
LongDuPoster


Male
เธˆเธณเธ™เธงเธ™เธ‚เน‰เธญเธ„เธงเธฒเธก : 763
ที่อยู่ : ลองดู เว็บบอร์ด
ความสนใจ : เรื่องของชาวบ้าน
งานอดิเรก : Browsing Internet
Registration date : 14/03/2007

Character sheet
HP:
เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Left_bar_bleue9999/9999เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Empty_bar_bleue  (9999/9999)
SP:
เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Left_bar_bleue999/999เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Empty_bar_bleue  (999/999)

เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Empty
เธ•เธฑเน‰เธ‡เธซเธฑเธงเธ‚เน‰เธญเน€เธฃเธทเนˆเธญเธ‡: Re: เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop   เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop EmptyTue 3 Apr 2007 - 19:22

Basic 3 เครื่องมือหลัก By NECTEC




เครื่องมือพื้นฐาน




  • Zoom เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Zoom ใช้ในการขยายภาพวัตถุเข้า-ออก เพื่อให้เราสามารถมองเห็นงานได้ชัดเจนยิ่งขึ้น

    • เมื่อต้องการขยายภาพให้ใหญ่ขึ้นให้นำเคอร์เซอร์ไปคลิกที่ภาพ
    • ถ้าต้องการทำให้ภาพเล็กลง ให้กด ค้างไว้แล้วจึงไปคลิกที่ภาพ
    • หาก Double Click ที่เครื่องมือ zoom จะเป็นการขยายภาพให้สู่โหมด 100% อย่างรวดเร็ว

  • Hand เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Hand ใช้ในการเลื่อนภาพ ในกรณีที่ภาพมีขนาดใหญ่ ไม่สามารถมองได้ทั่วถึง

    • หากทำการ Double Click ที่เครื่องมือ Hand จะเป็นการปรับหน้าจอภาพ ให้อยู่ในโหมดพอดีกับกรอบภาพ (Actual Size)

  • Selection เป็นเครื่องมือที่ใช้ในการสร้างขอบเขต ซึ่งจะมีให้หลายแบบ ขึ้นอยู่กับงานที่เราต้องการสร้าง
    เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Selection01
    สามารถ Double Click เพื่อเปิดหน้าต่างควบคุม (Options) ประกอบการทำงาน เช่น การกำหนดค่าความฟุ้งของขอบ (Feather) เป็นต้น
    เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Selecton-options
  • Move เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Move ใช้ในการย้ายภาพที่เราทำงานอยู่





มุมมองของหน้าต่างภาพ


เมื่อมีการเปิดภาพ สามารถควบคุมมุมมองต่างๆ ได้ดังนี้
1. Double Click ที่ไอคอน Hand เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Hand เพื่อปรับภาพให้มีขนาดพอดีกับจอภาพ (Fit on Screen)
2. คลิกเลือกเครื่องมือ Zoom เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Zoom แล้ว


  • นำเมาส์ไปคลิกที่ภาพ เพื่อขยายภาพ
  • กดปุ่ม เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Alt ค้างไว้ แล้วคลิกเมาส์ที่ภาพ เพื่อย่อภาพ
  • คลิกเลือกรายการจาก Zoom Options Bar
    เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Zoom-options

3. Double Click ที่ไอคอน Zoom เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Zoom เพื่อปรับให้มีขนาด 100%
4. ควบคุมจาก Navigator Palette
เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Zoom-palatte




การใช้สี




  • เครื่องมือแรกที่อยู่ใน Tool Bar ที่เกี่ยวกับสีคือ
เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Color01

เมื่อคลิกเข้าไปใน Foreground/Background Color จะเจอกับ Color Picker เพื่อใช้ในการเลือกสีที่ต้องการ
เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Color02





    • คลิกเลือกสีที่ต้องการแล้วกดปุ่ม OK
    • สามารถกดที่ปุ่ม Default color เพื่อคืนค่าสีเป็น "ขาว/ดำ"
    • สามารถกดปุ่ม Swap color เพื่อกลับค่าสีที่เลือก


เรายังสามารถเลือกสีได้จาก Palette Color และ Swatches โดยการเข้าไปที่เมนู Window / Show Color, Show Swatches
เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Color03







การปรับขนาดของภาพ


ภาพที่นำมาใช้ประกอบเว็บ ไม่ควรมีขนาดใหญ่เกินไป หากท่านนำภาพมาใช้งาน และพบว่ามีขนาดใหญ่มาก ควรทำการย่อขนาดของภาพด้วย PhotoShop ก่อนนำไปใช้งานจริง ไม่ควรใช้ Attribute Width & Height ใน TAG ควบคุมขนาด เพราะจะทำให้ การโหลดภาพช้ากว่าปกติ โดยคำสั่งที่ใช้ในการย่อ / ขยายขนาดภาพ คือ Image, Image Size... ซึ่งปรากฏจอภาพทำงานดังนี้
เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Image-size
จอภาพทำงาน Image, Image Size

ปรับค่า Pixel Dimensions โดยสามารถปรับเพียงค่าใดค่าหนึ่ง อีกค่าจะปรับให้อัตโนมัติ แต่ถ้าต้องการปรับค่าเองทั้งสองค่า จะต้องยกเลิกรายการเลือกของ Constrain Proportions เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Image-size01 ก่อน





การปรับความละเอียดของภาพ


ภาพที่จะนำมาใช้ในเอกสารเว็บ จะต้องมีค่าความละเอียด (Resolution) เท่ากับ 72 pixels/inch เท่านั้น ดังนั้นหากภาพนั้นมีค่าความละเอียดมาก จะต้องทำการปรับค่าก่อนโดย
เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Image-size02



  • ปรับค่า Resolution ให้เท่ากับ 72 pixels/inch
  • โดยปกติเมื่อมีการปรับค่าความละเอียดของภาพ จะส่งผลต่อขนาดของภาพ (pixel dimensions) ด้วย ดังนั้นจะต้องยกเลิกรายการเลือกของ Resample Image เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Image-size04 ก่อน




การเลือกขอบเขต


การเลือกภาพ เป็นงานหลักของการปรับแต่งภาพ โปรแกรมเตรียมเครื่องมือเลือกภาพ ไว้หลากหลายเครื่องมือ โดยแบ่งเป็นชุด ได้ดังนี้


  • ชุดกำหนดขอบเขตด้วยรูปทรง เลือกจากเครื่องมือ Marquee เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Selection001
  • ชุดกำหนดขอบเขตรูปทรงอิสระ เลือกจากเครื่องมือ Lasso เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Selection002
  • ชุดกำหนดขอบเขตจากค่าสี เลือกจากเครื่องมือ Magic Wand เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Selection003

การใช้เครื่องมือ Marquee


  • คลิกเลือกเครื่องมือ หรือกดปุ่มเมาส์ค้างไว้ที่เครื่องมือ แล้วคลิกเลือกเครื่องมือย่อยที่ต้องการ
    เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Selection004

  • กำหนดค่าควบคุมจาก Options Bar
  • นำเมาส์มาชี้ที่ตำแหน่งเริ่มต้นของขอบเขต กดปุ่มเมาส์ค้างไว้ แล้วลากเมาส์กำหนดขอบเขต เมื่อได้ขนาดที่ต้องการก็ปล่อยนิ้วจากเมาส์ (หรือคลิกเมาส์ ณ ตำแหน่งที่ต้องการ กรณีที่กำหนดค่า Options เป็น Constrain Aspect Ratio หรือ Fixed Size)
  • หากต้องการเลือกพื้นที่อื่นๆ ให้กดปุ่ม เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Shiftค้างไว้ แล้วคลิก ณ พื้นที่นั้นๆ

การใช้เครื่องมือ Lasso


  • คลิกเลือกเครื่องมือ หรือกดปุ่มเมาส์ค้างไว้ที่เครื่องมือ แล้วคลิกเลือกเครื่องมือย่อยที่ต้องการ
    เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Selection005

  • กำหนดค่าควบคุมจาก Options Bar
  • นำเมาส์มาชี้ที่ตำแหน่งเริ่มต้นของขอบเขต กดปุ่มเมาส์ค้างไว้ แล้วลากเมาส์กำหนดขอบเขต เมื่อได้ขนาดที่ต้องการก็ปล่อยนิ้วจากเมาส์ (หรือคลิกเมาส์เป็นระยะๆ เพื่อให้ได้ขอบเขตที่ต้องการ)
  • การยุติการกำหนดขอบเขต กระทำได้สองลักษณะคือ
  • Double Click ณ จุดปลายทาง
  • นำเมาส์กลับไปคลิก ณ จุดเริ่มต้น
  • หากต้องการเลือกพื้นที่อื่นๆ ให้กดปุ่ม เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Shift ค้างไว้ แล้วคลิก ณ พื้นที่นั้นๆ

การใช้เครื่องมือ Magic Wand


  • คลิกเลือกเครื่องมือ Magic Wand
  • กำหนดค่าจาก Options Bar โดยเฉพาะค่า Tolerance (ค่ามากจะได้พื้นที่เลือกมาก)
  • นำเมาส์ซึ่งมีรูปร่างเป็น Magic Wand ไปคลิก ณ ตำแหน่งที่ต้องการ
  • หากต้องการเลือกพื้นที่อื่นๆ ให้กดปุ่ม เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Shift ค้างไว้ แล้วคลิก ณ พื้นที่นั้นๆ






การทำงานกับขอบเขต


ขอบเขตที่เลือกไว้ในแต่ละภาพ สามารถสั่งการได้ลักษณะเดียวกับการเลือกข้อมูลทั่วไป เช่น การย้าย, การคัดลอก, การย่อ-ขยายขนาด, การลบ เป็นต้น ดังนี้
การยกเลิกการเลือกขอบเขต


  • การยกเลิกการเลือกขอบเขต กระทำได้โดยกดปุ่ม เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Ctrl-d หรือเลือกเมนูคำสั่ง Select, Deselect

การย้ายขอบเขต


  • ขอบเขตที่สร้าง สามารถย้ายตำแหน่งได้โดยนำเมาส์ ไปชี้ที่เส้นกรอบของ Selection (เส้นประ) แล้วกดปุ่มเมาส์ค้างไว้ ลากไปยังตำแหน่งที่ต้องการ

การบันทึกขอบเขต


  • หากต้องการใช้งานขอบเขตนั้นๆ หลายครั้ง การบันทึกขอบเขตไว้ จะช่วยให้การใช้งานกระทำได้สะดวก โดยเลือกเมนูคำสั่ง Select, Save Selection… ปรากฏหน้าต่างการทำงาน
เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Selection-save



  • จากนั้นกดปุ่ม OK เพื่อยืนยันการบันทึกขอบเขต

การเรียกใช้ขอบเขตที่บันทึกไว้


  • เมื่อต้องการใช้งานขอบเขตที่บันทึกไว้ สามารถเรียกใช้งานจากเมนูคำสั่ง Select, Load Selection… ซึ่งจะปรากฏหน้าต่างการทำงานดังนี้
เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Selection-load



  • กรณีที่มีการบันทึกขอบเขตไว้หลายชิ้น แต่ละชิ้นจะมีชื่อกำกับด้วยคำว่า Alpha แล้วตามด้วยเลข 1, 2, … ดังนั้นสามารถเลือกขอบเขตที่ต้องการจากรายการ Channel แล้วคลิกปุ่ม OK

การย้ายภาพ


  • ภาพที่กำหนดขอบเขตไว้ สามารถย้ายตำแหน่งโดยการคลิกปุ่มเครื่องมือ Move เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Move-toolsซึ่งตำแหน่งที่ย้ายไป จะถูกแทนที่ด้วยสีของ Background Color ดังนั้นควรเลือก Background Color ก่อนใช้คำสั่งนี้





การเลือกบางส่วนของภาพมาใช้งาน (Crop Image)


รูปที่นำมาใช้ในเว็บ มักจะเป็นภาพถ่ายที่ผ่านการสแกนด้วยเครื่องสแกนเนอร์ เมื่อนำมาใช้ ผู้ใช้อาจจะต้องการเพียงบางส่วนของภาพ จึงต้องทำการเลือกส่วนของภาพ และตัดมาใช้งาน เราเรียกขั้นตอนการเลือกภาพ และตัดภาพเฉพาะส่วนที่เลือกแล้วนี้ว่า Crop ซึ่ง PhotoShop มีคำสั่งดังนี้




  1. เปิดไฟล์ภาพที่ต้องการ
  2. เลือกเครื่องมือ Marquee เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Photoshop01
    หากไม่ปรากฏเครื่องมือนี้ แสดงว่ามีการเปลี่ยนชนิดเครื่องมือ ท่านสามารถเปลี่ยนกลับโดยการนำเมาส์มาคลิกค้างไว้ที่ปุ่มเครื่องมืออันแรก ในแถบเครื่องมือ จะปรากฏชุดเครื่องมือ ดังนี้
    เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Photoshop02
    จากนั้นเลื่อนเมาส์เพื่อเลือกเครื่องมือ Marquee
  3. นำเมาส์ซึ่งมีรูปร่างเป็นกากบาทเล็กๆ มาชี้ ณ มุมบนซ้ายของตำแหน่งภาพที่ต้องการ กดปุ่มเมาส์ค้างไว้ ลากเมาส์ จะปรากฏเส้นประ ให้ลากเมาส์ให้ได้ขนาดของเส้นประที่คลุมภาพที่ต้องการ
    เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Photoshop015
  4. หากต้องการยกเลิกการเลือกพื้นที่ภาพ ให้เลือกคำสั่ง Select, None
  5. เมื่อได้ขนาดของภาพที่ต้องการ ก็จะทำการตัดภาพ ด้วยคำสั่ง Image, Crop จากภาพตัวอย่าง จะได้ผลลัพธ์ ดังนี้
    เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Photoshop016
คำสั่ง Image, Crop จึงมีหน้าที่ตัดส่วนของภาพที่สนใจ เพื่อนำไปใช้งาน





การเลือกบางส่วนของภาพมาใช้งาน (Crop Image) # 2


นอกจากการเลือกบางส่วนของภาพ ด้วยเครื่องมือ Marquee ที่ได้กล่าวไปแล้ว ยังสามารถใช้เครื่องมือ Crop อันเป็นเครื่องมือเฉพาะ มาดำเนินการได้เช่นกัน ดังนี้


  1. เปิดไฟล์ภาพที่ต้องการ
  2. เลือกเครื่องมือ Crop Toolเปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Crop-tools
    หากไม่ปรากฏเครื่องมือนี้ แสดงว่ามีการเปลี่ยนชนิดเครื่องมือ ท่านสามารถเปลี่ยนกลับโดยการนำเมาส์มาคลิกค้างไว้ที่ปุ่มเครื่องมืออันแรก ในแถบเครื่องมือ จะปรากฏชุดเครื่องมือ ดังนี้
    เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Photoshop02
    จากนั้นเลื่อนเมาส์เพื่อเลือกเครื่องมือ Crop
  3. นำเมาส์ซึ่งมีรูปร่าง เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Crop-cursor มาชี้ ณ มุมบนซ้ายของตำแหน่งภาพที่ต้องการ กดปุ่มเมาส์ค้างไว้ ลากเมาส์ จะปรากฏเส้นประ ให้ลากเมาส์ให้ได้ขนาดของเส้นประที่คลุมภาพที่ต้องการ
    เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Crop-pic
  4. หากต้องการยกเลิกการเลือกพื้นที่ภาพ ให้กดปุ่ม
  5. สามารถปรับขนาดของพื้นที่เลือกภาพ โดยการนำเมาส์ไปชี้ที่จุดสี่เหลี่ยมของกรอบพื้นที่ แล้ว Drag & Drop ให้ได้ขนาดที่ต้องการ
    เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Crop-pic1
  6. สามารถกำหนดรูปแบบ และตำแหน่งของพื้นที่เลือก Crop โดยการหมุนพื้นที่ ซึ่งกระทำได้ดังนี้

    1. นำเมาส์ไปคลิกที่ริมนอก ของจุดสี่เหลี่ยมที่มุม
    2. Cursor จะเปลี่ยนรูปร่างเป็นลูกศรโค้งๆ
      เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Crop-pic2
    3. Drag & Drop เพื่อหมุนพื้นที่ให้ได้ตามที่ต้องการ

  7. เมื่อได้ขนาดของภาพที่ต้องการ ก็จะทำการตัดภาพ ด้วยการกดปุ่ม เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Enter






การขยายพื้นที่ของหน้าต่างภาพ


ภาพบางภาพ อาจจะมีขนาดเล็ก ทำให้ไม่สามารถปรับแต่ง หรือตกแต่งได้สะดวก สามารถขยายพื้นที่ของหน้าต่างภาพนั้นๆ ได้โดย


  • เลือกเมนูคำสั่ง Image, Canvas Size…
  • ปรากฏกรอบทำงานดังนี้
    เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Canvas-size
  • กำหนดขนาดความกว้าง และความสูงที่ต้องการ
  • นำเมาส์ไปคลิก ตำแหน่งที่ต้องการวางภาพเดิม จากรายการ Anchor: แล้วคลิกปุ่ม OK
เธ‚เธถเน‰เธ™เน„เธ›เธ‚เน‰เธฒเธ‡เธšเธ™ Go down
http://LongDu.NiceBoard.Com
LongDuPoster
เจ้าหน้าที่พิเศษ
เจ้าหน้าที่พิเศษ
LongDuPoster


Male
เธˆเธณเธ™เธงเธ™เธ‚เน‰เธญเธ„เธงเธฒเธก : 763
ที่อยู่ : ลองดู เว็บบอร์ด
ความสนใจ : เรื่องของชาวบ้าน
งานอดิเรก : Browsing Internet
Registration date : 14/03/2007

Character sheet
HP:
เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Left_bar_bleue9999/9999เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Empty_bar_bleue  (9999/9999)
SP:
เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Left_bar_bleue999/999เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Empty_bar_bleue  (999/999)

เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Empty
เธ•เธฑเน‰เธ‡เธซเธฑเธงเธ‚เน‰เธญเน€เธฃเธทเนˆเธญเธ‡: Re: เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop   เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop EmptyTue 3 Apr 2007 - 20:04

Basic 4 การปรับแต่งภาพ By NECTEC


คำสั่งปรับแต่งภาพ


ภาพที่ผ่านการสแกน หรือภาพจากแหล่งอื่นๆ ก่อนนำมาใช้งาน มักจะต้องปรับแต่งสีก่อนเสมอ ด้วยคำสั่ง Image, Adjust



  • Levels เป็นการปรับความสว่าง-มืดของภาพ โดยการเติมสีขาว-ดำลงไป ซึ่งเราจะใช้กราฟ Histogram ในการปรับระดับสี [/size]

    • กด Alt ค้างไว้ จะเปลี่ยนปุ่ม Cancel เป็น Reset ทำให้กลับไปที่ค่าเริ่มต้น
      เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Level

  • Auto Levels เป็นการปรับความสว่าง-มืดของภาพ โดยอัตโนมัติ ซึ่งจะคำนึงถึงระดับความสว่างและมืดของสีในแต่ละ Channel
  • Auto Contrastเป็นการปรับความสว่าง-มืดของภาพ โดยอัตโนมัติ ซึ่งจะคำนึงถึงพื้นที่ที่สวางและมืดของภาพ แล้วปรับให้เห็นความชัดเจนมากยิ่งขึ้น[/size]
  • Curves เป็นการปรับความสว่าง-มืดของภาพ คล้ายกับ Levels โดยการใช้เส้น Curves เป็นตัวกำหนด ซึ่งจะเป็นการเปรียบเทียบระหว่างสีเดิมกับสีใหม่
    เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Curves [/size]
  • Color Balance เป็นการปรับแต่งความสมดุลของสีภาพ โดยใช้โหมดสีเป็นตัวกำหนด เช่น CMYK, RGB..
  • Brightness/Contrast เป็นการปรับค่าความสว่าง-มืด และความแตกต่างของสีโดยรวม
  • Hue/Saturation เป็นการปรับแต่งโทนสีโดยคำนึงถึงพื้นฐานการมองเห็นของมนุษย์คือ

    • Hue = ค่าความสะท้อนแสง
    • Saturation = ความเข้มข้นของสี
    • Brightness = ความสว่าง-มืด

  • Desaturate เป็นการเอาค่าสีออกจากภาพให้เหลือแต่สีขาว-ดำ โดยที่โหมดภาพจะยังคงเดิม
  • Replace Color เป็นการแทนที่สีในภาพด้วยสีใหม่
    เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Replace-color
  • Channel Mixer เป็นการปรับแต่งโทนสีแต่ละสีโดยใช้โหมดสีเป็นตัวกำหนด เช่น CMYK,RGB[/size]
  • Invert เป็นการปรับสีในภาพให้เป็นสีตรงข้าม[/size]
  • Equalize เป็นการกระจายค่าความสว่าง-มืดของภาพ ให้มีค่าเท่ากัน มักใช้กับภาพที่สแกนมา
  • Threshold เป็นการเปลี่ยนภาพสี ให้เป็นภาพที่มีแต่สีขาว-ดำ โดยใช้ค่า Threshold เป็นตัวกำหนด

การพิมพ์ข้อความ


ข้อความกราฟิก เป็นภาพประเภทหนึ่งที่นิยมนำมาใช้ประกอบเอกสารเว็บ โดยมีวิธีการสร้างดังนี้



  • เปิดไฟล์ภาพ หรือสร้างชิ้นงานใหม่
  • คลิกเลือกเครื่องมือ Text Tool เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop T-tools
  • เลือกรูปแบบอักษรจาก Text Options Bar

    • รูปแบบการสร้างอักษร เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Text001 ตัวทีเส้นทึบสร้างอักษรที่มีสีตามค่าที่ กำหนด และปรากฏเป็นเลเยอร์ข้อความ ขณะที่ตัวทีเส้นประ จะสร้างอักษรในเลเยอร์ปัจจุบัน และปรากฏเฉพาะเส้นโครงร่าง
    • เลือกทิศทางการพิมพ์
      เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Text002
    • เลือกแบบอักษร
      เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Text003
    • เลือกลักษณะอักษร
      เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Text004
    • เลือกขนาดอักษร
      เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Text005
    • เลือกรูปแบบของเส้นขอบรอบอักษร
      เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Text006
    • เลือกตำแหน่งการวางข้อความ
      เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Text007
    • เลือกสีข้อความ
      เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Text008
      เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Text009 [/size]
    • เลือกลักษณะพิเศษ
      เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Text010
      เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Text011

  • นำเมาส์ไปคลิก ณ ตำแหน่งที่ต้องการพิมพ์ข้อความ
  • พิมพ์ข้อความที่ต้องการ สามารถใช้ปุ่ม เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Enterเพื่อขึ้นบรรทัดใหม่ หรือ เพื่อลบแก้ไข
  • ขณะที่พิมพ์ สามารถ Select ตัวอักษร และปรับแต่งเฉพาะตัวอักษรได้
  • ขณะที่พิมพ์ สามารถย้ายตำแหน่งข้อความ โดยนำเมาส์ไปชี้ริมด้านขวาของข้อความ จะมีลักษณะดังนี้
    เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Text012 จากนั้นกดปุ่มเมาส์ค้างไว้ ลากไปยังตำแหน่งที่ต้องการ หรือกดปุ่ม เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Ctrl ค้างไว้ แล้วลากไปยังตำแหน่งที่ต้องการ
  • เมื่อต้องการยุติการพิมพ์ ให้คลิกเมาส์ที่ปุ่มเครื่องมืออื่น หรือคลิกที่ปุ่ม เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Text013

หมายเหตุ
สำหรับเครื่องมือ Type Mask จะปรากฏเป็นเส้นโครงร่าง ซึ่งต้องใช้คำสั่ง ต่อไปนี้จัดการ



  • เลือกสี Foreground ซึ่งจะใช้เป็นสีของเส้นขอบ แล้วเลือกคำสั่ง Edit, Stroke เพื่อเติมเส้นขอบข้อความ
  • เลือกสี Background ซึ่งจะใช้เป็นสีพื้นของข้อความ แล้วง เลือกคำสั่ง Edit, Fill, Background Color เพื่อเติมสีพื้นของข้อความ

การลบข้อความ


การลบข้อความ จะอาศัย Layer Palette (เปิดด้วยคำสั่ง Window, Show Layers) ข้อความที่พิมพ์ไปด้วย Text Tool จะมีลักษณะคือ 1 ข้อความต่อ 1 เลเยอร์ ดังนั้นหากต้องการลบข้อความใด ก็ให้นำเมาส์ไปคลิก ณ เลเยอร์ที่ต้องการลบ แล้วลากเลเยอร์นั้นไปวางบนไอคอนถังขยะ เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Delete-layer
เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Text-layer





การแก้ไขข้อความ


ข้อความที่พิมพ์ไปแล้ว สามารถแก้ไขได้โดย



  • คลิกเลือกเครื่องมือ Text Tool เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop T-tools
  • นำเมาส์ไปคลิก ณ ตำแหน่งข้อความที่ต้องการแก้ไข โดยจะต้องเลือก Layer ให้ถูกต้องก่อนเสมอ
    เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Text-layer
  • ]แก้ไขข้อความเสร็จแล้วก็คลิกปุ่ม เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Text013




  • หรือแก้ไขโดย Double Click ในรายการ Layer Thumbnail ของเลเยอร์ข้อความที่ต้องการบน Layer Palette
เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Text-layer01



การใส่ลักษณะพิเศษให้กับข้อความ


ข้อความต่างๆ สามารถเติมลักษณะพิเศษได้ เช่น อักษรนูน, มีเงา เป็นต้น


  • เปิด Layer Palette
  • คลิกเลือกเลเยอร์ที่ต้องการ
  • คลิกที่ปุ่ม Add a Layer Style เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Effectsด้านล่างของ Layer Palette
  • เลือกรายการ Layer Style ที่ต้องการ
  • ปรากฏหน้าต่าง Layer Style ที่เลือก เช่น เมื่อเลือก Drop Shadow จะปรากฏรายการเลือก ดังนี้
    เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Layer-style
  • ปรับค่าที่ต้องการ สามารถสังเกตผลที่เลือก ได้จากข้อความจริง เมื่อได้ผลที่ต้องการให้คลิกปุ่ม OK
  • การยกเลิก Style ที่เลือก ให้คลิกเอาเครื่องมือถูกออกจากรายการ Style ที่ปรากฏด้านซ้ายมือของหน้าต่าง Layer Style
เธ‚เธถเน‰เธ™เน„เธ›เธ‚เน‰เธฒเธ‡เธšเธ™ Go down
http://LongDu.NiceBoard.Com
LongDuPoster
เจ้าหน้าที่พิเศษ
เจ้าหน้าที่พิเศษ
LongDuPoster


Male
เธˆเธณเธ™เธงเธ™เธ‚เน‰เธญเธ„เธงเธฒเธก : 763
ที่อยู่ : ลองดู เว็บบอร์ด
ความสนใจ : เรื่องของชาวบ้าน
งานอดิเรก : Browsing Internet
Registration date : 14/03/2007

Character sheet
HP:
เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Left_bar_bleue9999/9999เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Empty_bar_bleue  (9999/9999)
SP:
เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Left_bar_bleue999/999เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Empty_bar_bleue  (999/999)

เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Empty
เธ•เธฑเน‰เธ‡เธซเธฑเธงเธ‚เน‰เธญเน€เธฃเธทเนˆเธญเธ‡: Re: เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop   เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop EmptyTue 3 Apr 2007 - 20:15

Beginer 1 ภาพขอบฟุ้ง By NECTEC


คำว่า "ภาพชวนฝัน" หรือ "ภาพในฝัน" เป็นคำที่ได้ยินจาก รุ่นน้องคนหนึ่ง เค้าให้นิยามของภาพลักษณะที่ผมจะกล่าวนี้ ไว้ว่าเป็นภาพที่เหมือนกับภาพในฝัน เนื่องจากให้ความรู้สึกที่นุ่มนวล ผมจึงยืมคำๆ นี้มาใช้แนะนำท่านด้วย ลองดูภาพตัวอย่างแล้วกันน่ะครับ ว่าชวนฝัน หรือในฝันอย่างไร เมื่อเปรียบเทียบกับภาพต้นฉบับ

เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Photoshop017
ภาพต้นฉบับ

เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Photoshop018
ภาพที่ปรับแต่งแล้วในลักษณะภาพชวนฝัน หรือภาพในฝัน

"ภาพชวนฝัน" หรือ "ภาพในฝัน" จึงเป็นภาพที่นำมาปรับแต่ง โดยการใส่ลักษณะ ขอบภาพแบบ Soft ทำให้ขอบภาพมีลักษณะฟุ้งนั่นเอง เพื่นลดความกระด้าง ของขอบภาพ ทำให้ภาพดูนุ่มนวลขึ้นนั่นเอง มีวิธีการทำ ดังนี้






  1. เปิดไฟล์ภาพที่ต้องการ
  2. ปรับขนาด และปรับแต่งสีภาพ
  3. เลือกเครื่องมือ Marquee ตามต้องการ เช่น เครื่องมือเลือกภาพแบบสี่เหลี่ยม เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Photoshop01 หรือเครื่องมือเลือกภาพแบบวงกลม/วงรี เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Photoshop03
  4. ทำเส้นประ คลุมภาพที่ต้องการ โดยนำเมาส์มาชี้ ณ มุมบนซ้ายของตำแหน่งภาพ แล้วลากเมาส์ ให้ได้ระยะเส้นประที่ต้องการ
    เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Photoshop019
  5. เลือกคำสั่ง Select, Feather ปรากฎกรอบทำงาน Feather ดังนี้
    เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Photoshop04
    ป้อนตัวเลขค่าความฟุ้งของภาพ ค่ายิ่งมาก ความฟุ้งของภาพยิ่งสูง จากนั้นกดปุ่ม OK
  6. ต่อไปจะเป็นขั้นตอนสำคัญ คือ การตัดภาพให้เลือกเฉพาะภาพที่เลือกไว้ โดยจะตัดขอบนอกออกทั้งหมด ด้วยเลือกคำสั่ง Select, Inverse แล้วกดปุ่ม โปรแกรมจะตัดพื้นที่รอบนอก Selection ออก และแสดงขอบแบบฟุ้ง ดังภาพ
    เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Photoshop020

ช่วงเริ่มต้น อาจจะไม่มีอะไร ง่ายไปหรือเปล่าครับ
รอเสียงตอบรับ Feedback นะครับ
เธ‚เธถเน‰เธ™เน„เธ›เธ‚เน‰เธฒเธ‡เธšเธ™ Go down
http://LongDu.NiceBoard.Com
Yunhom
บุคคลตัวอย่าง
บุคคลตัวอย่าง
Yunhom


Female
เธˆเธณเธ™เธงเธ™เธ‚เน‰เธญเธ„เธงเธฒเธก : 114
อายุ : 40
Registration date : 16/03/2007

Character sheet
HP:
เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Left_bar_bleue1000/1000เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Empty_bar_bleue  (1000/1000)
SP:
เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Left_bar_bleue150/150เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Empty_bar_bleue  (150/150)

เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Empty
เธ•เธฑเน‰เธ‡เธซเธฑเธงเธ‚เน‰เธญเน€เธฃเธทเนˆเธญเธ‡: Re: เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop   เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop EmptyThu 12 Apr 2007 - 12:37

เหอเหอ
ทำแบบถูๆ ไถๆ ได้ป่ะงับ...

อย่างนี้จำไม่ได้ - -"
เธ‚เธถเน‰เธ™เน„เธ›เธ‚เน‰เธฒเธ‡เธšเธ™ Go down
UNborN
บุคคลสำคัญ
บุคคลสำคัญ
UNborN


Male
เธˆเธณเธ™เธงเธ™เธ‚เน‰เธญเธ„เธงเธฒเธก : 317
อายุ : 39
Registration date : 15/03/2007

Character sheet
HP:
เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Left_bar_bleue1000/1000เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Empty_bar_bleue  (1000/1000)
SP:
เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Left_bar_bleue150/150เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Empty_bar_bleue  (150/150)

เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Empty
เธ•เธฑเน‰เธ‡เธซเธฑเธงเธ‚เน‰เธญเน€เธฃเธทเนˆเธญเธ‡: Re: เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop   เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop EmptySat 14 Apr 2007 - 12:49

เจ๋งดี เดี๋ยวไปprintที่บริษัทไว้อ่านละกานเว้ย
เธ‚เธถเน‰เธ™เน„เธ›เธ‚เน‰เธฒเธ‡เธšเธ™ Go down
pang
ใส่ใจในรายละเอียด
ใส่ใจในรายละเอียด
pang


Male
เธˆเธณเธ™เธงเธ™เธ‚เน‰เธญเธ„เธงเธฒเธก : 87
อายุ : 39
Registration date : 29/03/2007

Character sheet
HP:
เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Left_bar_bleue1000/1000เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Empty_bar_bleue  (1000/1000)
SP:
เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Left_bar_bleue150/150เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Empty_bar_bleue  (150/150)

เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Empty
เธ•เธฑเน‰เธ‡เธซเธฑเธงเธ‚เน‰เธญเน€เธฃเธทเนˆเธญเธ‡: Re: เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop   เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop EmptyWed 25 Apr 2007 - 12:47

ไมไม่เอาเวอรืชั่น cs อ่ะ ทันสมัยหน่อย
เธ‚เธถเน‰เธ™เน„เธ›เธ‚เน‰เธฒเธ‡เธšเธ™ Go down
naminami
บุคคลสำคัญ
บุคคลสำคัญ
naminami


Female
เธˆเธณเธ™เธงเธ™เธ‚เน‰เธญเธ„เธงเธฒเธก : 342
อายุ : 40
Registration date : 15/03/2007

Character sheet
HP:
เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Left_bar_bleue1000/1000เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Empty_bar_bleue  (1000/1000)
SP:
เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Left_bar_bleue150/150เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Empty_bar_bleue  (150/150)

เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop Empty
เธ•เธฑเน‰เธ‡เธซเธฑเธงเธ‚เน‰เธญเน€เธฃเธทเนˆเธญเธ‡: Re: เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop   เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop EmptyWed 25 Apr 2007 - 14:02

เจ ปิ้นเผื่อด้วย ขอบจาย
เธ‚เธถเน‰เธ™เน„เธ›เธ‚เน‰เธฒเธ‡เธšเธ™ Go down
 
เปิดคอร์สสอนการสร้างรูปภาพด้วย Photoshop
เธ‚เธถเน‰เธ™เน„เธ›เธ‚เน‰เธฒเธ‡เธšเธ™ 
เธซเธ™เน‰เธฒ 1 เธˆเธฒเธ 1
 Similar topics
-
» PS ?ิธีพ???? ? ? Photoshop
» Photoshop cs3 ?ัพ????? ??ลด???????
» [แจก] Adobe Photoshop CS3 (Full Version)

Permissions in this forum:เธ„เธธเธ“เน„เธกเนˆเธชเธฒเธกเธฒเธฃเธ–เธžเธดเธกเธžเนŒเธ•เธญเธš
LOng Du WeBBoArd :: -::- • ลองคุยกันดู • -::- :: -::- • ขำขำ • -::--
เน„เธ›เธ—เธตเนˆ: