Content on this page requires a newer version of Adobe Flash Player.(ในหน้าเว็บเพจนี้ จำเป็นต้องใช้ Adobe Flash Player ที่เวอร์ชันใหม่ล่าสุดและ/หรือคุณยังไม่ได้ทำการ Active หรือเปิดใช้งานนี้)

Get Adobe Flash player

หน้าหลัก บทเรียนออนไลน์ การใช้งานโปรแกรม Adobe Photoshop CS4

เผยสูตรลับ การทำโลโก้ของเว็บโปรเจคต์นี้

 

 

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

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

สูตรลับ การออกแบบโลโก้

1. เปิดสร้างหน้าเปล่าขึ้นมาใหม่ กำหนดความกว้าง ความสูงของภาพตามต้องการครับในที่นี้ ให้เลือก Background Contets เป็น Transparent หรือภาพโปร่งใสนั้นเอง

 

2. สร้างเลเยอร์ขึ้นมาใหม่หนึ่งอัน แล้วจากนั้นเติมสีพื้นหลังเป็นสีน้ำเงิน เพื่อให้เราสามารถเห็นข้อความที่เราจะพิมพ์ได้ โดยวิธีการเติมสีพื้นหลังก็ให้คลิกที่สีน้ำเงินในพาเลทที่ชื่อว่า Swatches แล้วกดปุ่มคีย์บอร์ด Alt + Delete

 

3. คลิกเลือก ที่กล่องเครื่องมือ แล้วพิมพ์ข้อความลงไป ตามความต้องการ กำหนดสีอักษรเป็นสีขาวครับ

 

4. คลิกที่ Layer ที่เราได้พิมพ์ข้อความลงไป ซึ่งในตัวอย่างนี้คือ Layer Adobe Photoshop แล้วเลือก Add a layer style เลือก Blending Option

 

5. จะแสดงหน้าต่าง Layer Syle ให้เราเลือกเมนู Outer Glow ปรับแต่งค่าด้านล่างนี้ ส่วนสีฟ้านั้นรหัส คือ #3ed0f4 ครับ

 

6. อย่าพึ่งปิดหน้าต่าง Layer Style นะครับ ให้ไปที่เมนู Inner Glow ต่อกันเลย แล้วปรับแต่งค่าด้านล่างนี้ หากไม่มั่นใจเราก็ดูการเปลี่ยนแปลงข้อความได้ครับ

 

7. หลังจากกำหนดค่าเสร็จ ก็จะได้เป็นดังภาพ ซึ่งในตัวอย่างจะใส่ Pattern Overlay ลงไปด้วย แต่ในบทความนี้ผมจะไม่ขอกล่าวครับ เพราะมันยาวมาก แต่พอเป็นกรณีศึกษาได้

 

8. กดปุ่ม Alt ค้างไว้ แล้วคลิกเมาส์ลากข้อความ เลื่อนลงมาข้างล่าง เพื่อเริ่มทำภาพสะท้อนเงา

 

9. กดปุ่ม Ctrl + T เพื่อกลับข้อความให้เป็นตรงกันข้าม หรือเหมือนเป็นรูปเงาน่ะครับ(พอจะนึกภาพออกไหม?) แล้วปรับค่าตรงความสูงหรือ H ให้เป็น -100%

 

10. เลื่อนข้อความที่เราคัดลอกและทำการกลับค่าความสูงตะกี้ ให้ชิดกับข้อความด้านบน โดยกดปุ่มลูกศรชี้ลง บนคีย์บอร์ดของคุณ แล้วกด Enter หลังจากจัดตำแหน่งได้เหมาะสมแล้ว

 

11. คลิกที่คำสั่ง Eraser Tool แล้วกำหนดหัวแปรงขนาดประมาณ 30-36px จากนั้นกดปุ่ม Shift ค้างไว้ โดยลากลบไปในแนวทางจากซ้ายไปขอคุณ โปรแกรมมันแจ้งเตือนถามให้เราตอบ Yes แล้วดำเนินการลบต่อ

 

12. ทำซ้ำในข้อที่ 11 จดกว่าจะลบได้แล้วออกมาในรูปแบบนี้

 

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

บทความนี้เป็นแนวทางกรณีศึกษาเท่านั้นนะครับ แต่ก็สามารถนำไปประยุกต์และพัฒนาต่อได้ดังรูปด้านล่างนี้

นโยบายการใช้งาน

เนื้อหาทั้งหมดในบทความนี้เป็นลิขสิทธิ์ของ โรงเรียนเทคโนโลยีบริหารธุรกิจรักไทย สิรินธร(R-TECH INTER) ภายใต้เงื่อนไขข้อตกลงของเว็บ ทีเอชซ่าส์.คอม(THZAA.COM ) ถ้าต้องการนำไปเผยแพร่ ต้องใส่เครดิตและ Link กลับมาที่หน้าบทความนี้เท่านั้น