SlideShare a Scribd company logo
1 of 4
ใบงานที่ 54
                   ทัก ษะการทำา พื้น หลัง ลายไทย 2005

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


ขั้น ตอนที่1. ให้ทำาการสร้างไฟล์ใหม่ขึ้นมาให้มีขนาดความกว้างยาว เท่ากับ 45
* 812 จะได้ความยาวเท่ากับหน้าจอพอดี

ขั้น ตอนที่2. จากให้ทำาการสร้าง layer ใหม่โดยคลิ๊กไอค่อนรูปกระดาษที่ layer
จากนั้นให้เลือกสี

Foreground & Background             ให้มีนำ้าหนักตัดกันแบบโทนเดียวกันต่าง
นำ้าหนักเข้มจางแล้วใช้อุปกรณ์ Gradient      ไล่เฉดดังตัวอย่าง.




ขั้น ตอนที่3. หลังจากที่เราทำาการไล่เฉดสีลงไปแล้วตามที่เราต้องการจากนั้นให้
ทำาการเลือกลายไทยแล้วทำาลายไทยนั้นเป็น pattern เสีย โดย ก่อนอื่นเมื่อได้
ลายไทยมาแล้วให้ทำาการย่อลายไทยนั้นลงไปในพื้นที่เราทำาการไล่เฉด จากนั้น
ทำาการ Select --> All แล้ว Edit --> Copy เพื่อเลือกลายไทยนั้น แยกออกมาทำา
เป็นไฟล์ใหม่ โดย Background เป็นแบบ Transparent คือพื้นหลังโปร่งนั้น
เอง จากนะเนทำาการ Edit -- Paste ก็จะได้ไฟล์ใหม่ของลายไทยที่เราแยกมา
แล้วทำาการ 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 จากนั้นกลับการทำางานมาที่พื้นหลังไล่เฉดจากนั้นสร้าง layer ใหม่ต่อ
จาก patern ลายไทยที่เราทำาใว้ แล้วทำาการ Fill ,Pattern เลือกเส้นเฉียงที่เรา
ทำา แล้วเลือกแสงของ layer แบบ Soft Light แล้วปรับค่า Opacity = 50% แล้ว
layer 3 ที่เป็นลายไทยก็ลด Opacity = 20% เลือกลดสีขาวให้จางให้เข้ากับ
Pattern เฉียง ดังตัวอย่าง.




ขั้น ตอนที่6. จากนั้นให้ทำาการ copy Layer ลายเฉียงอีกตัวหนึ่งแล้วสลับข้าง
ทำาให้เป็นเส้นไขว้ทับกัน โดยมาที่ Edit --- > Transform --> Flip Horizontal
สลับข้างกัน จากนั้นก็ปรับค่า Opacity ให้เข้มจางให้เข้ากับพื้นหลัง




ขั้น ตอนที่7. จากนั้นสร้าง layer ใหม่แล้วทำาการไล่เฉดสีขาวโปร่งแสง
เพื่อให้สีขาวกลื่นพื้นหลังไล่เฉดและลายไทยและ pattern เฉียงที่ทำา จากนั้นเราก็
ปรับค่า Opacity ให้กับ layer ที่ไล่เฉดสีขาวแบบโปร่งเสีย ก็เป็นอันเสร็จในการ
ออกแบบพื้นหลังของไทยกราฟ 2005 ดังตัวอย่าง.




Tip : ในการที่จะเอาไปใช้กับเวปนั้นต้องใช้คำาสั่งตรึงพื้นหลังให้นิ่งโดยใส่ที่ใน
ส่วนของ body bgproperties="fixed" พื้นหลังนี่ก็จะตรึงอยู่กับที่คำาสั่งนี้จะ
ใช้ได้กับ IE เท่านั้น Browser อื่นอาจจะไม่รับคำาสั่งนี้

More Related Content

Similar to ใบงานที่ 54 ทักษะการทำพื้นหลังลายไทย 2005

แสงนีออน
แสงนีออนแสงนีออน
แสงนีออนLove My
 
