การใชง่ าน chrome web store ColorPicker Eyedropper ่ วิ ชาเทคโนโลยี เพื อการออกแบบนิ เทศศลิ ป์
By Nattawut Sukontachat Student ID : 5521303262 สาขาวิ ชา ศลิ ปกรรม คณะมนุ ษยศาสตร์ และสั งคมศาสตร์ มหาวิ ทยาลัยราชภัฏจันทรเกษม
คาํ นํ า ่ ่ ้ อการออกแบบนิ เทศศลิ ป์ รายงานฉบับนี เป็ นสว่ นหนึ งของวิ ชา เทคโนโลยี เพื รหัสวิ ชา ARTD3305 สาขาวิ ชาศลิ ปกรรม ่ ้ ้ ู อ แขนงออกแบบนิ เทศศลิ ป์ มหาวิ ทยาลัยราชภัฏจันทรเกษม ขา้ พเจา้ ไดจ้ ด ท า รายงานเล ม นี เพื ให ไ ด ร จ ก ก บ ข นตอนในการติ ดตัง้ ั ํ ั ั ั ้้ ้ ่ ้ และใชง้ าน Application เสริ มใน Chrome Internet Browser โดยการนํ า Application มาติ ดตังและทดลองใช ง้ าน พร้ อมสรุ ป ่ อการนํ าไปประยุ กตใ์ ชใ้ นการทาํ งาน และการอาํ ขอ /ขอ ย เพื นวยความสะดวกในการทาํ งานตา่ งๆ ให้ ไดป ทธิ ภาพ ้ดี ้เสี ้ระสิ ่ ้ ้ และเกิ ดประโยชน์ สู งสุ ด หากรายงานฉบับนี มี ขอ ดพลาดประการใด ผู จ้ ก็ ขออภัยมา ณ ที นี ดว้ ย ั ดทาํ ้ผิ จัดทาํ โดย นาย ณัฐวุ ฒ ิ สุ คนธชาติ ึษา 5521303262 รหัสนักศก
้ ขันตอนแรกเปิ ดหน้ า Internet Explorer ้ จากนันเลื อกดาวน์ โหลด Chrome
้ ตอ่ มาจะขึ นหน้ าขอ หนดในการให้ บริ การของ Google Chrome ้กาํ ้ ่ ติ กชอ อการ ตัง Google Chrome เป็ นเบราวเ์ ซอร์ เริ มตน ้งแรกคื ้
ติ กชอ อการ ชว่ ยปรับปรุ ง Google Chrome ให้ ดี ข้ นโดยการสง่ สถิ ติ การใชง้ านและรายงานขอ ึ ้งสองคื ้ขัดขอ ้งไปยัง Google โดยอัตโนมัติ
่ มันดาวน์ โหลดเสร็ จแลว้ ตอ่ มาก็ กดRunเพื อให้ โปรแกรมมันRunอัตโนมัติ ่ และเครื องมันจะจัดเก็ บเอ็ ง
้ ตอ่ มาก็ เปิ ด Google Chrome ขึ นมา ่ ้ บนแทบดา้ นบน Login จะมี ตัวกาํ หนดคา่ อยู ่ เมื อเลื อกขึ นมา ่ ่ ่เติ ให้ เลื อกเครื องมื อเพิ ม ม แลว้ กดเขา้ ที สว่ นขยาย
่ ่ เมื อกดเขา้ มาที สว่ นขยายแลว้ ่เติ ให้ กด รับสว่ นขยายเพิ ม ม
่ ่เติ เมื อกดรับสว่ นขยายเพิ ม มแลว้ ้ มันจะเดง้ ขึ นมาหน้ า Chrome เว็ บสโตร ์
แลว้ ตอ่ มาให้ พิ มพ์ ColorPick Eyedropper ่ ่ ่ ่เติ ที ชอ งที มี ไว้ เพื อจะคน ม ม ้งวา่ ้หา apps เพิ
่ แลว้ ตอ่ มาให้ กด +เพิ ม ใน CHROME
่ ้ ่หรื เมื อกดแลว้ มันจะขึ นให้ เรากดคาํ วา่เพิ อ ยกเลิ ก ม ่ ่เพื ให้ เรากดเพิ ม อติ ดตัง้
่ ้ ่เสร็ เมื อกดเพิ งตัวกาํ หนดคา่แบบอัตโนมัติ ม จแลว้ มันจะขึ นดา้ นบน ขา้
้ ถา้ หากไมข่ นโดยอัตโนมัติ ึ ให้ มาเปิ ดไดท สว่ นขยาย แลว้ ให้ ติ กถู กคาํ วา่ เปิ ดใชง่ าน ี ้่
่ ่ เมื อคลิ กที โปรแกรมก็ จะสามารถใชง่ านไดท ั นที ้
่ กอ จะใช่ Color Picker Eyedropper ่นที ้า่ กอ เราจะตอ ยกดู สเี ป็ นอยา่ งไร เราควรเขา้ ไปตังค ้งการเรี ่นนะวา่ ่ ้ ตอ ไปที ขันตอนแรกเราก็ Help & options ้งเขา้
้า่ กอ จะดู สเี ป็ นอยา่ งไร เชน เราควรเขา้ มาตังค ่ ่นวา่ RGB and HSL WebGL for Pixelated ่ มื อเลื อกแลว้ อยา่ ลื ม Save Options ดว้ ยนะ
Start picking each time popup is clicked ่ คื อการเก็ บขอ ลในแตล่ ะครัง้ ที มี การคลิ ก ้มู
Zoomed Preview is Pixelated การซู มตัวอยา่ งเป็ น Pixelated
Allow WebGL for Pixelated Preview คื อการอนุ ญาตให้ WebGL สาํ หรับ Pixelated ตัวอยา่ ง
Show RGB Show HSL ่ คื อการเลื อกที จะโชวส์ เี ป็ นคา่ RGB หรื อ HSL
Show image preview near cursor while picking ่ คื อการแสดงภาพตัวอยา่ งใกลเ้ คอร์ เซอร์ ในขณะที ยก
Large size on page preview ขนาดใหญใ่ นหน้ าแสดงตัวอยา่ ง
Show RGB and HSL on page แสดง RGB และ HSL ในหน้ า
Attempt to auto copy hex value to clipboard ่ ความพยายามที จะคัดลอกอัตโนมัติ คา่ hex ไปยังคลิ ปบอร์ ด
Disable affiliation of nonaffiliate links ่ ่ อมโยงที ไมใ่ ช ่ ความร่ วมมื อปิ ดการใชง้ านของการเชื บริ ษัท ในเครื อ
Gather Usage Statistics (See Terms of Use) ่ รวบรวมสถิ ติ การใชง้ าน (ดู เงื อนไขการใชง้ าน)
Color of the Day Statistics (See Terms of Use) ่ ่ สี ของวันที สมัคร (ดู เงื อนไขการใชง้ าน)
Advanced Options ่ ้า่ คื อตัวเสริ มการตังค เบื องตน ้
่ ้ๆ เวลาใชก กโปรแกรมแลว้ นํ า + ไปไว ้ ณ จุ ดที เราตอ นัน ็คค ่แ ้งการทราบสี ่ลิ
่ ้ใชร่ แลว้ เราจะรู ไดท วา่ สี นัน หัสอะไร เพื อไวใ้ ชใ่ นการทาํ งาน ั นที ้ ้
ตอ่ มาคื อตัวเสริ มใน ColorPicker Eyedropper หากคลิ ก ตรง Popout ก็ สามารถเิ ดหน้ าตา่ งใหมข่ อง ColorPicker Eyedropper ได ้
ตอ่ มาคื อตัวดาวน์ โหลดของแตล่ ะ Windows ● Windows XP / Vista / 7 / 8 ● Microsoft Visual C++ Redistributable Package 2010 ● Microsoft .NET Framework 4.0 ่ ้ โ้ คุ ณสามารถดาวน์ โหลดให้ ตรงกับ เครื องคอมของคุ ณ แลว้ ติ ดตังได ดยอัตโนมัติ
้มหรับแตล่ เวอชั นสั ะเวอชั น้
Bibliography Bibliography .ThaiLand : 29,6, 2015: ColorPicker Eyedropper : Nattawut Sukontachat