Thaigraph

 

   

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

วิธีการทำ icon ด้วยโปรแกรม Freeware LiquidIcon XP

Rank: 9Rank: 9Rank: 9

โพสต์เมื่อ 6-8-2008 20:38 |แสดงโพสต์ทั้งหมด
ไปค้นหาใน google เจ้าเดิมถึงโปรแกรม freeware ที่ไฟล์เล็กๆ และสามารถทำเป็นไอค่อนได้ และแล้วก็เจอเจ้า LiquidIcon XP ขนาดไฟล์เล็กมากๆ เพียง 360 kb เท่านั้น สามารถนำมาทำ Icon Favorites ในเวปเราได้ตรงตำแหน่ง Address bar และใน Favorites

มีสมาชิกท่านหนึ่งเมล์มาบอกว่าอยากทำไอค่อนใน Favorites เหมือนของไทยกราฟต้องทำยังไง อันที่จริงใช้โปรแกรม ACD see ทำก็ได้ แต่มันอาจจะธรรมดาเกินไป เลยคิดว่าน่าจะมีโปรแกรม Freeware ที่สามารถใช้ทำไอค่อนได้ เลยไปค้นหาใน google ก็ไปเจอหลายตัวด้วยกัน ก็ดหลดมา ลองเลนๆ ดู บางตัวก็ ซับซ้อนเกินไปบางตัวไฟล์ใหญ่เกินไป เพราะคิดใว้น่าจะไม่เกิน 1 MB ได้หละ ก็เลยมาเจอเจ้า LiquidIcon XP เล็กแค่ 360k เองหละ แถมรูปแบบยังหน้าใช้อีกหละ เอาหละ เรามาทำความรู้จักกับเจ้าโปรแกรมฯ ตัวนี้กันเลยดีกว่า ...

เริ่มจากขั้นตอนแรก. ให้ทำการ Download โปรแกรมมาติดตั้งลงที่เครื่อง โดยคลิ๊กไปที่...

http://www.webattack.com/download/dlliquidicon.html

หรือที่...

http://www.thaigraph.com/training/convertfiletoico/LiquidIcon.exe

หลังจากนั้นท่านก็จะได้ไฟล์ EXE ของโปรแกรม แล้วให้ ดับเบิ้ลคลิ๊กที่ตัวโปรแกรม โปรแกรมก็จะทำการขึ้นมาดังภาพ.

 

 

โดยลักษณะหน้าตาระบบโปรแกรม โดยร่วมจะแบ่งเป็นดั่งภาพ.

 

 

ส่วนที่1. จะเป็น Menubar จะมี 6 เมนูด้วยกันได้แก่ 1.File = เมนูจัดการเกี่ยวกับไฟล์ การเปิด การบันทึก 2.Edit= เมนูสำหรับจัดกการแก้ไข copy และ paste และ Delete 3.Images = เมนูสำหรับจัดการ ปรับเปลี่ยน images เช่น การหมุน ไปในทิศทางต่าง การ สลับ ซ้ายขวา บน ล่าง 4.Color= เกี่ยวกับปรับเปลี่ยนแสงสี เช่น ลักษณะสี การไล่เฉดสี การปรับแสง ในลักษณะต่างๆ 5.Effects = เมนูจัดการ effects ให้กับไอค่อน เช่น ใส่ตัวอักษร ทำให้นูน เป็นต้น 6.Help = ช่วยเหลือแนะนำเกี่ยวกับโปรแกรม

ส่วนที่2. Workarea :: พื้นที่ในการสร้างงาน จะมีลักษณะเป็นตารางด้วยกันเต็มพื้นที่

ส่วนที่3. Tool :: จะเป็นส่วนของอุปกรณ์สร้างรูปทรงต่างลักษณะตามมาตรฐานในโปรแกรมตกแต่งรูปทั่วไป

ส่วนที่4. View :: เป็นการดูลักษณะรูปร่างไอค่อนที่มีขนาดตามที่เรากำหนดเช่น 16*16 เราจะเห็นรายละเอียด โดยรวม ในตรงส่วน view นี้

