วันที่ อาทิตย์ ตุลาคม 2552

พิมพ์หน้านี้  |  ดูบล๊อกอื่นๆ ที่ OKnation

 

Trip_Tech 13 :: ตกแต่งหัวบล็อกสวยๆ ด้วย photo scape


บ้านหลังนี้ มีเรื่องเล่าเกี่ยวกับการแต่งบล็อก

และแจก BG  กับภาพเคลื่อนไหว

 ไปที่หน้ารวมได้เลยจ้า

http://www.oknation.net/blog/prettybluesea/2008/05/23/entry-1


   การสร้างหัวบล็อกสวยๆ  ทำได้ง่าย โดยโปรแกรมตกแต่งภาพ photo scape  ทริปนี้จะแสดงขั้นตอนและวิธีทำโดยละเอียดพร้อมภาพประกอบ หัดทำเองสัก 2-3 ครั้ง ก็เชื่อว่าบล็อกเกอร์ของเราก็นำไปเล่าต่อให้เพื่อนบล็อกเกอร์ใหม่ๆ ทำตามได้แน่นอน

    ก่อนจะตกแต่งภาพ เรามารู้จักขนาดของไฟล์ภาพสักนิดนะคะ เช่น ไฟล์ประเภท JPEG หรือ JPG ( Joint Photographic Expers Group ) เป็นไฟล์ที่มีคุณภาพสูง หรือ ไฟล์ประเภท GIF ( Graphics Interchange Format ) เป็นภาพที่มีความละเอียดต่ำ หลายคนจึงนิยมเอาไฟล์ประเภทนี้หลายๆ ไฟล์มาประกอบกันเป็นภาพเคลื่อนไหวนั่นเอง

 ความรู้นี้ขออ้างอิงจาก ฝ่้ายบริการวิศวกรรม สำนักวิศวกรรม เว็บไซต์ช่อง 9 อสมท. ซึ่ง admintrater เขียนไว้ในลิ้งค์นี้ คลิกตามไปอ่านรายละเอียดได้เลยค่ะ

http://www.engineering-mcot.net/mcotnorth/mant/passreport/news_one.php?dateone=1151214980

ขนาดของรูปภาพ

     หลักการบอกจำนวนพิกเซลของภาพ จะบอกเป็นขนาดความกว้างต่อความสูง ( Weight x High ) ของรูปภาพ อัตราส่วนของขนาดจอภาพ ก็เป็นตัวกำหนดจำนวนพิกเซล โดยมาตรฐานในการแสดงผลของจอภาพ คือ 4 : 3
     - 600 x 480 = 288,000 pixel ( ความละเอียดน้อย )
     - 800 x 600 = 480,000 pixel ( ความละเอียดปานกลาง)
     - 1024 x 768 = 823,728 pixel ( ความละเอียดมาก)


จะสร้างตารางเปรียบเทียบให้เห็น เพื่อเข้าใจง่ายขึ้นค่ะ


โดยทั่วไปสีน้ำฟ้าชอบความละเอียดของขนาด 1024 x 768 จึงปรับกล้องถ่ายรูปไว้ขนาดนี้ พอดี เพื่อง่ายต่อการนำภาพต่างๆ มาปรับแต่ง ใช้กับงานเว็บไซต์ค่ะ 

แต่บล็อกโอเคของเรา มีช่องตรงกลาง สำหรับใส่ภาพ กว้างเพียง 523 โดยประมาณ สีน้ำฟ้าจึงปรับภาพสำหรับใส่บล็อกไว้เพียง 500 x 375 หรืออาจยาวกว่านี้อีกนิดหน่อย เพราะความยาวหากยืดยาวมากเกินความกว้าง ภาพออกมาก็ไม่สวย 


เราไปเริ่มต้นทำหัวบล็อกสวยๆ กันดีกว่าค่ะ


ขั้นตอนที่ 1

เปิดโปรแกรม photo scape เลือกปุ่ม Editor ที่เป็นกล้องถ่ายรูปนั่นแหละค่ะ

 

ขั้นตอนที่ 2

สังเกต หน้าตาของโปรแกรม แบ่งเป็น 3 กรอบใหญ่ๆ นะคะ

ในการเลือกภาพที่จะใช้ ให้เราเลือกขนาด 1024 x 786 เป็นต้นไปนะคะ หากภาพเล็กกว่านี้นำมาขยาย จะทำให้ภาพแตก ไม่ชัดเจน ภาพแตกในที่นี้ นึกภาพออกไหมคะ สังเกตภาพประกอบของขั้นตอนนี้มุมขวามือ ที่สีน้ำฟ้าทำภาพเบลอๆ ไว้น่ะค่ะ ประมาณนั้น

 

.

.

ขั้นตอนที่ 3

        เลือกภาพได้มาแล้ว จัดการตัดภาพให้ได้ขนาดตามต้องการ เราใช้เพียงส่วนหนึ่งของภาพก็พอค่ะ  กว้างแค่ไหน ก็เลือกกันไป ว่ากันไปตามภาพประกอบเลยนะ

 

.

.

.

ขั้นตอนที่ 4

