Background รูปแบบที่ 1 |
||||
1.สร้างชิ้นงานใหม่ขนาด 40 x 40 pixels |
||||
2.กำหนดสี Foreground ให้เป็นสีเข้ม และสี Background ให้เป็นสีอ่อน |
||||
3.สร้างเลเยอร์ใหม่ |
||||
4.ใช้ Rectangular Marquee โดยกำหนดค่า Fixed Size => W : 40 pixels และ H : 10 pixels |
||||
5.สร้าง Selection ตามแนวนอน โดย |
||||
- แถบแรกให้เทสี Foreground (Alt + Del) |
||||
- แถบสองให้เทสี Background (Ctrl + Del) |
||||
6.ใช้คำสั่ง Image => Image Rotation => Arbitrary เพื่อทำให้ตามหมุนตามเข็มนาฬิกา โดย |
||||
กำหนดค่าองศาให้เป็น 45 องศา และหมุนตามเข็มนาฬิกา (CW) |
||||
7. ทำการลดขนาดภาพโดยคลิกขวาที่แถบชื่อเรื่อง (Title Bar) เลือก Canvas Size หรือ ใช้คำสั่ง |
||||
Image => Canvas Size กำหนดขนาดภาพใหม่ให้เหลือเพียง 28 x 28 pixels |
||||
| *นำเครื่องหมาย ถูก หน้าคำสั่ง Relative ออก | ||||
8.บันทึกไฟล์ภาพชื่องาน M6...-Pattern1-FirstName กำหนดนามสกุลของภาพเป็น JPEG |
||||
 |
||||
Background รูปแบบที่ 2 |
||||
1.สร้างชิ้นงานใหม่ขนาด 10 x 10 pixels ทำการขยายภาพให้มีขนาดใหญ่ |
||||
2.ใช้เครื่องมือ Pencil Tool กำหนดขนาดของหัวดินสอ = 2 px และสีของดินสอตามชอบ |
||||
3.ใช้ดินสอคลิกลงไปบนชิ้นงานให้เรียงลำดับไล่กันลงมาจากมุมบนซ้ายไปมุมล่างขวาตามแบบ |
||||
4.บันทึกไฟล์ภาพชื่องาน M6...-Pattern2 -FirstName กำหนดนามสกุลของภาพเป็น JPEG |
||||
 |
||||
| Background รูปแบบที่ 3 | ||||
| 1.สร้างชิ้นงานใหม่ตามขนาดความสูงของหน้าเว็บที่กำหนดไว้ เช่น หากหน้าเว็บที่ น.ร. ต้องการ | ||||
| ขนาด 800 x 600 pixels นักเรียนก็กำหนดขนาดเป็น 2 x 600 pixels | ||||
| 2.เลือกเครื่องมือ Gradient Tool กำหนดสีตามต้องการ | ||||
| 3.วาดเครื่องมือในแนวที่นักเรียนต้องการ | ||||
| 4.บันทึกไฟล์ภาพชื่องาน M6...-Pattern3-FirstName กำหนดนามสกุลของภาพเป็น JPEG | ||||
 |
||||
Background รูปแบบที่ 4 - 5 |
||||
1.สร้างชิ้นงานใหม่ขนาด 40 x 40 pixels (ชิ้นงานที่ 4) และ 80 x 80 pixels (ชิ้นงานที่ 5) |
||||
2.เลือกเทสีพื้นหลังตามชอบ |
||||
3.ใช้เครื่องมือในกลุ่ม Custom Shape Tool กำหนดค่าคุณสมบัติของเครื่องมือให้เป็น Pixel |
||||
| 4. เลือกภาพตามชอบจัดวางตำแหน่งของภาพบนชิ้นงานโดย 1 วัตถุ = 1 เลเยอร์ | ||||
5.บันทึกไฟล์ภาพชื่องาน M6...- Pattern4-FirstName กำหนดนามสกุลของภาพเป็น JPEG |
||||
 |
||||
การนำ Background มาสร้างเป็น Pattern |
||||
| 1.เปิดไฟล์ภาพที่สร้างขึ้นสำหรับเป็น Background | ||||
| 2.ใช้เมนูคำสั่ง Edit => Define Pattern | ||||
| 3.ตั้งชื่อของ Pattern | ||||
การจำลองการนำ Pattern มาใช้งานจริงในการสร้างเว็บเพจ |
||||
| 1.ให้นักเรียนสร้างพื้นหลังหน้าเว็บจำลองโดย PhotoShop โดยกำหนดขนาดคือ 640 x 480 pixels | ||||
2.ไปที่เมนู Edit => Fill เลือก Content เป็นแบบ Pattern |
||||
| 3.เลือกแบบ Pattern ที่ต้องการ แล้วกดยืนยัน | ||||
| 4.ทำการบันทึกไฟล์งานชื่อ BackgroundXX-FirstName (X แทนตัวเลขของ Pattern ที่ใช้ในงาน) | ||||
   |
||||
T.Warangkana Komolpalin |
||||