สวัสดีครับเพือนๆ ผมกลับมาเยี่ยม 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

Comment:

Tweet

ขอลองทำตามซักรอบ ขอบคุณจ้า

 

 

 

------------------------------------------------------------------


บาคาร่าออนไลน์  / คาสิโน / genting club

#95 By ku25312531 on 2015-11-25 05:24

ฮู้ว แจ่มมากคับ

 

 

----------------------------------------------------

คาสิโนออนไลน์ / holiday palace / gclub

#94 By ku25312531 on 2015-11-11 01:59

ไว้เอาไปลองทำดูบ้าง ขอบคุณค่ะ
Hot! Hot!

#93 By on 2013-07-19 20:06

สงสัยต้องลองใช้บ้างและวล่ะค่ะ Timeline

#92 By 3hra (103.7.57.18|182.53.184.183) on 2013-01-18 10:13

อย่างนี้เราก็จะมี Timeline เป็นของตนเองแล้วซิ

#91 By BUYY (103.7.57.18|182.53.190.244) on 2013-01-15 07:51

ต้องลองไปทำดูแน่นอน ไม่พลาดค่ะ จะลองใช้ดู

#90 By working (103.7.57.18|182.53.171.53) on 2013-01-14 11:20

ดีค่ะสำหรับความรู้ใหม่ๆที่นำมาแบ่งปันกันค่ะ กดไลน์ให้เลยค่ะ อิอิ

#89 By organicfood (103.7.57.18|182.53.168.225) on 2013-01-09 16:13

#88 By kluay (103.7.57.18|192.168.7.146, 61.19.80.28) on 2012-12-23 01:02

ว้าวๆๆๆๆ
นี่แหละที่ผมต้องการ!! >"<  Hot! Hot! Hot! ให้ฮอตเบยย

#87 By H@'zelnuf on 2012-10-28 23:47

ทำเป็นแล้วครับ   เจ๋งมากเลย   ขอบคุณคร้าบบบบบบบบบบบบบ

#86 By โอ้ (103.7.57.18|180.183.33.239) on 2012-08-27 19:16

ทำสวยจังเลยนะครับ ขอบคุณมาก

#85 By kaporm (103.7.57.18|1.2.164.60) on 2012-07-09 20:53

ว๊าว ไว้จะลองไปทำดูนะคะ <3
Hot! Hot! Hot!

#84 By ** อิ แ ค ร อ ท ** on 2012-07-07 18:30

ปกติผมไม่ค่อยขอบคุณใครนะ
ต้องเจ๋งจริง ๆ ผมถึงจะขอบคุณ

ขอบคุณมาก ๆ ครับ big smile

#83 By มานพ (103.7.57.18|27.130.68.103) on 2012-06-24 02:09

ขอบคุณนะครับสำหรับบทความดีๆ แต่ผม งง กับส่วน avatar อ่ะครับ ทำแล้วมันไม่ค่อยตรงอ่าาา

#82 By MrChee (103.7.57.18|113.53.27.102) on 2012-06-21 13:41

ว้าาาว *0*
ขอบคุณมากๆค่า อยากทำจริงๆเล้ยยย \^0^/

#81 By KuroYuNe on 2012-06-02 14:00

ตงรูปอวตารอ่ะคับ W ที่เว้นว่างไว้อ่ะ มันเป็นความสูงไม่ใช่เหรอ เราครอปมันก็ขึ้นให้เองอัตโนมััติอ่ะคับ เวลาเซฟเชค Image size มันก็ขึ้นอ่ะ งง ตงนี้แหละ

#80 By Aof (103.7.57.18|125.27.18.137) on 2012-05-30 11:21

ขอบคุณนะคับ

#79 By aife (103.7.57.18|58.9.82.207) on 2012-05-12 14:54

มันไม่เป๊ะลงตัวอ่ะ ครับช่วยตอบด้วย

#78 By frongaon (103.7.57.18|118.172.195.67) on 2012-05-10 14:57

cry cry cry cry cry

#77 By Papitchaya (103.7.57.18|101.109.135.156) on 2012-05-04 08:58

Hot! Hot! Hot!
ไม่เห็นภาพประกอบ
แต่ขอบคุณค่าาาา

#76 By Hakurairu,,* on 2012-05-03 21:19

T_T~ รุปแรกๆ ไม่ขึ้นอะึคะ

#75 By AnnaXIII on 2012-04-23 22:29

ขอบคุณค่ะ
Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot!
//เทดาว

#74 By Pinkie Closely-Cropped on 2012-04-13 17:29

ทำไม่อยากเลย!! แต่อ่านตอนแรกๆ งง มากๆเลยค่ะ ออกมาแล้วสวยมากๆ ขอบคุงน้าค้า confused smile confused smile

