การลดขนาดรูปภาพ (จะได้โหลดเร็วๆ)

เวลาที่เอารูปไปลงใน hi5 เพื่อไว้แต่งสกิน หรือทำเป็นแบล็คกราวด์ ต่างๆ ถ้าภาพที่มีขนาดใหญ่ คือจำนวนเมกะไบท์เยอะๆ ก็จะทำให้การอัพโหลดนั้นช้า วันนี้เรามาลดขนาดของภาพแต่ภาพยังมีความกว้างยาวเท่าเดิม ลดค่าเมกะไบท์ของภาพลงแต่ค่าพิกเซลยังเท่าเดิม !
เปิดโปรแกรม Photoshop ขึ้นมา File>Open เลือกรูปขึ้นมาจากนั้น จะตกแต่ง หรือใส่ตัวอักษร ก็ทำไป
ได้เลย

เมื่อเรียบร้อยแล้ว ก็มาที่ File>Save for web...

จากนั้นจะมีหน้าต่างขึนมาให้เลือก ที่จุดที่ 1 คลิกที่รูปมือ เพื่อจะได้เลือนดูรูปภาพ ดูความแตกต่างความคมชัด กับค่าของเมกะไบท์ ที่ตำแหน่งที่ 2,3 เมือเลือกได้แล้วก็คลิก Save (ตำแหน่ง 4)

* เรื่องง่ายๆกับการแต่ง hi5
* การปร้บรูปให้มีค่าพิกเซลวิธีที่ 1
* การปร้บรูปให้มีค่าพิกเซลวิธีที่ 2
* มาทำ Head hi5 กัน

Read More

ติดโลโก้ท้ายจดหมายE-mail ( Signature )

โลโก้ คือสัญลักษณ์ประจำ บุคคล,บริษัท,องค์กร
วันนี้มาทำ ลายเซ็นคำลงท้ายในจดหมายอีเมล์กันดีกว่า หรือจะทำเป็น โลโก้ ก็จะทำให้ดูเป็นตัวตนที่มีเอกลัษณ์ ดีน่ะ
เป็นอีเมล์ของ hotmail ก่อนแล้วกัน

ในจุดที่ 1 คลิกที่ตัวเลือก จะมีหน้าต่างลงมา เลือก ตัวเลือกเพิ่มเติม

จากนั้นเลือกลายเซ็นต์อีเมล์ส่วนบุคคล ถ้าเป็นภาษาอังกฤษคือ Signature

