วันศุกร์ที่ 14 มิถุนายน พ.ศ. 2556

เสื้อ ชมรมสื่อศึกษา Media Club พึงออกแบบ เสร็จในวันที่ 29/มิ.ย/56

 

Photoshop/ Illustrator เบื้องต้น

howto108 จัดทำบทเรียน การใช้งานของโปรแกรม Adobe Photoshop และ Illustrator ตั้งแต่ขั้นพื้นฐาน รวมไปถึงworkshop ต่างๆให้ผู้อ่านสามารถทำตามได้โดยเราจะแบ่งเป็นบทเรียนไป

Photoshop

Photoshop เป็นโปรแกรมสำหรับตกแต่งรูป และออกแบบ รูปภาพต่างๆ ในบทเรียน เราจะสอนการใช้งานโปรแกรม Photoshop ให้กับผู้อ่านตั้งแต่ขั้นพื้นฐานและทริปต่างๆ

Media Club:ลบสิวด้วย Photoshop CS3


 ลบสิวด้วย Photoshop CS3

          สวัสดีครับวันนี้ผมจะมาพูดถึง วิธีการลบสิวหรือจุดด่างดำออกจากใบหน้าสวยๆ หล่อๆ ของท่านด้วยโปรแกรม Photoshop CS3 มีขั้นตอนดังนี้ครับ

          1.ให้ท่านเปิดโปรแกรม Photoshop CS3 ขึ้นมาแล้วไปที่ File เลือกที่ Open แล้วเลือกรูปที่ท่านต้องการออกมาครับ
          2.เลือกที่ Spot Healing Brush Tool ตามภาพที่วงกลมสีแดงไว้ครับ

          3.ให้เอาท่านกดปุ่ม Alt ที่แป้นพิมพ์แช่ไว้ แล้วเอาเมาส์คลิกตรงที่ไม่มีสิว (คล้ายๆ เป็นการ Copy ครับ ) แล้วก็ปล่อยมือจากปุ่ม Alt ครับ แล้วทำการคลิกตรงบริเวณที่เป็นสิวครับ (แนนำให้กด Alt 1 ครั้งแล้วให้นำไปลบ 3-4 ครั้ง แล้วทำการ Alt ใหม่ครับ)
          เห็นไหมละครับเพียงเท่านี้ท่านก็จะได้หน้า สวย ใส ไร้สิว อย่างที่ท่านต้องการไปลง Facebook แล้วละครับ มันเป็นวิธีที่ง่ายนิดเดียวใช่ไหมละครับเพื่อนๆ

ที่มา..http://photoshop-c-s-3.blogspot.com

วันพฤหัสบดีที่ 13 มิถุนายน พ.ศ. 2556

Media CLub:เทคนิคลบสิวด้วย photoshop


เทคนิคลบสิวด้วย photoshop

หลายคนคงเคยที่ถ่ายรูปมาแล้วแทบจะไม่อยากดูเพราะสิวและรอยสิวเต็มไปหมด อยากจะส่งให้คนอื่นหรือโพสต์ตามเวบก็อาย บทความนี้ขอนอกเรื่องไปที่การใช้โปรแกรม Photoshop เพื่อลบสิวหรือรอยแผลเป็นออกจากรูปเรานะครับ
1. ขั้นตอนแรกเปิดรูปที่ต้องการแก้ไขขึ้นมาจากโปรแกรม Photoshop
2. เลือกเครื่องมือ Spot healing brush tool ที่เป็นรูปคล้ายกับ plaster ที่ tool bar
spot_healing_blush_tool
 
 




