ไอ้ดรีมบล็อก

คนเขียนเพี้ยนๆ อ่านแล้วอย่าคิดมาก

       สวัสดีครับเพือนๆ ผมกลับมาเยี่ยม exteen แล้วฮะสำหรับเอ็นทรีนี้จะเขียน how-to ครับ
 
       Facebook Timeline  คือ Profile รูปแบบใหม่ของ Facebook โดยสามารถอ่านรายละเอียดเพิ่มเติมได้จากที่นี้ครับ
 
      ส่วนใหม่ที่เข้ามาด้านบนสุดเราสามารถใส่รูปที่เรียกว่า cover หรือเหมือนรูปหน้าปกสมุดประมาณนั้นฮะ หลังจากที่มีการเปิดการใช้ timeline ส่วนหนึ่งเมื่อหลายเดือนก่อนก็มีคนมีไอเดียดีทำรูป Avatar บน Facebook ให้เข้ากับภาพ cover ตัวเองเช่น
 
ดูสุดยอดไอเดีย Cover ภาพเพิ่มเติมได้จากที่นี้
 
 
     โดยความจริงแล้วถ้าต้องการทำจากเว็บก็มีเว็บทำรูป cover นะแต่ว่าพอเราทำเสร็จมันจะติดแบรนด์เว็บนั้นๆด้วย ซึ่งไม่ใช่แนวมันไม่สวยเราต้องเลยทำเองครับ
 
สำหรับโปรแกรมที่ใช้ :Photoshop CS2 ขึ้นไป
 
มาเริ่มทำ Cover กันเลยดีกว่า
 
1. เซฟแบบตัวนี้ก่อนครับ กดที่นี้
 
2. เปิดโครงแบบที่ได้มาบน photoshop ก่อน จะได้แบบรูปล่าง
 
 
 
3.  เปิดภาพที่ต้องการทำเป็น Background ออกมาแล้วใช้ใช้คำสั่ง Move ภาพมาที่รูปโครงสร้างเราครับ
 
 
4.  เมื่อเราย้ายรูปมาที่ภาพโครงของเราแล้ว ก็ไปที่ภาพนั้นแล้วดูส่วนของเลเยอร์ เลื่อนเลเยอร์โครงของเรา [Layer 0] มานำรูปของเรานะ 
 
//ถ้าไม่พบพาแนล layer ให้กดปุ่ม windows -> Layers หรือ F7
 
เลื่อนเลเยอร์ 0 ให้นำเลเยอร์ 1
 
5.  กดช่องเลเยอร์ให้เรากดที่ เลเยอร์  1 เพื่อให้เราทำงานที่เลเยอร์นี้   และกดปุ่ม Ctrl+T หรือคำสั่งปรับขนาดเลเยอร์ครับ
 
ตรง bar ที่ผมวงสี่เหลื่ยมไว้คือปรับโดยใช้สัดส่วนภาพ แนะนำว่าให้ใส่อัตตราส่วนเท่ากัน
 
6.  เมื่อเราได้ขนาดที่พอเหมาะก็กด Enter เพื่อย่อขนาดได้เลยครับ
 
อัตตราส่วน 30% เพราะรูปของผมใหญ่เกินไปหน่อย Embarassed
 
7.  ของผมย่อมาแล้วได้ประมาณนี้ครับ ตรงอวตาร์มันยังไม่น่าสนใจเลยใส่รูปตัวเองมองสักหน่อย
 
 
8.  เมื่อเราพอใจที่จะใช้แล้วเรามา Crop ภาพเพื่อใช้งานกันเลย  เริ่มจากรูป cover ก่อน
 
กดปุ่ม crop  ใส่ ตรงส่วนช่อง W กับ H ใส่ขนาด 850 px  กับ 315 px เรียงกันไปฮะ [เว้นวรรคใส่ px ด้วยอย่าใส่แต่เลขนะ]
 
 
9.  กดลากกรอบสี่เหลี่ยมทึบให้พอดีกับส่วน cover เราก็กะขนาดให้พอดีๆ
 