ถ้าต้องการแบบเรียบง่ายก็จะเขียนเป็นคำลงท้ายจดหมายอย่างเช่น ด้วยความปรารถนาดีและลงชื่อ และถ้าต้องการจะลิงค์ไปหาเวปต่างๆ ก็ลากคลุมข้อความที่ต้องการทำลิงค์ แล้วคลิกหมายเลข 1 เมื่อทำลิงค์ได้แล้วจะมีเส้นขีดอยู่ อย่างในรูป โครงการลดโลกร้อน และในส่วนโลโก้คือตำแหน่งที่ 3 นั้น ทำได้หลายวิธีคือ
A. ก๊อบปี้ตุ๊กตาเคลื่อนไหวที่มีในหน้าเว๊บ โดยเฉพาะหน้าที่เขาโพสต์กระทู้กัน ก๊อบมาวางในหน้านี้เลย
B. อัลบั้มรูปใน hi5 สามารถก๊อบมาใช้ได้ แต่ภาพที่ได้จะไม่ใช่ภาพเคลื่อนไหว
C. สร้างโลโก้ขึ้นมาใหม่ แล้วฝากไว้ที่เว็บรับฝากรูป(เชีนที่ http://photobucket.com/) จากนั้นำโค๊ตมาใส่ โดยคลิกที่ 2 แก้ไขในHTML หรือจะก๊อบจากหน้าเว็บที่เก็บรูปแล้วนำมาวางได้เลยเช่นกัน

ถ้าแก้ไขใน HTML ก็ตรวจสอบโดยดูที่ Rich Text ในตำแหน่งที่ 2 เมื่อเรียบร้อยก็บันทึกได้เลย

แล้วในครั้งหน้ามาทำโลโก้แบบง่ายๆกัน

การทำภาพเคลื่อนไหว วิธีที่ 2 ( Banner 2 )

Read More

การปรับค่าพิกเซลให้กับรูป วิธีที่ 2

มาปรับค่าพิกเซล(pixels)ให้กับรูป เอาไว้แต่งสกิน hi5 กันต่อดีกว่า วิธีนี้เป็นวิธีที่ง่าย เหมาะกับภาพที่ ไม่ต้องรักษาสมดุลของภาพมากนัก เช่นภาพวิว ภาพการตูน มาดูวิธีทำกันเลย

เปิดโปรแกรม Photoshop > File > Open

จากนั้นเลือกรูปที่ต้องการ

เมื่อได้รูปมาแล้ว ไปที่ Image > Image size จะมีหน้าต่างใหม่มาให้กรอก ค่าที่ต้องการ

จุดที่ 1ติกเครื่องหมาย , จุดที่ 2 ใส่ค่าพิกเซล , 3 คลิก OK

ก็จะได้ภาพ เท่ากับค่าพิกเซลที่กำหนด

แต่ถ้าภาพที่นำมาปรับแต่ง ดูแล้วรูปเสียสมดุล เช่นความกว้างกว้างเกินความเป็นจริง ไม่สวยงาม ก็ใช้วิธีที่ 1

* การปร้บรูปให้มีค่าพิกเซลวิธีที่ 1

* เรื่องง่ายๆกับการแต่ง hi5

* การลดขนาดรูปภาพ (Save For Web)

Read More

การปรับค่าพิกเซลให้กับรูป วิธีที่1

มาปร้บรูปให้มีค่าพิกเซล เท่ากับที่ hi5 กำหนดไว้ ด้วยโปรแกรม PhotoShop กัน (โหลดโปรแกรมPhotoShop7แบบพกพา)เปิดโปรแกรม PhotoShop

ไปที่ File > New แล้วจะมีหน้าต่าง ให้กำหนดค่าพิกเซลที่ต้องการ

ที่ช่อง - Preset Sizes เลิอก Custom

- Width 470 Pixels

- Height 350 Pixels

ที่ด้านล่าง Contents เลือก Trasparent

เลือกรูปที่ต้องการเข้ามาโดย File > Open

จากนั้นก็ลากภาพลงมา ถ้ารูปที่นำมาเป็น .gif จะลากลงมาไม่ได้ ดูตรงช่อง Layers จะขึ้นคำว่า Index เราสามารถแก้ได้โดย ไปที่ Image>Mode เลือก RGB Color

ถ้ารูปใหญ่เกิน ก็หดให้เท่ากับกรอบที่กำหนด

ถ้ารูปเล็กกว่ากรอบ ก็ขยายให้เต็มกรอบ

แต่ถ้าทำแล้วภาพดูไม่สมดุล เช่นหน้าคนกว้างเกินความเป็นจริง เราก็ควรทำภาพให้ได้สมดุลก่อน แล้วพื้นที่ ที่เหลือก็เพิ่มสี ที่แบล็คกราวด์

ที่รูป เมื่อวางรูปแล้ว สังเกตจุดที่1 ให้ติกถูก จุดที่ 2 เดี๋ยวจะทำการเปลี่ยนสีโดยคลิกที่สีดำ (หรือสีที่อยู่ด้านบน)

ก็จะมีหน้าต่างใหม่ขึ้นมา เมาส์จะเปลี่ยนเป็นรูปตัวดูด ให้เอาเมาส์คลิกที่สีในตำแหน่งที่ 1 จากนั้นคลิก OK

มาคลิกจุดที่ 1 ตรงสีขาว เมือมีหน้าต่างก็ คลิกที่ ตรงจุดที่ 2 และ OK

จากนั้นสังเกตในตำแหน่งที่ 1 แล้วคลิกตรงตำแหน่งที่ 2

ดูตรงจุดที่ 1,2 ว่าได้ติกเลือกเหมือนในรูปไม๊ ในตำแหน่งที่ 1ถ้าไม่เหมือนให้คลิกตรงสามเหลี่ยมเล็กๆ แล้วจะมีแถบสีให้เลือก ส่วนตำแหน่งที่ 3 คือการคลิกเลือกเลเยอร์ที่จะทำงาน

4 คือคลิกเมาส์ค้างแล้วลาก ตามลูกศร

จากนั้นคลิกเปลี่ยนเครื่องมือการทำงานใหม่ ในจุดที่ 1 คลิกเมาส์ค้างไว้แล้วถูขึ้นลง (จุดที่ 2)ที่ขอบของภาพ คือการทำให้ขอบของภาพดูมัวๆและกลมกลืนกับสีด้านล่าง อย่าลืมคลิกเลือกเลเยอร์ให้ตรงกับในรูปด้วยน่ะ( ตำแหน่งที่3 รูปข้างบน)

คลิกเปลี่ยนเครื่องมือในจุดที่ 1 และ 2 คลิกตรงสามเหลี่ยมเล็กๆ เลือก Merge Down

จะเห็นว่าเลเยอร์ได้รวมกันแล้ว ในจุดที่ 2 คือการลดค่า Opacity อ่านต่อได้เลยจ้า

ภาพอาจจะดูเข้มไป เพราะที่เราทำจะไปอยู่ตรงตำแหน่งที่ 5คือเนื้อหาของส่วน(ตรงที่ให้เพือนเขียน Comment ดูตำแหน่ง) ถ้าภาพเข้มเกินไปจะทำให้มองไม่เห็นตัวหนังสือ ก็มาลดค่า Opacity

ค่า Opacity คือทำให้ภาพโปร่งแสง

จากนั้นก็ Save ภาพเป็น .jpg เท่านี้ก็เอาไปใช้แต่ง Skin hi5 ได้แล้ว

* การปร้บรูปให้มีค่าพิกเซลวิธีที่ 2

* เรื่องง่ายๆกับการแต่ง hi5

Read More