ติชม – แนะนำกันเข้ามาได้นะครับ

บทความและวีดีโอโดย Tsupaman

The post [Photoshop CS5] วิธีลบวัตถุ ที่ไม่ต้องการออกจากภาพ ด้วย Fill appeared first on TsupamaN.com.

วิธีแก้ภาพเบลอ ให้คมชัดด้วย Filter : High Pass

• ขั้นแรกก็เปิด Photoshop ขึ้นมาครับ แล้ว import ภาพที่เราต้องการจะปรับแต่งเข้าไป

• ทำการ copy layer ซะ โดยการคลิกขวาที่ layer แล้วเลือก Duplicate Layer ที่ด้านขวามือ

• เมื่อได้ Layer ใหม่มาแล้ว เลือกทำที่ Layer ใหม่ โดยไปที่เมนูด้านบนเลือก Filter > Other > High Pass…

• จากนั้นก็ปรับแต่งค่าตามต้องการ ปกติผมเลือกค่า Radius แค่ 4.0 Pixels ก็เพียงพอแล้วครับ

• เมื่อปรับค่าเสร็จก็กด OK ได้เลย จากนั้น เมื่อหน้าต่าง High Pass หายไป ให้มองทางด้านขวามือบน Layer ปรับค่าจาก Normal ไปเป็น Overlay หรือ Soft Light หรือ Hard Light ก็ได้ตามใจต้องการ แล้วลองสังเกตการเปลี่ยนแปลงของภาพว่าชัดขึ้นหรือไม่

• หากต้องการเพิ่มความนุ่มนวลของภาพ ให้ปรับที่ Fill ที่บน Layer ให้ลดจาก 100% ลงมาเหลือสัก 80% ครับ

• สังเกตภาพที่ได้จาก Filter High Pass อีกที ว่าคมขึ้นมาบ้างหรือยัง ลองดูรูปด้านล่างที่ผมทำมาเปรียบเทียบดูก็ได้ครับ

เป็นงัยครับ ไม่ยากเลยใช่มั๊ย สำหรับ วิธีแก้ภาพเบลอ ให้คมชัดด้วย Filter High Pass ของ Photoshop CS3 ไม่รู้ว่าพอเข้าใจหรือเปล่า แต่นางแบบของผมก็น่าจะทำให้ลดความตึงเครียดได้เน้อ อิอิ

บทความโดย TsupamaN

The post Photoshop วิธีแก้ภาพเบลอ ให้คมชัดด้วย Filter High Pass appeared first on TsupamaN.com.

วิธีไดคัทวัตถุ หรือการตัดวัตถุออกจากพื้นหลัง ด้วยเครื่องมือ Pen Tool ของ Photoshop

* ในการสาธิตการใช้งานนี้ ผมใช้โปรแกรม Adobe Photoshop CS3 นะครับ (ไม่มีทุนทรัพย์ไปเล่น CS5+ ก็เงี๊ยะ)

• เริ่มขั้นตอนโดยการเปิดโปรแกรม Photoshop ขึ้นมา และเตรียมรูปที่ต้องการจะไดคัท ของผมได้นักร้องสุดสวย แฟนผมเอง ยุนอา มาเป็นแบบให้ครับ (555+)
• จะเห็นว่า ผมเลือกเครื่องมือทางด้านซ้ายมือเป็น Pen Tool

• วิธีการใช้คือ คลิกแล้วก็เลื่อนไปรอบๆแบบจนกว่าจะครบรอบตัวแบบครับ ดูตามตัวอย่างได้เลย

• จะสังเกตว่า มันจะเป็นจุดรอบๆ แบบไปเรื่อยๆ หากวนครบมันจะมืดดำ ทำให้บังแบบเราได้ ก็ไปปรับค่า Fill ให้เหลือค่า % น้อยๆ ตามตัวอย่างด้านล่างครับ

• ลุยลากจุดให้ครบทั้งตัวแบบต่อได้เลย

• ปล. กด Alt ค้างไว้และคลิกค้าง ลากไปทางที่ต้องการ จะช่วยให้ได้เส้นโค้งตามตัวแบบ ทำให้ความ smooth ของเส้นครับ
• ใกล้ครบแล้ว ต้องใช้ความละเอียดอ่อนและใจเย็น มิเช่นนั้น จะได้ตัวแบบที่แข็งกระด้างและไม่สวยครับ

• เมื่อลากครบแล้วจะเป็นแบบตัวอย่างด้านบนครับ

