อันดับแรก ผมออกแบบโลโก้ของเว็บก่อนนะครับ ด้วยโปรแกรม Illustraror โดยเริ่มจาก 1.ใช้ Pen Tool วาดรูปคลิปหนีปกระดาษ
2. วาดพื้นหลัง ที่คล้ายแผ่นกระดาษ
3. ใส่รายละเอียดชื่อเว็บ
หลังจากนั้นในรูปที่ 4. ผมสร้างเงาพื้นหลังกระดาษโดยการ Copy ตัวกระดาษและวางไว้หลังสุด ปรับเป็นสีดำ และใช้คำสั่ง Filter > Blur > Gaussian Blur ก็จะได้เงาพื้นหลังขึ้นมาครับ
หลังจากนั้นในรูปที่ 5. ผมก็ใช้ Pen Tool + เครื่องมือสร้างรูปทรง Rectangle Tool สร้างเจ้า Mascot ตัวแดงขึ้นมา (จริงเจ้านี่ผมออกแบบมาหลายปีแล้ว)
สำหรับเงาเจ้านี้ผมใช้การตั้งค่าความโปร่งแสงหรือ Transparency ปรับค่า Opacityไปที่ 20% ดังรูปที่ 6.
ทีนี้มาดูภาพพื้นหลังที่เป็นรูปสาวน้อยกัน รูปนี้เป็นภาพประกอบที่ผมวาดไว้สมัยเรียน แล้วผมก็เอามา สแกนและตกแต่งใน Photoshop ดังในรูปที่ 7. และ 8. ผมเลือกใช้ Filter Render > Lighting Effect เพื่อจะทำให้รูปคล้ายๆกับโดนสปอร์ตไลท์ส่อง
ก็จะได้ผลลัพธ์ออกมาดังในรูปที่ 9. แล้วเซฟไฟล์เป็น PSD
หลังจากนั้น ก็กลับมาที่ Illustrator อีกครั้ง ผมดึงภาพที่สร้างไว้เมื่อตะกี้ ด้วยคำสั่ง Import และปรับความโปร่งแสงให้จางลงด้วยคำสั่ง Transparency ให้ Opacity อยู่ที่ 68% ดังในรูปที่ 10.
ทำการ Clipping Mask ภาพด้วยการสร้างพื้นที่สำหรับ Mask ขึ้นมาก่อนด้วยเครื่องมือสร้างรูปทรง Rounded Rectangle Tool ดังในรูปที่ 11.
เลือกพื้นที่ทั้ง Mask ที่สร้างไว้ แรปที่จะทำการ Mask และใช้คำสั่ง Clipping Mask โดยเลือกไปที่ Object > Clipping Mask > Make หรือกด Ctrl+7 ก็จะได้ผลดังในรูปที่ 12.
ผมทำให้สีภาพดูเก่าด้วยการ Copy เจ้า Rounded Rectangle หรือ กรอบสี่เหลี่ยมโค้งมนที่ทำเป็น Mask เมื่อตะกี้นี้ไว้ แล้วเอามารองไว้หลังสุดของรูป แล้วปรับสีให้เป็นสีน้ำตาล เพราะรูปที่เราทำไว้มีความโปร่งแสงอยู่ทำให้ออกมาเป็นอย่างในรูปที่ 13. ครับ
จากนั้นในภาพที่ 14. ผมใช้การปรับค่าความโปร่งแสงเช่นเดิม กับรูปกระดาษที่ผมเขียนรายละเอียดของเว็บไว้ และนำมาวางไว้ชั้นบนของรูปครับ
ในรูปที่ 15. ผมทำเงาให้กับกระดาษ โดยใช้คำสั่ง Filter > Blur > Guassian Blur เช่นเคย
รวมทั้งเงาพื้นหลังของรูปในภาพที่ 16. ก็เช่นกัน
ในรูปที่ 17. ผมสร้าง Slogan เว็บด้วยขนาด Font ที่แตกต่างกัน เพื่อให้เกิดความน่าสนใจ ด้วยหลักของการจัด Typography ครับ
ผมนำ Font ที่สร้างไว้มาใส่บนรูปและปรับค่าความโปร่งแสงให้จางที่สุด ดังรูปที่ 18.
รูปที่ 19. ผมพิมพ์วันที่ออกแบบ, เล่มที่, ตัวอักษร Enter และสร้างความแตกต่างด้วยสี
ผมสร้างอักษรโค้งในรูปที่ 20. ด้วยการสร้างเส้นโค้งที่ต้องการขึ้นมาก่อน หลังจากนั้นใชเครื่องมือ Type Tool พิมพ์ลงไปบนเส้นโค้งที่สร้างขึ้น ดังในรูปที่ 21.
เป็นอันเสร็จแล้วครับ คงไม่ยากเกินไปใช่มั๊ยครับ ใครพอมีเวลาลองออกแบบกันดูนะครับ และเราจะภาคภูมิใจกับผลงานที่เราสร้างขึ้นเอง