สอนแต่งภาพ
สอนแต่งภาพสอนแต่งภาพ
สอนแต่งภาพAii Koii
 
สอนแต่งภาพ
สอนแต่งภาพสอนแต่งภาพ
สอนแต่งภาพNuttaphon Mata
 
สอนแต่งภาพ
สอนแต่งภาพสอนแต่งภาพ
สอนแต่งภาพJatamat Jaiya
 
แสงกระจาย
แสงกระจายแสงกระจาย
แสงกระจายPimchanok Utta
 
สอนแต่งภาพ
สอนแต่งภาพสอนแต่งภาพ
สอนแต่งภาพMeePhorn Chaonuea
 
แสงนีออน
แสงนีออนแสงนีออน
แสงนีออนMinggy Poppy
 
สอนแต่งภาพ
สอนแต่งภาพสอนแต่งภาพ
สอนแต่งภาพKidsada Kueasong
 
สอนแต่งภาพ
สอนแต่งภาพสอนแต่งภาพ
สอนแต่งภาพAdison Gunchai
 

Similar to ใบงานที่ 54 ทักษะการทำพื้นหลังลายไทย 2005 (20)

แสงนีออน
แสงนีออนแสงนีออน
แสงนีออน
 
แสงนีออน
แสงนีออนแสงนีออน
แสงนีออน
 
สอนแต่งภาพ
สอนแต่งภาพสอนแต่งภาพ
สอนแต่งภาพ
 
แสงกระจาย
แสงกระจายแสงกระจาย
แสงกระจาย
 
สอนแต่งภาพ
สอนแต่งภาพสอนแต่งภาพ
สอนแต่งภาพ
 
แสงกระจาย
แสงกระจายแสงกระจาย
แสงกระจาย
 
แต่ง Photo
แต่ง Photoแต่ง Photo
แต่ง Photo
 
แสงกระจาย
แสงกระจายแสงกระจาย
แสงกระจาย
 
สอนแต่งภาพ
สอนแต่งภาพสอนแต่งภาพ
สอนแต่งภาพ
 
แสงกระจาย
แสงกระจายแสงกระจาย
แสงกระจาย
 
แต่ง Photo
แต่ง Photoแต่ง Photo
แต่ง Photo
 
สอนแต่งภาพ
สอนแต่งภาพสอนแต่งภาพ
สอนแต่งภาพ
 
แสงนีออน
แสงนีออนแสงนีออน
แสงนีออน
 
สอนแต่งภาพ
สอนแต่งภาพสอนแต่งภาพ
สอนแต่งภาพ
 
สอนแต่งภาพ
สอนแต่งภาพสอนแต่งภาพ
สอนแต่งภาพ
 
แต่ง Photo
แต่ง Photoแต่ง Photo
แต่ง Photo
 
สอนแต่งภาพ
สอนแต่งภาพสอนแต่งภาพ
สอนแต่งภาพ
 
แสงนีออน
แสงนีออนแสงนีออน
แสงนีออน
 
สอนแต่งภาพ
สอนแต่งภาพสอนแต่งภาพ
สอนแต่งภาพ
 
สอนแต่งภาพ
สอนแต่งภาพสอนแต่งภาพ
สอนแต่งภาพ
 

More from Suda Sangtong

เนื้อหาSWiSH Max เรื่องที่ 4 การสร้างภาพกราฟิก (Image)
เนื้อหาSWiSH Max เรื่องที่ 4 การสร้างภาพกราฟิก (Image)เนื้อหาSWiSH Max เรื่องที่ 4 การสร้างภาพกราฟิก (Image)
เนื้อหาSWiSH Max เรื่องที่ 4 การสร้างภาพกราฟิก (Image)Suda Sangtong
 
Classdismissform nongkor.ac.th
Classdismissform nongkor.ac.thClassdismissform nongkor.ac.th
Classdismissform nongkor.ac.thSuda Sangtong
 