3. เลือกขนาดเล็ก-ใหญ่ของแปลงที่เหมาะสมกับสิวหรือรอยสิวที่แถบเครื่องมือด้านบนตามรูป ในรูปใช้ขนาด 19
brush
4.ลบที่สิวหรือรอยสิวตามที่ต้องการ
5. Save 
ตัวอย่างรูปที่ทำขึ้นมาโดยใช้วิธีนี้
acneexcoriee erase2
วิธีแรกที่ใช้เครื่องมือ spot healing brush tool สีของภาพออกมาอาจจะไม่เนียนมากแต่เป็นวิธีที่ไม่ยาก อันนี้เป็นอีกวิธีหนึ่งที่สามารถลบได้เหมือนกัน เวลาทำให้เลือกบริเวณทีละน้อยเพื่อภาพออกมาจะได้สมจริง
1. เปิดรูปที่ต้องการทำขึ้นมาแล้วเลือกบริเวณที่ต้องการแก้ไขตามรูป
1a-select
2.  เลือก feather 5 px ที่แถบด้านบน
2-feather
3. เพิ่มเลเยอร์โดยกด ctrl j  ทำอย่างนี้ซ้ำ 2 ครั้งเพื่อเพิ่ม 2 เลเยอร์ตามรูป
3-newlayer
4. กดที่รูปตาที่เลเยอร์บนสุดเพื่อซ่อนไว้ และมาคลิกที่เลเยอร์อันที่ 2แล้วเลือก filter -> blur -> Gaussian Blur แล้วใส่ค่าประมาณ 4 ถึง 30 แล้วแต่ว่าปิดรอยที่เราต้องการหมดหรือยัง
4a-blur
5. กดที่รูปตาที่เลเยอร์บนสุดเพื่อยกเลิกการซ่อนและคลิกที่เลเยอร์บนสุดแล้วเลือก Filter -> other -> High pass ใส่ค่าที่ระหว่าง 0.3-3 เพื่อให้ได้ตามรูปตัวอย่าง
5b-highpass
6. ตรงหน้าต่างเลเยอร์ ให้เลือกที่เช็ค bog โดยเปลี่ยนจาก normal ไปเป็น overlay ภาพจะเปลี่ยนเป็นเหมือนตามตัวอย่าง
6a-overlay
7. ขั้นตอนสุดท้ายให้เอาเมาส์คลิกที่เลเยอร์บนสุด แล้วเลือก image -> adjustment -> brightness and contrast ปรับค่า contrast เพื่อให้ได้ภาพที่ต้องการ โดยไม่ต้องยุ่งกับ brightness
7a-contrast
 อันนี้เป็นรูปที่ผมลองทำดู
06-02-08-3 erase1
ตัวอย่างของคนที่ทำคล่องแล้ว ภาพออกมาเนียนมากนะครับ

ที่มา http://www.acnethai.com

วันศุกร์ที่ 26 เมษายน พ.ศ. 2556

Media Club: เทคนิค การตัดต่อ หัวให้เนียนๆ



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

ขั้นตอนที่ 1 เปิดรูปที่ต้องการตัดต่อขึ้นมาโดยการเลือกรูปนั้นลักษณะที่ควรพิจารณา คือ
  • หัวควรหันไปในทิศทางเดียวกันทั้ง 2 รูป ไม่ใช่รูปนึงเงยหน้า อีกรูปก้มหน้า
  • เป็นรูปที่ชัดพอๆกัน ไม่เอารูปแบบถ่ายจากกล้องหน้า Nokia กับอีกรูปถ่ายจากกล้อง Sony DSLR ภาพที่ได้คงต่างกันมากมาย
ซึ่งรูปที่ฟรีนำมาคือ Yuri SNSD และ ลีดองเฮ Super Junior ซึ่งหันหน้าไปทางเดียวกันและชัดทั้ง 2 รูปถือว่าผ่านการพิจารณา โดยฟรีจะรวมร่างทั้ง 2 คนเข้าด้วยกัน


