keybord photoshop

คีย์ลัดโปรแกรม Adobe Photoshop

หลายคนคงรู้อยู่แล้วว่าในโปรแกรม Photoshop มีคีย์ลัดอยู่มากมาย แต่ส่วนใหญ่คนเราใช้ไม่หมด อาจเป็นเพราะจำไม่ได้หรือบางคนก็ใช้โปรแกรมแบบมือสมัครเล่นอยู่ (ผมก็จำได้แค่บางส่วน) ฯลฯ

Continue reading

แล้วผมเห็นข็อมูลจากเว็บไซต์ makeawebsitehub.com ที่สรุปการใช้คีย์แบบเข้าใจง่าย บนคีย์บอร์ด ทำให้เราดูง่ายยิ่งขึ้นมาฝากกันครับ มาชมกันเลย

From the design team atMake a Website Today

2015 Adobe Photoshop CC Keyboard Short-Cuts Cheat Sheet

credit : makeawebsitehub.com

Pixlr editor

Pixlr editor ตัดต่อ แต่งภาพ ออนไลน์ ที่เพิ่มความสะดวกสบายให้คุณ

Pixlr editor โปรแกรมแต่งภาพ ตัดต่อภาพ ออนไลน์ผ่านเว็บบราวเซอร์ ที่ทำให้คุณสะดวกสบายมากขึ้น ถือว่าเป็น Adobe Photoshop แบบย่อมๆ ได้เลยทีเดียวครับ

Continue reading

ถ้าจะกล่าวถึงปัจจุบันนี้ การแต่งภาพได้กลายเป็นชีวิตประจำวันของคนเราแล้ว ผมก็พลาดไม่ได้ที่จะมานำเสนอ Pixlr editor โปรแกรมแต่งภาพออนไลน์ผ่านเว็บบราวเซอร์ ที่บางคนอาจจะขี้เกียจโหลดโปรแกรมแต่งภาพอื่นๆ มาติดตั้งในเครื่อง ผมจะอธิบายคร่าวๆ นะครับ ว่าทำอะไรได้บ้าง สำหรับคนที่เล่น Adobe Photoshop คงจะคุ้นๆกันทีเดียวเลยแหละ

หน้าตาของ Pixlr editor เข้าไปที่ pixlr.com/editor

Pixlr editor

 

แถบเมนูทำอะได้บ้าง

 

Pixlr editor

  • Menu : สร้างหน้ากระดาษ เปิดไฟล์ บันทึก ปริ้นงาน
  • Edit : ส่วนการทำงานของการเดินหน้า-ย้อนกลับ , คัดลอก วาง
  • Image : ส่วนการย่อ-ขยายภาพ , หมุนภาพ , ครอปภาพ
  • Layer : ส่วนของการเพิ่ม-ลบ Layer/Layer mask , รวม Layer , กลับภาพ-หมุนภาพ , Layer Styles
  • Adjustment : ส่วนการปรับ Level , contrast , Hue , Color Balance , Curves , ภาพซีเปีย , ภาพเก่า ฯลฯ
  • Filter : ส่วนการปรับเพิ่มลูกเล่นต่างๆ เช่น Blur , HDR , Polar Coordinates , Noise , Halftone , Tilt Shift
  • View : เป็นการทำงานในส่วนของจอการทำงาน ซูมเข้า-ออก การเรียกโชว์แถบด้านขวามือในการทำงานงาน เช่น History , Layer
  • Language : ภาษาที่ใช้ในโปรแกรม มีหลายภาษาครับ รวมถึงภาษาไทยด้วยเช่นกัน
  • Help 

Pixlr editor

 

มีเครื่องมือ (Tool) อะไรให้ใช้บ้าง? 

อธิบายคร่าวๆ ไม่ยาวครับ เพราะทุกคนสามารถใช้งานแบบออนไลน์ได้เลย แล้วใช้อะไรได้บ้าง : วาดสี่เหลี่ยม วงกลม เทสี ตัดต่อภาพ ไล่สี เกลียหน้า ลบริ้วรอย ใส่ตัวอักษร เขียน-วาดภาพอาร์ต ครอปภาพ ตัวอย่างเช่น