จิ้มเม้าส์ไปที่มุมซ้ายของภาพ กดปุ่มเม้าส์แช่ไว้ ลากเม้าส์ไปทางขวา จนสุดความยาว ปล่อยมือ คลิกปุ่ม “ตัดภาพ” (Crop)

 


จะได้ภาพดังนี้

 .

.

.

.

.

ขั้นตอนที่ 5

          ตัดแต่งออกมาแล้ว แต่ขนาดไฟล์ภาพยังใหญ่เกินไป ยาวเกินไป โอเคเนชั่นให้เราอัพโหลดได้เพียงภาพละ ไม่เกิน 100kb เท่านั้น ไม่ต้องกังวล
 

.

.


ขั้นตอนที่ 6

ปรับแต่งไฟล์ภาพของเราโดยการ ใช้เครื่องมือในโปรแกรมช่วยตามภาพประกอบ

 

.

.


ขั้นตอนที่ 7 

-

          ทีนี้คลิกที่ปุ่มเพิ่มวัตถุ ของใครเป็นเวอร์ชั่นภาษาอังกฤษ คือปุ่ม object 
จะปรากฎกรอบขึ้นมาให้เราใส่ตัวอักษร พิมพ์ข้อความที่ต้องการลงไป

 


วางตัวหนังสือไว้เหนือภาพ ได้เลยนะคะ วางไว้ได้เลย ไ่ม่ต้องกังวล หลังจากเลือกเพิ่มตัวหนังสือจัดวางที่อื่นๆ ตามที่ต้องการแล้ว เราจะทำการบันทึกไฟล์ภาพกัน
 

ขั้นตอนที่ 8

             เสร็จแล้วก็ได้เวลาบันทึกภาพ คลิกที่ปุ่ม บันทึก (Save) ระบบจะมีกล่องข้อความขึ้นมาถาม เราเลือกบันทึกแฟ้มเป็น (Save as)

 

นี่ ความกังวลว่าเราวางตัวหนังสือไว้บนภาพ จะปราำกฎตรงนี้เอง
เขาถามว่า เราต้องการบันทึกส่วนที่เกินด้วยไหม .. ต้องการซี เลือกพื้นที่ด้านหลังส่วนที่เกินเป็นสีอะไรก็ได้ ที่คุณชอบ สีที่คิดว่าเข้ากับภาพ สีที่ตัดกับภาพ แล้วแต่ชอบ

 


คลิกตรงลูกศรสีดำเล็กๆ นั้นเลือกสีได้เลยนะคะ สีน้ำฟ้าชอบสีขาวค่ะ


 

ขั้นตอนที่ 9

         ถึงขั้นตอนบันทึกภาพเก็บไว้ รออัพโหลดแล้วนะคะ ตรงนี้ล่ะ สำคัญค่ะ อย่าเพิ่งคลิกตกลง ดูก่อนๆ ดูว่า ขนาดของภาพที่เราจะบันทึกใหญ่แค่ไหน เกินที่ทางโอเคกำหนดหรือเปล่า  ถ้าเกิน จิ้มเม้าส์ที่ขีดเล็กๆ นั้นเลื่อนไปทางซ้าย ให้ตัวเลขน้อยกว่า 100 เป็นอันได้ใช้  แนะนำว่าอย่างต่ำเกิน 80 นะคะ เดี๋ยวภาพไม่ชัด หรือถ้า 98 หรือ 99 ระวังเวลาอัพโหลดอาจเกินได้  เอาเป็นว่า ระหว่าง 80-95 ก็แล้วกันค่ะ กำลังเหมาะ
 

.

.

.

ขั้นตอนที่ 10

นี่ค่ะ ภาพที่เสร็จแล้ว ของสีน้ำฟ้า พื้นที่สีขาวๆ ที่เกินมาใครสงสัย ยกมือขึ้น !!!


 

พื้นที่ ที่เราเว้นไว้เผื่อผู้มีอุปการคุณของเว็บไงคะ  ตรงพื้นที่สีขาวที่เกินมานั้น เป็นจุดของกรอบโฆษณาของโอเคค่ะ ภาพโฆษณาจะไม่ทับหัวเว็บบล็อกที่เราต้องการโชว์ และภาพโฆษณาของเขาจะอยู่เด่น เห็นชัดเจน

เราต้องพึ่งพาอาศัยกัน ถ้าไม่มีโฆษณา โอเคฯ ก็แย่ ดังนั้น ช่วยๆ กันทำกรอบโฆษณาให้เด่นๆ คนที่เข้าบล็อกเราจะได้คลิกเข้าไป และอุดหนุนสินค้าเหล่านั้น เราก็จะได้อาศัยอยู่ในชุมชนโอเค อย่างสงบสุขต่อไป... นาน เท่านาน


วิธีนำหัวบล็อกที่ได้มา ไปใส่ในบล็อกของเราค่ะ

คลิกตามลิ้งค์ไป ทีละท่อนก่อนบล็อกจะสวย

http://www.oknation.net/blog/prettybluesea/2008/04/28/entry-2

http://www.oknation.net/blog/prettybluesea/2008/09/27/entry-1


พบกันใหม่

สีน้ำฟ้า

โดย สีน้ำฟ้า

 

กลับไปที่ www.oknation.net