ขั้นตอนที่ 2 ย้ายหัวจากอีกรูปมาอยู่ในรูปเดียวกัน
  • ทำการ Selection เฉพาะหัวถึงคอของนายแบบลีดองเฮโดยใช้ Pen Tool หรือ Lasso Tool ก็ได้ (ถ้าเพื่อนๆยังไม่เคยทำการ Selection ให้คลิกที่นี้ เพื่อดูบทความสอนเกี่ยวกับการ Selection ก่อนนะครับ)
  • ใช้ Move Tool (V) ลากส่วนที่ Selection ไปไว้ในอีกรูป


ขั้นตอนที่ 3 จัดตำแหน่งศรีษะของนายลีดองเฮให้เข้าที่
กด Ctrl+T หรือไปที่ Edit > Free Transform ทำการย้ายหัว ปรับขนาด และหมุนให้เข้าที่ โดยพยายามให้คอและคางอยู่ในตำแหน่งที่ใกล้เคียงกัน แล้วกด Enter เพื่อตกลงการปรับขนาด
Tip: สามารถลดค่า Opacity ของ Layer หัว 60% เวลาจัดตำแหน่งให้ตรงกับความเป็นจริงอาจจะง่ายขึ้น

ขั้นตอนที่ 4 ลบส่วนที่ไม่ต้องการของรูปออก
ซูมเข้าไปใกล้ๆเพื่อให้ทำงานง่ายๆ โดยรูปนี้ฟรีลบบริเวณคอออกเพราะต้องการให้ดูเหมือนคอนั้นอยู่ในคอเสื้อสีขาวๆ
Tip: ลองปรับ Opacity ของ Layer ที่เป็นหัวประมาณ 80% แล้วค่อยทำการลบคอออกเพื่อให้เห็นว่าควรจะลบถึงตรงไหน

คลิกทำงานที่ Layer Background (Layer รูป Yuri) จากนั้นเลือก Clone Stamp Tool
  • แล้วกด Alt ค้างแล้วคลิกซ้ายลงไปบริเวณใกล้ๆหัวเพื่อดูดสีของ Background
  • จากนั้นคลิกซ้ายอีกทีเพื่อลบหัวของ Yuri ออก (ซึ่งวิธีใช้ Clone Stamp Tool ก็จะคล้ายๆวิธีการใช้ Healing Brush เพื่อลบสิว)


ลบเสร็จแล้วจะได้ประมาณนี้ โดยฟรีลองปิดตา Layer หัวของลีดองเฮให้ดูก็จะเห็นว่าฟรีลบหัวของยูริไปแค่ส่วนที่เกินออกมาจากหัว ของลีดองเฮนั้นเอง


ขั้นตอนที่ 5 ปรับแสงและสีให้เข้ากันเพื่อความเนียน
สังเกตที่มือของ Yuri นั้นจะสีออกเหลือง เพราะฉะนั้นหัวของลีดองเฮที่เราตัดมาก็ต้องเหลืองพอๆกับมือ โดยวิธีการคือ
  • กด Ctrl+B หรือไปที่ Image > Adjustments > Color Balance จะพบกับหน้าต่าง Color Balance
  • ให้เลื่อน Scroll ของ Yellow - Blue โดยให้เลื่อนไปทาง Yellow ภาพก็จะเป็นโทนสีเหลืองขึ้น โดยตอนนี้จะเลือก Tone Balance อยู่ที่ Midtones

แต่มือของ Yuri ยังมีโทนสีที่แดงฟรีจึงปรับ Scroll ของ Cyan - Red โดยเลื่อนไปทาง Red ภาพก็จะออกโทนสีแดงขึ้น เลื่อนให้สีพอดีกับรูปโดยใช้สายตากะเอา


ผมของลีดองเฮ ออกโทนสีแดงๆเหลืองๆอยู่ฟรีจึงต้องปรับให้เนียนขึ้นอีกโดยวิธี คือ
  • เลือก Tone Balance เป็น Shadows
  • ทำการปรับ Scroll Cyan-Red ไปทาง Cyan เพื่อให้โทนสีแดงน้อยลง
  • Scroll Yellow-Blue ไปทาง Blue เพื่อให้โทนสีเหลืองน้อยลง
  • เมื่อสีของหัวกลมกลืนกลับรูปแล้วกด OK