Pixlr editor

 

สรุป Pixlr editor ก็เป็นอีกหนึ่งโปรแกรมที่น่าสนใจ เอาใว้ใช้ในยามที่จำเป็น ในยามที่เราไม่ได้พกเครื่องคอมส่วนตัวไปไหนมาไหน เปิดไฟล์ PSD ได้ บันทึกภาพได้ 5 ไฟล์ คือ JPEG PNG BMP TIFF และ PXDสามารถล็อกอิน/Sign in with Google ได้ และจากที่ลองใช้งานดูแล้ว ผมอาจจะไม่คุ้นเท่าไหร่ เพราะมีบางคีย์ลัดไม่ได้เหมือนกับโปรแกรมอื่นๆ เช่น Photoshop และเครื่องมือก็ยังไม่เยอะไปซะทีเดียว ยังไงก็อยากให้ลองศึกษากันดูนะครับ

line , ลายริ้ว , เส้นโค้ง

วิธีการทำลายริ้ว เส้นโค้ง | Photoshop

อีกหนึ่งเทคนิกง่ายๆ สำหรับการสร้างลายริ้ว เส้นโค้ง หลายคนคงเห็นในงานกราฟิกหลายๆงาน ครับ โดยบทความนี้ก็จะมานำเสนอกัน ในโปรแกรม Photoshop นะครับ

Continue reading

1.เปิดกระดาษใหม่ขึ้นมา Ctrl+N ขนาดที่ต้องการเลยครับ จากนั้นสร้างสามเหลี่ยม โดยใช้ Pen Tool ดังภาพ

line-01

2.กด Ctrl+Enter เราจะเห็นเป็นเส้นประ และสร้าง Layer ใหม่ กด Ctrl+Shift+N จากนั้นเทสี โดยใช้ Paint Bucket Tool ตามต้องการ

line

 

3.ขั้นตอนที่จะเข้าสู่ขั้นตอนการทำเส้นโค้ง ไปที่ Filter >> Distrot >> Shear…

  • ขั้นตอนนี้ห้เราเลือกจุดแล้วลากส่วนที่เราต้องการให้โค้ง เป็นอันเสร็จสิ้นครับ

line-03

ผลลัพธ์

line

 

AFFINITY-PHOTO

Affinity Photo โปรแกรมแต่งภาพสุดเจ๋ง!!

 

ปัจจุบันคงไม่มีใครปฏิเสธว่า โปรแกรม Photoshop และ Lightroom โปรแกรมแต่งภาพจาก Adobe ที่ได้รับความนิยมอย่างมาก และล่าสุดบริษัท Serif ได้เปิดตัวโปรแกรมชื่อ Affinity Photo ออกมา ทำเอานักแต่งภาพทั้งหลายฮือฮากันเลยทีเดียว

Continue reading

Affinity Photo เป็นโปรแกรมที่ถูกออกแบบมาเพื่อนักแต่งภาพโดยเฉพาะ มีฟีเจอร์ที่หลากหลาย ใช้งานสะดวก แถมยังใส่ใจในทุกรายละเอียดไม่แพ้กับ Photoshop และ Lightroom กันเลยทีเดียวครับ เช่น

ตัดแต่งผม

Affinity Photo

 เคลื่อนย้ายหรือลบวัตถุ

Affinity Photo

ลบริ้วรอย

Affinity Photo

เพิ่มความสว่างของภาพ

Affinity Photo

เพิ่มความสว่างหรือแสงเงาเฉพาะจุด

Affinity Photo

เปลี่ยน Effects ภาพถ่าย

Affinity Photo

ทำวัตถุเบลอ

Affinity Photo

ภาพชัดลึกชัดตื้น

Affinity Photo

จะเห็นได้ว่า Affinity Photo เป็นโปรแกรมที่เทียบชั้นกับ Photoshop และ Lightroom ได้เลยนะครับ แต่อาจดูแค่ภาพยังไม่เห็นการทำงานของโปรแกรมได้มากเท่าไหร่ ผมแนะนำให้ดูวิดีโอด้านล่างประกอบไปด้วยนะครับ

