Un title page
Thainextstep.com สอนทำเว็บไซต์ด้วย Dreamweaver Photoshop  PHP & MySql และ การทำ SEO  
Un title page
Thainextstep.com สอน HTML บทความ Dreamweaver สอน Photoshop บทความ PHP & MySql Web Tips SEO Guide
Un title page
สอน Photoshop
  ประวัติ photoshop
  เริ่มต้นติดตั้งโปรแกรม
  เริ่มต้นใช้งานโปรแกรม
  การทำภาพแบบขอบฟุ้ง
  มาสร้างภาพจิ๊กซอว์กันเถอะ
  การสร้างภาพเซ็นเซอร์
  การทำภาพแบบ Sepia
  การทำข้อความเวทมนต์
  การสร้างข้อความแบบโลหะ
  การหมุนและกลับด้านภาพ
  การทำภาพ Animation (1)
  การทำภาพ Animation (2)
  การทำภาพ Animation (3)
  การ Selection ภาพที่มีขน
  ลบริ้วรอย จุดไฝ บนใบหน้า
  เทคนิคทำภาพแนว LOMO
  สร้างภาพวาดสีน้ำ
 


  มาสร้าง pattern สำหรับ Photoshop กันเถอะ
 

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

     

 
 

ขั้นตอนที่ 1 เริ่มแรกเลย... สร้างชิ้นงานขึ้นมาใหม่ โดยการใช้คำสั่ง File --> New และเลือกลิสต์ของ Background Content เป็นแบบ Transparent เพื่อให้ให้พื้นหลังโปร่งใส โดยกำหนดขนาด 8 x 8 pixels

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

 
 
 
     

หลังจากนั้น ทำการ Select ให้ได้ดังภาพที่ 1 และเทสีลงไป หรือใครจะใช้วิธี สร้างเลเยอะขึ้นมาใหม่อีก 1 Layer แล้วเทสีลงไปทั้งหมด จากนั้น Select แล้วลบบางส่วนออกก็ได้ ซึ่งจะได้ผลลัพธ์ตามภาพที่ 1

ขั้นตอนที่ 2 ให้ทำการ Select All ชิ้นงาน แล้วคลิกคำส่ง Edit --> Define pattern ตามภาพที่ 2

ขั้นตอนที่ 3 เป็นขั้นตอนการตั้งชื่อ Pattern เพื่อเก็บ pattern ไว้ใช้ หลังตั้งชื่อแล้ว กด OK ได้เลยค่ะ

 
 
     

แค่นี้ละค่ะ เสร็จขั้นตอนการสร้าง pattern เรียบร้อยแล้วค่ะ

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


จากนั้นเมื่อได้ชิ้นงานแล้ว ให้ใช้คำสั่ง Edit --> Fill จะมีไดอะล็อกขึ้นมาตามภาพที่ 4 ให้คลิกที่ use เป็น pattern แล้วเราก็จะเจอ pattern ที่เราเคยตั้งชื่อไว้ในขั้นตอนที่ 3 ให้คลิกเลือกที่ชื่อ pattern ที่ต้องการใช้ จากนั้นคลิก OK ผลลัพธ์ก็จะได้ตามภาพค่ะ

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


 
 
     


 
 

สำหรับเทคนิคนี้ก็สามารถนำไปประยุกต์ใช้ได้มากมาย ไม่ว่าการทำพื้นหลัง อย่างเว็บ Thainextstep.com ก็ใช้เทคนิคนี้เหมือนกันค่ะ ลองเอารูปตัวการ์ตูนมาทำ pattern ดูก็ได้ค่ะ พอ Fill pattern แล้วก็ได้พื้นหลังรูปการ์ตูนเต็มไปหมด หรือประยุกต์ใช้ในเทคนิคอื่น ๆ ได้อีกมากมาย เพื่อน ๆ ลองเอาไป Apply ดูนะค่ะ

ตามภาพด้านซ้ายก็เอาเทคนิคนี้มาทำ Banner ก็ทำให้ Banner ดูเก๋ไปอีกแบบ

 
   
วันที่บทความ : 21 พ.ย. 2551              ที่มา : Webmaster

สอนทำเว็บไซต์   |   สอนภาษา HTML   |   สอน Dreamweaver   |   สอน Photoshop   |   สอนภาษา PHP & MySql   |   รวมทิป เทคนิคการทำเว็บไซต์   |   สอนการทำ SEO
:: Copyright © 2005 by Chatta design. All rights reserved. Do not duplicate or redistribute in any form.::