#73 By คุนหนู (171.5.36.251) on 2012-03-28 16:59

ขอบคุณค่าาาาาาา big smile big smile big smile

#72 By Jane (183.89.5.22) on 2012-03-27 19:45

Hot! ขอบคุณมากค่า

#71 By blackwild on 2012-03-24 16:54

ภาพโปรไฟล์เวลาอาจคลาดเคลื่อน จาก cover

ได้นะครับเพราะจะย่อรูปจากขอบลงเล็กน้อยครับ

//sad smile

#70 By iDreamplus on 2012-03-19 21:14

ช่วยหน่อยค่ะ ทำตามที่บอกทุกขั้นตอนแล้ว แต่ทำไมต้อง upload รูป profile ขึ้น มันถึงไม่ต่อกันเลยค่ะ ไม่น่าจะทำผิดเลยอ่ะ T^T

#69 By PPz (202.149.29.81) on 2012-03-16 17:44

55+

#68 By plaifon (118.172.106.25) on 2012-02-28 18:22

ขอบคุณมากๆค่ะ
ช่วยได้มากเลย
ขออนุญาตนำไปใช้ต่อนะคะ double wink Hot! Hot!

#67 By RedEvil@Colors5 on 2012-02-26 11:54

ขอบคุณค่าาาา^^

#66 By yy (118.174.56.11) on 2012-02-09 22:52

เจ๋งอ่ะ

#65 By แนนนี่ มิตตรา (110.49.225.29) on 2012-02-05 21:06

Hot! Hot! Hot!

ดีจังคะ.. ขอบคุณมากเลย

#64 By MarryJan on 2012-01-22 19:41

ขอบคุณครับ ^^

Hot! Hot! Hot!

#63 By ~ Phoenixus ~ on 2012-01-22 02:38

Hot! Hot! Hot! ขอบคุณมากค่าาาา XD (อยากได้ตุ๊กตาวาฬ 12 หางงงง 555+//โดนตบ)

#62 By Alancia on 2012-01-21 16:19

#61 By Ashikava; on 2012-01-21 09:33

โอ้วว เข้าใจง่ายจังเลยค่ะ
ขอบคุณสำหรับทริคน่ารักๆนะคะ
Hot!

#60 By Tama-kung on 2012-01-21 00:31

Hot! เจ๋งค่ะ เดี๋ยวต้ิงไปลองทำดู
ตอนแรกวาดๆไปไม่รู้มันขนาดเท่าไร พอไปใส่ภาพนี่แตกเลย- -.

#59 By Nuttk on 2012-01-20 23:11

Hot! Hot! Hot!
เยี่ยมมากๆ
ละเอียดดีจริงๆ เเต่ยังไม่ได้ใช้เเบบtime line เลยค่ะ cry

#58 By hameii on 2012-01-20 22:31

Hot! Hot! Hot! Hot! Hot!

#57 By wanglom on 2012-01-20 20:02

เยี่ยมครับ เดี๋ยวจะเอาไปใช้บ้าง cry

#56 By wanglom on 2012-01-20 20:02

Hot! Hot!

#55 By :Doris_sight on 2012-01-20 18:43

Hot! Hot! Hot! Hot! Hot!

#54 By ED navytoon on 2012-01-20 14:49

โอ้เปนประโยชน์แด่ ทามลาย Hot!

ส่วนตัวไม่ชอบทามลายเลย มันลายตา 5555

แวบมา HNY ด้วยคับ open-mounthed smile

#53 By p.cobra on 2011-12-31 05:06

ขอบคุณมากค่ะ ><

#52 By ดิส. on 2011-12-31 01:26

ไอเดียเยี่ยมอ่า
จะไปลองทำมั่ง>w<

ปล.ขอบคุณสำหรับการ์ดค่ะ
ดีใจจังที่ยังมีคนนึกถึงอยู่cry

#51 By TEXTER on 2011-12-30 12:53

ขอบคุณมากมาย confused smile

#50 By aa (223.206.198.249) on 2011-12-29 12:28

ว้าวว แหล่ม แจ่มมากค่ะHot!
ลองทำเลยดีกว่า
ขอบคุณมากๆเลยค่าสำหรับฮาวทูเจ๋งๆแบบนี้big smile

#49 By Melodii on 2011-12-28 21:20

ดูท่าเฟสเราจะเน่า
ไม่เห็นมีอะหยังเปลี่ยนแปลงเหมือนชาวบ้านเค้าเลย - -

#48 By D A R A R E A W on 2011-12-27 20:52

ว้าว ๆ ขอบคุณคับbig smile

#47 By นายโยจิ^_^ on 2011-12-27 01:05

Hot! Hot! Hot! Hot! Hot!
ขอบคุณอย่างยิ่งคะ>o<!

#46 By Kirasagi Nene on 2011-12-26 18:47