• ให้คลิกขวาที่แบบ จะปรากฎเมนู popup ขึ้นมาตามตัวย่างด้านบน แล้วเลือก Make Selection (ให้เลือกค่า Feature Radius ตามความเหมาะสม ค่ามาก มันก็โค้งมาก)

• ให้สังเกตที่ตัวแบบ จะเป็นลายเส้น Selection วิ่งวนไปเรื่อยๆ ตามภาพด้านบน ให้กด Ctrl+Shift+I หรือไปที่ Select > Inverse จะเป็นการกลับสิ่งที่ Selection ซึ่งหมายความว่า สิ่งที่ไม่ได้ทำ Selection จะเกิด Selection ขึ้น ตามภาพด้านล่างครับ

• มาถึงขั้นตอนนี้ ให้เลือก Layer แรก หรือ Layer แบบ แล้วกด Delete ลบส่วนที่ Selection ออกไปเลย

• ผลที่ได้คือ น้องยุนอา แบบไม่มีฉากหลังครับ หรืออีกวิธีหนึ่งคือ ไม่ต้องกด Ctrl+Shift+I หรือไปที่ Select > Inverse ก็ได้

• ไม่ต้องกด Ctrl+Shift+I หรือไปที่ Select > Inverse ก็ได้ หากจะทำการ Copy Selection แล้วไป Paste ที่ New งานใหม่ หรือ Copy ไปไว้งานที่เปิดไว้ก็ได้ (ปล. ห้ามลืมเลือก Layer ของแบบด้วย ไม่งั้นภาพที่ Selection ไว้ จะไม่ตามมาเน้อ)

เสร็จแล้วครับ วิธีการไดคัทวัตถุ (ตัดวัตถุออกจากพื้นหลัง) ด้วย Pen Tool ของ Photoshop ทำตามทีละขั้นตอน ไม่มีส่วนไหนยากเลย ทีนี้เราก็ได้ภาพวัตถุที่ไม่มีฉากหลังแล้ว ความยากง่ายของแต่ละงานไม่เหมือนกัน อยู่ที่เราเลือกภาพที่มีฉากหน้า ฉากหลังแบ่งกันชัดเจน จะทำให้ง่ายต่อการไดคัทครับ

ขอบคุณรูปภาพนางแบบสวยๆ จาก soshifanclub.com

บทความโดย TsupamaN

The post วิธีไดคัทวัตถุ (ตัดวัตถุออกจากพื้นหลัง) ด้วย Pen Tool appeared first on TsupamaN.com.

นี่ครับ กระพริบไปกระพริบมาแบบนี้แหละ

วิธีการสร้าง Animation Gif อย่างง่าย ด้วย Photoshop CS3

• ก่อนอื่นเลย ผมใช้โปรแกรม Adobe Photoshop CS3 นะครับ ใช้รุ่นอื่นไม่ค่อยถนัด มาเริ่มด้วยการสร้างชิ้นงานขึ้นมาใหม่เลย ไปที่ File->New… หรือจะกด Ctr+N ก็ได้ครับ

• ปรับขนาดภาพตามต้องการ โดยผมเลือกที่ขนาด 120×120 Pixels

• จากนั้นก็เซ็ต background ซะหน่อย จะเอารูปมาวาง หรือจะใช้เฉดสีหรือ Pattern ก็ได้ครับ ของผมใช้ Pattern ที่โหลดมาดังภาพ

• เมื่อ สร้าง background แรกเสร็จ ผมก็ทำการ Copy Layer ขึ้นมาอีก 1 อัน และปรับแต่งให้มันต่างกันเล็กน้อยคือ ปรับ Pattern ให้ดาวที่อยู่ใน background เล็กลงนิดหน่อย (อันนี้แล้วแต่ไอเดียนะครับ บางท่านเปลี่ยนสีหรือเปลี่ยน background)

• เสร็จ จาก background เราก็มาเล่นเนื้อหา หรือจุดเด่นของภาพครับ ผมใส่ Text ง่ายๆลงไป และทำการ Copy Layer เหมือนเดิม ดังรูปดูทางขวามือครับ

• เมื่อคิดว่าได้ Layer ภาพที่เพียงพอแล้ว ก็ไปที่เมนู Windows -> Animation เลยครับ จะได้หน้าตาดังรูปบนนี่แหละ

• ใน ส่วนนี้อาจจะงง ให้ดูช่อง Animation Frames ควบคู่กับที่ผมไฮไลต์สีเหลืองไว้ทางขวาในกล่อง Layer นะครับ หากจะให้ Layer ไหนแสดงในช่อง Animation Frames แล้วล่ะก็ ให้ติ๊กรูปตาในช่อง Layer ครับ

