PS : Basic Line Glow Logo

posted on 17 Apr 2011 14:00 by beammagic in How-To
                  กลับมาแล้วครับกับ Mini-School Photoshop มาดูสิวันนี้ผมจะมาสอนอะไรกันแน่ ตอนแรกผมก็คิดว่ามันจัดอยู่ในหมวด Basic แต่ดูจากขั้นตอนแล้ว.....อาจจะยากจนดูเกิน Basic ไปสักนิดนะครับ ผมก็เลยพยายามทำภาพประกอบให้เท่าที่มากได้ พูดตรงๆเหนื่อยมากครับ   ผมเองยังตกใจ โห....ภาำพประกอบ 22 ภาพ กรี๊ดดดดดดด!!
 
                 อย่าช้าเลยดีกว่า นี่ทำภาพประกอบเสร็จ ก็อัพบล๊อคสอนต่อกันเลยนะเนี่ย
 
 
 
 
                  โหววววว!!  ยากไปแล้วมั้ง!!.......อย่าครับอย่าคิดแบบนั้น ถึงขั้นตอนจะยืดยาว แต่คุณอยู่กับผมรับรองไหลลื่นครับ สู้!!
 
 
สร้างงานเปล่าขึ้นมาก่อนครับ ตั่งค่าดังรูปเลยครับ
กว้าง600 สูง400 หน่วย Pixels
Background Contents เลือกเป็น White ครับ
 
 
 
 
 
 
ปรับพื้นหลังให้เป็นสีดำกันก่อน
1. เลือกที่กระป๋องสีเลยครับ
2. เลือกสีดำ เอาให้ดำสนิท
3. เทลงบนแผ่นงาน
 
เป็นไงครับได้พื้นหลังสีดำกันแล้ว ง่ายจัง (ไม่ต้องสนใจครับ เวลาผมเหนื่อยแล้วจะเพ้อ)
 
 
 
 
 
 
หลายคนเริ่มตกใจ อั๊ยยะ!! เลขอะไรเต็มเลย ใจเย็นๆก่อน ยิ่งหลังๆ ยิ่งเยอะกว่านี้อีกครับ ทำตามทีละขั้นไม่ยากหรอก
 
ถึงขึ้นตอนเขียนข้อความแล้วในที่นี้ขอเขียนชื่อตัวเองดีกว่า
1. กดที่คำสั่งเขียนข้อความ ที่เป็นรูปตัวT
2. เลือกเป็นสีขาวเลยครับ
3. เลือก Font เลือก Size จะเอาเท่าผมเลยก็ได้นะครับไม่ว่ากัน
4. พิมพ์เลยครับไว้ตรงกลางงาน ในที่นี้ผมพิมพ์แบบเว้นนะครับ เป็น "B E A M" ไม่ใช่ "BEAM" เพราะเราต้องเว้นช่องไว้เตรียมเอาเส้นมาพันๆรอบตัวหนังสือครับ^^
 
 
 
 
 
เอาแล้วไงครับของจริงมาแล้ว รูปเดียว 6 ขั้น แม่เจ้า
เราจะมาวาดเส้น Path กันครับ ตามนี้เลย
1. กดที่ปากกาดังรูป
2. เลือกรูปแบบเป็นแบบที่2
3. เลือกอันแรก
4. เลือกสุดท้ายครับ
5. ให้กดซ่อน Layer หนังสือไปก่อน โดยกดที่ดวงตาหน้า Layer ครับ
6. วาดเส้นตามใจครับ แต่ผมวาดแบบนี้เพราะตอนเอาไปพันตัวหนังสือจะได้ง่าย
 
 
 
 
 
 
 
เรามาตั่งค่าพู่กัน กันก่อน เพื่อที่เราจะได้วาดตามเส้นได้
1. สร้าง Layer เปล่าขึ้นมา
2. ตั้งชื่อว่า Pink เพราะเราจะทำเส้นสีชมพูกันครับ
3. กดไปที่ Brush Tool
4. ปรับหัวพู่กันไปที่ ขนาด5 แบบฟุ้งครับ ย้ำ!! แบบฟุ้ง เพื่อให้เส้นดูนุ่มนวล
5. เลือกสีเป็นสีชมพูหวานแหวว ครับ
 
 
 
 
 
 
 
ถึงเวลาลงสีเส้นกันแล้ว
1. กลับมาที่โหมดปากกาครับ
2. คลิกขวาบนแผ่นงาน เลือกไปที่ Stroke Path เพื่อตัดเส้น แล้วเลือก เป็นแบบ Brush นี่คือสาเหตุทำไมเราต้องไปตั่งค่าที่ Brush ก่อนนั่นเอง
 
