Thaigraph

 

   

ค้นหา
Thaigraph หน้าฟอรั่ม Photoshop Bible เทคนิคการทำไอค่อนให้เข้ากั ...
Maple Avatar ห้องแต่งตัวใหม่วิธีการเขียน Blog ส่วนตัววิธีโพสคลิปจาก Youtubeตารางข้อมูล เครดิต + Moneyวิธีการโพสกระทู้แบบรวดเร็ว
ดู: 1902|ตอบ: 0
go

เทคนิคการทำไอค่อนให้เข้ากับ Script JavaScript [ OnMouseOver ]

VIP

Rank: 5Rank: 5

โพสต์เมื่อ 4-10-2011 15:09 |แสดงโพสต์ทั้งหมด
เทคนิคการทำไอค่อนให้เข้ากับ Script JavaScript [ OnMouseOver ]
การสร้างไอค่อนให้มีสองลักษณะ

ขั้นตอนที่1.
ให้สร้างไฟล์ขึ้นมาหนึ่งไฟล์แล้วทำการสร้างเส้น Selection รูปสี่เหลี่ยมขึ้นมาหนึ่งรูป
แล้วให้เลือกสี่ Foregound = สีนำเงิน Backgound = สีขาว แล้ว Fill สี Foregound
ลงไปจะได้ดังภาพ.


ขั้นตอนที่2.
จากนั้นให้มาที่ Select --> Feather แล้วปรับค่า Radius = 5
แล้วทำการ Fill สีขาวลงไป Use = White จะได้ดังภาพ.



ขั้นตอนที่3.
จากนั้นให้ทำการพิมพ์ตัวอักษรเข้าไปโดยใช้อุปกรณ์ Type Tool


ขั้นตอนที่4.
ให้ทำการสร้าง Layer ใหม่ขึ้นมาให้อยู่เหนือ Backgound แล้วให้สร้างเส้น Selection ครอบ Layer1
แล้วให้ Fill สี Foregoundจะได้ดังภาพ.


ขั้นตอนที่5.
จากนั้นให้ทำการ Crop โดยมาที่ Image --> Cop แล้วให้ทำการทดสอบการเปลี่ยนแปลงของวัตถุ
โดยใช้เม้าคลิ๊กที่รูปตาของ Layer3 (ให้ซ้ำกันหลายครั้งจะสังเกตเห็นการเปลี่ยนแปลง)
  

เมื่อเอาลูกตาออก เมื่อคลิ๊กปรากฏลูกตา

ขั้นตอนที่6.
จากนั้นให้ทำการ Save โดยการ Save นั้นมีข้อแม้อยู่ว่าจะต้อง Save เป็นไฟล์ .gif เท่านั้นโดยมาที่ File --> Export --> GIF89a Export Option โดยกำหนดชื่อไฟล์ให้มีตัวเลขกำกับข้างหลัง เพื่อทำให้เข้ากับ Script ได้เช่นการ Save ชื่อดังตัวอย่าง


test1.giftest2.gif
(ขนาดของไอค่อนทั้งสองต้องมีความพื้นที่เท่ากันถึงจะทำได้)

หลักในการนำเอามาใช้ใน Script
ให้ทำการ Copy Script นี้ใว้ตรงข้างล่างของ <title></title>
<script LANGUAGE="JavaScript">

var browser=false;
if((navigator.appName=="Netscape")&&(parseInt(navigator.appVersion)>=3))
browser=true;
if (browser){
var object=new Array();
object['test']= new objectdata(38,123,"test2.gif","test1.gif","test");
// add more objects above this line
}
function objectdata(hsize,vsize,replaceimg,restoreimg,mess)
{if(browser)
{                this.mess=mess;
                        this.simg=new Image(hsize,vsize);
                        this.simg.src=replaceimg;
                        this.rimg=new Image(hsize,vsize);
                        
this.rimg.src=restoreimg;                                                                                        }}
function ReplaceOrig(name)
{if(browser)
{window.status=object[name].mess;
document[name].src=object[name].simg.src;}}
function RestoreOrig(name)
{if(browser)
{window.status="";
document[name].src=object[name].rimg.src;}}

// End of JavaScript -->


</script>


ขั้นตอนที่1.
ให้เปลี่ยนค่าตรง object['ชื่อที่เราจะตั้ง']= new objectdata(38,123,"ชื่อไอค่อน2.gif","ชื่อไอค่อน1.gif","เมื่อเอาเม้าเข้าไปใกล้แสดงคำว่า"); (เราสามารถทำการ Copy object ได้หลายอันตามจำนวนที่เราตั้งไอค่อนใว้)


ขั้นตอนที่2.
จากนั้นให้เรากำหนดที่ตัวที่เราจะลิ้งค์ในภาษา HTML <a href="http://www.thaigraph.com/make_brushes/index_brush.htm"><img SRC="ชื่อที่เราตั้งใว้1.gif" NAME="ชื่อที่เราตั้งใว้" BORDER=0 height=ขนาดของไอค่อน width=ขนาดของไอค่อน></a>

ผลสำเร็จจะออกมาดังนี้




Thaigraph

GMT+7, 22-10-2019 14:20 , Processed in 0.041040 second(s), 19 queries .

Powered by Discuz! X1.5

© 2001-2010 Comsenz Inc. Thai Language by DiscuzThai! Team.

Top 10 Best Sellers in Clothing for 2017 Top 10 Best Sellers in Clothing Best Sellers in Clothing
Top 10 Best Sellers in Books reviewer 2017 Top 10 Best Sellers in Books Best Sellers in Books