สอน Photoshop เทคนิค Photoshop ใช้ Photoshop พื้นฐานจนถึงขั้นเทพ Style iFree

56 ปี "สตีฟ จ็อบส์" ชายผู้เป็นมากกว่าตำนาน

2011-10-06T21:57:00.004+07:00

วันนี้หลายคนคงได้รู้ข่าวของ Steve Jobs อดีต CEO ของ Apple ว่าเค้าได้เสียชีวิตแล้ววันที่ 5 ตุลาคม 2011 นี้ เนื้อหาที่อยากเอามานำเสนอให้ทุกคนได้รู้นี้ คือ เรื่องราวๆดีของชายผู้นี้ ตัวฟรีเองไม่เคยใช้ผลิตภัณฑ์ของ Apple แม้แต่ชิ้นเดียว (ไม่มีตังค์ครับ :D) เคยอ่านประวัติมาบ้างพอสมควร รู้สึกชอบในแนวคิดของเค้า พูดง่ายๆว่าเป็นแรงบันดาลใจในการทำงานของฟรีเลยครับ

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

รู้หรือไม่ Toy Story ภาพยนตร์การ์ตูน 3D ที่โด่งดังไปทั่วโลก ก็มีสตีฟ จ็อบส์อยู่เบื้องหลังความสำเร็จ รวมถึง Bug ตัวบั๊กส์ หัวใจไม่บั๊กส์, Nemo ปลาเล็กหัวใจโต๊โต ฯลฯ

รู้หรือไม่ สตีฟ จ็อบส์เคยถูกไล่ออกจากบริษัทที่ตัวเองก่อตั้ง

รู้หรือไม่ สตีฟ จ็อบส์นับถือพุทธศาสนา

สุนทรพจน์ของสตีฟ จ็อบส์ ผู้ก่อตั้ง Apple ในพิธีจบการศึกษามหาวิทยาัลัยสแตนฟอร์ด ปี 2005

ประวัติของสตีฟ จ๊อบส์ ชายผู้เป็นมากกว่าตำนาน

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

คือคำพูดที่สตีฟ จ็อบส์ กล่าวไว้ในช่วงปี 1993 และอาจทำให้หลายคนอดนึกถึงไม่ได้เมื่อวันที่ จ็อบส์ ได้ลาจากโลกนี้ไปอย่างไม่มีวันกลับ

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

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

ตลอดระยะเวลา 56 ปี ตั้งแต่เด็กชายจ็อบส์ถึงซีอีโอแอปเปิลได้สร้างสิ่งที่เป็นมากกว่าตำนานให้แก่โลกมากมาย แต่ชีวิตทุกชีวิตไม่ได้โรยด้วยกลีบกุหลาบ ทุกสิ่งต้องมีจุดเริ่มต้นและแรงผลักดัน...

24 กุมภาพันธ์ 1955 - เด็กชายที่กลายเป็นผู้เปลี่ยนโลกเทคโนโลยีลืมตาขึ้นมาดูโลก ในช่วงที่มารดาที่แท้จริงยังเป็นนักศึกษา ส่งผลให้พ่อ-แม่บุญธรรม อย่างพอล และคลาร่า จ็อบส์ รับไปเลี้ยง ในเมืองเมาเทนวิว ซานต้า คลาร่า เคาน์ตี้ มลรัฐแคลิฟอร์เนีย และให้ชื่อเด็กชายผู้นั้นว่า 'สตีฟ พอล จ็อบส์'

ปี 1972 - หลังเข้ารับการศึกษาที่ Reed College ในเมืองพอร์ตแลนด์ รัฐโอเรกอน ได้เพียงเทอมเดียว จ็อบส์ เลือกที่จะพักการเรียนจากเหตุผลว่าไม่เห็นความน่าสนใจของสิ่งที่เขาเรียนอยู่ และหันไปลงเรียนเฉพาะวิชาที่ตนเองสนใจ ก่อนจะตัดสินใจเลิกเรียนถาวรโดยที่ไม่จบการศึกษาจากมาหวิทยาลัย

ปี 1974 - จ็อบส์ กลับมายังแคลิฟอร์เนีย ในฐานะพนักงานผลิตและออกแบบแผ่นวงจรที่บริษัทผลิตเกมชื่อดังอย่าง อาตาริ (Atari) ซึ่งจากการทำงานในครั้งนี้ ทำให้จ็อบส์ ได้พบกับ สตีฟ วอซเนียก ในปีถัดมา

1 เมษายน 1976 - จ็อบร่วมงานกับ วอซเนียก และ รอน เวนย์ ในการผลิตคอมพิวเตอร์เครื่องแรกอย่าง Apple I ที่ถูกส่งตรงจากโรงรถในบ้านพักของจ็อบส์ ตั้งราคาจำหน่ายไว้ที่ 666.66 เหรียญสหรัฐฯ (ล่าสุดมีนักสะสมชาวอิตาลีประมูลไปในปี 2010 ที่ราคา 213,600 เหรียญ หรือราว 6 ล้านบาท)

16 เมษายน 1977 - คอมพิวเตอร์ Apple II ออกสู่ตลาด

ธันวาคม 1980 - บริษัท แอปเปิล คอมพิวเตอร์ กลายเป็นบริษัทมหาชน และเปิดขายหุ้นแก่สาธารณะในราคา 2.75 เหรียญฯ ซึ่งขณะนั้นรวบรวมเงินทุนได้ทั้งหมด 110 ล้านเหรียญ (ปัจจุบัน หุ้นของแอปเปิลปิดตลาดอยู่ที่ 378.25 เหรียญ)

ปี 1982 - มูลค่ารวมของ แอปเปิล คอมพิวเตอร์ พุ่งขึ้นสู่ 1 พันล้านเหรียญ

มกราคม 1983 - แอปเปิล เผยโฉมคอมพิวเตอร์เครื่องแรกที่มาพร้อมกับกราฟิก ยูสเซอร์อินเตอร์เฟส ในชื่อ ลิซ่า (Lisa) ตั้งราคาจำหน่ายที่ 9,995 เหรียญ พร้อมกับจ้าง จอนห์ สกัลลีย์ ผู้บริหารระดับสูงของบริษัท เปปซี่-โคลา มาดำรงค์ตำแหน่งผู้บริหารระดับสูงของแอปเปิล

24 มกราคม 1984 - แอปเปิล เผยโฉมเครื่อง แมคอินทอช ในราคา 2,500 เหรียญฯ ซึ่งกลายเป็นคอมพิวเตอร์ที่มาเปลี่ยนอุตสาหกรรมคอมพิวเตอร์ในภายหลัง

กันยายน 1985 - จ็อบส์ ลาออกจาก แอปเปิล คอมพิวเตอร์ หลังจากนั้นได้ก่อตั้งบริษัทคอมพิวเตอร์ขึ้นมาใหม่ ชื่อว่า เน็กซ์ (NeXT)

กุมภาพันธ์ 1986 - จ็อบส์เข้าซื้อกิจการ จอร์ส ลูคัส คอมพิวเตอร์ กราฟิก ในราคา 10 ล้านเหรียญ และเปลี่ยนชื่อเป็น พิกซาร์ อิงค์ (Pixar Inc)

กุมภาพันธ์ 1993 - เน็กซ์ ซึ่งอยู่ในความดูแลของสตีฟ จ็อบส์ ตัดสินใจเลือกผลิตคอมพิวเตอร์ หันมาพัฒนาทางด้านซอฟต์แวร์โดยเฉพาะ และปลดพลักงานกว่าครึ่งจากทั้งหมด 540 คน

พฤศจิกายน 1995 - พิกซาร์ ทำรายได้มหาศาลจาก ทอย สตอรี่ (Toy Story) โดย จ็อบส์ เป็นหนึ่งในผู้อำนวยการสร้าง ก่อนที่จะขายบริษัทให้ ดิสนีย์ ในราคา 7,400 ล้านเหรียญภายหลัง

20 ธันวาคม 1996 - แอปเปิล ตัดสินใจเข้าซื้อกิจการ เน็กซ์ ในมูลค่า 430 ล้านเหรียญฯ สำหรับระบบปฏิบตัการ ทำให้จ็อบส์ กลับมาเป็นที่ปรึกษาของบริษัทในส่วนของซอฟต์แวร์ แมคอินทอช ขณะเดียวกันยังได้แต่งตั้ง กิล อแมลีโอ มาดำรงค์ตำแหน่งซีอีโอ

9 กรกฏาคม 1997 - 17 เดือนให้หลัง กิล ถูกกดดันให้ลากออก ส่งผลให้จ็อบส์ ขึ้นมาเป็นรักษาการซีอีโอ ระหว่างค้นหาผู้ที่จะมาดำรงค์ตำแหน่งแทน จ็อบส์เรียกตำแหน่งนี้ว่า 'iCEO : interim CEO'

6 สิงหาคม 1997 - ภายในงาน แมคเวิลด์ จ็อบส์ ประกาศว่าคู่แข่งตลอดการของแอปเปิล อย่างไมโครซอฟท์ จะร่วมลงทุน 150 ล้านเหรียญ พร้อมกับแต่งตั้ง แลร์ลี่ แอลลิสัน อดีตซีอีโอจากออราเคิล ขึ้นมาดูแล

พฤษภาคม 1998 - แอปเปิลกลับมาลุยในตลาดคอมพิวเตอร์ส่วนบุคคล จากการเปิดตัว iMAc ในรูปแบบออลอินวัน พีซี ที่ราคา 1,299 เหรียญ หลังจากนั้นผลิตภัณฑ์ตระกูล i เริ่มออกสู่ตลาดอย่าง iBook

5 มกราคม 2000 - หลังจากรับหน้าที่ iCEO มา 2 ปีครึ่ง สุดท้ายแอปเปิล ก็แต่งตั้งให้จ็อบส์ ขึ้นเป็นซีอีโอ และภายในปีเดียวกันได้มีการเปิดตัวระบบปฏิบัติการ Mac OS X พร้อมระบุว่าภายใน 10 ปีข้างหน้าแอปเปิลจะกลายเป็นหนึ่งใน 10 บริษัทไอที ที่ประสบความสำเร็จมาก

9 มกราคม 2001 - จ็อบส์ เปิดตัว ไอจูนส์ 'iTunes' ซึ่งกลายเป็นแพลตฟอร์มที่ช่วยให้ค่ายเพลงกลับมามีชีวิตอีกครั้งจากการให้บริการดาวน์โหลดเพลง

24 มีนาคม 2001 - จัดส่ง Mac OS X 10.0 ในชื่อโค้ดเนม ชีต้าส์ (Cheetah) ออกสู่ตลาด

พฤษภาคม 2001 - แอปเปิล เปิดร้านค้าปลีกแห่งแรกที่ แมคลีน เวอจีเนีย และ เกล็นเดล แคลิฟอร์เนีย หลังหวังที่จะขยายไปกว่า 300 สาขาทั่วโลก

23 ตุลาคม 2001 - จ็อบส์ ขึ้นเวทีร่ายมนต์สะกดให้แก่ชาวไอทีทั่วโลก จากการเปิดตัวเครื่องเล่นเพลงแบบพกพา 'ไอพอด' ที่สามารถจัดเก็บเพลงเอ็มพีสาม ได้มากกว่า 1,000 เพลง ในราคา 399 เหรียญ

28 เมษายน 2003 - คลังเพลงบนไอจูนส์ มีเพลงมากกว่า 200,000 จาก 5 ค่ายเพลงชื่อดัง นอกจากนี้ไอจูนส์ยังสามารถขายเพลงได้มากกว่า 1 ล้านเพลงในสัปดาห์แรก

ตุลาคม 2003 - จ็อบส์ เริ่ม ป่วยและมีอาการทรุดโทรมจากผลของมะเร็ง ซึ่งถูกเปิดเผยภายหลังจากนิตยสารฟอร์จูนว่า จ็อบส์เลือกที่จะทานอาหารเพื่อสุขภาพแทนการผ่าตัด

1 สิงหาคม 2004 - ชายวัย 49 ปี ถูกตรวจพบว่าเป็นมะเร็งตับ ซึ่งจ็อบส์ระบุว่าเขาตัดสินใจที่จะผ่าตัดเพื่อรักษามะเร็ง โดยไม่ต้องการทำคีโม หรือฉายรังสี ทำให้ ทิมคุก ซึ่งเป็น ซีโอโอ ในขณะนั้นขึ้นมารับช่วงต่องานจนกระทั่งจ็อบส์กลับมาทำงานในเดือนกันยายน

12 มิถุนายน 2005 - จ็อบส์ เริ่มพูดถึงเรื่องมะเร็งต่อสาธารณะชน ภายในงานปาฐกถา ที่มหาวิทยาลัย สแตนฟอร์ด โดยมีคำพูดบางส่วนว่า เขาได้รับรู้เรื่องโรคมะเร็งมาปีกว่าแล้ว ซึ่งขณะนั้นหมอบอกว่าเขาจะมีชีวิตได้ไม่เกิน 6 เดือน แต่ขณะนี้เขาสบายดีแล้ว เพราะมะเร็งตับถูกผ่าตัดออกไปแล้ว

มกราคม 2006 - วอล์ท ดิสนีย์ ตัดสินใจเข้าซื้อกิจการ พิกซาร์ ในราคา 8.06 พันล้านเหรียญ แล้วเสร็จในเดือนพฤษภาคม ส่งผลให้จ็อบส์กลายเเป็นผู้ถือหุ้นใหญ่ของดิสนีย์ไปโดยปริยาย

9 มกราคม 2007 - จ็อบส์ขึ้นร่ายมนต์สะกดอีกครั้งหนึ่งภายในงาน แมคเวิลด์ เพื่อเผยโฉมสมาร์ทโฟนที่มาพลิกโฉมอุตสาหกรรมอย่าง ไอโฟน (iPhone) ซึ่งทำรายได้มากกว่า 1 พันล้านเหรียญฯ พร้อมกับเปลี่ยนชื่อษริษัท แอปเปิล คอมพิวเตอร์ กลายเป็น แอปเปิล