ส่วนที่5. Color system :: จะเป็นส่วนของการเลือกสี ผสมสีและสถานะของสีที่เลือก

หลักวิธีการใช้โปรแกรม

ขั้นตอนที่1. ให้ทำการเลือกมาที่คำสั่งเมนู File --> New icon ---> 16*16 แล้วทำการเลือกขนาดไอค่อนตามที่เราต้องการดั่งตัวอย่าง.

 

 

ขั้นตอนที่2. เมื่อเราได้ไฟล์ตามที่เราต้องการแล้วให้ทำการคลิ๊กเลือกอุปกรณ์และเลือกสี แล้วทำการคลิ๊กสร้างไอค่อนในพื้นที่สร้างงาน ดังตัวอย่าง.

 

 

ขั้นตอนที่3. เมื่อทำการลากในพื้นที่สร้างงานแล้วให้ทำการ ดูการ View ไปด้วยจะได้เห็นรูปร่างที่ละเอียดชัดเจนของ icon ที่เราทำดังตัวอย่าง

 

 

ขั้นตอนที่4. เมื่อทำการปรับแต่งจนได้ไอค่อนที่ถูกใจแล้ว ให้ทำการบันทึกไฟล์ไอค่อน โดยมาที่คำสั่ง File --> Save as เป็นไฟล์ *.ico

เทคนิคการนำมาประยุกต์ใช้ เราสามารถนำเอารูปภาพจาก photoshop และรูปภาพ สกุล gif,jpg,bmp ดังภาพตัวอย่าง.

 

 

มาแปลงเป็นไฟล์ สกุล ico ได้โดยทำการ Copy ไฟล์ที่เราต้องการแปลงนั้น โดยมีข้อแม้ว่าขนาดรูปจะไม่เกิน 16*16 ,32*32,48*48 ตามมาตรฐานของไอค่อน (สำหรับการใช้ทำไอค่อน Favorites จะต้องเป็น 16*16)

จากนั้นให้ทำการเปิดโปรแกรม LiquidIcon XP ขึ้นมาแล้วทำการมาที่คำสั่ง Edit --> Paste

 

 

จากนั้นทำการ save as เป็นสกุล *.ico เท่านี้เราก็ Convert เป็น สกุล *.ico ได้แล้วหละ

หลักวิธีการนำไอค่อนทำเป็น Icon Favorites ในเวปไซต์

ขั้นตอนที่1. ให้ทำการสร้างไอค่อนเวปขึ้นมาตามหลักการเบื่องต้นที่กล่าวมาแล้ว แล้วบันทึกไฟล์ชื่อว่า favicon.ico

ขั้นตอนที่2. ให้ทำการใส่โคส โดยใส่ในตำแหน่งระหว่างของทุกไฟล์ html ที่เราต้องการให้แสดง

โดยให้ทำการแก้ไขตรง HREF=""> เป็นที่อยู่ของไฟล์ favicon.ico ที่อยู่ในเวปไซต์เรา

ขั้นตอนที่3. จากนั้นให้ทำการ upload ไฟล์ favicon.ico และ html ขึ้นserver จากนั้นเวปเราจะมี Icon Favorites ตรง Address bar ดังตัวอย่าง.

 

 

เป็นไงขอรับเจ้า LiquidIcon XP เล็กแต่ประสิทธิภาพเกินตัวจริงๆ นะขอรับ ทำเล่นๆ ออกแบบไอค่อนในเวปก็เพลินดีหละ แถมของฟรีต่างหาก ส่วนเทคนิคต่างที่ทยอยๆ ขอกันมานั้นอาจจะช้าหน่อยแต่ก็จะหาหนทางทำออกมาเป็นบทความจนได้ขอรับ ท้ายสุดให้กำลังใจเล็กๆ น้อยๆ เพื่อการพัฒนาของไทยกราฟ โดยแสดงความคิดเห็นกับ บทความด้วยนะขอรับ จะได้ ผลิตบทความดีๆ อย่างนี้มาเผยแพร่กันอีก...

 

ขอปัญญาเกิดแด่ท่าน

ธนา mastertana


Thaigraph

GMT+7, 16-7-2019 06:02 , Processed in 0.225844 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