HowTo: ใส่กรอบรูปเก๋ๆ ให้ภาพ Display พร้อมCode

[※¤ นานา ¤※]

ตัวอย่างรูปที่จะมาหัดทำกัน หวังว่าคงจะชอบกัลน๊า

  



แจกกรอบน่ารักๆๆ ยั่วน้ำลายกันก่อน

                                                                                                                                                                                                      







Code ใส่รูปแทน Display

#user-picture img {height: ความสูงpx !important;
width: ความกว้างpx;visibility: hidden;}
#about-left {background:url(URL ภาพ) no-repeat 50% 0%;})

ถ้าชอบกัลก้อกด  Popular + ตรงมุมขวาบน ให้ด้วยน๊าา  (เอาไปทะไมไม่รู้ 555)
ต้องบอกก่อนว่า ไม่รับทำให้นะคะ อยากให้ทุกคนหัดทำด้วยตัวเองอ่ะ ภูมิใจกว่ากันเยอะเรย
ยกเว้นใครไม่มีโปรแกรม Photoshop หรือทำแล้วไม่ได้ แบบว่ามีปัญหาจิงๆ ให้ส่งรูปกับตัวอย่างกรอบมาได้ค่ะ


แล้วใครที่เอาไปแจกต่อ หรือเอาไปรับทำ ช่วยให้เครดิตคนสอนด้วยน๊า
อย่าลืมว่าต้อง copy ไปไว้ในเครื่อง และฝากไฟล์เอาเอง ถึงจะนำ url ไปใช้นะจร๊า ม่ายง้านมันหนักแบนวิธ แล้วไฟล์เราจะเสียอ่ะ T^T



ภาพกรอบต่างๆ เก็บสะสมมาจากเวปเด็กดี yenta4 Glitter-Graphics Bloggang-ดอกหญ้าเมืองเลย Bloggang-KungGuenter และเพื่อนๆ ใน thaihi5 (จำชื่อไม่ได้ก้อโทดทีน๊า)

[※¤ นานา ¤※]

วิธีทำ   ดูแล้วทำตามเรยน๊า   (เราใช้ photoshop cs2) ไม่เข้าใจถามด้าย

1. ขั้นแรกเลย เปิดไฟล์ กรอบรูป ที่ต้องการมาโดยกด File > Open 



2.  ปรับโหมดให้รูปกรอบของเราก่อน โดยกด Image > Mode > RGB Color



3. ขั้นตอนนี้ เราจะมาเจาะช่องสีขาวๆ ให้เป็นโปร่งใส (Transparent) กัน 

โดยเลือกเครื่องมือ Magic Eraser Tool  จากกล่องเครื่องมือด้านซ้ายตามรูป



4. เอายางลบวางลงบนส่วนที่เราจะลบ แล้วกด click ซ้าย

จะได้ภาพตารางๆ แบบนี้ ลบตรงส่วนที่เป็นสีขาวๆ ทั้งด้านในกรอบ

และนอกกรอบ (ตามลูกศร) ให้เป็นลายตารางๆ ให้หมดค่ะ

(จนได้ภาพแบบด้านขวา)



5. คราวนี้ เปิดภาพที่เราจะใส่ในกรอบขึ้นมา โดย Browse รูปขึ้นมา

 กด File > Open จะสังเกตุได้ว่าขนาดรูป ใหญ่กว่ารูปกรอบไปเยอะเลย



6.  เราต้องมาปรับขนาดรูปก่อน โดยเลือกเมนู Image > Image Size แล้วเลือกขนาดตามต้องการ



7. ลองเทียบขนาดรูปกับกรอบดู แบบนี้ น่าจะได้แล้ว  ^^ 

หากต้องการปรับแสง สี ของรูป ก้อทำได้ในขั้นตอนนี้ โดยเลือกเมนู
Image > Adjustment > Auto Level
หรือ Auto Contrast หรือ Brigtness ตามต้องการ



8. ใช้เครื่องมือ Move Tool จากกล่องเครื่องมือด้านซ้าย

ลากรูปเข้ามาวางทับบน ตำแหน่งของช่องกรอบ

(สังเกตุ Layer ด้านขวามือ จะเป็นตามรูป)





9. ให้ไปที่ Layer รูป โดยคลิ๊กซ้ายค้างไว้ แล้วลากลงมาให้อยู่

ใต้ Layer กรอบ ขยับรูปให้เข้าที่ โดยใช้เครื่องมือ Move Tool

จะเห็นว่ามีส่วนเกินออกมาให้เห็น ตามรูป





10.  ทีนี้มาลบส่วนเกินกัน โดยใช้เครื่องมือยางลบ แต่คราวนี้เป็นยางลบธรรมดา

   อันบนสุด ก่อนจะลบให้คลิ๊กไปที่ Layer รูป ก่อน (ด้านขวามือ)

   แล้วปรับหัวแปรงให้พอดีกับขนาดของภาพที่จะลบ

   ลากยางลบไปที่ส่วนเกิน ต้องระวังอย่าให้ลบไปถูกภาพที่อยู่ด้านในกรอบ

   (กรอบจะไม่ถูกลบไปด้วย เพราะเราไม่ได้อยู่ Layer ของกรอบรูป)




11. รูปที่ลบเสร็จเรียบร้อยแล้ว