จะได้เส้นสีชมพูสวยงามกันแล้ว ถึงเวลาลบเส้นร่างออก
3. คลิกขวาที่แผ่นงาน เลือก Delete Path ครับ
 
 
 
 
 
 
ขั้นตอนนี้เราจะทำให้เส้นเราเรืองแสงครับ แต่เราจะไม่ทำอะไรแบบที่ชาวบ้านทำ เราจะให้เส้นเรืองแสงเฉพาะด้านบน ให้ความรู้สึกเหมือน โดดอะไรดูดอยู่(มันจะยากเพราะเอ็งคิดแบบนี้แหละเว้ยเฮ้ย!!)
 
1. กดค้างที่ Layer Pink ครับ(ในรูปชี้ผิดLayer ครับขออภัย)แล้วลากลงมาทับปุ่มสร้าง Layer เพื่อทำการcopy layer ขึ้นมา จะได้ "Pink Copy"
2. ไปที่ Filter > Blur > Motion Blur
 
 
 
 
 
 
 
ตั่งค่าดังรูปแล้วกด OK เลยครับ
 
 
 
 
 
 
1. กดเลือกทำงานที่ Layer Copy นะครับ แล้วไปที่คำสั่งย้ายภาพ
2. กดปุ่มลูกศรขึ้นบนคีย์บอร์ดของเรา ค่อยๆเลื่อนให้ส่วนต่ำสุดชนเส้นพอดี
 
ตอนนี้ก็ดูเหมือนแสงมันพุ่งขึ้นแล้วแต่มันยังไม่สมจริง!! จัดหนักกับขั้นต่อไปเลย
 
 
 
 
 
 
1. ไปที่ Filter > Blur > Gaussian Blur แล้วตั่งค่าดังรูป
 
จะเห็นได้ว่าแสงสมจริงแล้วแต่มันอ่อนมากๆแทบจะมองไม่เห็น
2. ใช้วิธีเดิมครับ ลากตามรูป Copy layer จะได้ "Pink copy2"
 
เอ้า!! แสงดันเข้มเกินอีก ต้องลดสักหน่อย
3. ปรับให้เหลือแค่50% สำหรับค่าความโปร่งใส
 
โอ้วววว งาม!!! (เริ่มบ้าไปเองแล้วครับ)
 
 
 
 
 
 
ก่อนอื่นเพื่อให้ง่ายต่อการเคลื่อนย้าย เราจะรวม Layer ทั้ง3เป็นอันเดียวไปเลย
1. กด Shift ค้างไว้แล้วเลือกทั้ง3Layer
2. คลิกขวา เลือก Merge Layers

เรียบร้อยโรงเรียนจีน ฟิวชั่นเป็นหนึ่งแล้ว!!
 
 
 
 
 
 
เอา่ล่ะเสร็จไป1เส้น คุณคงคิดว่า บ้าไปแล้วตูต้องทำอีกเส้น!! อย่าคิดไปไกล ผมมีวิธีที่เร็วกว่านั้น!!
1. วิธีนี้อีกครั้ง ลาก Pink มาcopy layer ใหม่
2. ครั้งนี้เราจะเปลี่ยน Layer ใหม่ที่ได้ เป็นชื่อ Blue เพราะเราจะทำเส้นสีฟ้ากัน
 
แนะนำว่าควรย้ายเส้นทั้ง2 ไม่ให้ทับกันเพื่อที่จะได้เปลี่ยนสีได้สะดวกครับ
3. ไปที่ Image > adjustment > Hue/Saturation
 
 
 
 
 
 
ค่อยเลื่อนค่า Hue ครับ จนได้สีฟ้าตามต้องการ
 
 
 
 
 
 
จากนั้นเอา Layer ตัวหนังสือเราออกมา แล้วทำการจัดรูปแบบตามต้องการ จะให้มันพันไปพันมายังไงก็ได้ตามใจเรา ผมขอจัดตามนี้ละกันครับ
 
 
 
 
 
 
 
ขอภัยนะครับ ขั้นตอนนี้ผมลืมทำภาพประกอบไปนิดนึง แต่ไม่ได้ยากขนาดทำไม่ได้ครับ
1. เลือกไปที่ยางลบ
2. เลือกหัว ฟุ้งขนาดประมาณ 5px
3. ซ่อน Layer เส้นสีฟ้าไปก่อน
4. ค่อยๆลบเส้นออกทีละนิดอย่างใจเย็น(เน้น ใจเย็นๆครับ) ส่วนไหนที่คุณอยากให้มันอยู่หลังตัวหนังสือ คุณก็ลบไปซะ
 
** ลบเส้นแล้วอย่าลืมลบแสงอยู่บนเส้นไปด้วย เพราะ มันคงเป็นไปไม่ได้ที่ไม่มีเส้นแต่มีแสง จริงไหม? **
 
 
จากนั้นทำวิธีเดียวกันกับเส้นสีฟ้าครับ
 
