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
  สร้างภาพวาดสีน้ำ
 


  การสร้างขอบภาพอย่างง่าย โดยใช้ Layer Style
 

เป็นการสร้างขอบให้กับรูปภาพ คล้าย ๆ แบบภาพโปสต์การ์ด โดยขอบของภาพจะมีลักษณะของเงาด้วย เป็นลักษณะภาพที่เรียบง่าย แต่ดูเก๋ คงจะเคยเห็นกันมาบ้างนะค่ะ ส่วนใหญ่ใช้ตกแต่งภาพที่เกี่ยวกับการท่องเทียว

     
 
 
     

มีขั้นตอนการทำดังนี้ค่ะ

ขั้นตอนที่ 1 เปิดภาพที่ต้องการใส่ขอบเข้ามาใน Photoshop โดยไปที่เมนูบาร์ แล้วเลือก File --> Open

ขั้นตอนที่ 2 เลือกภาพทั้งหมดโดยใช้คสั้ง Select --> All จากนั้นคัดลอกภาพโดยไปเลือกคำสั่ง Edit --> Copy

ขั้นตอนที่ 3 ทำการสร้างไฟล์ใหม่โดยเลือกคำสั่ง File --> New แล้วทำการเลือกให้เป็นแบบพื้นหลังสีขาว ที่ส่วนของความกว้างและความสูงของชิ้นงานจะปรากฏตัวเลขเท่ากับขนาดภาพที่ได้ Copy ในขั้นตอนที่ 2 อัตโนมัติ ให้ทำการเพิ่มความกว้างและความสูงเข้าไปอย่างล่ะ 20 Pixel จากนั้นกด OK


 
 



ขั้นตอนที่ 3 เลือกคำสั่ง Edit --> Paste เพื่อวางภาพที่คัดลอกลงในไฟล์ใหม่ โดยเมื่อวางแล้วจะปรากฏชิ้นงานใน พาเล็ต Layers ดังภาพ (พาเล็ต Layers หากไม่มี ให้เรียกใช้งานโดยการเลือกคำสั่ง Window --> Layers หรือกดปุ่ม F7 บนคีย์บอร์ด)

 
 
 
     

ขั้นตอนที่ 3 g]ใส่ Layer Style ให้กับรูปภาพโดยเลือกคลิกเมาส์ที่ Layer รูปภาพ แล้วเลือกคำสั่ง Layer --> Layer Style --> Blending Options... (หรือจะใช้วิธีดับเบิ้ลคลิกที่ Layer รูปภาพก็ได้) จะปรากฏไดอะล็อกบ็อกซ์ Layer Style

ในขั้นตอนการทำขอบภาพนี้เราจะต้องปรับ Styles 2 ตัว คือ
1. ปรับ Stroke ซึ่งเป็นส่วนของขอบภาพ โดยการกดเลือกเครื่องหมายถูก เพื่อระบุว่าเลือกใช้งาน Style Stroke

2. กดที่แท็บ Stroke จากนั้นปรับรายละเอียดทางด้านขวามือ ตามภาพ

3. ปรับ Drop Shadow ซึ่งเป็นส่วนของเงาของภาพ โดยการกดเลือกเครื่องหมายถูก เพื่อระบุว่าเลือกใช้งาน Drop Shadow

4. กดที่แท็บ Drop Shadow จากนั้นปรับรายละเอียดทางด้านขวามือ ตามภาพ


 
 
     

เมื่อปรับรายละเอียดครบทั้ง 2 Style แล้ว กด OK ก็จะได้ผลตามภาพค่ะ

 
 
     

   
วันที่บทความ : 04 ส.ค. 2550              ที่มา : Webmaster

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