9 มิถุนายน 2008 - เพียงปีกว่าๆหลังจากนั้น จ็อบส์ ขึ้นเวทีอีกครั้งในงานสำหรับนักพัฒนาของแอปเปิล เพื่อโชว์สมาร์ทโฟนรุ่นใหม่อย่าง iPhone 3G ที่บางขึ้น พร้อมกับความสามารถที่เพิ่มขึ้น

21 กรกฏาคม 2008 - แอปเปิล ออกแถลงการเกี่ยวกับสุขภาพของสตีฟ จ็อบส์ หลังมีภาพน้ำหลักลด ไปจนถึงข่าวลือการเสียชีวิตส่งผลให้หุ้นของแอปเปิลร่วงถึง 12% ในวันถัดไป

9 กันยายน 2009 - จ็อบส์เผยโฉมเครื่องเล่นเพลงพกพา ไอพอด รุ่นใหม่ในซานฟรานซิสโก และกล่าวเหน็บภายในงานเกี่ยวกับข่าวลือเรื่องการเสียชีวิตของเขาว่าเป็นการพูดเกินความจริง

16 ธันวาคม 2008 - มีการจัดงานแมคเวิลด์ขึ้นอีกครั้ง แต่สตีฟ จ็อบส์ ไม่ได้ปรากฏกายภายในงาน

5 มกราคม 2009 - จ็อบส์ ออกมาอธิบายเหตุผลที่ตนน้ำหนักลดลง เกิดจากความผิดปกติทางฮอร์โมน ซึ่งอยู่ในระหว่างการรักษาตัว

14 มกราคม 2009 - สตีฟ จ็อบส์ เขียนอีเมลลางานเพื่อรักษาตัวถึงเดือนมิถุนายน โดยบอกว่าโอนหน้าที่ของตัวเองให้ ทิม คุก รับผิดชอบงานบริหารแทนไปก่อน

29 มิถุนายน 2009 - แอปเปิล ประกาศว่า สตีฟ จ็อบส์ กลับมาทำงานแล้ว ทำให้หุ้นของแอปเปิลพุ่งสูงขึ้นกว่า 70% เมื่อเทียบกับวันที่ 15 มกราคม

9 กันยายน 2009 - ขึ้นเวทีโชว์ตัวแก่สาธารณะชนครั้งแรก หลังจากพักรักษาตัว พร้อมกับเปิดตัว ไอพอด รุ่นใหม่ ที่ซานฟรานซิสโก อีกครั้ง

27 มกราคม 2010 - ขึ้นเปิดตัวแท็บเล็ตนาม ไอแพด (iPad) ที่กลายเป็นอีกหนึ่งสินค้าปฏิวัติอุตสาหกรรม ทั้งนี้แอปเปิลสามารถขาย ไอแพด ได้ทั้งหมด 7.3 ล้านเครื่องภายในไตรมาสเดียว

17 มกราคม 2011 - จ็อบส์ส่งอีเมลถึงพนักงงานแอปเปิลอีกครั้งเพื่อลางานรักษาตัว พร้อมระบุว่า ตนเองรักแอปเปิลมาก และหวังว่าจะกลับมาทำงานให้เร็วที่สุด ทิม คุก ขึ้นรับหน้าที่แทนจ็อบส์อีกครั้งหนึ่ง

2 มีนาคม 2011 - จ็อบส์กลับมาจากการพักรักษาตัว พร้อมขึ้นเวทีเปิดตัว ไอแพด 2

24 สิงหาคม 2011 - จ็อบส์ตัดสินใจลาออกจากการเป็นซีอีโอ และผลักดันให้ทิม คุก ขึ้นรับตำแหน่งแทน

5 ตุลาคม 2011 - รายงานล่าสุด คาดการ์ณว่าโรคมะเร็งได้คร่าชีวิต 'สตีฟ พอล จ็อบส์' ภายในบ้านพักเมือง พาโล อัลโต รัฐ แคลิฟอร์เนีย

ขอบคุณเนื้อหาจาก ผู้จัดการ

ปิดท้ายด้วยรูป Steve Jobs ที่ผ่านการ Retouch จาก iFreePhotoshop กันครับ

คลิกที่ภาพเพื่อดูรูปใหญ่

[How to] สร้างโลกแบบ Graphic ด้วย Photoshop

2011-09-25T23:15:00.004+07:00