พอได้แล้วกด Enter เพื่อ Crop ภาพเลย
 
10.  พอได้แล้วบางคนอาจะเห็นส่วนโครงวับๆแวมๆ ไปที่เลเยอร์แล้วกดปุ่มปิดตาเลเยอร์ 0 ครับ
 
 
11. พอเราปิดเรียบร้อยก็ได้ภาพ Cover เราละครับ วิธีเซฟก็ไปที่ File -> Save for Web & Devices 
 
ตั้งค่าเปลี่ยนภาพเป็น .png แล้วตรวจสอบขนาดว่า 850 x315px ตรงส่วน Image size ด้วยนะ
 
งานเรียบร้อยก็กด Save ได้เลยครับ
 
 
 
เมื่อเราได้รูป cover มาแล้วก็เหลือส่วนอวตาร์ฮะมาทำกันต่อเลย
 
12. ไปที่พาแนล History ถ้าหาไม่เจอก็ไปที่ Window -> History กดเพื่อให้แถบคำสั่งโผล่ออกมาเอานะ
 
กดเลื่อนขึ้นบนคำสั่ง Crop ไป 1 หนึ่งครั้ง
 
 
13.  เสร็จแล้วรูปเราจะกลับสภาพเดิมตอนที่ยังไม่ Crop  ครับ
 
-ไปที่แถบเลเยอร์กดปุ่มเปิดตาให้โครงออกมาอีกรอบด้วยนะ
 
จะ Crop อวตาร์เราก็ใช้คำสั่ง Crop ต่อเลยครับ
 
โดยกำหนดขนาดช่อง W อันเดียวเป็น 250 px ช่อง H ปล่อยว่าง
 
 
 
14.  กดที่รูปเพื่อกางขนาดเลยครับให้พอๆดีช่องสี่เหลี่ยม
 
 
15.  เมื่อกด Crop เสร็จก็ได้รูปอวตาร์เราเรียบร้อย 
 
แล้วเราก็ไปที่พาแนลเลเยอร์กดปิดเลเยอร์โครงให้ไม่เห็นและกด Save เหมือนขั้นตอน 11 ครับเช็คขนาดด้วยนะ
 
 
พอเราได้รูป Cover + Avatar ใหม่ก็อัพเปลี่ยนบน Facebook ได้เลย
 
 
และพอใส่ Cover ก็เป้ะลงตัวครับ
 
 
 
ก็เท่านี้สำหรับการทำภาพ Cover สวยๆโดยไม่ต้องพึ่งเว็บครับ
 
Timeline Talk
 
    เกริ่นคุยเล็กน้อยครับเกี่ยวกับ Timeline ที่หลายคนบอกว่ามันรกๆเหมือน Hi5 ความจริง timeline ถูกออกแบบมาตรงส่วน cover นี้สวยและเรียบง่ายแล้วครับ แต่ที่เห็นไม่พอใจกันก็ตรงแถบส่วน timeline ส่วนโพสตัวเองที่มันดูแล้วรกเหลือเกิน เพราะมันแบ่งเป็น 2 คอลัมน์เรียงสลับลงมา  จากแต่ก่อนเป็น timeline ลงมาด้านเดียว
 
   ถ้าใครใช้หน้าจอขนาดประมาณ 1024x768 อาจจะทำให้ดูอึดอัดได้ครับ ถ้าเป็นจอแบบ wide screen จะมีขอบโล่งๆซึ่งดูแล้วสบายตาขึ้น  ดูโล่งๆ
 
   ก็แล้วแต่คนชอบละนะ สำหรับผมผมเริ่ม timeline มาหลายเดือนแล้วครับ [แฝงตัวอยู่ในพวก app dev.] เนียนมาใช้
 
 
 
และเอ็นทรีก็หมดเท่านี้ละครับ พบกันเอ็นทรีหน้านะฮะ 

Comment