bluefairy's profile☜ ßⓛuⓔƒⓐ ïⓡŸ☞ jUsT D♥ My...PhotosBlogListsMore Tools Help

Blog


    March 28

    Oº°‘¨Image Filter¨‘°ºO

     จ๊ะเอ๋ หวัดดี แอบมาอัพสเปซอีกแย้ว ก็เค้า(ฝ่ายไอที)ยังไม่บล็อคนี่น๊า หุหุ  ตอบ Iza กันดีฟ่ากับการทำรูปให้เป็นสีจางๆ  จริงๆเซียนทั้งหลายในสเปซ เค้าสอนไว้หลายโค๊ดเหมือนกันนะ เกี่ยวกับภาพ มีทั้งความรู้และก็ยังใจดีมาสอนพวกเราอีกด้วยเน้อ ทางเลือกนึงของผู้ที่เข้ามาสเปซนน ก็ขอเอามาเผยแพร่ตามความเข้าใจของนนด้วย

      *รูปที่เราจะนำมาใส่ในโค๊ด จำเป็นต้องมี URL พูดง่ายๆคือ ถ้าเราชอบรูปไหนจากเว็บใดก็ตาม คลิกขวาที่รูป>properties>Address(URL) เราก็แค่ก็อป URL ทั้งหมดมาใส่แทนเข้าไป สกุลของรูปส่วนใหญ่ก็ .JPG แล้วค่อยกำหนดค่าของความจางของรูป แต่ถ้าเราต้องการนำรูปตัวเองมาทำให้สีจางล่ะก้อ ต้องทำให้รูปเรามี URL ให้ได้ก่อน โดยการนำรูปเข้าไปฝากเว็ปที่เค้ารับฝากรูปกัน  มีเยอะมากมายเลย

     

    รูปตัวอย่างนะ  นนสมมุติรูปนี้

     

     

     โค๊ดแรกไล่สีจากกลางภาพไปขอบภาพ   <IMG style="FILTER: Alpha(Opacity=80,FinishOpacity=30,Style=3)" height=100 src="http://www.bremen.or.jp/tomosan/rak0515.jpg" width=100>  

     

     จากโค๊ดก็จะได้แบบนี้นะ

     

       

                                           

                                           เปลี่ยนค่าเฉพาะที่เป็นสีส้ม 

                                           Opacity=80 <<ตรงนี้ปรับได้เองตามใจฉัน ยิ่งค่าน้อยสียิ่งจาง อันนี้นนปรับ 80

                                           FinishOpacity=30 << ปรับค่าตามใจฉันเหมือนกัน แตกต่างที่ยิ่งค่าน้อย ตรงขอบจะจางก่อน

                                           height=100     ความสูงของภาพ  เช็คจากคลิกขวาที่รูป>Dimensions>__ คูณ __Pixels

                                           width=100      ความกว้างของภาพ เช็คจากคลิกขวาที่รูป>Dimensions>__ คูณ __Pixels

     อีกโค๊ดนึง ไล่ความเข้มของสีเป็นวงกลม    <IMG style="FILTER: Alpha(Opacity=80,FinishOpacity=10,Style=2)" height=100 src="http://www.bremen.or.jp/tomosan/rak0515.jpg" width=100>

     

     จากโค๊ดความเข้มสีเป็นวงกลมจะได้แบบนี้

     

     

     

    ปรับเปลี่ยนเฉพาะที่เป็นสีส้ม เหมือนโค๊ดเมือกี้อ่ะ แต่โค๊ดนี้ตรง FinishOpacity นนเลือกเท่ากับ 10 ก็จะได้กลมแบบนี้

     วิธีการเอาโค๊ดไปแปะ เผื่อบางคนยังไม่ทราบเน้อ ก็ก๊อปโค๊ดทั้งหมดไปที่เวลาเราจะ Add entry อ่ะ จากนั้นคลิกที่ <HTML>แล้วก็ Paste ที่เรา Copy มา จากนั้นก็คลิกที่ <HTML> อีกรอบ ก็จะเห็นรูปแสดงผลนะ ถ้ายังไม่ชอบต้องการปรับใหม่ก็คลิกที่เดิมจ้า

     

    Comments (13)

    Please wait...
    Sorry, the comment you entered is too long. Please shorten it.
    You didn't enter anything. Please try again.
    Sorry, we can't add your comment right now. Please try again later.
    To add a comment, you need permission from your parent. Ask for permission
    Your parent has turned off comments.
    Sorry, we can't delete your comment right now. Please try again later.
    You've exceeded the maximum number of comments that can be left in one day. Please try again in 24 hours.
    Your account has had the ability to leave comments disabled because our systems indicate that you may be spamming other users. If you believe that your account has been disabled in error please contact Windows Live support.
    Complete the security check below to finish leaving your comment.
    The characters you type in the security check must match the characters in the picture or audio.

    To add a comment, sign in with your Windows Live ID (if you use Hotmail, Messenger, or Xbox LIVE, you have a Windows Live ID). Sign in


    Don't have a Windows Live ID? Sign up

    กลับมาแล้วจ้า
    โทดทีน๊าที่หายไปนานเลย
    ม่ายค่อยว่างอ่ะ ช่วงนี้กะลังยุ่งๆ
     
    เด๋วไว้ว่างๆจะกลับมาเป็นลูกศิษย์นะ
    Apr. 4
    Bluenie..wrote:
    เม้นท์หั้ยคร่า
     
    สเปซสีสวยดีชอบมั่กๆคร่า
     
    อัพเดดสเปซแร้วน้า
     
    มิสๆคร่า
    Apr. 1
    ทำไม่ได้อ่ะ ยากจังเลยครับ
     
     
    ทำเป็นหนังสือให้อ่านเลยดีกั่ว หรือไม่ก็เปิดคอร์ชสอนอัพบล๊อคไปเลยครับพี่นนทร์
    Apr. 1
    ~*up2mam*~wrote:
    ขอโทษ ไม่ได้เข้ามาเยี่ยมชมความเป็นเจ้าแม่บล๊อค สักครั้ง ก็อินเตอร์เน็ตไม่มีในห้องแล้วอะ Sad~>-<~
    Mar. 31
    พี่นนอ่ะ สอนยังไงสาวก็ยังทำไม่เป็นอยู่ดีอ่ะคะ
     
    คิดถึงเด้อออ
    Mar. 31
    THITIPLUNwrote:
    อ่ะโน้ตว่าแว้วววว แบบว่าเอารูปงานกาชาดมาฝากให้ดูอ่ะจ๊ะ เข้ามาดูหน่อยนะ
    ไม่งั้นเสียใจแย่อ่ะ  thank น่ะจ๊ะ
    Mar. 30
    Noppharatwrote:
    มาเยี่ยมจ๊ะ
    Mar. 30
    pikunwrote:
    ขอบคุณคร้าบบบ   ยังเจ๋งเหมือนเดิมมม
    Mar. 29
    มีอะไรมานำเสนอใหม่ๆอีกเเล้วนะซ้อนนท์ ข้าน้อยนับถือ ๆ ^ ^" เปิดคอร์สสอนเลยดีกว่า หุ หุ หุ ทำเป็นธุรกิจครอบครัวเลยดีไม๊ซ้อ ^ ^"
    Mar. 29
    ดีครับ  กำลังหาวิธีอยุ่พอดีเลย
    แวะมาทักทายนะครับ
    มีความสุขนะครับ
    Mar. 29
    Picture of Anonymous
    ĽÕrđ õf W@r Šcrîp†s wrote:
    ขอบคุณที่แวะมาเยี่ยมกันครับ
    แล้วจะแวะมาหาบ่อยๆ
    ขอตัวไปประท้วงต่อละกัน อิอิ



    ขอพลังจงสถิตแก่ท่าน..
    Mar. 29
    THITIPLUNwrote:

    ஐ¯`•ไปเที่ยวกันน่ะ•´¯ஐ

    อยากรู้ เข้ามาดูน่ะคะ

    Mar. 28
    IZAwrote:
    แวะ มา เป็น ลูก ศิษย์ แล้ว นะ ค่ะ
    Mar. 28

    Trackbacks

    The trackback URL for this entry is:
    http://bluenie.spaces.live.com/blog/cns!D11845CA0461D383!1191.trak
    Weblogs that reference this entry
    • None