Affinity Photo ยังเปิดตัวออกมาในสถานะ BETA และรองรับเฉพาะระบบปฏิบัติการ OS X เท่านั้น สนใจดูรายละเอียดและดาวน์โหลดมาทดลองใช้กันได้ฟรีๆ ที่ https://affinity.serif.com/en-gb/photo/

ทำไม? ถึงต้อง 2 โปรแกรม…สำหรับสื่อสิ่งพิมพ์

 

ปกติคนที่ทำงานทางด้านกราฟิก โปรแกรมพื้นฐานจริงๆ จะเป็นโปรแกรม Photoshop ซึ่งเป็นโปรแกรมที่ใช้งานง่ายที่สุด แต่ถ้าจะทำงานเฉพาะทางจริงๆ ควรใช้โปรแกรมเสริมต่างได้

Continue reading

โปรแกรมที่ทำงานร่วมกัน

  • สื่อสิ่งพิมพ์ ใช้ Photoshop + illustrator
  • Web หรือ Mutimedia Design ใช้ Photoshop + Dreamweaver หรือ Flash
  • Lay out จัดรูปเล่ม ใช้ Photoshop + Indesign หรือร่วมกับ illustrator ด้วย

โดยในเนื้อหานี้ จะเป็นการทำงานในด้านสื่อสิ่งพิมพ์ ซึ่งเป็นพื้้นฐานของงานกราฟิกดีไซน์ จริงๆ การใช้งานร่วมกันจะเป็นโปรแกรม Photoshop + illustrator

แล้วทำไมถึงต้องเป็น 2 โปรแกรมนี้? เพราะทั้ง 2 โปรแกรม ถูกสร้างมาโดยใช้การทำงานคนละแบบกัน แล้วอย่างไร?

  • Photoshop เป็นโปรแกรมสำหรับตกแต่งภาพ ตัดต่อภาพ
  • illustrator เป็นโปรแกรมสำหรับการวาดเส้น วาดลวดลาย ด้วยความที่มีคุณสมบัติเป็นโปรแกรมที่่ทำงานแบบ Vecter ทำให้มีความคมชัด ไม่เสียรายละเอียดเหมือนโปรแกรมที่ทำงานในแบบ Bitmap เช่น Photoshop

กล่าวได้ว่า โปรแกรมทั้งสองมีทั้งส่วนที่ขาด ส่วนที่เกิน เพื่อที่จะเติมเต็มบางส่วนของกันและกัน แต่ในงานพิมพ์คุณภาพสูงแล้ว เราก็ควรเลือกใช้ทั้ง 2 โปรแกรม ทำงานในแต่ละส่วน อาจทำให้ต้องสลับกันในขั้นตอนต่างๆ

 

 

Photoshop ในงานพิมพ์คุณภาพสูง

 

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

Continue reading

หลายคนที่ใช้โปรแกรมอื่นไม่เป็น ควรจะต้องรู้และเข้าใจเรื่องน่ารู้ในหัวข้อนี้นะครับ

  • โดยปกติแล้ว Photoshop ถูกออกแบบและสร้างขึ้นสำหรับงาน Raster หรือ Bitmap เป็นหลัก ดังนั้น การทำงานสำหรับงานที่มีคุณภาพสูงนั้น ก็ต้องกำหนดความละเอียดที่มีคุณภาพสูง (300 dpi) แล้วไฟล์ที่ได้ก็จะมีขนาดที่สูงอีกด้วย ซึ่งจะทำให้การประมวลผลช้ามาก
  • แม้ว่า Photoshop จะวาดลายเส้น ได้ก็จริง แต่ก็ยังมีเครื่องมือต่างๆได้ไม่ครบเท่า illustrator
  • การย่อ-ขยาย ชิ้นงาน ถ้าไม่เข้าใจการทำงานของโปรแกรมจริง อาจทำให้ภาพเสียความละเอียดไป ทำให้ภาพที่พิมพ์ออกมา เป็นภาพแตกๆ

