More Related Content
Similar to ใบงานที่ 54 ทักษะการทำพื้นหลังลายไทย 2005
Similar to ใบงานที่ 54 ทักษะการทำพื้นหลังลายไทย 2005 (20)
More from Suda Sangtong (20)
ใบงานที่ 54 ทักษะการทำพื้นหลังลายไทย 2005
- 1. ใบงานที่ 54
ทัก ษะการทำา พื้น หลัง ลายไทย 2005
หลักการทำาพื้นหลังแบบนี้จะเป็น pattern คือมีขนาดไม่ใหญ่นักแต่เน้นการ
เรียงกันเป็นแนวลักษณะเดียวกันเต็มพื้นที่และเน้นความกลมกลืนของแสงแบบไล่
เฉดขาวจางๆ กลืน ตัวลวดลายไทย ตัวลายไทยนี้จะเอาแนวโครงของลายไทยมา
จะสังเกตไม่มีลวดลายข้างในเลยทำาให้จ้าออกขาวๆ เพื่อเน้นให้กลืนกับพื้นหลัง
และจะมี pattern มาตัดให้เกิดมิติลึกขึ้นมา แล้วก็มาปรับระดับแสงให้เป็นอันหนึ่ง
อันเดียวกันกับพื้นหลังให้ดี เอาหละมาดูวิธีการทำากันเลย ...
ขั้น ตอนที่1. ให้ทำาการสร้างไฟล์ใหม่ขึ้นมาให้มีขนาดความกว้างยาว เท่ากับ 45
* 812 จะได้ความยาวเท่ากับหน้าจอพอดี
ขั้น ตอนที่2. จากให้ทำาการสร้าง layer ใหม่โดยคลิ๊กไอค่อนรูปกระดาษที่ layer
จากนั้นให้เลือกสี
Foreground & Background ให้มีนำ้าหนักตัดกันแบบโทนเดียวกันต่าง
นำ้าหนักเข้มจางแล้วใช้อุปกรณ์ Gradient ไล่เฉดดังตัวอย่าง.
ขั้น ตอนที่3. หลังจากที่เราทำาการไล่เฉดสีลงไปแล้วตามที่เราต้องการจากนั้นให้
ทำาการเลือกลายไทยแล้วทำาลายไทยนั้นเป็น pattern เสีย โดย ก่อนอื่นเมื่อได้
ลายไทยมาแล้วให้ทำาการย่อลายไทยนั้นลงไปในพื้นที่เราทำาการไล่เฉด จากนั้น
ทำาการ Select --> All แล้ว Edit --> Copy เพื่อเลือกลายไทยนั้น แยกออกมาทำา
เป็นไฟล์ใหม่ โดย Background เป็นแบบ Transparent คือพื้นหลังโปร่งนั้น
เอง จากนะเนทำาการ Edit -- Paste ก็จะได้ไฟล์ใหม่ของลายไทยที่เราแยกมา
- 2. แล้วทำาการ Select ---> All จากนั้นใช้คำาสั่งแปลงเป็น pattern โดยมาที่ Edit
--> Define Pattern แล้วตั้งชื่อตามที่ต้องการ เราก็จะได้ pattern ลายไทยใว้
ทำากราฟิก
ขั้น ตอนที่4. จากนั้นกลับการทำางานมาไฟล์ที่เราทำาการไล่เฉด แล้วสร้าง layer
ใหม่จากนั้นทำาการ Fill Pattern โดยมาที่ Edit --> Fill ,Pattern เลือก
Pattern ลายไทยที่เราทำาใว้ในขั้นตอนที่ 3 ก็จะได้ลายไทยที่เรียงแถวกันในแนว
ตั้ง จากนั้นปรับแสงให้กับ Pattern ลายไทยที่ทำาการ Fill ลงไป เป็นโครงร่างสี
ขาวไปเลย โดยใช้คำาสั่ง image --> Adjustments --> Hue/Saturation โดย
ให้ปรับค่า Lightness = +100 ก็จะเป็นสีขาวทันที
ขั้น ตอนที่5. จากนั้นให้ทำาการสร้าง Pattern ลายเฉียงขึ้นมา เพื่อสร้างมิติ
ให้กับพื้นหลัง ดังตัวอย่าง หรือเอาจากตัวอย่างนี่ก็ได้จากนั้นก็ทำาเป็น pattern ดั่ง
- 3. ขั้นตอนที่3 จากนั้นกลับการทำางานมาที่พื้นหลังไล่เฉดจากนั้นสร้าง layer ใหม่ต่อ
จาก patern ลายไทยที่เราทำาใว้ แล้วทำาการ Fill ,Pattern เลือกเส้นเฉียงที่เรา
ทำา แล้วเลือกแสงของ layer แบบ Soft Light แล้วปรับค่า Opacity = 50% แล้ว
layer 3 ที่เป็นลายไทยก็ลด Opacity = 20% เลือกลดสีขาวให้จางให้เข้ากับ
Pattern เฉียง ดังตัวอย่าง.
ขั้น ตอนที่6. จากนั้นให้ทำาการ copy Layer ลายเฉียงอีกตัวหนึ่งแล้วสลับข้าง
ทำาให้เป็นเส้นไขว้ทับกัน โดยมาที่ Edit --- > Transform --> Flip Horizontal
สลับข้างกัน จากนั้นก็ปรับค่า Opacity ให้เข้มจางให้เข้ากับพื้นหลัง
ขั้น ตอนที่7. จากนั้นสร้าง layer ใหม่แล้วทำาการไล่เฉดสีขาวโปร่งแสง
- 4. เพื่อให้สีขาวกลื่นพื้นหลังไล่เฉดและลายไทยและ pattern เฉียงที่ทำา จากนั้นเราก็
ปรับค่า Opacity ให้กับ layer ที่ไล่เฉดสีขาวแบบโปร่งเสีย ก็เป็นอันเสร็จในการ
ออกแบบพื้นหลังของไทยกราฟ 2005 ดังตัวอย่าง.
Tip : ในการที่จะเอาไปใช้กับเวปนั้นต้องใช้คำาสั่งตรึงพื้นหลังให้นิ่งโดยใส่ที่ใน
ส่วนของ body bgproperties="fixed" พื้นหลังนี่ก็จะตรึงอยู่กับที่คำาสั่งนี้จะ
ใช้ได้กับ IE เท่านั้น Browser อื่นอาจจะไม่รับคำาสั่งนี้