12. ขั้นตอนสุดท้าย เซฟรูปให้เป็น นามสกุล .gif  โดยเลือกเมนู File > Save for web

       เลือก GIF Selective Color ให้เป็น 256 นะ เอาสูงสุดไปเลย 






เท่านี้ก้อเสร็จแล้วค่ะ  ได้รูปงามๆ เอาไปใช้กันแล้ว  เย้ !!

[017956927]

กรอบน่ารักมากๆๆเลยค่ะ

[aquaa]

พยายามทำเเล้วเเต่ทำไม่ได้อะค่ะ ช่วยหน่อยนะค่ะ สงสัยiqไม่ถึงอิอิ กรอบ>>>http://i249.photobucket.com/albums/gg202/marisanana/Frame/9527635.gif กับhttp://i249.photobucket.com/albums/gg202/marisanana/Frame/1203443_5222658.gif
รูปเป็นรูปสลับอะค่ะ หรือเพราะอย่างนี้เลยทำไม่ได้ทำให้น่อยนะค่ะขอบคุณล่วงหน้าค่ะ เเล้วจะรอนะค่ะ นี่รูปค่ะhttp://upload.siamha.com/images/68260degfdgd.gif

[Hëllø Kïtt¥ ♥ *..momizzii ..* ♥]

ขอบบบบ คุนจ้ะ



สวยยยย ย ๆ



http://mookiezii.hi5.com

[ARt tic emotion]

ไม่ใช่เเค่น่ารักนะคะ

สุดยอดมาเลย

น่ารักสุดๆไปเลย

คิคิ

[♥ แสบ GiE² ツ]

ขอบคุนจ้าาา
ทำได้แล้ววว

5555

[sleep]

 

น่ารัก ก ก สุดยอด !

[huatanon]

สวยจังฮู้
ขอบคุณคร่า
 

[meevigo]

ขอบคุงมากมายเลยจร้า

ตอนแรกนึกว่าจะทำไม่ได้แร้ว ขอบใจมากมายเลยน๊า

กรอบน่ารักจังเลยอะ แต่เราอยากได้แบบที่มันกระพริบได้ด้วยอะ

ลองแร้วลองอีกก้ทำไม่ได้กที
 

[aoaeo]

ขอบคุงมากสวยสุดสุด[/color][/font]

[kimmiiez]

สวยมากเลย

แต่เราทำรุปเสดแล้ว เอาurl ลงโค้ดแล้ว

แต่เอาไปลงใน hi5 มันไม่โชว์อ่าา

TT

[※¤ นานา ¤※]

สวยมากเลย

แต่เราทำรุปเสดแล้ว เอาurl ลงโค้ดแล้ว

แต่เอาไปลงใน hi5 มันไม่โชว์อ่าา

TT

ลองเช็คโค้ดเก่าดู  มีซ้ำป่าว  ต้องเอาออกก่อนจ๊ะ

[≈♫ hate ît ♥ ♬≈]

 

[PD. Gentle']

ว้าววว

สุดยอดด

[※¤ นานา ¤※]

ขอบคุงมากมายเลยจร้า

ตอนแรกนึกว่าจะทำไม่ได้แร้ว ขอบใจมากมายเลยน๊า

กรอบน่ารักจังเลยอะ แต่เราอยากได้แบบที่มันกระพริบได้ด้วยอะ

ลองแร้วลองอีกก้ทำไม่ได้กที
 

มีโปรแกรม photoscape ป่าว ลองทำรูปใส่กรอบแบบเดียวกัน  ทำซักสามสี่รูป แร้วเอาไปเรียงใน anigif  แล้วกดให้ภาพเคลื่อนไหว  ก้อได้แร้วจร้า

[POY_ZA555]

 

[♥MOR MILK :)]

ทำไงให้รูปไปอยู่ในกรอบอ่า

ใน  photoscape ทำมะเปน โง่อ่า 

[♥MOR MILK :)]

อยากได้ ดปรแกรม photoshop cs2 นี่อ่าใครมีบ้างอ่าอยากทำ

[nownow_22]

น่ารักมากเลย ขอบคุงนะคร้า

[※¤ นานา ¤※]

อยากได้ ดปรแกรม photoshop cs2 นี่อ่าใครมีบ้างอ่าอยากทำ

ไป search มาให้ เคยมีคนแจกไว้แล้ว  Download

[●ปูพาเพลิน● ™]

สวยดีครับ 

[cream-chesse]

เทอเราก็ลงแล้วไม่ติดเลยอ่ะ  ไม่มีโค้ดซ้ำด้วยน้า........  ทำไงอ่ะ แงแง  สวยๆๆๆ  อยากลง

กรอบงามมากๆๆเลยนะ

[PD oOอีนู๋อิงอิงOo]

ทำได้แล้วค่าาา ขอบคุณมากๆค่ะ

[—‘๏Z๐๓l3i€๏’—]

ขอบจัยนะ กรอบรูปน่ารักๆทุกรูปเลย

เราเอาไปใส่ของเราด้วยแระ

แต่ว่าทำไมรูป display profile  มันหายไปเลยอะ

มีแต่กรอบที่เราดูดของเทอไปอะ

ช่วยตอบด้วยนะจร้า

อยากได้มากๆอ่า น่ารักๆๆมากมาย

ขอบจัยล่วงหน้านะจร้า