ในบล็อกนี้ผมจะบอกวิธีการทำภาพพื้นหลัง แบ่งเป็น 2 วิธีด้วยกัน
A. การนำภาพมาจากเว็บไซต์มาเป็น Background
B. การใส่สีให้กับ Background
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
A. การนำภาพมาจากเว็บไซต์มาเป็น Background
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
1. เมื่อ Copy ภาพเข้าสู่คอมฯ ของเราแล้ว ให้เปิดไฟล์ภาพ
ไฟล์ภาพส่วนใหญ่จะเริ่มต้นที่ 1024 x 768
มันจะมีขนาดใหญ่เกินความต้องของเรา
เราต้องการขนาดที่ใช้จริงแค่ 1004 x 604 เท่านั้น
แต่ถ้าเป็นขนาดอื่นๆ นอกเหนือจากนี้ก็สามารถมาแก้ไขด้วยวิธีนี้ได้เช่นกัน
.. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
2. มาลดขนาดภาพกันก่อนนะคับ ให้ไปที่ Image > Image Size
จะปรากฏหน้าต่าง Image Size ขึ้นมา
ให้กรอกเปลี่ยนค่าตัวเลขความกว้างของภาพที่ช่อง Width = 1004
ค่าความสูงของภาพในช่อง Height จะลดขนาดตามความกว้าง
โดยอัตโนมัติ จะเห็นว่าขนาดของความกว้างได้ตามต้องการ
ส่วนขนาดของความสูง มันยังคงสูงเกินขนาด ตรงนี้ละคับ
เราต้องใช้เทคนิคเฉพาะ ในการแก้ไขกัน
.. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
3. ให้สร้างไฟล์ใหม่โดยไปที่ File > New > จะปรากฏหน้าต่าง New ขึ้นมา
การตั้งค่าขนาดของ Background
Name = ตั้งชื่อของ Background
Preset = เลือก Custom
Width = กรอกค่าความกว้าง 1004 pixels
Height = กรอกค่าความสูง 604 pixels
Resolution = 72 pixels / inch
Color Mode = RGB Color 8 bit ( โหมดสีสำหรับไฟล์ที่ใช้บนเว็บไซต์)
Background Contents = Transparent
.. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
4. เมื่อเราสร้างไฟล์งานใหม่เตรียมไว้เรียบร้อยแล้ว
ให้เรากลับมาดูที่ภาพพื้นหลังที่เราเตรียมไว้ ให้คลิกที่เครื่องมือ Move Tool
บน Tool Box จัดการดึงภาพพื้นหลังนี้ไปวางไว้บนไฟล์งานใหม่
.. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
5. หลังดึงภาพมาแล้ว ความกว้างของภาพจะมีความพอดีเพราะเราได้ตั้งค่าไว้แล้ว
เหลือแต่ความสูงที่จะมีส่วนเกินออกนอกพื้นงาน
* ไปที่ Edit > Transform > Scale จะปรากฏขอบเขตของภาพทั้งหมดให้เห็น
ให้ใช้เครื่องมือ Move Tool จับเลื่อนภาพไปมาให้มีองค์ประกอบที่สวยงาม
จนเป็นที่พอใจแล้ว.
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
6. ให้คลิกที่เครื่องมือ Crop Tool ลากเม้าส์คลุมทั้งภาพ เพื่อทำการตัดพื้นที่
เกินออกนอกพื้นงานทิ้งไป.
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
7. สุดท้ายขั้นตอนการเซฟไฟล์ ให้ไปที่ File > Save For Web
บนหน้าต่าง Save For Web
ในเมนู Preset ให้เลือกรูปแบบไฟล์เป็น JPEG High สำหรับการแปลงภาพที่คมชัด
8. คลิกเม้าส์ที่ปุ่ม Save เพื่อบันทึกภาพ
.. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
10. จะปรากฏหน้าต่าง Save Optimized Save
11. ให้เรากำหนด Folder ที่เก็บไฟล์งาน
12. ในช่อง File Name ให้เราตั้งชื่อไฟล์งานใหม่ให้เป็นภาษาอังกฤษนะคับ
13. จากนั้นคลิกปุ่ม Save เป็นอันเสร็จเรียบร้อย
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
การนำภาพมาจากเว็บไซต์มาเป็น Background ก็จบเท่านี้คับ
ตอนต่อไปคือ การใส่สีพื้นให้กับ Background
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
รออยู่นะครับ
ตอบลบอยากทำพื้นหลังงะ