Tech&Tips

การทำภาพสลับเมื่อมี Mouse มาชี้ 

(Insert Rollover Image) 

1. สร้างเอกสารสำหรับที่เราจะใช้ในงานนี้ File --> New


 

2.หลังจากที่เราสร้างเอกสารแล้วให้เราเลือกเครื่องมือ Insert Rollover Image  จะมีหน้าต่างขึ้นมาให้เลือกรูปภาพ

 

3.หลังจากที่เรากด OK เพื่อแทรกแล้วจะได้ผลลัพธ์ (ลองนำ Mouse ชี้ที่ภาพ)

      ตกแต่ง Page ง่าย ๆ สไตล์คุณ โดย ใส่รูปในชื่อเรื่อง

    เอนทรีนี้จะสอน วิธีการเอารูปมาใส่ในชื่อที่เราตั้งเวลาสร้าง Page น่ะค่ะ ตัวอย่างเช่น 

ในส่วน Page ของบลอคเจนเนสซ่า จะมีรูปดอกไม้ข้าง ๆ ชื่อเรื่องอยู่ ดังรูป (ดูข้างบนก็ได้ค่ะ)

วิธีทำง่ายมากกกก ไปดูกันเลยค่ะ

1. เตรียมรูปที่จะใช้ก่อนค่ะ โดย upload ขึ้นที่ Exteen เพื่อให้มี url ของรูปก่อน (หรือจะ upload ไว้ที่อื่นก็ได้นะ) ตัวอย่าง URL ของรูป ดังข้างล่าง

http://uc.exteenblog.com/jennessa/images/155.gif

.

2. ถ้ามี Page อยู่แล้ว ก็กด Edit เข้าไปเลยค่ะ หรือในกรณีสร้างใหม่ก็ทำเหมือนกันค่ะ คือ ในหน้าเพิ่ม/แก้ไข Page ให้ดูตรง Title ที่เราเอาไว้ใส่ชื่อ Page ดังรูป เดี๋ยวเราจะใส่ code ตรงนี้

3. ทีนี้ code html ที่จะทำให้รูปแสดงก็คือ tag < img > เราก็เอา url รูป (จากข้อ 1) ไปใส่เป็น src ค่ะ ออกมาเป็นอย่างข้างล่าง อย่าลืมใส่ border="0" ด้วยนะคะ

< img src="http://uc.exteenblog.com/jennessa/images/155.gif" border="0"/>

.

4. code จากข้อ 3 เหมือนเป็นตัวแทนรูปที่เราจะใช้นะคะ :D อยากให้รูปอยู่ตรงไหนของชื่อเรื่อง ก็ใส่ code นั้นลงไปในช่อง Title (รูปข้อ 2) ค่ะ สมมติว่าจะใส่รูปหน้าชื่อเรื่อง ในช่อง Title ก็จะออกมาเป็น

< img src="http://uc.exteenblog.com/jennessa/images/155.gif" border="0"/> Blog Map

5. แล้วก็กด Publish ได้เลยค่า แค่นี้เอง

สร้าง Barcode แบบง่ายๆโดยใช้ Photoshop

ขั้นตอนที่1.
เริ่มจากสร้างไฟล์ใหม่ขนาดใดก็ได้ตามที่เราต้อการโดยมาที่คำสั่ง File --> New

ขั้นตอนที่2.
สร้าง Layer ใหม่โดยคลิ๊กไอค่อนรูปกระดาษตรง Layer จากนั้นใช้อุปกรณ์ Marquee tool ที่มีลักษณะเส้นเดี่ยว 

(Single row marquee tool) แล้วทำการคลิ๊กที่พื้นที่การทำงาน ก็จะได้เส้นประเดี่ยวดังภาพ

ขั้นตอนที่3.
จากนั้นให้ทำการเลือกสี Foreground color เป็นที่เราต้องการ จากตัวอย่างจะใช้สีดำ
จากนั้นมาที่คำสั่ง Edit --> Fill ,Use = Foreground Color

ขั้นตอนที่4.
ยังไม่ต้องทำการยกเลิกเส้น Selection นะขอรับ แล้วให้มาที่คำสั่ง Fileter --> Noise --> Add Noise แล้วปรับค่าต่างๆ ดังภาพ. แล้วก็ OK

 

ขั้นตอนที่5.

ให้ทำการยกเลิกเส้น Selection โดยมาที่คำสั่ง Select --> Deselect จากนั้นให้ทำการยืดขึ้นโดยใช้คำสั่ง Edit --> Free transform ( Ctrl + T ) แล้วให้ยืดดังตัวอย่าง Barcode ก็จะปรากฎดังภาพ. 

ขั้นตอนที่6.

จากนั้นให้ Marquee tool สร้างเส้นสี่เหลี่ยมผืนผ้าจากนั้นให้ Fill สีขาวลงไป (Edit
--> fill ,use = White) แล้วทำการพิมพ์ Text ตัวเลขลงไปโดยใช้อุปกณณ์ Type tool
ก็เป็นอันเสร็จกระบวนการ.

.