ขั้นตอนการทำ Header ใน Photoshop

คุยกันได้ทุกเรื่อง ทุกเพศทุกวัย ไม่จำกัดหน้าตา ได้ที่นี่

ขั้นตอนการทำ Header ใน Photoshop

Postโดย makewebez เมื่อ Mon Jun 27, 2011 1:48 pm

สวัสดีค่ะ มิตรรักทุกท่าน

ทีมงานกลับมาพร้อมกับการนำขั้นตอนการทำภาพ Header ของเว็บไซต์มาฝากกันค่ะ

1. เปิดโปรแกรม File > New...

header1.jpg
header1.jpg (48.3 KB) Viewed 12593 times



2. กำหนดชื่อ name , ความกว้าง width 1003 , ความสูง height 400 นอกนั้นตามค่าในภาพ

header2.jpg
header2.jpg (36.1 KB) Viewed 12623 times



3. จะได้ไฟล์ตามขนาดดังภาพจากนั้นไปยังโฟลเดอร์ที่มีไฟล์BGที่ต้องการ (ให้เป็นหน้าต่างซ้อนแบบนี้) จากนั้นลากไฟล์ลงในพื้นที่สีเทาๆใน Photoshop

header3.jpg
header3.jpg (80.05 KB) Viewed 12666 times


4. เมื่อไฟล์ BG อยู่ใน Photoshop กดปุ่ม Ctrt+A บนแป้นพิมพ์แล้วลากภาพ BG นั้น ใส่ในหน้าที่เตรียมไว้(สีขาวๆ)

header4.jpg
header4.jpg (73.03 KB) Viewed 12618 times


5.ภาพใหญ่เกินไปปรับขนาดพื้นหลังโดย กดปุ่ม Ctrl+T ปรับตามมุมของภาพ

header5.jpg
header5.jpg (64.45 KB) Viewed 12573 times


6. เปิดที่เก็บไฟล์โลโก้ขึ้นมาจากนั้นลากไฟล์ภาพ logo ลงใน photoshop บนพื้นที่สีเทาๆ

header6.jpg
header6.jpg (82.1 KB) Viewed 12564 times


7.จากนั้นกด Ctrl+A ที่แป้นพิมพ์ ลากภาพโลโก้ลงในไฟล์ที่เราสร้างที่วาง BG ไปก่อนหน้านี้แล้ว

header7.jpg
header7.jpg (75.25 KB) Viewed 12561 times


8.ปรับขนาดโลโก้ให้พอดีดูเหมาะสมตามต้องการกด Ctrl+T จากนั้นไปที่แถบเครื่องมือด้านซ้ายกดที่ ตัวอักษร T แล้วจิ้มไปที่บริเวณจะใส่ตัวหนังสือ

header8.jpg
header8.jpg (66.87 KB) Viewed 12547 times


9. พิมพ์ตามที่ต้องการ เลือกรูปแบบฟอนต์ที่แถบด้านบน และกด file> save as.. > ตั้งชื่อ จากนั้นช่องformat.. เลือก .jpg กด Save

header9.jpg
header9.jpg (84.23 KB) Viewed 12816 times



เป็นแนวทางหนึ่งสำหรับการทำภาพเฮดเดอร์ค่ะ หากใครมีวิธีอื่นนำมาบอกเล่าเพื่อนๆ กันบ้างนะคะ

ทีมงานMWE
ทีมงาน MWE
http://www.MakewebEasy.com บริษัท ทำเว็บ สร้างเว็บ สร้างเว็บไซต์ รับทำเว็บ ออกแบบเว็บไซต์ ออกแบบเว็บ ด้วยทีมงานมืออาชีพ

Facebook :http://www.facebook.com/makewebeasy
User avatar
makewebez
Site Admin
 
ตอบ: 1007
สมัครสมาชิก: Fri Aug 03, 2007 11:57 am

กลับไปหน้า ห้องนั่งเล่น

ผู้ที่กำลัง online

ผู้ที่กำลังอ่าน forum นี้: สมาชิก Google [Bot] และ ผู้เยี่ยมชม 2 คน