ในหัวข้อเรื่องนี้ บางคนคิดว่าอาจจะเป็นแค่เรื่องเล็กๆ แต่ในมุมมองของกราฟิกดีไซน์ ถือว่าเป็นเรื่องใหญ่พอสมควร บางครั้งอาจเป็นงานที่ส่งให้ลูกค้า ทำให้ต้องทิ้งงาน เพราะงานเสียหายกันเลยทีเดียว

 

เปรียบเทียบภาพปกติกับภาพที่ขยาย ทำให้ภาพแตก

เปรียบเทียบภาพปกติกับภาพที่ขยาย ทำให้ภาพแตก

สร้างตัวหนังสือที่มีภาพด้านใน | Photoshop

 

สร้างตัวหนังที่มีภาพด้านในด้วย Photoshop ได้ด้วยวิธีง่ายๆ ไม่ซับซ้อน เพื่อนำไปใช้ในงานอื่น

Continue reading

1.เลือกภาพที่เราต้องการ

text-in-pic-01

2.สร้างตัวหนังสือด้วย  ถ้าเรายังไม่รู้ว่าต้องใช้ขนาดเท่าไหร่ ให้ใช้ Horizontal Type tools (T) หรือถ้ารู้ขนาดแล้ว อาจจะใช้เครื่องชนิดอื่น ในหมวดนี้   

การขยายขนาด ในส่วนที่เราต้องการ Edit >> Free Tranform (หรือ ctrl+T) เมื่อขยายขนาดเรียบร้อยแล้วสามารถกด Enter ได้เลยครับ

Tips : เวลาที่ขยายตัวอักษรอาจจะกด shift ค้างไว้เพื่อให้สัดส่วนตัวหนังสือขยายพร้อมๆกันครับ

text-in-pic-02

3.คลิกขวา Layer ของตัวหนังสือที่เราสร้าง เลือก Rasterize Layer หรือใช้ Convert to Smart Object (จะเห็น Layer ตัวอักษรที่เราสร้างเปลี่ยนไป)

text-in-pic-03

4.ใช้ Quick Selection Tool ลากยาวจากหัวไปถึงท้ายตัวหนังสือ จะเห็นเป็นเส้น Select 

text-in-pic-04

5.กด ctrl+shift+i เป็นการ inverse เพื่อที่เราจะได้เฉพาะในส่วนของตัวหนังสือ

text-in-pic-05

 

6.เลือก Layer รูปภาพพื้นหลัง ดับเบิ้ลคลิก ให้เป็น Layer 0 เพื่อที่จะให้สามารถลบภาพได้

text-in-pic-06

 

7. ที่ Layer 0 (รูปภาพพื้นหลัง) สามารถกด Delete ภาพ >> ปิด layer ตัวหนังสือที่เราสร้าง >> Crop (Crop Tool) ภาพ และนำไปใช้ในงานต่อไปได้เลยครับ

text-in-pic-07

 

ย้อนหลัง/เดินหน้า ทีละหลาย step อย่างไร?

 

หลายคนอาจยังไม่รู้ ว่ามีการย้อนหลังมากกว่า 1 Step  เพราะการทำงานแต่ละอย่างอาจจะมีความผิดพลาด  โดยปกติทั่วไปเราจะย้อนหลังเพียง 1 step (คนที่ไม่รู้) หรือจากการใช้ History 

Continue reading

Tricks : Tips [Photoshop] ผมจะเสนอวิธีที่ง่ายกว่านั้น โดยใช้คีย์ลัด ctrl+alt+z (ย้อนหลัง) และ ctrl+shift+z (เดินหน้า) เพียงเท่านี้ก็ทำงานได้เร็วและสะดวก โดยไม่ต้องไปพึ่ง History แล้วครับ

หรือถ้าใครอยากทำให้หน้าต่าง History โชว์ ก็สามารถทำได้เช่นกันครับ ไปที่ Windows >> เลือก History 

history