โครงการอบรมสังคมแห่งการเรียนรู้กับSocail media
โครงการอบรมสังคมแห่งการเรียนรู้กับSocail mediaโครงการอบรมสังคมแห่งการเรียนรู้กับSocail media
โครงการอบรมสังคมแห่งการเรียนรู้กับSocail mediaSuda Sangtong
 
Sliceอ.สยาม
Sliceอ.สยามSliceอ.สยาม
Sliceอ.สยามSuda Sangtong
 
ใบงานที่ 70 เทคนิคสร้างรูปเทียน
ใบงานที่ 70 เทคนิคสร้างรูปเทียนใบงานที่ 70 เทคนิคสร้างรูปเทียน
ใบงานที่ 70 เทคนิคสร้างรูปเทียนSuda Sangtong
 
ใบงานที่ 68 เทคนิควิธีการทำอักษรไฟแนวทางใหม่
ใบงานที่ 68 เทคนิควิธีการทำอักษรไฟแนวทางใหม่ใบงานที่ 68 เทคนิควิธีการทำอักษรไฟแนวทางใหม่
ใบงานที่ 68 เทคนิควิธีการทำอักษรไฟแนวทางใหม่Suda Sangtong
 
ใบงานที่ 66 เทคนิควิธีการสร้างเมฆหมอกให้กับภาพ
ใบงานที่ 66 เทคนิควิธีการสร้างเมฆหมอกให้กับภาพใบงานที่ 66 เทคนิควิธีการสร้างเมฆหมอกให้กับภาพ
ใบงานที่ 66 เทคนิควิธีการสร้างเมฆหมอกให้กับภาพSuda Sangtong
 
ใบงานที่ 65 วิธีการเซนเซอร์ภาพ
ใบงานที่ 65 วิธีการเซนเซอร์ภาพใบงานที่ 65 วิธีการเซนเซอร์ภาพ
ใบงานที่ 65 วิธีการเซนเซอร์ภาพSuda Sangtong
 
ใบงานที่ 64 เทคนิคการสร้างให้ภาพโปรงใสเฉพาะที่
ใบงานที่ 64 เทคนิคการสร้างให้ภาพโปรงใสเฉพาะที่ใบงานที่ 64 เทคนิคการสร้างให้ภาพโปรงใสเฉพาะที่
ใบงานที่ 64 เทคนิคการสร้างให้ภาพโปรงใสเฉพาะที่Suda Sangtong
 
ใบงานที่ 62 หลักการทำมิติแสงแบบเงาสะท้อน
ใบงานที่ 62 หลักการทำมิติแสงแบบเงาสะท้อนใบงานที่ 62 หลักการทำมิติแสงแบบเงาสะท้อน
ใบงานที่ 62 หลักการทำมิติแสงแบบเงาสะท้อนSuda Sangtong
 
ใบงานที่ 61 ทำภาพการ์ตูนล้อเลียนด้วย liquify
ใบงานที่ 61 ทำภาพการ์ตูนล้อเลียนด้วย liquifyใบงานที่ 61 ทำภาพการ์ตูนล้อเลียนด้วย liquify
ใบงานที่ 61 ทำภาพการ์ตูนล้อเลียนด้วย liquifySuda Sangtong
 
ใบงานที่ 58 การทำ effects รถพุ้งออกจาก browser
ใบงานที่ 58 การทำ effects รถพุ้งออกจาก browserใบงานที่ 58 การทำ effects รถพุ้งออกจาก browser
ใบงานที่ 58 การทำ effects รถพุ้งออกจาก browserSuda Sangtong
 

More from Suda Sangtong (20)

เนื้อหาSWiSH Max เรื่องที่ 4 การสร้างภาพกราฟิก (Image)
เนื้อหาSWiSH Max เรื่องที่ 4 การสร้างภาพกราฟิก (Image)เนื้อหาSWiSH Max เรื่องที่ 4 การสร้างภาพกราฟิก (Image)
เนื้อหาSWiSH Max เรื่องที่ 4 การสร้างภาพกราฟิก (Image)
 
ผังงาน
ผังงานผังงาน
ผังงาน
 