ใกล้แล้วๆ ใกล้ปิดเทอมเต็มที ดีใจจริงๆ เข้าเรื่อง... พอดีมีน้องคนนึงมาบอกใน Facebook ว่าให้ช่วยเขียนบทความสร้างภาพโลกด้วย Photoshop โดยน้องเค้าให้ Link แนะนำมา (http://dinyctis.deviantart.com/art/Planet-Tutorial-3131869) พอดีมันเป็นพากษ์ภาษาอังกฤษเลยให้ฟรีช่วยทำเป็นพากษ์ไทย
แต่บอกก่อนนะครับ อ่านไม่ออกเหมือนกัน ฮ่าๆ แต่ดูรูปก็พอเดาๆได้ละว่าทำยังไง แต่ไม่เป๊ะเหมือนเค้านะครับ มาเริ่มกันเลยดีกว่า

ขั้นตอนที่ 1 เตรียมรูปพื้นหินแผ่นหิน

โดยฟรีได้หารูปมาจาก Google แหละครับ (keyword ที่ฟรีใช้หาใน Google ก็คือ rock texture)
หรือใช้รูปที่ฟรีหามาก็ได้
โดยลักษณะรูปพอดูแล้วจินตนาการว่าเป็นผิวโลกได้ก็โอเคละ

คลิกที่รูปเพื่อดูรูปขนาดใหญ่ ได้ Save รูปใหญ่ๆไง

ขั้นตอนที่ 2 ขึ้นโครงสร้างของโลก

สร้างไฟล์ขึ้นมาใหม่ขนาดแล้วแต่จะใช้งาน ในที่นี้ฟรีสร้าง 1000x1000 pixel
กด Ctrl+I เพื่อให้ Layer Background สลับจากสีขาวเป็นสีดำ (Inverse ไว้สำหรับแปลงภาพเป็นสีตรงข้าม)
สร้าง Layer ขึ้นมาใหม่ ใช้ Marquee Tool แบบวงกลมสร้าง Selection ทรงกลมขึ้นกลางหน้ากระดาษ (กด Shift ค้างขณะสร้าง Selection จะได้ Selection ทรงกลมดิ๊ก)
เลือกสีดำเทลงไป
กด Alt+Del เพื่อเทสีที่เลือกลงใน Selection

นำภาพ texture ลายหินที่หามาได้ลากลงมาบนงานชิ้นนี้
กด Ctrl+T เพื่อย่อขนาดลายหินนี้ให้พอเหมาะ
กด Ctrl ค้างและคลิกที่ thumbnail ของ Layer (ส่วนที่เป็นภาพย่อหน้า Layer นั้นแหละ) เพื่อ Load Selection ของวงกลม
กด Ctrl+Shift+I หรือไปที่เมนูด้านบน Select > Inverse เพื่อกลับด้าน Selection

กด Delete บนแป้นพิมพ์ เพื่อลบส่วนที่อยู่ใน Selection ออก
เลือกเครื่องมือ Crop Tool แล้ว Crop ลงบริเวณทั้งรูปอีกครั้ง เพื่อตัดส่วนเกินของ Texture ลายหินที่อยู่เกินขอบเขตงานออก เพื่อป้องกันปัญหาในหัวข้อถัดไป

กด Ctrl+Shift+U 1 ครั้งเพื่อเปลี่ยนให้ลายหินเป็นสีขาว-ดำ
กด Ctrl ค้างและคลิกที่ Thumbnail ของ Layer ลายหินเพื่อ Load Selection วงกลม
ไปที่เมนู Filter > Distort > Spherize ปรับค่า Amount 100% และกด OK
ปรับค่า Spherize อีกครั้งประมาณ 30% เพื่อให้ลายหินดูระนาบไปกับพื้นผิววงกลมมากขึ้น (อันนี้แล้วแต่สายตาคาดคะเนเอานะ ^^)

ขั้นตอนที่ 3 ใส่รายละเอียดบนโลกของเรา

ปิดตา Layer ลายหินนี้ก่อน เพื่อมาทำงานที่ Layer ทรงกลมอันแรกของเรา
ดับเบิ้ลคลิกที่ Layer เพื่อ Add a layer style และปรับค่าต่างๆดังรูป

Inner Shadow

Outer Glow

Inner Glow

พอปรับเสร็จแล้วจะได้ผลดังรูปตัวอย่าง

กด Ctrl+J ที่ Layer วงกลมนี้เพื่อ Copy มันขึ้นมาอีก 1 Layer
เปลี่ยน Layer Style เฉพาะส่วนของสี Outer Glow เป็นสีน้ำเงินมืดๆหน่อย #004f91 ก็จะได้ขอบวงกลมที่มีเส้นตัดเพิ่มเล็กน้อย

เปิดตา Layer ลายหินขึ้นมา แล้วเปลี่ยน Layer เป็นโหมด Soft Light
เลือก Filter > Noise > Reduce Noise ปรับค่าดังรูป แล้วกด OK

จริงๆ Noise นี่จะปรับไม่ปรับก็ได้ แต่พอดีลายหินที่ฟรีทำมันค่อนข้างแตกๆเลยทำให้มันเนียนหน่อย ^^

ขั้นตอนที่ 4 สร้างเงาดำบังโลกเพื่อความงามอีกหน่อย

สร้าง Layer ขึ้นใหม่ในตำแหน่งบนสุด
กด Ctrl ค้างแล้วคลิก Thumbnail ที่ Layer ลายหินหรือลูกโลกก็ได้ (กลมเท่ากัน) เพื่อ Load Selection
กด Ctrl+Alt+D หรือไปที่ Select > Filter ปรับค่า Feather Radius ประมาณ 50 pixels
เทสีดำลงไปใน Selection จะได้ราหูอมโลกดังภาพประกอบ

ใช้ Move Tool เลื่อนเงาดำมาบริเวณขวาล่างแล้วปรับค่า Opacity ของ Layer ประมาณ 90%
กด Ctrl+J ที่ Layer ลายหิน เพื่อ Copy Layer ขึ้นมาใหม่ แล้วเปลี่ยนโหมดเป็น Hard Light และ Opacity ประมาณ 50%

หลังจากเลื่อนเงาดำ และ Copy Layer ลายหินเพื่อเพิ่มมิติให้ผิวโลก

ขั้นตอนที่ 5 ตกแต่งรายละเอียดเพิ่มตามเหมาะสม

คราวนี้ฟรีอยากได้แสงในส่วนที่อยู่อีกฝั่งของโลกเล็กน้อยเพื่อให้ฝั่งซ้ายบนนั้นดูสว่างมีออร่ามากขึ้น

สร้าง Layer ไว้ตำแหน่งเหนือ Layer Background
สร้าง Selection วงกลมเลยขอบของโลกออกมาเล็กน้อย
กด Ctrl+Alt+D แล้วใส่ค่า Feather Radius 10 pixel
เทสีขาวลงไปใน Selection

ถ้าอยากใส่ดาวเพื่อเป็น Backgroud ให้โหลด Brush Star ก่อน DOWNLOAD
จากนั้นละเลงตามความเหมาะสมแต่ให้ Layer ที่จะละเลงอยู่หลังลูกโลกก็พอ
ตกแต่งตามความชอบใจ

แต่น แต๊น.. ผลงานที่ได้เรียบร้อยแล้วครับ สำหรับบทความนี้ก็มีเพียงเท่านี้ ขอขอบคุณคุณ dinyctis แห่ง Devianart.com หวังว่าสอบครั้งนี้จะโชคดีทุกคนครับ ^^

ถ้าอยากสร้างดาวเสาร์ก็ไปที่บทความสร้างดาวเสาร์ในหนังแฟนตาซีด้วยเทคนิค Photoshop Style iFree

เครดิตและเทคนิคเพิ่มเติม : http://dinyctis.deviantart.com/art/Planet-Tutorial-3131869

ปล.งานชิ้นนี้อาจไม่เหมือนต้นฉบับ เพราะฟรีใช้เครื่องมือตามแต่ที่ฟรีถนัด เพราะต้นฉบับไม่ได้อธิบายละเอียดยิบและอังกฤษไม่ค่อยแข็งเท่าไหร่ (ภาษานี่ปัจจัยสำคัญ - -") จึงทำตามแนวทางตัวเองซะ

แต่งหน้างิ้วด้วยเทคนิค Photoshop Style iFreePhotoshop

2011-05-25T17:00:00.003+07:00

สวัสดีคร๊าบ เพื่อนๆพี่ๆน้องๆที่ติดตาม iFreePhotoshop ทุกท่าน หลังจากเมื่อวานได้สัญญาไว้ใน Fanpage Facebook ว่าจะมาสอน Photoshop ในบทความการแต่งหน้างิ้ว พอดีมีน้องคนนึงเค้ารีเควสมาฟรีก็เลยจัดให้
ซึ่งวิธีที่จะใช้นั้นก็จะมีตัวช่วยสำคัญคือ Pen Tool ถ้ายังไม่ถนัดกับ Pen Tool ต้องไปดู บทความPen Tool อุปกรณ์สารพัดประโยชน์ กันก่อนเลย และถ้ามีพื้นฐานการแต่งหน้าด้วย Photoshop จากบทความMake Up แ่ต่งหน้าแบบมืออาชีพด้วย Photoshop Style iFree ยิ่งง่ายเข้าไปใหญ่

ขั้นตอนที่ 1 ทาหน้าให้ขาวเนียน

สร้าง Layer ใหม่ขึ้นมา 1 อัน จากนั้นฟรีจะทำการทาสีขาวลงบนใบหน้าโดยเหลือไว้เฉพาะ ตาและปากซึ่งเพื่อนๆจะใช้วิธีการใดก็ได้ในการทาสีขาวให้ได้ แต่ครั้งนี้ฟรีขอสอนการใช้ Quick Mask Mode ในการทาสี (ได้ฝึกใช้เครื่องมือใน Photoshop ไปในตัว ^^)

กดปุ่ม Q 1 ครั้ง หรือเลือกไปที่ Edit in Quick Mask Mode ทางด้านซ้ายมือดังรูป

จากนั้นเลือก Brush ปรับค่า Hardness ของ Brush ประมาณ 80% ฟุ้งนิดๆหน่อยๆพอ
ทำการระบายสีดำลงไปบนบริเวณใบหน้า (พอระบายลงไปมันจะเป็นสีแดงอ่อนๆไม่ต้องตกใจเพราะเป็นการทำงานใน Quick Mask Mode)
ใช้ Brush สีขาวระบายในส่วนที่ไม่ต้องการทาหน้าขาว (ตา ปาก กับขอบของหน้าที่อาจจะระบายเกินมา)

ก็จะได้ผลงานดังรูป

จากนั้นกด Q อีกครั้ง เราจะพบกับ Selection โดยส่วนที่เป็นสีแดงอ่อนจะเป็นส่วนที่อยู่ภายนอก Selection เพราะฉะนั้นให้กด Ctrl+Shift+I หรือไปที่ Select > Inverse เพื่อกลับ Selection

เทสีขาวลงไปใน Selection เท่านี้หน้าก็จะขาวทั้งหมด
เปลี่ยนโหมดของ Layer นี้ให้เป็น Color (ถ้ารูปที่เพื่อนทำมันไม่โอเคกับโหมดนี้ลองเลือกหาโหมดที่ทำให้ใกล้เคียงมากที่สุด)

แต่หน้าจะออกเทาๆ ฟรีจะแก้ตรงส่วนนี้ด้วยการ..

กด Ctrl ค้างแล้วคลิกไปที่ Thumbnail ของ Layer (กรอบรูปเล็กๆหน้า Layer เรานั้นแหละ) เพื่อโหลด Selection
เลือกทำงานที่ Layer นางแบบแล้วกด Ctrl+J เพื่อ Duplicate เฉพาะส่วนของหน้านางแบบออกมาเป็นอีก Layer นึง
เลือกทำงานที่ Layer ที่เรา Duplicate หน้าออกมา แล้วกด Ctrl+M หรือไปที่ Image > Adjustments > Curves
ปรับเส้น Curve ขึ้นเลือกน้อยเพื่อให้หน้าของนางแบบดูขาวขึ้น

ผลงานหลังจากปรับ Curves

ขั้นตอนที่ 2 ทาคิ้วแบบนางเอกงิ้ว

สร้าง Layer ขึ้นมาใหม่ตำแหน่งอยู่ Layer บนสุด
เลือก Pen Tool และปรับเป็นแบบเส้น Paths ดังรูป
ใช้ Pen Tool สร้างเส้น Paths ให้เป็นคิ้วดังรูป (งิ้วแต่ละที่ก็แต่งไม่เหมือนกัน ฟรีขอแต่งคิ้วงี้ละกันนะ)

ใช้ Pen Tool คลิกขวาลงไปและเลือก Fill Path (Fill Path จะตั้งค่าว่าเทสีที่ใช้อยู่บน Foreground ของเรา) แล้วกด Enter อีกครั้งเพื่อยกเลิกเส้น Path
สร้างคิ้วอีกข้างด้วย Pen Tool เหมือนเดิมแล้วลงสีดำ

ขั้นตอนที่ 3 ทาปากแดงกันก่อน

สร้าง Layer ขึ้นมาใหม่อีกอัน
เลือก Brush สีแดง (#ff0000)
ระบายลงไปบริเวณปาก
เปลี่ยนโหมด Layer นี้เป็น Soft Light
ใช้ยางลบแต่งขอบนิดหน่อยถ้าทาปากเกินออกมา
ไปที่ Filter > Blur > Gaussian Blur ปรับค่า Radius สัก 2.0 pixels เพื่อให้ปากไม่ดูแข็งทื่อเกินไป

ขั้นตอนที่ 4 แต่งขอบตากันอีกสักหน่อย

สร้าง Layer ขึ้นมาใหม่สำหรับขอบตาสีดำ
ใช้ Pen Tool และเลือกโหมดการสร้างเส้น Paths เหมือนตอนทำคิ้ว
วาดเส้น Paths ด้วย Pen Tool ลงไปที่ขอบตาบนและล่างดังภาพ

เอา Pen Tool คลิกขวาที่ภาพและเลือก Fill Path เพื่อเทสีดำแล้วกดโอเค
วาดขอบตาบนกับขอบตาล่างด้วย Pen Tool กับตาอีกข้างนึง

สร้าง Layer สำหรับทาขอบตาอีกชั้น
ใช้ Pen Tool ด้วยโหมดเส้น Paths เหมือนเดิม
วาดตรงขอบตาบนดังรูป (อันนี้ก็อาจสไตล์ใครสไตล์มันแต่ฟรีเห็นงิ้วเค้าวาดกันงี้นะ ^^)

เทสีน้ำเงิน (#0048ff) ลงไปด้วยการ Fill Path เหมือนเดิม
ปรับโหมดของ Layer นี้เป็น Color Burn (ฟรีก็ปรับไปเรื่อยๆแล้วเลือกอันที่มันโอเคสุดกับภาพนี้ แต่ห้ามใช้ Normal แน่นอน เพราะมันจะกินขนตาไปหมด)
ทำแบบเดิมกับตาอีกข้าง

ขั้นตอนที่ 5 ทาหน้าแดง

1. ขั้นตอนนี้ฟรีจะรองพื้นหน้าด้วยสีแดงอ่อนๆบนใบหน้าก่อนครับผม

สร้าง Layer ใหม่ อยู่เหนือ Layer ที่เราทาสีขาวบนหน้า
เลือก Brush อันใหญ่ๆปรับค่า Hardness 0% เลือกสีแดงอมชมพู (#F17777)
ระบายลงไปบริเวณหน้าดังรูป

ปรับ Layer นี้เป็นโหมด Soft Light จะได้ผลดังรูป คือหน้าอมชมพูนิดๆ

2. ขั้นตอนนี้ฟรีจะเพิ่มความแดงบนใบหน้าลงไปอีกสักหน่อย

สร้าง Layer ใหม่เหนือ Layer ที่แล้ว
ใช้ Brush ใหญ่ Hardness 0% เหมือนเดิม เลือกสีแดง (#FF3636)
ระบายลงไปบริเวณหน้าโดยอยู่บริเวณปลายจมูกขึ้นมาจนถึงคิ้ว ดังรูป

ปรับโหมด Layer นี้เป็น Color Burn ความเข้มของ Layer (Opacity) ประมาณ 40% จะได้ผลดังรูป

3. ขั้นตอนนี้ฟรีจะเพิ่มความแดงให้แถวๆเบ้าตา

สร้าง Layer ใหม่อีกอัน โดยชั้นนี้จะเป็นชั้นสุดท้ายของการไล่สีที่หน้า
เลือก Brush อันใหญ่ Hardness 0% เหมือนเดิม และเลือกสีชมพูแดงๆ (#F58282)
ระบายลงไปบริเวณเบ้าตาและเลยใต้ตาอีกสักหน่อย

ปรับโหมด Layer นี้เป็น Linear Burn และค่า Opacity 50% จะได้ผลลัพ์ดังรูป

ตกแต่งเล็กน้อยโดยฟรีขอใช้ยางลบหัวโตๆ Hardness 0% ลบสีแดงที่เกินบริเวณใต้จมูกของ Layer Color Burn 40% ที่ทาสีแดงไป

ขั้นตอนที่ 5 กั้นขอบจมูก

เลือก Pen Tool และโหมดสร้างเส้น Paths
สร้างเส้น Path บริเวณโคนจมูกจากคิ้วที่เขียนลงมา

ใช้ Pen Tool คลิกขวาที่ภาพเลือก Make Selection และกดโอเค
โดย Layer ที่ฟรีทาสีแดงบนหน้า จะมี 3 อัน ให้เลือกทำงานทีละ Layer และกด Delete เพื่อลบสีบริเวณที่เราทำการ Selectionไว้ ทั้ง 3 Layer

ตกแต่งอีกเล็กน้อยโดยภาพนี้ฟรีใช้ Brush และเลือกสีเดิมของ Layer Soft Light (Layer ที่รองพื้นสีแดงข้างแรก) ระบายบนบริเวณเหนือริมฝีปาก
ใช้ยางลบแต่งอีกเล็กน้อยตรง Layer Color Burn ไม่ให้สีแดงเกินจมูกลงมา

สร้าง Layer ใหม่ตำแหน่งอยู่เหนือ Layer ที่ทาหน้าสีแดงทั้งหมด
ใช้ Pen Tool สร้างเส้น Path บริเวณจมูกดังรูป (ฟรีจะทำเส้นกันขอบจมูกนั้นเอง)

ใช้ Pen Tool คลิกขวาลงบนภาพเลือก Fill Path โดยตั้งสี Foreground เป็นสีบานชมพูเข้ม (#FF6D6D)
ไปที่ Filter > Blur > Gaussian Blur ปรับค่า Radius นิดเดียวประมาณ 0.6 pixel เพื่อให้เส้นกันจมูกไม่ทื่อ

ขั้นตอนที่ 6 แต่งคิ้วไม่ให้แข็งทื่อด้วย Smudge Tool

เลือก Smudge Tool
ไปที่ Brushes ที่อยู่แถบด้านขวาบน เลือก Brush Tip Shape เอาเครื่องหมายติ๊กถูกออกที่ Spacing
ปรับค่า Strength ของ Smudge Tool เหลือ 10%

ใช้ Smudge Tool ลากๆบริเวณขอบของคิ้ว เพื่อให้เส้นนั้นดูตวัดและไม่แข็งทื่อ พร้อมใช้ยางลบช่วยแต่งเล็กน้อย

สุดท้ายลบคิ้วจริงๆบนใบหน้าออก

เลือกทำงานที่ Layer หน้าที่เราดึงออกมาแล้วกด Ctrl+E เพื่อรวม Layer กับหน้าจริง
ใช้ Clone Stamp Tool กด Alt ค้างเลือกบริเวณผิวเนียนใกล้คิ้ว และคลิกซ้ายที่คิ้วเพื่อลบคิ้วที่เกินจากที่วาดออก

สุดท้ายก็ตกแต่งเล็กน้อยบริเวณที่ทาตาสีน้ำเงิน มันดูเข้มเพราะมันทับ Layer หน้าแดงๆของเราอยู่ ก็ใช้ยางลบปรับค่า Opacity ประมาณ 50% และลบบริเวณ ที่เราทาตาสีน้ำเงินออกนิดหน่อยก็จะเสร็จเรียบร้อยและได้ผลงานดังรูปแล้วคร๊าบโผม...

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

บทความนี้ยาวไปหน่อย แต่หวังว่าคงไม่ยากเกินไป ถ้าใครทำแล้วมาโชว์ผลงานกันให้ดูที่หน้า FanPage Facebook บ้างนะ T-T มันดูเงียบเหงาทั้งๆที่มีคนเรียนเทคนิค Photoshop จากที่นี้เยอะขึ้นทุกวัน

ปล.ช่วยคอมเม้นต์หรือให้ความเห็นต่อบทความนี้กันหน่อยนะครับ ได้มีกำลังใจมาเขียนบทความเพิ่ม

ผลงานออกแบบการ์ดแต่งงานและของชำร่วยงานแต่ง Pueng & Chris โดย iFreePhotoshop

2011-05-16T19:43:00.006+07:00

วันนี้ฟรีเอาผลงานการ์ดแต่งงานกับของชำร่วยที่ออกแบบเืมื่อเดือนที่แล้วมาให้ชมกันครับ เป็นงานแต่งงานที่น่ารักอีกงานหนึ่งเลยทีเดียว

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

ผลงานออกแบบการ์ดแต่งงานโดย iFreePhotoshop

อันนี้เป็นภาพการ์ตูนล้อเลียนเป็นลายบนกระเป๋าผ้าของชำร่วยในงานแต่ง

ผลงานออกแบบลายกระเป๋าผ้าโดย iFreePhotoshop

ถ้าเพื่อนๆคิดว่างานครั้งนี้ที่ฟรีทำบกพร่องตรงไหนช่วยแนะนำด้วยนะครับ จะได้พัฒนาฝีมือต่อไป เพราะบางทีอะไรที่เรามองคนเดียวมันอาจสวยแต่ในสายตาคนอื่นมันอาจไม่ใช่

บันทึกสิ่งที่ทำใน Photoshop เพื่อนำมาใช้งานทีหลังด้วย Action

2011-05-14T17:50:00.000+07:00

วันหยุดอากาศดีๆอย่างนี้ (ฝนตกทั้งวัน) ฟรีจึงได้โอกาสมาเขียนบทความสอนเทคนิค Photoshop ให้เพื่อนๆเนื่องจากมีหลายคนถามมาบ่อยๆเกี่ยวกับการที่เราจะนำพวก Layer Style ที่เราเคยทำไว้มาใช้ซ้ำได้มั้ย?
เช่น บทความ "ทำตัวอักษรเจลหรือหยดน้ำด้วยเทคนิค Photoshop Style iFree" ซึ่งเทคนิคพวกนี้จะใช้การปรับ Layer Style เพียงอย่างเดียว เราจะทำการบันทึก Layer Style นี้ไว้เป็น Action เพื่อที่จะนำไปใช้ในครั้งต่อๆไป ส่วนวิธีการง่ายมากๆ มาดูกันว่าเป็นยังไง

เคสตัวอย่างนี้ฟรีจะบันทึก Layer Style การทำตัวอักษรหยดน้ำไว้นะครับ

ขั้นตอนที่ 1 สร้างกระดาษและพิมพ์ตัวอักษรที่ต้องการลงไป

รูปนี้ฟรีก็ไล่ Gradient สีของ Background นิดหน่อย แล้วก็พิมพ์คำว่า "iFreePhotoshop" ลงไปและจัดแต่งตัวอักษรสักเล็กน้อย

ขั้นตอนที่ 2 สร้าง Action พร้อมบันทึกสิ่งที่ทำ

คลิก Create new set เพื่อสร้าง Folder สำหรับบรรจุ Action ของเรา
ตั้งชื่อ Folder ที่ต้องการแล้วกด OK

เมื่อได้โฟลเดอร์แล้วทำการ Create new action

ตั้งชื่อของ Action ในช่อง Name ในที่นี้ฟรีตั้งว่า YoYo ส่วน Set คือ โฟลเดอร์ที่เก็บ Action ของเรา
กด Record

จากนั้นให้เพื่อนๆทำการ Add a layer style โดยตัวอย่างนี้ฟรีจะทำเหมือนบทความ ตัวอักษรเจล
ดูตัวอย่างการทำได้ที่นี่ http://ifreephotoshop.blogspot.com/2010/11/photoshop-style-ifree_12.html

หลังจาก Add a layer style เสร็จเรียบร้อยให้กด Stop playing/recording เราก็จะได้ Action ที่ไว้ใช้สร้างตัวอักษรเจล (สัญลักษณ์สี่เหลี่ยมที่อยู่ข้างๆปุ่ม Record) ก็ถือว่าเสร็จสิ้นกับการบันทึก Action ของเรา

วิธีใช้ Action ที่เราบันทึกไว้เมื่อสักครู่

วิธีใช้ Action ที่สร้างก็ง่ายๆ เพียงแค่เราสร้างตัวอักษรขึ้นมาใหม่จากนั้นจากนั้นเลือก Action ของเราแล้วกด Play เราก็จะได้ตัวอักษรเจลภายในคลิกเดียว

สร้างเล่นๆจาก Action เมื่อสักครู่ด้วยคลิกเดียว ^^

หวังว่าเพื่อนๆจะเอาไปประยุกต์ใช้ได้หลากหลายนะครับ โดยการบันทึก Action ส่วนใหญ่จะใช้กับงานปรับสีปรับแสงต่างๆที่ใช้มุขเดิมๆก็สามารถทำได้ โดยที่ไม่ต้องห่วงปัจจัยอื่นๆของภาพมากนัก เช่น การเพิ่มความสว่างด้วย Curve เพิ่ม Contrast ของภาพ แต่ถ้าจะลบสิวด้วย Action นี้ึคงจะไม่ได้นะครับ

เทคนิคทำภาพกระดาษทะลุด้วย Photoshop จาก iFreePhotoshop

2011-04-23T18:57:00.000+07:00

เงียบเหงากันไปนานวันนี้ฟรีจะมาสอนเทคนิค Photoshop กับบทความการทำภาพทะลุกระดาษด้วย Photoshop พอดีในหน้า Fanpage ของ iFreePhotoshop พี่ Wassana Songsop ขอมา
ฟรีบอกไปไม่เกิน 2 วันแต่เกินมาหลายวันละเพิ่งเขียนเสร็จ ตอนนี้อยู่ในช่วงเรียนซัมเมอร์แสนขี้เกียจอาทิตย์หน้าสอบซะด้วย T-T ไปดูวิธีทำกันเลยดีกว่า (ค่อยๆอ่านนะเดี๋ยวจะงง ^^)

ขั้นตอนที่ 1 เปิดรูปกระดาษที่ต้องการพร้อมสร้างรอยกระดาษขาด
โดยในที่นี้ฟรีขอเปิดรูปกระดาษที่เคยทำไปในบทความการทำกระดาษมีรอยยับด้วยเทคนิค Photoshop

ใช้ Brush โดยปรับหัวแปรงดังรูป และปรับขนาดให้พอเหมาะ

สร้าง Layer ขึ้นมาใหม่จากนั้นเริ่มระบายรอยขาดด้วย Brush ดังรูป (ใช้สีที่ใกล้เคียงกับกระดาษโดยฟรีจะเลือกสีที่เข้มกว่ากระดาษนิดนึง)

Tip:ถ้ามีส่วนที่ต้องการลบให้ใช้ยางลบโดยเลือกหัวแปรงอันเดียวกันกับ Brush ที่ใช้
Tip2:ระบายลงไปไม่ต้องกลัวเบี้ยวมากเพราะกระดาษขาดมันไม่สวยอยู่แล้ว ^^

ขั้นตอนที่ 2 สร้างเงาให้รอยขาดเพื่อเพิ่มมิติ

สร้าง Layer ขึ้นมาใหม่และนำ Layer ใหม่นี้ไว้ใต้ Layer รอยกระดาษขาด
ใช้ Brush หัวกลมธรรมดาปรับขนาดให้พอเหมาะและลดค่า Hardness เป็น 0%
ระบายสีดำลงไปบริเวณใต้รอยขาดดังรูป

ไปที่ Filter > Blur > Gaussian Blur และปรับความเบลอพอประมาณในที่นี้ฟรีปรับ 5 px

ปรับค่า Opacity ของ Layer เงาประมาณ 50% (เงาที่ทำนี้ต้องการให้แสดงผลตรงส่วนขอบๆของรูที่ขาดไม่ใช่ส่วนตรงกลาง)

สร้าง Layer เพิ่มเหนือ Layer เงาที่ทำเมื่อกี้ขึ้นใหม่
ใช้ Brush หัวกลม Hardness 0% ระบายสีดำลงไปบริเวณใต้ขอบของกระดาษที่ขาดดังรูป

ปรับค่า Opacity ของ Layer นี้ประมาณ 25% เพื่อให้เงาสีอ่อนกว่าเงาชั้นแรก

เลือกทำงานที่ Layer รอยกระดาษขาด (Layer บนสุด) และกด Ctrl+J เพื่อ Duplicate Layer
จากนั้นนำ Layer ที่ Duplicate ไปไว้ใต้ Layer รอยกระดาษขาด
กด Ctrl+U หรือไปที่ Image > Adjustments < Hue/Saturation ปรับค่า Lightness เป็น -100 เพื่อให้รอยกระดาษเป็นสีดำ

ไปที่ Filter > Blur > Gaussian Blur โดยฟรีปรับความ Blur ประมาณ 2.4
ลดค่า Opacity ของ Layer นี้เหลือประมาณ 20%

ขั้นตอนที่ 3 สร้างเงาบนรอยกระดาษขาดเพื่อเพิ่มความสมจริง (อีกแล้ว)

สร้าง Layer ขึ้นมาใหม่โดยตำแหน่งของ Layer นี้เหนือ Layer รอยกระดาษขาด

กด Ctrl ค้างและคลิกที่ Layer รอยกระดาษขาด (Layer 1) เพื่อ Load Selection
กด Ctrl+Shift+I เพื่อกลับ Selection
กด Delete เพื่อลบส่วนที่เกินรอยกระดาษขาดออก

กดที่ Add Layer Mask ดังรูป
ใช้ Brush สีดำปรับค่า Opacity ของ Brush 10% แล้วระบายลงบน Mask รอบๆเพื่อไล่สี

จากนั้นปรับ Opacity ประมาณ 30% เพื่อให้สีดำอ่อนลงทั้งหมด

ปล.ฟรีปรับสีของรอยกระดาษขาดให้สว่างขึ้นด้วย Hue/Saturation (Ctrl+U) พอดีทำไปด้วยเขียนบทความไปด้วยแล้วพอทำจะเสร็จรู้สึกสีมันไม่ค่อยโอเค

ระบายสีดำลงบน Layer กระดาษในส่วนที่เป็นรูตรงกลาง

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

ปิดท้ายด้วยรูปต่อยทะลุกระดาษจาก iFreePhotoshop ส่วนความหมายช่วยกันคิดหน่อยนะ พอดีทำแบบไม่ได้คิดอะไรเลย ฮ่าๆ

วิจารณ์ SuckSeed ห่วยขั้นเทพ กับเนื้อเรื่องที่ไม่ห่วย!!

2011-03-27T19:34:00.004+07:00

สวัสดีคร๊าบ~ วันนี้มาอัพเดทบล็อกกันหน่อยแต่วันนี้ไม่ได้มาเผยเทคนิค Photoshop แต่มาเล่าเรื่องเฉยๆเกี่ยวกับหนังเรื่อง "Suckseed ห่วยขั้นเทพ" พอดีไปดูมาเมื่อวันที่ 24 มีนา GTH ไม่ทำให้ผิดหวังอีกแล้ว

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

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

เขียนบล็อกช้าไปนิดหนังเข้าโรงมาอาทิตย์นึงละ เอาเพลงเพราะๆมาฝากหน่อยแล้วกัน

MV ทุ้มอยู่ในใจ (Acoustic) Ost. SuckSeed

เทคนิคทำภาพ Lonely Alphabet จาก iFreePhotoshop

2011-03-18T17:04:00.004+07:00

วันนี้ตามสัญญาฟรีจะมาสอนการทำภาพแบบในบทความ Lonely Alphabet โดยวิธีทำก็ไม่ยากเลย เพียงเพื่อนๆพกความรู้ Photoshop มานิดหน่อยกับไอเดียเจิดๆอีกเล็กน้อย+ความอดทนอีกสักนิด ว่าแล้วเราก็มาเริ่มกันเล๊ยยยย...

ขั้นตอนที่ 1 เตรียมภาพขาว-ดำที่ชอบมาก่อน ถ้าไม่ใช่ขาว-ดำก็กด Ctrl+Shift+U แปลงเป็นขาวดำซะ!

ขั้นตอนที่ 2 ดาวน์โหลด Brush ตัวอักษรเพื่อนำมาใช้ก่อน >>Download<<

สร้าง Layer ขึ้นมาใหม่อยู่เหนือ Layer รูปของเรา
ใช้ Brush ที่โหลดมาปรับขนาดให้พอดีปรับ Brush เป็นสีขาว
จิ้มลงไปดังรูป

ขั้นตอนที่ 3 ดึงภาพออกมาตามตัวอักษร!?

ให้ทำการกด Ctrl ค้างและคลิกที่ thumbnail ของ Layer ตัวอักษรเพื่อ Load Selection (ตรงกรอบรูปสี่เหลี่ยมเล็กๆของ Layer นั้นแหละ)
คลิกเลือกทำงานที่ Layer ภาพขาวดำของเรา
กด Ctrl+J เพื่อ Copy ส่วนที่ Selection ออกมาจากภาพขาวดำ

ขั้นตอนที่ 4 ใส่ Background สีดำให้รูปพร้อมดูผลที่ได้จากการ Copy ภาพต้นฉบับจาก Selection

สร้าง Layer ขึ้นมาใหม่อยู่เหนือ Layer ภาพขาวดำ
ใส่สีดำลงใน Layer ใหม่นั้น
ปิดตา Layer ที่เราระบาย Brush ลงไป

สังเกตผลที่ได้ คือ การดึงภาพต้นฉบับออกมาโดยใช้ประโยชน์จาก Selection ของ Brush นี้

ขั้นตอนที่ 5 ทำวนขั้นตอน 2 และ 3 ไปเรื่อยๆ

สร้าง Layer ขึ้นมาใหม่ใช้ Brush ชุดเดิมเปลี่ยนลาย ปรับขนาดและจิ้มลงไป
โหลด Selection จาก Layer ที่จิ้ม Brush ลงไป
เลือกทำงานที่ Layer ภาพขาวดำ และกด Ctrl+J เพื่อก๊อปปี้ภาพออกมาตาม Selection

เทคนิค : ถ้าอยากให้ภาพดูสวยควรจะค่อยๆทำ โดย Layer นึงไม่ควรใช้ Brush ตัวอักษรระบายทับกัน ควรจะกระจายๆออกไป

ขั้นตอนที่ 6 ใส่เงาตกกระทบลงไปใน Layer สักนิดเพื่อเพิ่มมิติ

Add a layer style ลงไปบน Layer ที่เป็นตัวอักษร (Layer ตัวอักษรที่ Copy จากภาพขาวดำ) โดยการดับเบิ้ลคลิกที่ Layer
เลือกที่ Drop Shadow และตั้งค่าตามรูป
ใส่ค่า Drop Shadow นี้กับทุก Layer ตัวอักษร

เทคนิคใส่ Drop Shadow ให้ไว : พอใส่ Drop Shadow ไป 1 Layer แล้ว ให้ทำการคลิกขวาที่ Layer นั้นและเลือก Copy Layer Style จากนั้นเลือก Layer ที่ต้องการใส่ Drop Shadow คลิกขวาเลือก Paste Layer Style

ขั้นตอนที่ 7 อยากแต่งไรเพิ่มก็แต่งตามสบายเลยจ้า

ในที่นี้ฟรีขอเพิ่มแสงสว่างให้ส่วนของใบหน้าด้วยวิธีการ

สร้าง Layer ขึ้นมาใหม่อยู่ตำแหน่งบนสุดของทุก Layer
สร้าง Selection ด้วย Marquee Tool แบบวงกลมดังรูป
กด Ctrl+Alt+D ใส่ค่า Feather ประมาณ 30px

เทสีขาวลงไปใน Selection
เลือกโหมดของ Layer นี้เป็น Soft Light

เพียงเท่านี้ก็เรียบร้อยจบขั้นตอนของการทำภาพแนวๆเยี่ยงนี้แล้วครับผม ถ้าเพื่อนๆชอบบทความนี้ ฟรีอยากให้บอกต่อผู้อื่นผ่านทาง Facebook และ Twitter ของเพื่อนๆด้วยนะ
อ่อ..แล้วถ้าเืพื่อนๆคนไหนมีผลงานก็อย่าลืมนำมาโชว์ได้ที่หน้า Facebook Fanpage ของ iFreePhotoshop กันด้วยนะคร๊าบบบ

ผลงานจากตัวอักษร Lonely Alphabet จาก iFreePhotoshop

2011-03-12T09:55:00.003+07:00

หลังจากผ่านการทำโปรเจค และสอบที่วุ่นวายสุดๆมาแล้ว ฟรีก็ยัังมีงานที่รับทำอย่างไม่ขาดมือ (ต้องขอขอบคุณผู้ที่ไว้ใจในฝีมือฟรีทุกท่านนะครับ) และตอนนี้ก็อยู่ในช่วงทำโรบอทที่มหาลัย เริ่มมีความรู้สึกว่าเวลามีน้อยเหลือเกิ๊น..ในแต่ละวัน

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

ฟรีก็เลยนำปผลงานมาแบ่งปันให้ชมกันนะจ๊ะ ฟรีให้ชื่อผลงานนี้ว่า Lonely Alphabet เป็นงานที่สร้างจากตัวอักษรเป็นรูปนิชคุณ 2PM และ G-Dragon แต่รู้สึกชักจะเริ่มดูไม่เหมือนนิชคุณละ ฮ่าๆ

Lonely Alphabet Nichkhun

Lonely Alphabet G-Dragon

ความพยายามและการฝึกฝนชนะได้ทุกสิ่ง

2011-02-15T20:18:00.001+07:00

เป็นยังไงกันบ้างเพื่อนๆกับเทคนิค Photoshop ใน iFreePhotoshop แห่งนี้ ทำเป็นกันหมดทุกเทคนิคแล้วแน่เลย ^^
จั่วหัวข้อไปดูเวอร์ๆดี พอดีวันนี้ฟรีเอาคลิปโชว์เทพของควอเตอร์แบ็คในอเมริกันฟุตบอลมาให้ดู พอดีชอบอ่าน Eyeshield21 การ์ตูนเกี่ยวกับอเมริกันฟุตบอล ว่าการ์ตูนเวอร์แล้วนะ ไอหรั่งนี้เวอร์กว่าวะ เห็นครั้งแรกแบบว่าเออ..มันทำได้ไงวะ (ต่อให้ถ่ายหลายเทคก็เถอะ - -")

ทุกอย่างมันก็ขึ้นอยู่กับความพยายามและการฝึกฝนแหละครับ คล้ายๆ Photoshop แหละ วันนี้ก็มีของมาแบ่งปันเท่านี้ละครับ บ๊ายบาย~

งานเยอะ งานยุ่ง ไม่มีเวลาอัพบล็อก ต้องขอโทษผู้ที่ติดตามนะครับ

2011-02-14T11:02:00.005+07:00

สุขสันต์วันวาเลนไทน์นะครับทุกท่านนนน วันนี้ก็ได้ฤกษ์ดีอัพบล็อกละ..นานแระ ที่ไม่ได้มาอัพบล็อกสอน Photoshop เนื่องด้วยงานที่รับทำ การเรียน โปรเจคต่างๆ ที่เยอะจนแทบไม่มีเวลา ก็อย่างที่เคยบอกไปในสักบทความนึงว่าเวลาจะเขียนบทความยาวๆเกี่ยวกับการสอน Photoshop ออกมาได้ใช้เวลา 2-3 ชม. (ถือว่านานมาก) แต่มันก็เป็นความสุขที่ได้แบ่งปันสิ่งที่ชอบ แต่พอเวลาไม่มีมันก็ไม่ไหว T-T

บล็อกสอน Photoshop นี้อาจจะกลายพันธุ์เป็นบล็อกสอน Photoshop กึ่งไดอารี่ของฟรี และวันนี้ฟรีก็ต้องอ่านหนังสือสอบละ แล้วเพื่อนๆมีวิธีอ่านหนังสือกันยังไงบ้าง ฟรีจะมาแนะนำวิธีที่ฟรีชอบใช้นะ ^^

จะอ่านวิชาใดวิชานึงฟรีจะแบ่งหัวข้อใหญ่ๆของวิชานั้นไว้
แล้วดูว่าแต่ละหัวข้อนั้น มีหัวข้อไหนบ้างที่เราไม่เข้าใจ หรือเข้าใจไม่หมด
ไปทบทวนดูที่หัวข้อที่ไม่เข้าใจ จนกว่าจะเข้าใจ ถ้าไม่รู้เรื่องถามเพื่อนจนกว่าจะรู้เรื่อง
ถ้าเป็นวิชาคำนวณพวกเลข ฟิสิกส์ ก็หาโจทย์การบ้านที่เคยได้มาทำให้ได้ (ถึงแม้ตอนได้การบ้านจริงๆจะลอกเพื่อนก็ตาม)
ถ้าเป็นวิชาเกี่ยวกับคอมพิวเตอร์พวกเขียนโปรแกรม พวกนี้ควรต้องเข้าใจมัน มากกว่าการท่องจำ จะทำให้เราไม่หนักสมองเวลาไปทำข้อสอบ
ข้อนี้พิเศษ อ่านอะไรมาโปรดจำหัวข้อของเรื่องที่อ่านด้วย ไม่งั้นเวลาโจทย์ถามปุ๊ป เรารู้ทุกอย่างแต่ไม่รู้จะเอาอันไหนที่จำใส่ลงไป ก็ผิดอยู่ดี
ถ้าเป็นวิชาท่องจำ ก็ไม่มีคำแนะนำเพราะฟรีไม่ถนัดวิชาท่องจำเลย ><

รูปด้านบนก็เป็นผลการเรียนเทอม 1 ของปีนี้ ก็ถือว่าใช้ได้แต่ วิชา "การจัดการธุรกิจสำหรับผู้ประกอบการใหม่" ได้เกรด C+ (ท่องจำอ่อนจริงๆ ฮ่าๆ) อันนี้ก็เป็นผลงานของคนขี้เกียจอ่านหนังสือ ขี้เกียจเรียนแต่แค่มีวิธีการอ่านที่เป็นระบบ และใครที่ใกล้จะสอบถ้าได้อ่านบทความนี้ข้อให้สอบได้เกรด AAA นะ สาธุ -/\-

วิธีสร้างเส้นประแบบง่ายๆใน Photoshop Style iFree

2011-01-18T21:00:00.002+07:00

ฟรีทิ้งระยะเวลาในการเขียนบทความไปนานมาก (แต่ยังเข้ามาดูทุกวันนะ) เนื่องด้วยไม่มีเวลาในการเขียนเพราะงานเรียนและงานอื่นๆเยอะมาก แล้วการเขียนบทความนึงก็ใช้เวลาถึง 2-3 ชม. - -" (บางทีนึกไม่ออกจะเขียนเรื่องไรอีกตังหาก 55+ บางเรื่องอธิบายยาก ยาวเกิ๊น)

แต่วันนี้ฟรีจะมาเขียนบทความเกี่ยวกับเรื่อง "การสร้างเส้นประใน Photoshop" เพื่อนๆบางคนคงอยากจะวาดเส้นประใน Photoshop แต่ไม่รู้จะใช้วิธีไหนที่ดีและทำแล้วสวยที่สุด ฟรีจะมาแนะนำเคล็ดลับกับเพื่อนๆว่าวิธีไหนง่ายที่สุดแล้วกัน (มั้ง?) ^^

ขั้นตอนที่ 1 สร้างหน้ากระดาษเพื่อเตรียมทำเส้นประ

สร้างหน้ากระดาษขึ้นมาใหม่ขนาด 30 x 10
ใช้ Brush สีดำวาดเส้นลงไปดังรูป

ขั้นตอนที่ 2 เริ่มทำ Brush เส้นประ

เลือกที่เมนู Edit > Define Brush Preset...

เมื่อเลือกแล้วตั้งชื่ออะไรก็ได้ให้ Brush เส้นประของเราแล้วกด OK

ขั้นตอนที่ 3 วิธีนำ Brush ที่สร้างมาทำเป็นเส้นประ

เลือกใช้เมนู Brush ด้านซ้ายมือก่อน
ไปที่แถบเมนูขวามือบนแล้วเลือก Tab Brushes ดังรูป
เลือก Brush Tip Shape
เลื่อนลงมาสักเล็กน้อยจะเจอ Brush ที่เราสร้างขึ้น (ขนาด 30 รูปร่างดังรูปตัวอย่าง)
ปรับค่า Spacing ประมาณ 349% (ค่านี้คือระยะห่างของ Brush เวลาปรับจะมีตัวอย่างแสดงให้เห็นว่าห่างขนาดไหน)

หมายเหตุ : Brush ขนาด 30 ที่อยู่ใกล้ๆในรูปตัวอย่างเกิดจากการทดลองเพื่อความชัวร์ในการนำเสนอ ^^

เลือก Sharpe Dynamics
ปรับค่า Control เป็น Direction

ตอนนี้เราก็จะได้ Brush เส้นประที่ต้องการแล้ว เดี๋ยวลองเทสสิเส้นประที่ได้สวยเหรอเปล่า ?

นี้ก็คือพลังที่ได้จากการใช้ Brush เส้นประแบบง่ายๆที่สร้างขึ้นเอง อันนี้แค่ตัวอย่างที่ฟรีนำมาสร้างตัวอักษรนะเนี่ยยย

การทำปุ่มแก้วหรือ Glossy Button แบบง่ายๆ ด้วยเทคนิค Photoshop Style iFree

2010-12-26T19:24:00.004+07:00

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

ขั้นตอนที่ 1 กำหนดรูปร่าง สี และขนาดของปุ่ม

โดยในที่นี้ฟรีจะขอทำปุ่มสี่เหลี่ยมที่มีมุมโค้งมน สีเขียว

สร้างหน้ากระดาษขึ้นมาใหม่และตั้งขนาดที่ต้องการ (Ctrl+N)
สร้าง Layer ขึ้นมาใหม่ 1 Layer
เลือกเครื่องมือ Rounded Rectangle Tool
ปรับการใช้งานเป็นแบบ Fill Pixels
เลือก Radius สัก 10px (Radius คือค่าความโค้งมนของมุมสี่เหลี่ยม)
เลือกสีที่ต้องการไว้ใน Foreground
ทำการคลิกเมาส์ค้างและลากลงไปจนได้ขนาดตามต้องการ

ดับเบิ้ลคลิกที่ Layer ปุ่มนี้เพื่อ Add a layer style หรือเลือก icon ตัว f ใต้หน้าต่าง Layer
เลือก Storke และตั้งค่า Size เป็น 1
Position เลือกเป็น Outside
สีของเส้นให้ทำการเลือกสีเดียวกับปุ่ม

เลือกที่ Drop Shadow

ค่าต่างๆที่ฟรีปรับเพื่อนๆอาจจะปรับตามต้องการเองก็ได้ หรือลองปรับตามฟรีก่อนโดยค่าต่างๆจะมีคุณสมบัติดังนี้

Opacity คือ ความเข้มของเงา
Angle มุมองศาที่เงาจะตกกระทบ
Distance ระยะของเงากับวัตถุ
Size ขนาดของเงา

รูปนี้คือปุ่มที่ผ่านการปรับแต่ง Add a layer style ใส่เงา และขอบเส้น ถ้าสงสัยว่าขอบเส้นนั้นฟรีใส่ไว้ทำไมสีเดียวกันไปชมในขั้นตอนต่อไปเลยครับ

ขั้นตอนที่ 2 ใส่แสงเงาลงในปุ่ม

สร้าง Layer ขึ้นมาใหม่อีก 1 Layer สำหรับแสงกระทบบนปุ่ม
ใช้ Marquee Tool แบบวงกลมสร้าง Selection บนปุ่มดังรูปตัวอย่าง
กด Ctrl+Alt+Shift ค้างและคลิกซ้ายบริเวณ Layer ปุ่ม จะได้ Selection ที่ต้องการบนปุ่มดังรูป

ตั้งค่า Foreground เป็นสีขาว
เลือก Gradient Tool
เลือกการไล่สีแบบ Linear (คือการไล่สีแบบจากด้านหนึ่งไปอีกด้านหนึ่ง)
เลือกสีในการไล่โดยไล่จากสีขาวไปโปร่งใส
ทำการใช้ Gradient Tool ไล่สีลงไปใน Selection ดังรูป

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

ใช้ Gradient Tool ตั้งค่าแบบเดิม แต่ปรับเป็นการไล่สีจากดำไปโปร่งใส
ทำการใช้ Gradient Tool ไล่สีลงไปใน Selection ดังรูป

ปรับค่า Opacity ของ Layer แสงสีขาวบนปุ่มประมาณ 80%
ปรับค่า Opacity ของ Layer เงาบนปุ่มประมาณ 16%

หมายเหตุ : อาจจะปรับ Opactiy มากกว่านี้หรือแล้วแต่เพื่อนๆชอบก็ได้ Photoshop เหมือนศิลปะมันไม่ตายตัว ^^
หมายเหตุ2 : ที่ฟรีใส่ Stoke ขนาด 1px สีเดียวกันกับปุ่มไว้ในขั้นตอนที่ 1 นั้นเพื่อให้ปุ่มดูมีมิติมากกว่าเดิมนั้นเอง

ขั้นตอนที่ 3 ใส่ข้อความหรือสัญลักษณ์ที่ต้องการให้อยู่บนปุ่ม

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

เพียงเท่านี้ก็จบแล้วสำหรับการทำปุ่ม Glossy Button แบบง่ายๆ ขั้นตอนอาจดูยาวและยุ่งยาก แต่ลองได้ทำสักไม่เกิน 3 ครั้งน่าจะแป๊ปเดียวเสร็จต่อ 1 ปุ่ม ถ้าเพื่อนๆชอบบทความนี้ก็แบ่งปันให้เพื่อนๆท่านอื่นได้ดูกันด้วยนะครับ หวังว่าคงมีประโยชน์ไม่มากก็น้อย

ปล.อย่าอ่านกันจนเพลินแล้วลืมคอมเม้นต์นะ T-T

การทำภาพทะลุกรอบรูปด้วยเทคนิค Photoshop Style iFree

2010-12-21T23:44:00.002+07:00

ตอนนี้ก็อยู่ในช่วงสอบกลางภาคแล้ว เพื่อนๆเป็นไงกันบ้างสอบได้มั้ยเอ่ย? ส่วนฟรีก็เพิ่งสอบผ่านไป 1 วิชา พรุ่งนี้ก็สอบวิชา JAVA ต่อ แต่ก็อยากจะมาสอน Photoshop อยู่ดี วันนี้ก็เอาสักหน่อยแล้วกันขอเขียนบทความสอน Photoshop เกี่ยวกับ
การทำรูปทะลุกรอบแล้วกัน โดยรูปทะลุกรอบนี้จะดูแล้วคล้ายๆรูปโฆษณา TV 3D ยังไงอย่างงั้น ทำง่ายๆเหมือนเคยกับเทคนิค Photoshop ของฟรี มาดูกันดีกว่า

ขั้นตอนที่ 1 ทำการแยกรถออกจากฉากหลัง

โดยฟรีจะใช้รูปรถ lamborghini สวยๆคันนี้ ทำให้มันดูพุ่งออกมาจากรูปเหมือนภาพ 3 มิติ โดยวิธีการทำคือ

สร้าง Selection บริเวณรถด้วย Lasso Tool หรือ Pen Tool ตามแต่ถนัด
กด Ctrl+J 1 ครั้ง เพื่อ copy รูปรถที่เรา Selection ออกมาเป็นอีก Layer นึง
กด Ctrl+D เพื่อยกเลิก Selection ของรถ

ขั้นตอนที่ 2 ทำรูปภาพที่จะให้รถพุ่งออกมา

ดับเบิ้ลคลิกที่ Layer Background แล้วกด OK เพื่อปลดล็อก Layer จะได้ Layer 0 ดังภาพ
ใช้ Marquee Tool แบบสี่เหลี่ยมสร้าง Selection ประมาณรูปตัวอย่าง (Selection นี้คือขนาดกรอบรูป)
คลิกขวาลงไปที่่ภาพและเลือก Transform Selection

จากนั้นกด Ctrl ค้าง และคลิกที่มุมของ Selection เพื่อทำการปรับขนาดและรูปร่าง Selection ตามต้องการ
เมื่อปรับได้ที่แล้ว กด Enter เพื่อตกลงการ Transform Selection

กด Ctrl+Shift+I หรือไปที่ Select > Inverse
กดปุ่ม Delete เพื่อลบฉากหลังส่วนที่ไม่ต้องการออกไป
กด Ctrl+D เพื่อยกเลิก Selection

ดับเบิ้ลคลิกที่ Layer 0 เพื่อ Add a layer style
เลือกที่ Stroke
ปรับค่า Position เป็น Inside
เลือกขนาดและสีตามต้องการ
กด OK

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

ขั้นตอนที่ 3 ใส่เงาลงไปในรูปเพื่อความสมจริง

สร้าง Layer ใหม่ขึ้นมาให้เลื่อนตำแหน่ง Layer นี้อยู่ใต้ Layer 0
สร้าง Selection ใต้รถและกรอบรูปด้วย Lasso Tool หรือ Pen Tool ตามถนัด

กด Ctrl+Alt+D และตั้งค่า Feather ประมาณ 5 (ถ้า CS5 มันต้องกด Shift+F6 นะ!)
ตั้งค่า Foreground เป็นสีดำ และกด Alt+Del เพื่อเทสีดำลงไปใน Selection
ปรับค่า Opacity ของ Layer เงานี้ประมาณ 40-50% หรือตามแต่ต้องการ

เพียงเท่านี้ก็เสร็จแล้วครับสำหรับเทคนิค Photoshop ในการทำรูปทะลุกรอบออกมา แต่รูปที่ฟรีนำมาสอนนั้น ฟรีเพิ่งจะสังเกตว่ากรอบรูปมันน่าจะต่ำกว่านี้หน่อย (ตอนทำไม่ได้สังเกตมาเห็นตอนเสร็จเขียนบทความเสร็จแล้ว) ดูที่ล้อมันทับกรอบสีขาวเลยดูแปลกๆไปหน่อย - -" ลองดูที่ภาพตัวอย่างบนสุดพอฟรีนำไปตกแต่งแล้วจะดูดีกว่าเดิมเยอะ

เอ่อ!!..ถ้าชอบบทความนี้อย่าลืม Share ไปใน Facebook หรือ Twitter ของเพื่อนๆ นะ (แอบให้โปรโมท อิอิ ^^)

ทำกระดาษมีรอยยับด้วยเทคนิค Photoshop Style iFree

2010-12-18T23:50:00.001+07:00

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

ขั้นตอนที่ 1 ใช้ Photoshop สร้างขนาดกระดาษลงไปก่อน

สร้างหน้ากระดาษขึ้นมาใหม่ (Ctrl+N) ขนาดตามต้องการ
สร้าง Layer ขึ้นมาใหม่
ใช้ Marquee Tool แบบสี่เหลี่ยม สร้าง Selection ไปเท่าที่ต้องการ (ที่สร้างนี้ก็คือกระดาษที่จะทำนั้นเอง)
ตั้งค่า Foreground เป็นสีเทาอ่อนๆ (#F0F0F0) แล้วกด Alt+Del เพื่อเทสีลงไปใน Selection

กดดับเบิ้ลคลิกที่ Layer ใหม่นี้เพื่อ Add a layer style
เลือก Drop Shadow แล้วเพื่อนๆอยากปรับระยะห่างหรือขนาดของเงาก็ตามสะดวกได้เลย หรือปรับตามฟรีดูก็ได้

ได้เงาแล้วให้ไปที่ Edit > Transform > Warp
ดัดรูปกระดาษสักเล็กน้อยเพื่อความสมจริง ดังรูปประกอบ

ขั้นตอนที่ 2 เริ่มต้นสร้างรอยกระดาษยับด้วยการใช้ Photoshop

สร้าง Layer ขึ้นมาใหม่อีก 1 Layer
เลือก Gradient Tool และ ปรับค่าการไล่สีเป็นแบบ Linear หรือจากซ้ายไปขวานั้นเอง
ปรับโหมดเป็น Difference
ตั้งค่าสีที่จะไล่เป็น ดำ-ขาว
ใช้ Gradient Tool ไล่สีละเลงลงไป ในรูปตัวอย่างนี้ฟรีลองไล่สีให้ดู 1 ครั้ง

ใช้ Gradient Tool ตวัดขึ้นตวัดลงตามใจชอบ ยิ่งเยอะ ยิ่งยับ!

นี้คือสภาพที่ฟรีไล่ Gradient Tool แบบกระหน่ำ

ไปที่ Filter > Stylize > Emboss
ปรับค่า Height ประมาณ 5 หรือมากกว่านั้นตามต้องการ
กด OK

ปรับสีเพิ่มอีกเล็กน้อยโดยการกด Ctrl+L หรือไปที่ Image > Adjustments > Level
ปรับแถบโทนสีสว่างและโทนสีมืดให้เข้ามาตรงกลางประมาณรูป แล้วกด OK

ตอนนี้หน้าตารอยยับที่ได้จะเป็นเยี่ยงนี้

ให้เพื่อนๆปรับโหมดของ Layer นี้เป็น Overlay รอยยับจะกลมกลืนกับกระดาษ
ให้กด Ctrl ค้างและคลิกที่ Layer กระดาษเพื่อ Load Selection
กด Ctrl+Shift+I หรือไปที่ Select > Inverse เพื่อกลับ Selection
กดปุ่ม Delete เพื่อลบส่วนเกินของรอยยับที่อยู่นอกกระดาษออก

เพียงเท่านี้เราก็จะได้กระดาษยับๆจาก Photoshop ฝีมือตัวเองแล้ว ถ้าไม่ชอบใจสีกระดาษรู้สึกอ่อนไปหรือเข้มไปก็กด Ctrl+M เืพื่อปรับ Curve ของกระดาษดูครับ สำหรับบทความสอน Photoshop ง่ายๆครั้งนี้ก็จบลงแล้ว ถ้าเพื่อนๆคนไหนรอบทความ Graphic เจ๋งๆอยู่ก็รอก่อนสักพักนะ พอดีอยู่ในช่วงสอบอยู่เลยขอเขียนบทความง่ายๆก่อนแล้วกัน

วิธีใส่หนวดเคราด้วย Photoshop แบบเนียนๆ Style iFree

2010-12-17T23:55:00.001+07:00

ใกล้สอบกันแล้วๆไม่รู้ว่าเพื่อนๆน้องๆพี่ๆจะสอบกันเหรอยัง ช่วงนี้ฟรีเลยไม่ว่างเลย แต่เอาละพรุ่งนี้วันหยุด วันนี้ขอเขียนบทความสอน Photoshop เกี่ยวกับการ Retouch ใบหน้าคนอีกสักบทความแล้วกัน

บทความวันนี้เกี่ยวกับบทความสอน Photoshop เรื่อง "การใส่หนวดเครา" แต่เหมือนเดิมครับด้วยวิธีง่ายๆแต่ได้ผลกับ iFreePhotoshop >_<

ขั้นตอนที่ 1 กระชับพื้นที่บริเวณที่ต้องการให้หนวดเคราขึ้น

เปิดรูปขึ้นมา ฟรีเปิดรูปโตโน่ ใน เดอะ มิวสิคัล หงส์เหนือมังกร (ท่าทางให้น่ามีหนวดเครามาก ฮ่าๆ)
ใช้ Brush ปรับขนาดพอเหมาะ Hardness 0%
เลือกสีเทา (#999999)
สร้าง Layer ขึ้นมาใหม่ 1 Layer
ระบายลงบนส่วนที่ต้องการให้หนวดเคราขึ้น ดังรูป

ขั้นตอนที่ 2 ใช้คำสั่งใน Photoshop เริ่มทำหนวดเครา

ไปที่ Filter > Noise > Add Noise
ปรับค่า Amount ประมาณ 7% หรือตามแต่เหมาะสม
ปรับ Distribution เป็น Gaussian
ติ๊กถูกที่ Monochromatic
กด OK

ขั้นตอนที่ 3 ใช้ Photoshop ทำหนวดเคราต่ออีกนิด ^^

ใช้ Marquee Tool แบบวงกลมสร้าง Selection โดยให้จุดศูนย์กลางของ Selection อยู่บริเวณจุดกึ่งกลางของใบหน้า โดยรูปนี้คือบริเวณปาก

ไปที่ Filter > Blur > Radial Blur
ปรับค่า Amount ประมาณ 5 หรือมากกว่านี้ ตามแต่เหมาะสม
ติ๊กที่ Zoom
ติ๊กที่ Draft
กด OK
กด Ctrl+D เพื่อยกเลิก Selection

ขั้นตอนที่ 4 เริ่มใช้ Photoshop ให้เหมือนหนวดเคราจริงๆละ

ปรับโหมดของ Layer หนวดเครานี้เป็น Hard Light (ตอนนี้ยังไม่เสร็จนะครับเพราะหนวดจะขาวอยู่)

กด Ctrl+M หรือไปที่ Image > Adjustments > Curves
ปรับเส้น Curves เลื่อนลงมาสักเล็กน้อยพอประมาณ ยิ่งเลื่อนลงมาหนวดยิ่งเข้ม

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

กด Ctrl+B หรือไปที่ Image > Adjustments > Color Balance
ปรับแถบ Magenta - Green โดยให้ไปทาง Green สักเล็กน้อยประมาณ 4-6
กด OK

เก็บรายละเอียดอีกสักเล็กน้อย โดยการใช้ยางลบลบหนวดเคราส่วนที่เกินออกมาก็เสร็จแล้วครับ โตโน่มาดเข้มแบบตี๋ใหญ่ ถ้าอยากได้หนวดเคราที่เข้มกว่านี้ก็ลองปรับ Curve ให้มากกว่าเดิมนะ

คำสั่ง Feather หาย, กด Alt+Ctrl+D ไม่ได้ใน Photoshop CS5 หาไม่เจอมาดู

2010-12-12T17:02:00.002+07:00

สำหรับบทความนี้ไม่ใช่บทความสอน Photoshop แต่บทความนี้ฟรีขอบ่นให้เพื่อนๆฟังเกี่ยวกับ Photoshop CS5 นิดนึง คือฟรีก็ใช้ Photoshop อยู่ดี ปัญหาก็เกิดหลังจากการทำ Selection เสร็จ
พอดีจะกด Alt+Ctrl+D เพื่อเรียกคำสั่ง Feather (คือ การปรับให้ขอบของ Selection นั้นเบลอ) ปรากฎว่ากดไม่ติด หาไปได้พักนึง เจอแล้วครับ!! มาแอบอยู่ตรงนี้ นี่เอง

สังเกตดูครับคีย์ลัดของมันเปลี่ยนเป็น Shift+F6 ทำไปได้ ถึงกับงงครับเปลี่ยนไมวะ - -a หาตั้งนาน ฮ่าๆ

คีย์ Alt+Ctrl+D ก็ไม่ีมีอะไรมาแทนที่ แล้วคิดดู Shift+F6 โอ้..กดยากจริง ก็มาบ่นให้เพื่อนๆฟังเท่านี้ละครับ เผื่อจะมีผู้ประสบเหตุการณ์เดียวกับฟรีแล้วนั่งหาคำสั่ง Feather อยู่ บทความนี้ก็คงจะช่วยได้ท่านๆได้ (มั้ง) ^^

ลบคนออกจากฉากหลังเพียง 2-3 คลิ๊กด้วย Photoshop CS5

2010-12-12T15:46:00.001+07:00

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

ขั้นตอนที่ 1 Selection ส่วนที่ต้องการนำออกไปจากรูปภาพ (ใช้ Pen Tool ใช้ Lasso Tool ก็แล้วแต่) ฟรี Selection เงาออกด้วย

ขั้นตอนที่ 2 ไปที่ Edit > Fill แล้วเลือกตรงช่อง Use เป็น Content-Aware แล้วกด OK

แต่น แต๊น!! เสร็จแล้วเจ๊ที่นั่งอยู่ริมหาดทรายหายไปในพริบตา คำสั่งนี้มันช่างสะดวกอะไรเช่นนี้ เป็นแต่ก่อนคงต้องนั่งใช้ Clone Stamp กันเมื่อยเลย ถ้าเพื่อนๆสนใจลองเล่นดูนะกับคำสั่ง Content-Aware นี้

คำเตือน : คำสั่ง Content-Aware อยู่ใน Photoshop CS5 นะ (ไปเปิด CS2 เดี๋ยวจะไม่เจอ ฮ่าๆ)

สร้างตัวอักษรแนวๆจากไอเดียเด็ดๆด้วยเทคนิค Photoshop Style iFree

2010-12-10T18:29:00.001+07:00

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

ขั้นตอนที่ 1 ใช้ Photoshop เตรียม Background ตัวอักษรกันก่อน

สร้างหน้ากระดาษขึ้นมาใหม่ขนาด 500x500
ใส่สีดำให้ Background
พิมพ์ประโยคอะไรก็ได้ลงไป แต่ขนาดต้องเล็กๆดังภาพ สีเทาเข้ม (#4d4d4d) ในนี้ฟรีพิมพ์ "I Love Photoshop & Graphic Design"

กดคลิกขวาที่ Layer ตัวอักษร จากนั้นเลือก Rasterize Type ทำให้ Layer นี้เป็น Layer ธรรมดา
เลือก Move Tool แล้วกด Alt ค้างจากนั้นลาก Layer ตัวอักษรลงมาด้านล่างจะเป็นการ copy Layer ตัวอักษร (พยายามให้ตัวอักษรชิดๆกันไว้ อาจใช้ลูกศรบนคีย์บอร์ดช่วยจัดตำแหน่ง)
กด Ctrl+E เพื่อรวม Layer ตัวอักษรทั้ง 2

ใช้ Move Tool ทำการก๊อปปี้ Layer ตัวอักษรเดิมอีกครั้ง
ทำการกด Ctrl+E เพื่อรวม Layer ตัวอักษร ตอนนี้จะมีตัวอักษร 4 บรรทัดแล้ว

ทำอย่างเดิมไปเรื่อยๆจนตัวอักษรเต็มหน้ากระดาษ

ขั้นตอนที่ 2 เริ่มสร้างตัวอักษรบน Background

พิมพ์ตัวอักษรที่ต้องการลงไป ในที่นี้ฟรีพิมพ์เป็น "iFreePhotoshop" แล้วกันครับ

กดคลิกขวาที่ Layer ตัวอักษรที่เพิ่งสร้าง แล้วเลือก Rasterize Type
กด Ctrl ค้างแล้วคลิกซ้ายที่ Layer ตัวอักษรที่เป็น Background เพื่อโหลด Selection
จากนั้นกด Ctrl+Shift+I เพื่อ Inverse Selection

กดปุ่ม Delete บนแป้นคีย์บอร์ด
กด Ctrl+D เำืพื่อยกเลิก Selection

ขั้นตอนที่ 3 เพิ่มความน่าสนใจให้ภาพมากกว่าเดิม

สร้าง Layer ขึ้นมาใหม่
ใช้ Marquee Tool แบบวงกลม สร้าง Selection
กด Ctrl+Shift+I เพื่อ Inverse Selection
กด Ctrl+Alt+D ตั้งค่า Feather ประมาณ 50

เลือกสี Foreground เป็นสีดำ จากนั้นกด Ctrl+Delete เพื่อเทสีลงไปใน Selection

ขั้นตอนที่ 4 เปลี่ยนสีตัวอักษรคำว่า Photoshop เพื่อเพิ่มความงาม

ใช้เครื่องมือใดก็ได้ทำ Selection ที่คำว่า Photoshop
กด Ctrl+U หรือไปที่ Image > Adjustments > Hue/Saturation
ติ๊กถูกที่ Coloriz
ปรับค่า Lightness ประมาณ -50
Saturation 100
แล้วเลื่อน tab ค่า Hue เมื่อได้สีที่ต้องการให้กด OK

(Note: ถ้าตัวอักษรเป็นสีขาวจำเป็นต้องเลือก Colorize และลดค่า Lightness ไม่งั้นปรับค่า Hue ก็จะได้สีขาวเหมือนเดิม)

เพียงเท่านี้เราก็จะได้ภาพตัวอักษรจากตัวอักษรแนวๆกันแล้ว

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

Retouch คนอ้วนเป็นคนผอมได้ง่ายด้วยเทคนิค Photoshop

2010-12-06T15:25:00.001+07:00

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

ขั้นตอนที่ 1 เตรียมเครื่องมือลดความอ้วน

ไปที่ Filter > Liquify
เลือกเครื่องมือ Warp Tool
ปรับขนาดหัวแปรงให้ใหญ่กว่าส่วนที่จะเราจะลดความอ้วน

ขั้นตอนที่ 2 เข้าคอร์สกันเล๊ยยย

ดูว่าจุดไหนที่ควรต้องลดลงบ้าง โดยในรูปนี้ลูกศรที่ฟรีชี้ไว้คือส่วนที่จะบีบอัดเข้าไปให้ผอมกว่าเดิม

ใช้ Warp Tool คลิกลากส่วนที่ต้องการลดเข้าไป (อย่าคลิกค้างแล้วลากยาว ค่อยๆทำใจเย็นๆ)

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

ไปที่ Liquify และใช้ Warp Tool อีกครั้ง
ทำการกระชับพื้นที่บริเวณก้นโดยการยกขึ้น
ใช้ Warp Tool ขนาดเล็กลงเพื่อลดต้นขาด้านในให้กระชับ

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

วิธีทำภาพแนว Halftone ด้วยเทคนิค Photoshop

2010-12-05T13:16:00.001+07:00

วันนี้ฟรีจะสอน Photoshop เกี่ยวกับการทำภาพ Halftone โดยภาพ Halftone นั้นจะมีลักษณะเป็นวงกลมๆ ห่างกันอย่างมีระเบียบดังรูปตัวอย่าง

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

ขั้นตอนที่ 1 สร้าง Selection อย่างที่ต้องการสัก 1 Selection

ใช้ Marquee Tool แบบวงกลมสร้าง Selection มา 1 วง
กด Ctrl+Alt+Del เลือก Feather ประมาณ 13 px (lucky number)
กด Ctrl+Shift+I เพื่อกลับ Selection (Inverse Selection)

กดปุ่ม Q 1 ที หรือไปที่เครื่องมือ Edit in Quick Mask Mode ตรงใต้ที่เลือกสีดังรูป

จะได้วงกลมสีชมพูๆมา 1 วง มันคือ Mask Mode นั้นเอง

ขั้นตอนที่ 2 เริ่มสร้างงาน Halftone

ไปที่ Filter > Pixelate > Color Halftone
ปรับค่า Max. Radius 8 px (จะปรับเท่าไหร่ก็ได้เพราะค่านี้คือความใหญ่ของเม็ดสีวงกลม)

ปล.ค่า Channel 1-4 ไม่ต้องแคร์ เพราะมันไม่มีผลกับเราในงานนี้

ตอนนี้วงกลมสีชมพูของเราจะกลายเป็นเม็ดๆแล้ว

กดปุ่ม Q อีก 1 ครั้ง หรือไปที่ Edit to Standard Mode ดังรูป
กด Ctrl+Shift+I เพื่อกลับ Selection อีกครั้ง

ตอนนี้เราจะได้ Selection ที่เป็นลักษณ์ Halftone อย่างที่ต้องการแล้วครับ

เมื่อได้ Selection อย่างนี้แล้วเพื่อนๆจะทำอะไรต่อก็ได้ โดยในที่นี้ฟรีจะเลือกสีที่ต้องการแล้วลงสีลงไปด้วยการกด Alt+Del ก็จะได้ผลดังรูป

หรือไม่ก็นำ Selection ที่ได้ไปตัดรูปที่ต้องการมา โดยรูปนี้ฟรีตัดรูปโตโน่ เดอะสตาร์มาซึ่งบทความหน้าอาจต้องมาเป็นนายแบบจำเป็นให้ iFreePhotoshop ก็ได้ ^^ (เรียกสาวๆดีนักแหละ 55+)

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

เหมือนเดิมครับถูกใจกับภาพสวยๆบทความดีๆก็ช่วยๆกันแบ่งปันกันไปตาม Facebook หรือ Twitter เพื่อนๆด้วยนะครับ

ขยายหน้าอกให้โตดังใจนึกด้วยเทคนิค Photoshop แบบ Easy Easy

2010-12-04T23:36:00.002+07:00

ถึงวันนี้ฟรีก็สอนการรีทัชบริเวณใบหน้าไปหลายบทความแล้ว คราวนี้เราเลื่อนลงมานิดนึงแล้วกัน โดยบทความสอน Photoshop ครั้งนี้ฟรีจะรีทัช "หน้าอก" ให้ดูมีน้ำมีนวลขึ้นแ้ล้วกัน (ใหญ่ขึ้น)
ซึ่งการ retouch photoshop ครั้งนี้ก็ง่ายๆ แค่ใช้ Liquify แค่นั้นเอง มาดูกันว่าฟรีจะทำอย่างไรให้หน้าอกของคุณพี่คริส หอวังใหญ่ขึ้น

ขั้นตอนที่ 1 เตรียมเครื่องมือปรับขนาดหน้าอก

ไปที่ Filter > Liquify
เลือก Bloat Tool
ปรับ Brush Size ให้มีขนาดใหญ่กว่าหน้าอก

ขั้นตอนที่ 2 เริ่มขยายหน้าอกตามอัธยาศัย

ให้ทำการคลิกลงไปที่บริเวณที่้องการจะให้ใหญ่ขึ้น (ค่อยๆคลิก)
ขยายหน้าอกทั้ง 2 ข้าง
ปล.ไม่พอใจกด Ctrl+Alt+Z ย้อนกลับได้
ปล.2 อยากเริ่มใหม่กด Alt ค้างแล้วปุ่ม Cancel ขวามือจะกลายเป็น Reset ให้กดคลิก

ขั้นตอนที่ 3 เก็บรายละเอียดเล็กน้อยในเรื่อง "แสง-เงา"

ในตอนนี้มองไปก็ใหญ่ขึ้นละแต่ว่าภาพถ่ายอยู่กลางแดดทำให้ขาวซะ เพราะฉะนั้นตามความเป็นจริงหน้าอกใหญ่ขึ้นมันควรจะต้องเกิดเงามากขึ้นในบริเวณที่โดนหน้าอกบังแดด

เลือก Burn Tool
ปรับค่า Exposure 10% (ได้ Burn เบาๆ เดี๋ยวผิวไหม้)
ฟรีเลือก Burn บริเวณฝั่งซ้ายของหน้าอก ตามที่ลูกศรชี้ในภาพตัวอย่าง
อีกจุดคือบริเวณร่องน-

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

ดูรูปก่อนทำและหลังทำกันอีกครั้ง

รูปอาจจะเล็กไปนิดความแตกต่างอาจเห็นไม่ชัด เพราะเนียนมาก ^^ (บทความสอน Photoshop นี้เป็นบทความเพื่อการศึกษาไม่ได้ต้องการล่วงเกินพี่คริสใดๆทั้งสิ้นครับ)

Ctrl+Z กับ Alt+Ctrl+Z ต่างกันอย่างไร History เกี่ยวไรด้วยกับ Photoshop ??

2010-12-03T19:27:00.001+07:00

สอน Photoshop ไปหลายเทคนิคแระ แต่ฟรีรู้สึกว่าเบสิคน่าจะน้อยไปหน่อย งั้นบทความนี้ฟรีจะเขียนเกี่ยวกับการ Undo หรือการกลับไปแก้ไขสิ่งที่ได้ทำไปใน Photoshop ซึ่งโปรแกรมต่างๆ ไม่ว่าจะเป็น Microsoft Word , Microsoft Excel, Microsoft Powerpoint, Dream Weaver, ฯลฯ
ล้วนแล้วแต่กดคีย์ลัด Ctrl+Z ก็จะเป็นการ Undo แต่ Photoshop แตกต่างจากนั้นเล็กน้อย ฟรีก็ขออธิบายในบทความนี้แล้วกันครับ

Ctrl+Z ใน Photoshop
การกด Ctrl+Z ใน Photoshop นั้นจะเป็นการย้อนกลับไป 1 Step กับสิ่งที่ได้ทำลงไปใน Photoshop แต่ๆๆๆ..ถ้าเรากด Ctrl+Z อีก 1 ครั้งนั้นเราก็จะกลับมาในตอนก่อนที่จะกด Ctrl+Z ว่าง่ายๆคือกดย้อนได้แค่ 1 Step เท่านั้น พูดเยอะแล้ว งง มาดูตัวอย่างกัน

จากรูปนี้ฟรีเขียนเลข 1, 2 และ 3 ด้วย Brush จากนั้นฟรีทำการกด Ctrl+Z 1 ครั้ง

ผลจากการกด Ctrl+Z 1 ครั้ง คือ เลข 3 หายไป 1 ตัว
สังเกตในหน้าต่าง History แถบสีน้ำเงินแสดงให้เห็นว่าเราทำอะไรไปล่าสุดใน Photoshop ซึ่งการกด Ctrl+Z จะทำให้เราย้อนกลับไป 1 Step คือกลับไปในตอนที่ฟรีใช้ Brush เขียนครั้งที่ 2

จากนั้นกด Ctrl+Z อีก 1 ครั้งละ
ผลที่ได้คือเลข 3 ที่หายไปก็จะกลับมา สังเกตใน History จะแถบสีน้ำเงินจะไปอยู่ใน Brush Tool อันที่ 3 คือกลับมาตอนที่ฟรีเขียน Brush ครั้งที่ 3

แต่ถ้าต้องการย้้อนกลับไปเรื่อยๆ แบบในโปรแกรมอื่นๆ ให้ทำการกด Ctrl+Alt+Z แทน
การกด Ctrl+Alt+Z ครั้งแรกจะย้อนไป 1 Step แต่เมื่อกด Ctrl+Alt+Z อีกก็จะย้อนไปอีก กดเรื่อยๆก็ย้อนไปเรื่อยๆ การทำงานจะคล้ายๆการกด Ctrl+Z ในโปรแกรมอื่นๆ

แต่เราก็มีตัวเลือกอีกทางหนึ่งคือ คลิกเลือกส่วนที่ต้องการย้อนไปตรงช่อง History ได้เลย ส่วน History นั้นจะเป็นส่วนที่บอกว่าเราได้ทำอะไรลงไปทีละเหตุการณ์โดยบอกให้รู้ว่าเราใช้เครื่องมืออะไรลงไปใน Photoshop ล่าสุด เมื่อเราคลิกไปที่แถบไหน สมมติฟรีคลิกที่แถบ Open ใน History สิ่งที่เกิดก็คือ จะเกิดการย้อนกลับมาในช่วงที่เราเพิ่งเปิดรูปนี้นั้นเอง

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

สำหรับบทความสอน Photoshop ครั้งนี้ก็จบแล้วครับเพื่อนๆ บางคนอาจจะได้ความรู้เล็กน้อยเกี่ยวกับเรื่องนี้ไป แต่บางคนรู้อยู่แล้วก็ไว้ติดตามบทความต่อๆไป ฟรีจะเอาเทคนิค Photoshop เจ๋งๆมานำเสนออีกเช่นเคยครับ

สร้างดาวเสาร์ในหนังแฟนตาซีด้วยเทคนิค Photoshop Style iFree

2010-12-03T13:09:00.000+07:00

ไม่ได้อัพบทความสอน Photoshop มาหลายวัน วันนี้ฟรีจะกลับมาพร้อมกับเทคนิค Photoshop ในแบบ Lighting ซึ่งจาก Feedback มีคนชอบสไตล์นี้เยอะพอสมควร ฉะนั้นสิ่งที่ฟรีจะสอน Photoshop ในครั้งนี้
คือ เทคนิคการสร้างดาวเสาร์ในจินตนาการ Style iFree ซึ่งเทคนิค Photoshop ครั้งนี้พูดได้เลยว่าไม่ยาก แต่อาจจะยาวสักหน่อยเพื่อความสวยงามของภาพ โดยเทคนิค Photoshop นี้เน้นการใช้เทคนิคอื่นๆมายำรวมกัน ซึ่งจะเป็นยังไงเชิญรับชมได้เลยคร๊าบบบ~*

ขั้นตอนที่ 1 สร้างวงแหวนให้ดวงดาว

สร้างหน้ากระดาษเปล่าๆขึ้นมาก่อนขนาดสัก 800x600 เผื่อไว้ทำ Wallpaper (หรือใหญ่กว่านี้ก็ได้)
ใส่สีให้ Background เป็นสีดำ
สร้าง Layer ขึ้นมาใหม่ชื่อ Ring
ใช้ Marquee Tool แบบวงกลมสร้างวงรีแนวนอน แล้วกด Ctrl+Alt+D เลือกค่า Feather = 50
ไปที่ Filter > Render > Clouds
กด Ctrl+D เพื่อยกเลิก Selection

กด Ctrl+L ปรับค่าเลเวลประมาณรูปตัวอย่าง

ไปที่เมนูด้านบน Filter > Distort > Twirl ปรับค่า Angle ให้เต็ม 999

ตอนนี้เราจะได้วงกลมหมุนๆดังรูป

กด Ctrl+T ปรับขนาดของภาพให้สั้นลง
ไปที่ Edit > Transform > Perspective ปรับภาพให้ดูมีมิติมากขึ้นดังรูป

ขั้นตอนที่ 2 เริ่มต้นสร้างดวงดาว

สร้าง Layer ขึ้นมาใหม่ชื่อ World
ใช้ Marquee Tool แบบวงกลม สร้าง Selection แบบวงกลมลงไป (กด Shift ค้างขณะสร้างจะได้วงกลมที่ได้มาตราส่วน)
ใส่สีดำลงไปใน Selection
Add a layer style ด้วยการกดดับเบิ้ลคลิกที่ Layer "World"

Outer Glow

Opacity = 45%
สีขาว
Size = 13 px

Bevel and Emboos

Depth = 317%
Size = 40 px
Angle = 60
Alttitude = 0
Opacity ของ Highlight Mode = 35%
Opacity ของ Shadow Mode = 100%

Gradient Overlay

Opacity = 28%
Angle = 97%

Storke

Size = 1 px
Opacity = 61%
Color = #d0d0d0

เมื่อปรับแต่งค่าเสร็จเราจะได้ดวงดาวดังรูป

ขั้นตอนที่ 3 จัดตำแหน่งดวงดาว และวงแหวน

ให้นำ Layer "World" ไว้ใต้ Layer "Ring"
ใช้ Eraser หรือยางลบนั้นเอง ปรับ Hardness เป็น 0% ปรับขนาดให้ใหญ่สักหน่อย
ทำการลบวงแหวนส่วนที่ควรจะอยู่หลังดาว

Tip: ในรูปตัวอย่างวงแหวนค่อนข้างจางเกินไป ให้กด Ctrl+J เพื่อ Duplicate Layer จากนั้นกด Ctrl+E เพื่อรวม Layer ทั้งสองจะทำให้ได้วงแหวนที่ชัดขึ้น

ขั้นตอนที่ 4 ใส่ดาวดวงเล็กๆระยิบระยับ

ให้ทำการโหลด Brush Star และ Brush Debris ที่นี้ก่อน DOWNLOAD
สร้าง Layer ไว้ล่าง Layer "World" ตั้งชื่อ Star
ใช้ Brush ทั้ง 2 อันที่โหลดไปตกแต่งพอสวยงามด้วยสีขาว

ขั้นตอนที่ 5 สร้างกลุ่มหมอกควันในอวกาศเพื่อเพิ่ม Feeling ให้กับภาพ

สร้าง Layer ขึ้นมาใหม่ตั้งชื่อว่า Space
ใช้ Marquee Tool แบบวงกลมสร้าง Selection ขึ้นมาแล้วกด Ctrl+D ปรับค่า Feather = 50
ไปที่ Filter > Render > Clouds
กด Ctrl+D เพื่อยกเลิก Selection ก่อน
ใส่ Effect อีกครั้งด้วยการไปที่ Filter > Render > Differrence Clouds

ไปที่ Edit > Transform > Warp
ทำการปรับรูปร่างของหมอกนี้ ประมาณรูปตัวอย่าง (เน้นให้ไปทางซ้ายบน) ได้ที่แล้วกด Enter

นำ Layer "Space" ไปไว้ใต้ Layer "Star"
แนะนำให้ปรับโหมดของ Layer "Space" เป็น Screen
จัดตำแหน่งหมอกควันตามต้องการ โดยอาจจะกด Ctlr+T เพื่อหมุนกลับด้านอย่างไรก็ได้เพื่อให้ภาพตรงตามความต้องการ
จากนั้นกด Ctrl+J เพื่อ copy layer แล้วจัดตำแหน่งหมอกควันนี้เพิ่ม โดยอาจลดค่า Opacity บ้างตามต้องการให้เหมาะสมกับรูป

สร้าง Layer ใหม่แล้วใช้เทคนิคการสร้างหมอกควันเหมือนเดิม จากนั้นนำ Layer ใหม่นี้ไปไว้บน Layer "World"
ปรับโหมด Layer เป็น Screen แล้วจัดตำแหน่ง Layer ตามต้องการ
ทำการ Copy Layer เพิ่มและวางตำแหน่งให้ทั่วบริเวณรูปภาพตามความเหมาะสม
สังเกตว่ารูปนี้ฟรีได้เพิ่มหมอกควันโดยอยู่เหนือ Layer "World" (ลองมองเปรียบเทียบกับรูปด้านบน)

Tip: จากรูปนี้ฟรีสร้าง Layer ด้วยวิธีสร้าง Layer Space อีกครั้งหนึ่งแล้วใช้ Warp ทำการบิดสัดส่วนรูปตามต้่องการ และ Copy Layer และนำ Layer นี้วางในบริเวณที่ต้องการ อาจมีการเพิ่ม-ลด ค่า Opacity บ้างเล็กน้อยตามแต่สมควร

ขั้นตอนที่ 6 สร้างลำแสงหลังดวงดาว

สร้าง Layer ใหม่ชื่อ "Line" นำไปไว้ใต้ Layer "World"
ให้เลือก Brush ทำการปรับขนาด Brush เป็น 2 px และ Hardness 100%
คั้งค่า Foreground เป็นสีขาว (เลือกสีที่ใช้เป็นสีขาว)
ใช้ Pen Tool ปรับเป็นการใช้งานแบบ Paths (ถ้าเพื่อนๆยังไม่ค่อยเข้าใจการใช้ Pen Tool ให้อ่านที่บทความ Pen Tool อุปกรณ์สารพัดประโยชน์ก่อนจะดีกว่าครับ)
สร้างเส้น Path ขึ้นมาดังรูป

ใช้ Pen Tool คลิกบริเวณกลางเส้นและดัดเส้น Path ดังรูป

คลิกขวาแล้วเลือก Storke Path
เปลี่ยน Tool เป็น Brush
ติ๊กถูกที่ Simulate Pressure แล้วกด OK
กด Enter อีกครั้งเพื่อยกเลิกเส้น Path

เราจะได้เส้นสีขาวพริ้วๆสวยๆมา 1 เส้น
จากนั้นทำการ Copy Layer นี้ หรือสร้างเส้นแบบเดิมใหม่เรื่อยๆจนกว่าจะพอใจ ดังรูปตัวอย่าง (บางรอบก็ทำสวยบางรอบก็แปลกๆแหะ - -")

ขั้นตอนที่ 7 เพิ่มแสง และสี ให้ดวงดาว

ไปที่ Layer บนสุดและเลือกเมนู Create new fill or adjusment layer ใส่ Curves ดังรูป

ปรับค่า Curves ดังรูป

คราวนี้ใส่ Color โดยการไปที่ Layer บนสุดและเลือกเมนู Create new fill or adjusment layer
เลือก Color Balance

ปรับค่า Midtones ดังรูป

ปรับค่า Highlights ดังรูป

ปรับค่า Shadows ดังรูป

เพื่อนๆก็จะได้ดาวเสาร์สีน้ำเงินแล้ว แต่ถ้าไม่ชอบสีน้ำเงินลองปรับค่า Color Balance เล่นๆดูอาจจะได้สีที่ถูกใจกว่าเดิม ^^

จากนั้นจะยำเทคนิค Photoshop อันไหนลงไป หรือจะตกแต่งก็ตามใจชอบเลยครับ ส่วนรูปข้างล่างนี้ฟรีขอตกแต่งนิดนึงแระกัน ^^ แต่ดูแล้วดาวสีเขียวแจ่มกว่านะฟรีว่า 555+

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

ทำภาพสีโทนละมุนอบอุ่นด้วย Action Photoshop ใน 1 คลิก!?

2010-11-30T23:43:00.002+07:00

ช่วงนี้ฟรีอยู่ในสถานะวุ่นๆยุ่งๆอยู่ จึงไม่มีเวลาในการอัพบทความสอน Photoshop ให้เพื่อนๆได้ศึกษา และเผอิญเห็นหลายๆคนชอบแต่งรูปสีแนวนี้กัน ฟรีเลยเอาของดี
(เหรอเปล่า?) มาแจกสักหน่อยแล้วกัน ซึ่งของที่ว่านั้นก็คือ Action ของ Photoshop นั้นเอง ซึ่งรูปตัวอย่างทางด้านบนฟรีก็ใช้ Action ตัวนี้ทำเพียง 3 คลิกเท่านั้น แล้ว Action ของ Photoshop นั้นใช้อย่างไรฟรีจะมาสอนคร่าวๆ แล้วกันครับ

ขั้นตอนที่ 1 โหลด Action Photoshop ที่นี้

ขั้นตอนที่ 2 เปิดรูปที่ต้องการพร้อมติดตั้ง Action Photoshop

เปิดรูปที่ต้องการตกแต่ง

ไปที่หน้าต่าง Action

คลิกที่ลูกศรเล็กๆทางขวามือ และเลือก Load Actions

ให้เลือกไฟล์ Action ที่โหลดมา จะพบว่ามี Folder Action เพิ่มขึ้นมา

ให้ทำการเลือกที่คำสั่ง Action จากนั้นกดปุ่ม Play (รูปสามเหลี่ยมด้านล่าง)

จะพบว่ารูปของเรานั้นได้ถูกทำการตกแต่งเสร็จเรียบร้อยแล้ว

เป็นไงครับ ง่ายมากเลยใช่มั้ยละกับการใช้ Action Photoshop แต่ยังไม่จบๆๆ ถ้าเพื่อนๆอยากรู้ว่า Action ตัวนี้ทำำอะไรกับภาพของเพื่อนๆบ้าง ลองกด Alt+Ctrl+Z 2 ครั้ง เพื่อนๆจะพบ Layer มากมายซึ่ง Layer พวกนั้นแหละที่ Action ตัวนี้ทำให้เพื่อนๆ

ถ้าไม่ถูกใจกับภาพที่ได้ก็ลองแก้ในส่วน Layer ที่เพิ่มมาดูนะครับ สำหรับวันนี้ขอตัวไปนอนก่อนละครับ บ๊ายบาย...

ปล.ถ้าเพื่อนๆอยากสร้าง Action เองฟรีขอแนะนำบทความ บันทึกสิ่งที่ทำใน Photoshop เพื่อนำมาใช้งานทีหลังด้วย Action