• เมื่อ เสร็จเรื่องใน Animation Frames แรกแล้ว ก็กด new frame ปุ่มที่ผมไฮไลต์ไว้ โปรแกรมจะสร้าง frame ใหม่มา เราก็ทำวิธีเดิมคือ เลือก Layer ที่จะมาแสดง ผมเปลี่ยนเป็นเลือก Layer ที่ทำการ Copy มาทั้งสอง ก่อนหน้านี้ครับ
• หากมีภาพหรือ Layer ที่จะแสดงหลายอันแล้ว ก็ทำแบบนี้ไปเรื่อยๆ จนกว่าจะพอใจครับ

• ใน ส่วนของการปรับแต่งการเคลื่อนไหวของภาพ ใต้ Animation Frames จะมีปุ่มต่างๆอยู่ เช่น ปรับเวลาการแสดงของภาพ (ของผมตั้งไว้ที่ 0.5 วินาทีต่อภาพ)
• ด้านล่าง ในส่วนของ Forever อันนี้สำคัญครับ ให้เลือกที่ Forever ตลอด มันคือการเล่นภาพไปเรื่อยๆไม่มีวันจบสิ้น ถ้าเราไปเลือก Once หรือ Other เพื่อเลือกจำนวนครั้งในการเล่น เวลา Save ออกมาจริงๆ จะได้ภาพที่เล่นแล้วหยุด
• สามารถกด Play เพื่อเล่นแบบ Demo ก่อนได้
• ตรงกลางมีปุ่ม new layer และ delete layer
• การ Save ให้เลือก File -> Save for Web & Devices… โดยเลือกที่ GIF 128 Dithered ปรับค่าเอาตามต้องการ แล้วก็ Save ได้เลย

และเมื่อทำเสร็จแล้วจะได้ดังนี้

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

บทความโดย : TsupamaN จาก FireDub.com

The post การสร้าง Animation GIF ด้วย Photoshop CS3 appeared first on TsupamaN.com.

ตรง Source File : User เลือก Folder จากนั้นกด Browse เลือก Folder ภาพชุดนั้นที่เราถ่ายไว้

The post Photoshop : การทำภาพ Panorama ง่ายนิดเดียว appeared first on TsupamaN.com.

หายไปนานกับการอัพเดทเว็บ วันนี้เลยนำความรู้การแต่งภาพแบบเบสิคมาฝากครับ คือ การทำภาพขอบหยักหรือขอบไหม้ ด้วย Photoshop CS3 มาเริ่มกันเลยละกัน

Photoshop : วิธีการทำภาพขอบหยัก – ขอบไหม้

• เริ่มด้วยการเปิดโปรแกรม Photoshop CS3 และ import รูปภาพเข้ามา

ใช้เครื่องมือ Regtangular Maequee tool (m) สร้างเส้นประสี่เหลี่ยมที่รูป ตามขนาดที่ต้องการ

ไปที่  Select > Inverse  เพื่อสลับที่ของการเลือกพื้นที่

ไปที่เครื่องมือ Edit In Quick mask Mode (Q)  ดังภาพจะได้ดังนี้

จากนั้นไปที่ Filter > Brushstrokes > Spatter ดังภาพ (สามารถปรับแต่งได้ตามใจชอบเลยครับ)

เสร็จสิ้นขั้นตอนการทำภาพขอบหบักหรือขอบไหม้
ผมทำการตกแต่งภาพให้ตรงความต้องการ เลยได้ออกมาแบบนี้

The post Photoshop : การทำภาพขอบหยัก – ขอบไหม้ appeared first on TsupamaN.com.

เปิดโปรแกรม photoshop มาเลย ผมใช้ cs3 ในการทำ ใครมีงบซื้อของแท้ก็ซื้อนะครับ แต่ราคาก็โคตะระแพงเลย
เปิดโปรแกรมเสร็จแล้ว ก็ import รูปภาพอะไรก็ได้เข้ามา เลือก tool ทางซ้ายมือ Rectangular Marquee Tool (M)

ขั้น ตอนนี้เป็นการกำหนดความมนของขอบ ผมกำหนดไว้ที่ 15 (ยิ่งเยอะขอบยิ่งโค้งมน)

เมื่อ กด OK ก็จะได้ select tool แบบนี้ เราจะ copy หรือ cut อะไรยังงัยก็ได้ ผมยกตัวอย่าง ผม cut ไปเปิดในงานใหม่นะครับ จะได้แบบนี้

The post Photoshop : การทำภาพขอบมน อย่างง่ายๆ appeared first on TsupamaN.com.