การตกแต่งเวบ ที่ไม่ต้องใช้โปรแกรมราคาแพง ยุ่งยาก ทำสนุกๆ แบบมือสมัครเล่น แต่ออกมาดูดีทีเดียว (ห้ามดูหลายที :-)
บันทึกนี้เป็นภาคต่อของบันทึกนี้คะ
.
หลังจากได้รับคำแนะนำจากกัลยาณมิตร พี่โอ๋ และ อ.ขจิต ให้รู้จักโปรแกรมฟรี ชื่อ Photoscape ก็ถูกใจใช่เลย
เพราะโปรแกรมนี้ใช้ง่ายกว่า Photoshop ซึ่งข้าพเจ้าเคยพยายามเรียนรู้ แต่ก็แพ้ความอลังการของชุดเครื่องมือ
ขณะเดียวกัน ก็ยืดหยุ่นกว่าโปรแกรมสามัญประจำบ้านอย่าง paint ที่ข้าพเจ้าใช้มาตลอด
.
วันนี้ ขอแลกเปลี่ยนเรียนรู้ การทำหัวเวบไซต์ประจำทีม กันคะ
Photoscape สร้างรูป
.
1. หน้าแรกของโปรแกรม ฟังก์ชั่นอื่นๆ ยังไม่มีโอกาสใช้  พุ่งเป้าไปที่ editor
.
2.เปิดไฟล์รูปภาพหลักขึ้นมาก่อน
.
.
3. เพื่อทำเป็น Head ที่มีขนาด กว้าง x สูง 940 X130 จึงต่อพื้นที่รูปออกมาด้วยการวาดสี่เหลื่ยม
  แล้วทำการ "เชื่อม" ภาพกับ object สี่เหลี่ยมที่วาด ให้เป็นภาพเดียวกัน
 จะมีให้เลือก 2 แบบคะ แบบแรกคือ 2 ส่วนนี้ไปเกยทับกัน (สนธิ) 
 ส่วนตัวเลือกที่สอง ให้มันมาชนต่อกัน (สมาส)
.
.
4. ต่อไปเพื่อให้ดูศิลปะอีกนิด ข้าพเจ้าจึงใช้ เครื่องมือ mosaic ทำให้ขอบภาพอนุสาวรีย์พระราชบิดาเบลอๆ 
.
.
5.การใส่ตัวอักษร  มีเครื่องมือตัวอักษรที่ใส่ลูกเล่น ขอบ และเงาได้ แต่..
.
.
6. พอเป็นภาษาไทยแล้ว งง เลย..
.
.
7.จึงต้องหันกลับไปพึ่งโปรแกรม paint สร้างรูปที่มีอักษรภาษาไทย
.
 
.
8.จากนั้น ดึงรูป เข้ามาแปะ ...เราสามารถเลือกความโปร่งของพื้นหลังได้
.
.
ด้วยหลักการเดียวกัน ข้าพเจ้าใช้ดึงรูปสัญลักษณ์ ที่มีผู้สร้างไว้สำเร็จรูปมาแปะมุมซ้ายสุด
.
.
9.เสร็จแล้วคะ พอดูได้ไหม :-)
########
.
การนำภาพไปตกแต่งใน portal.in.th
.
1. ก่อนอื่น นำภาพไปเก็บในส่วน -> ไฟล์  เสียก่อน 
  ภาพที่เก็บแล้ว จะมี "ที่อยู่" (url) มอบหมายให้ copy ตัวนี้ไว้ เพื่อไปใส่ใน CSS code ต่อไป
.
.
2. จากเมนูบาร์ -> เว็บศูนย์รวม -> ตกแต่งเวบ
 ในช่องการตกแต่ง CSS ใส่ url ที่ copy มาใส่เข้าไปใน template คะ 
 ( แต่โปรดอย่าถามเกี่ยวกับ HTML ...มิรู้เรื่องไปมากกว่าที่เห็นคะ)
.
3. ออกมาดังที่เห็น
###########
ใครมีเทคนิคการใช้ Photoscape ดีๆ เล่าให้ฟังบ้างนะคะ :-D