เพิ่มความเนียนเข้าไปอีก ฟรีจึงใช้ Burn Tool ระบายไปบริเวณขอบของเส้นผมให้มืดลง เพราะตอนตัดต่อผมมามันติดสีน้ำเงินมานิดนึง


เพียงเท่านี้ลีดองเฮกับยูริก็รวมร่างเป็นคนๆเดียวกันละ สวยงามที่สุด ฮ่าๆๆ
ซึ่งวิธีการก็ประมาณนี้แหละครับ ซึ่งถ้ารูปมืดไปก็อาจใช้ Curve ช่วย สีไม่เข้ากันใช้ Color Balance ช่วย หรือใช้อะไรก็ได้ที่ให้ผลลัพธ์ที่เป็นที่น่าพอใจ ถ้าเพื่อนๆฝึกขั้นตอนการ ตัดต่อนี้ได้แล้วลองหัดตัดต่อดูบ่อยๆ เพื่อนๆก็จะเก่งขึ้นได้อย่างไม่ยากเลยครับ ^^
(คำเตือน: อย่านำเทคนิคการตัดต่อนี้ไปตัดต่อในสิ่งที่ผิดกฎหมายนะครับ มันบาปไม่ดี)



ที่มา: http://www.photoshopgangs.clinic-it.in.th

วันจันทร์ที่ 8 เมษายน พ.ศ. 2556

Media Club: คีย์ลัด สำหรับPhotoshop

กลุ่มชมรมสื่อศึกษา [Media Club] คลิก ด้านล่าง
https://www.facebook.com/groups/MBUPhoto/

มีปัญหาคาใจสามารถเข้าไปเป็นเพื่อน และ ถามได้ เพื่อนๆในกลุ่ม ใจกว้างทุกคนห่ะ

เพิ่มความเร็วการใช้ photoshop ด้วยคีย์ลัด
หมายเหตุ: อันนี้เราอ้างอิงจากคีย์ลัด default ของ photoshop  เพราะ จขบ. ถนัดใช้แบบนี้ซะแล้ว
ค่า default (ค่าเดิมของโปรแกรม)

Key ลัดทั่วไปสามารถใช้ได้เกือบทุกโปรแกรม
Ctrl+c คัดลอง
Ctrl+v วาง
Ctrl+s บันทึก
Ctrl+a เลือกทั้งหมด
Ctrl+z ย้อนกลับ สำหรับ Photoshop สามารถใช้คำสั่งนี้ได้เพียง 1 step เท่านั้น หากต้องการย้อนกลับมากกว่า 1 Step ให้ไปต้องคลิกที่ Tab HISTORY อยู่ที่ตรง Panals ด้านขวา ใกล้ๆกับ LAYERS
Ctrl+y กลับไปหน้ายังจุดที่ย้อนกลับมา ต้องใช้ Ctrl+z ก่อนถึงจะสามารถเรียก Ctrl+y มาทำงานต่อได้
Ctrl+m เรียกเครื่องมือ Curves ใช้สำหรับปรับแสดง ขาว กับ ดำ
Ctrl+n สร้างเอกสารใหม่
Ctrl+b เรียกเครื่องมือ Color Balance ใช้สำหรับปรับโทนสีตามต้องการ
Ctrl+t เรียกเครื่องมือ Free Transform สำหรับหมุนวัสถุตามต้องการ
Ctrl+q ออกจากโปรแกรม


Ctrl + Alt + Drag Mouse
เป็นการก๊อปปี้วัสถุที่จะแดรกเมาส์ พร้อมทั้งสร้าง Layer ให้ไปพร้อมๆกัน