เทคนิค : หากเส้นสีชมพูอยู่ด้านหลัง ควรให้เส้นสีฟ้าอยู่ด้านหน้า สลับกันครับ จะสวยงามมากขึ้น
 
 
 
 
 
 
อั๊ยยะ!! ใกล้จะเป็นจริงแล้ว!!!!
 
 
 
 
 
 
 
 
มีแค่เส้นที่เรืองแสง แต่ตัวหนังสือเราทึบได้ยังไง!! ไม่ยอม!!
1. คลิกขวาที่ Layer ตัวหนังสือ
2. เลือก Blending Option
3. ติ๊กถูกตามภาพ
4. Color Overlay ให้เลือกเป็นเหลืองอ่อน.....ย้ำ อ่อนนะครับ ถ้าเข้มมันจะดูไม่เรืองแสง ส่วน Outer Glow ไม่ต้องปรับครับ ติ๊กถูกแล้วใช้ค่าที่ให้มาอยู่แ้ล้วก็เพียงพอ(ใครอยากปรับเพิ่มก็ตามแต่ครับไม่ว่ากัน ถือเป็นการเรียนรู้ อิอิ)
 
 
 
 
 
 
 
จากนั้นเรามาใส่ BG ให้สวยยิ่งขึ้นกันเถอะ
1. ดับเบิลคลิกที่ Layer BG (BackGrond) ตอบok เพื่อแปลงให้ เป็น Layer ธรรมดา
2. เข้า Blending Option
3.(1) ติ๊กที่ Pattern Overlay
4.(2) กดลูกศรลงที่ข้างๆรูป แล้วกดลูกศรต่อไปอีก เลือกไปที่หมวด Color Paper
 
 
 
 
 
 
 
 
จากนั้นก็เลือก อันที่เป็นสีดำๆหน่อย เพราะถ้าฉากหลังมืด จะทำให้แสงที่ออกมาจากเส้นสวยมากยิ่งขึ้น
 
 
 
 
 
 
 
ทำการ รวม Layer อีกครับ โดยเราจะรวมเฉพาะ Layer เส้นนะครับ...ย้ำ!! แค่ Layer เส้นคือ Blue และ Pink
 
 
 
 
 
 
 
จากนั้น Layer ที่ได้จะชื่อ Blue ก็ไม่ต้องสนใจ
1. ไปที่ Layer > Layer Mask > Reveal All
 
 
 
 
 
 
 
 
คุณเก่งมากครับ เพราะนี่เป็นขั้นตอนสุดท้ายแล้ว!! เราจะมาทำให้เส้นดูนุ่มนวลและสวยยิ่งขึ้นกันครับ จุดประสงค์ขั้นตอนนี้คือให้ส่วนปลายของเส้นดูเรียวบาง
1. เลือกคำสั่ง Gradien Tool
2. เลือกรูปแบบ เป็นอันรองสุดท้าย
3. ช่อง Reverse ต้องไม่ติ๊กถูกนะครับ
4. ทำการคลิกซ้ายค้างไว้ ที่ตรงกลางของเส้นทั้งสอง แล้วก็ลากยาวออกมาทางด้านข้าง โดยความยาวของการลากออกมามีผลต่อภาพนะครับ จากนั้นปล่อยเม้า หากไม่ได้เป็นที่พอใจก็ Undo แล้วทำใหม่ครับ พยายามให้เส้นมันเรียว สวยงามที่สุด
 
 
เมื่อคุณพอใจแล้วคุณจะได้สิ่งนี้!!!
 
 
 
 
 
 
 
หากผิดพลาดประการใด ต้องขอ อภัยมา ณ ที่นี้ด้วยครับ ผมพยายามอย่างเต็มที่ ที่สุดแล้ว ถึงเวลาพักแล้วสิ เหนื่อยจัง
 
 
อ่อสุดท้ายนี้ผมขอฝากสิ่งนี้ด้วยครับ เป็น แอพฯ ของเฟสบุ๊ค ผมสร้างเอาไว้สำหรับคนที่สนใจติดตาม CG Video ของผม (พูดเหมือนมีแฟนคลับเป็นล้าน จริงๆแล้ว Nobody but ยู้วว~)
เข้าไปกด Like กันตาม ศรัทธา~
 
 
 
 
 
.

Comment

Comment:

Tweet

confused smile
เจ๋ง

#4 By ღ。Nahmfonღ。 on 2011-05-01 23:35

Hot! Hot! Hot!
สุดยอดเลยครับ

#3 By Writer-Akira on 2011-04-17 22:50

ขอชื่นชมในความขยัน และตั้งใจ

#2 By bigbulb on 2011-04-17 16:19

โอวววว สุดยอดด

Hot! Hot! Hot!

#1 By Hu waa' on 2011-04-17 15:24