Onet
Onet Onet
Onet
 
O net .3
O net .3O net .3
O net .3
 
Comp law 2007
Comp law 2007Comp law 2007
Comp law 2007
 
Gn26
Gn26Gn26
Gn26
 
01
0101
01
 
01
0101
01
 
Classdismissform nongkor.ac.th
Classdismissform nongkor.ac.thClassdismissform nongkor.ac.th
Classdismissform nongkor.ac.th
 
Asean35[1]
Asean35[1]Asean35[1]
Asean35[1]
 
โครงการอบรมสังคมแห่งการเรียนรู้กับSocail media
โครงการอบรมสังคมแห่งการเรียนรู้กับSocail mediaโครงการอบรมสังคมแห่งการเรียนรู้กับSocail media
โครงการอบรมสังคมแห่งการเรียนรู้กับSocail media
 
Sliceอ.สยาม
Sliceอ.สยามSliceอ.สยาม
Sliceอ.สยาม
 
ใบงานที่ 70 เทคนิคสร้างรูปเทียน
ใบงานที่ 70 เทคนิคสร้างรูปเทียนใบงานที่ 70 เทคนิคสร้างรูปเทียน
ใบงานที่ 70 เทคนิคสร้างรูปเทียน
 
ใบงานที่ 68 เทคนิควิธีการทำอักษรไฟแนวทางใหม่
ใบงานที่ 68 เทคนิควิธีการทำอักษรไฟแนวทางใหม่ใบงานที่ 68 เทคนิควิธีการทำอักษรไฟแนวทางใหม่
ใบงานที่ 68 เทคนิควิธีการทำอักษรไฟแนวทางใหม่
 
ใบงานที่ 66 เทคนิควิธีการสร้างเมฆหมอกให้กับภาพ
ใบงานที่ 66 เทคนิควิธีการสร้างเมฆหมอกให้กับภาพใบงานที่ 66 เทคนิควิธีการสร้างเมฆหมอกให้กับภาพ
ใบงานที่ 66 เทคนิควิธีการสร้างเมฆหมอกให้กับภาพ
 
ใบงานที่ 65 วิธีการเซนเซอร์ภาพ
ใบงานที่ 65 วิธีการเซนเซอร์ภาพใบงานที่ 65 วิธีการเซนเซอร์ภาพ
ใบงานที่ 65 วิธีการเซนเซอร์ภาพ
 
ใบงานที่ 64 เทคนิคการสร้างให้ภาพโปรงใสเฉพาะที่
ใบงานที่ 64 เทคนิคการสร้างให้ภาพโปรงใสเฉพาะที่ใบงานที่ 64 เทคนิคการสร้างให้ภาพโปรงใสเฉพาะที่
ใบงานที่ 64 เทคนิคการสร้างให้ภาพโปรงใสเฉพาะที่
 
ใบงานที่ 62 หลักการทำมิติแสงแบบเงาสะท้อน
ใบงานที่ 62 หลักการทำมิติแสงแบบเงาสะท้อนใบงานที่ 62 หลักการทำมิติแสงแบบเงาสะท้อน
ใบงานที่ 62 หลักการทำมิติแสงแบบเงาสะท้อน
 
ใบงานที่ 61 ทำภาพการ์ตูนล้อเลียนด้วย liquify
ใบงานที่ 61 ทำภาพการ์ตูนล้อเลียนด้วย liquifyใบงานที่ 61 ทำภาพการ์ตูนล้อเลียนด้วย liquify
ใบงานที่ 61 ทำภาพการ์ตูนล้อเลียนด้วย liquify
 
ใบงานที่ 58 การทำ effects รถพุ้งออกจาก browser
ใบงานที่ 58 การทำ effects รถพุ้งออกจาก browserใบงานที่ 58 การทำ effects รถพุ้งออกจาก browser
ใบงานที่ 58 การทำ effects รถพุ้งออกจาก browser
 

ใบงานที่ 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 อื่นอาจจะไม่รับคำาสั่งนี้