และยังสามารถกำหนดได้ตนเองได้ด้วย ไปที่ Edite >> Keyboard Shortcut 


รูปภาพสำหรับต้องการกำหนด Keyboard Shortcut 


แสดงหน้าต่างสำหรับกำหนด Keyboard Shortcut คีย์ลัดตามต้องการ

ลองฝึกใช้ดูน่ะครับ นี้เป็นเพียงคำสั่งพื้นฐานเท่านั้น ตามที่ผมใช้อยู่บ่อยๆ จริงๆแล้วมีเยอะมาก แต่เดี่ยวมาโพสต์อัพเดทต่อให้ครับ หากเพื่อนใช้คำสั่งใหนอยู่บ่อยๆโพสต์ต่อได้ที่ comment ได้เลยครับ
สำหรับส่วนนี้แบบเบื้องต้นไปก่อนน่ะครับ 

ฝึกใช้ให้คล่องๆ การใช้คีย์ลัดช่วยให้สร้างสรรค์งานได้เร็วขึ้น ตัดต่อภาพด้วย Photoshop กลายเห็นเรื่องสนุกไปเลย ลองดูน่ะครับ

เราจะรู้ได้อย่างไรว่า tool ไหนมีคีย์ลัดอะไร วิธีง่ายๆคือ เอาเม้าไปชี้แช่ไว้สักพัก มันจะขึ้นแถบข้อความมาและมีคีย์ลัดวงเล็บไว้ข้างหลังให้
จริงๆแล้วเราไม่จำเป็นต้องจำทั้งหมด จำแค่อะไรที่ใช้บ่อยๆก็เพียงพอแล้ว
Shortcuts ของ Tool ที่ใช้กันบ่อยๆ
 Move Tool >> V

 Rectangle Marquee Tool,  Ellipse Marquee Tool >> M ขณะที่กำลังสร้าง  selection ด้วยMarquee Tool นั้น เราสามารถใช้คีย์ลัดได้ดังนี้ 
     - รูปทรงสี่เหลี่ยมจัตุรัส หรือ ทรงกลม (กว้าวยาว 1:1) >> กด Shift ค้างไว้ขณะสร้าง
     Lasso Tool,  Polygonial Lasso Tool >> L 
         - ลากเส้นมุม 0 ํ, 45 ํ, 90 ํ,... (เฉพาะ Polygonial Lasso Tool)  >> กด shift ค้างไว้ แล้วลาก
       Magic Wand Tool >> W 
           - Selection Tool Group 
           - Select All >> ctrl A 
           - Deselect >> ctrl D
           - Add Selection >> กด Shift ค้างไว้แล้ว select พื้นที่ใหม่ที่ต้องการเพิ่ม
           - Delete Selection >> กด Alt ค้างไว้แล้ว select พื้นที่ที่ต้องการเอาออก
           - Cut Selection (ตัดรูปในส่วนที่ Select) >> กด ctrl ค้างไว้ แล้วลากเพื่อตัดภาพ
         Crop Tool,  Slice Tool >> C

         Eyedropper Tool >> I  
             - เฉพาะ Eyedropper Tool นั้น เราสามารถเลือกโดยกด Alt ค้างไว้ได้ เมื่อเรากำลังเลือกใช้เครื่องมือ Brush Tool, Pencil Tool  และ Paint Bucket Tool)
           Brush Tool,  Pencil Tool >>  B 

           Erase Tool >> E

           Paint Bucket Tool,  Gradient Tool >> G 

           Horizontal Type Tool >> T

           Rectangle Tool,  Rounded Rectangle Tool,  Ellipse Tool,  Line Tool >> U

           Hand Tool >> H  
               - เฉพาะ Hand Tool เราสามารถเรียกใช้ได้ง่ายๆโดยการกด  Space Bar ค้างไว้

           Zoom Tool >> Z  
               - ในการ  Zoom in เราสามารถกด ctrl + และ Zoom out  กด ctrl - (ลบ) แทนได้
               - การขยายรูปเต็มจอ >> ctrl 0
               - การดูรูปที่ขนาด 100% >> ctrl shift 0
            Free Transform >> ctrl T ในขณะที่เรากำลัง Free Transform เราสามารถใช้คีย์ลัดได้ตามนี้ 
                 - การขยายขนาดแบบคงอัตราส่วนกว้างยาว >> กด shift ค้างไว้ขณะ ปรับขนาด
                 - การขยายขนาดแบบอ้างอิงจุดศูนย์กลาง >> กด alt ค้างไว้ขณะ ปรับขนาด
                 - การดึงเฉพาะจุดมุม >> กด ctrl ไว้ แล้วเลือกมุมที่ต้องการจะดึง (distort)
              การสลับ Background และ Foreground color>> X


                วิธีเลือก Tool อื่นๆ ในกรุ๊ป Tool
                สำหรับ Tool แยกย่อยไปจากนี้เราสามารถเลือกได้ง่ายๆด้วยการกด  shift+คีย์ลัดตัวนั้น เช่น
                ต้องการเลือก  marquee tool ที่ไม่ใช่สี่เหลี่ยม ซึ่งมี Tool อื่นๆตามรูป
                สมมติว่า แรกเริ่มเราอยู่ที่ Rectangular marquee tool เราต้องการใช้ Elliptical Marquee Tool เราก็กด  shift+M หนึ่งครั้ง สังเกตว่า ไอคอนจะเปลี่ยนไป ถ้า Tool ไหน มี shortcut ซ้ำมาๆ ก็กดหลายครั้งหน่อย มันจะวนไปเรื่อยๆ เหมือน loop
                แต่จะมี Tool อื่นๆที่ไม่มี shortcut ไว้ อย่างตัวอย่างข้างบน เราไม่สามารถกด shortcut เพื่อเลือก Single Row Marquee Tool ได้ แบบนี้เราจำเป็นต้องใช้เม้าไปคลิ้กเท่านั้น แต่เรามีวิธีที่ง่ายกว่า โดยการตั้ง shortcut ขึ้นมาเองซะเลย

                วิธีการตั้ง Shortcut ของตัวเอง (photoshop CS4)
                1.  Edit > Keyboard Shortcuts.. จะปรากฎหน้าต่างขึ้นมา เลือก Shortcuts For: เป็น Tools ตามรูป

                2.  เลือก Tool ที่ต้องการตั้ง Shortcuts ใหม่ ตามตัวอย่างเราจะตั้ง Shortcuts ให้กับ Single Row Marquee Tool กัน ให้เราคลิ้กที่ column Shortcut หลัง Single Row Marquee Tool จะปรากฎ Text box ให้เราใส่ตัวอักษรลงไป ในที่นี้เราใส่ "M" ลงไป 

                3.  จากนั้น เราสามารถ save profile ของ Shortcuts ที่เราตั้งใหม่ไว้ได้ โดยกดที่รูป floppy disc แล้ว save ตามปกติ

                4.  เสร็จเรียบร้อยก็กดโอเค มาลองกดที่ Tool ที่ตั้งไว้ จะเห็นว่า มีตัวคีย์ลัด โผล่ออกมาแล้ว 




                ตารางคีย์ลัด แบบละเอียดมากๆ สามารถโหลดได้จากเว็บนี้ มีของทุกเวอร์ชั่นเลย >>http://creativetechs.com/tipsblog/photoshop-cs4-shortcut-cheatsheets/ 


                เคล็ดลับการใช้คีย์ลัดให้คล่อง มีวิธีเดียวคือ ใช้บ่อยๆ มันจะจำไปเอง เหมือนพิมพ์สัมผัสอ่ะ
                ใครได้ใช้แล้วจะรู้ว่า สามารถใช้ photoshop ได้เร็วขึ้นจริงๆ