ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

ThaiSEOBoard.comความรู้ทั่วไปGeneral (ถามคุยวิชาการ IM)ทำlogoยังไงให้มีความละเอียดสูงที่สุดคับ ขอเทคนิคหน่อย
หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: ทำlogoยังไงให้มีความละเอียดสูงที่สุดคับ ขอเทคนิคหน่อย  (อ่าน 1539 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
redbluegreenyellow
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 39
ออฟไลน์ ออฟไลน์

กระทู้: 1,119



ดูรายละเอียด
« เมื่อ: 12 กันยายน 2015, 21:37:08 »

ทำlogoยังไงให้มีความละเอียดสูงที่สุดคับ ที่ผมเข้าใจคือ ทำให้ใหญ่เข้าไว้ แล้วค่อยมาย่อให้เล็กตามขนาดที่เราต้องการ สมมติเราต้องการขนาด 500*300 ผมจะเริ่มทำที่ขนาด 5000*3000 พอเสร๊จแล้วก็มาย่อให้เล็กลง ภาพจะได้ชัดๆ ผมทำแบบนี้มาตลอด ไม่รู้ว่าถูกหลักการไหม ใครมีเทคนิคอะไรบอกผมหน่อยคับ เพราะผมเคยสังเกตุ logo หลายๆเว็บไซต์ มีขนาดที่เล็กมากๆ แต่ทำไมภาพคมชัดความละเอียดสูงจัง
บันทึกการเข้า
SEnzoP
ก๊วนเสียว
*

พลังน้ำใจ: 47
ออฟไลน์ ออฟไลน์

กระทู้: 455



ดูรายละเอียด เว็บไซต์
« ตอบ #1 เมื่อ: 12 กันยายน 2015, 21:41:49 »

ทำเป็นไฟล์ vector ครับ จะย่อ-ขยายเท่าไหร่ก็ได้
บันทึกการเข้า

TeraBox for Webmaster สร้างรายได้จากการแชร์ไฟล์ มีแพลนให้เลือกหลายแบบ
redbluegreenyellow
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 39
ออฟไลน์ ออฟไลน์

กระทู้: 1,119



ดูรายละเอียด
« ตอบ #2 เมื่อ: 12 กันยายน 2015, 21:44:57 »

ทำเป็นไฟล์ vector ครับ จะย่อ-ขยายเท่าไหร่ก็ได้

ยังไงหรอคับ ผมใช้ photoshop คับ แนะนำหน่อยคับ
บันทึกการเข้า
SEnzoP
ก๊วนเสียว
*

พลังน้ำใจ: 47
ออฟไลน์ ออฟไลน์

กระทู้: 455



ดูรายละเอียด เว็บไซต์
« ตอบ #3 เมื่อ: 12 กันยายน 2015, 21:55:04 »

ทำเป็นไฟล์ vector ครับ จะย่อ-ขยายเท่าไหร่ก็ได้

ยังไงหรอคับ ผมใช้ photoshop คับ แนะนำหน่อยคับ

ปกติจะใช้ Illustrator ทำครับ
บันทึกการเข้า

TeraBox for Webmaster สร้างรายได้จากการแชร์ไฟล์ มีแพลนให้เลือกหลายแบบ
Yours
ก๊วนเสียว
*

พลังน้ำใจ: 15
ออฟไลน์ ออฟไลน์

กระทู้: 306



ดูรายละเอียด เว็บไซต์
« ตอบ #4 เมื่อ: 12 กันยายน 2015, 21:57:55 »

ทำเป็นไฟล์ vector ครับ จะย่อ-ขยายเท่าไหร่ก็ได้

ยังไงหรอคับ ผมใช้ photoshop คับ แนะนำหน่อยคับ
Illustrator ครับ ปรับละเอียดเท่าไหร่ก็ได้
บันทึกการเข้า

Chiz
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 76
ออฟไลน์ ออฟไลน์

กระทู้: 2,181



ดูรายละเอียด
« ตอบ #5 เมื่อ: 12 กันยายน 2015, 22:02:48 »

เน้นความละเอียด อย่างทำลายเสื้อผมก็ใช้ Illustrator ครับ
บันทึกการเข้า

-----------------------------------------------------------------------------------------------
Aldamex
Napbiotec
สารสกัด
สารสกัดสมุนไพร
dodorca
Newbie
*

พลังน้ำใจ: 3
ออฟไลน์ ออฟไลน์

กระทู้: 20



ดูรายละเอียด
« ตอบ #6 เมื่อ: 12 กันยายน 2015, 22:10:31 »

ถ้าทำเว็บไซต์ ใช้ .SVG สำหรับ logo เว็บไซต์ ขยายไม่แตก  

 รองรับ browser ใหม่ๆ ตามนี้ครับ

โค๊ด:
http://caniuse.com/#feat=svg

ลองดูครับ  ใช้ Illustrator ทำครับ
« แก้ไขครั้งสุดท้าย: 12 กันยายน 2015, 22:18:57 โดย dodorca » บันทึกการเข้า
Tanat1
ก๊วนเสียว
*

พลังน้ำใจ: 12
ออฟไลน์ ออฟไลน์

กระทู้: 275



ดูรายละเอียด เว็บไซต์
« ตอบ #7 เมื่อ: 12 กันยายน 2015, 22:21:25 »

ใช้ Illustrator ครับช่วยได้ เลือกปรับความละเอียดตอนสร้าง Document อ่ะครับเป็น 300 ppi

ปล. ถ้าไม่ใช่ขอโทดด้วยเน้ออ
บันทึกการเข้า

redbluegreenyellow
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 39
ออฟไลน์ ออฟไลน์

กระทู้: 1,119



ดูรายละเอียด
« ตอบ #8 เมื่อ: 12 กันยายน 2015, 22:56:56 »

ผมมีแต่ photoshop อ่าคับ  Lips Sealed ใช้ photoshop ทำไม่ได้หรอคับ
บันทึกการเข้า
dodorca
Newbie
*

พลังน้ำใจ: 3
ออฟไลน์ ออฟไลน์

กระทู้: 20



ดูรายละเอียด
« ตอบ #9 เมื่อ: 12 กันยายน 2015, 23:07:29 »

ผมมีแต่ photoshop อ่าคับ  Lips Sealed ใช้ photoshop ทำไม่ได้หรอคับ


ลองใช้ดูนะครับ ไม่แน่ใจว่าได้เปล่า

โค๊ด:
http://image.online-convert.com/convert-to-svg
บันทึกการเข้า
redbluegreenyellow
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 39
ออฟไลน์ ออฟไลน์

กระทู้: 1,119



ดูรายละเอียด
« ตอบ #10 เมื่อ: 12 กันยายน 2015, 23:13:50 »

ถ้าทำเว็บไซต์ ใช้ .SVG สำหรับ logo เว็บไซต์ ขยายไม่แตก  

 รองรับ browser ใหม่ๆ ตามนี้ครับ

โค๊ด:
http://caniuse.com/#feat=svg

ลองดูครับ  ใช้ Illustrator ทำครับ


สมมติ logo theme ที่เราซื้อมา กำหนวดที่ 500*300 เราสามารถทำให้มันใหญ่กว่านี้ได้ไหมคับ ถ้าเป็น .svg ภาพมันจะหดเองใช่ไหมคับ โดยที่เราไม่ต้องย่อ ผมเข้าใจถูกไหม ถ้าผิดรบกวนอธิบายทีคับ
บันทึกการเข้า
dodorca
Newbie
*

พลังน้ำใจ: 3
ออฟไลน์ ออฟไลน์

กระทู้: 20



ดูรายละเอียด
« ตอบ #11 เมื่อ: 13 กันยายน 2015, 00:16:12 »

ถ้าทำเว็บไซต์ ใช้ .SVG สำหรับ logo เว็บไซต์ ขยายไม่แตก  

 รองรับ browser ใหม่ๆ ตามนี้ครับ

โค๊ด:
http://caniuse.com/#feat=svg

ลองดูครับ  ใช้ Illustrator ทำครับ


สมมติ logo theme ที่เราซื้อมา กำหนวดที่ 500*300 เราสามารถทำให้มันใหญ่กว่านี้ได้ไหมคับ ถ้าเป็น .svg ภาพมันจะหดเองใช่ไหมคับ โดยที่เราไม่ต้องย่อ ผมเข้าใจถูกไหม ถ้าผิดรบกวนอธิบายทีคับ


อธิบายไม่ถูกเหมือนกันครับ  มีตัวอย่างให้นะครับ  เอาไปใช้ หรือเปิดกับ iphone ipad หรือหน้าจอความละเอียดสูง File .svg จะไม่แตกครับ ลองเปิดกับ Google chrome แล้วลอง กด zoo ดูครับ
ตัวอย่างนะครับ
โค๊ด:
http://people.opera.com/andreasb/demos/demos_svgopen2009/circles.html
บันทึกการเข้า
redbluegreenyellow
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 39
ออฟไลน์ ออฟไลน์

กระทู้: 1,119



ดูรายละเอียด
« ตอบ #12 เมื่อ: 13 กันยายน 2015, 00:19:00 »

ถ้าทำเว็บไซต์ ใช้ .SVG สำหรับ logo เว็บไซต์ ขยายไม่แตก  

 รองรับ browser ใหม่ๆ ตามนี้ครับ

โค๊ด:
http://caniuse.com/#feat=svg

ลองดูครับ  ใช้ Illustrator ทำครับ


สมมติ logo theme ที่เราซื้อมา กำหนวดที่ 500*300 เราสามารถทำให้มันใหญ่กว่านี้ได้ไหมคับ ถ้าเป็น .svg ภาพมันจะหดเองใช่ไหมคับ โดยที่เราไม่ต้องย่อ ผมเข้าใจถูกไหม ถ้าผิดรบกวนอธิบายทีคับ


อธิบายไม่ถูกเหมือนกันครับ  มีตัวอย่างให้นะครับ  เอาไปใช้ หรือเปิดกับ iphone ipad หรือหน้าจอความละเอียดสูง File .svg จะไม่แตกครับ ลองเปิดกับ Google chrome แล้วลอง กด zoo ดูครับ
ตัวอย่างนะครับ
โค๊ด:
http://people.opera.com/andreasb/demos/demos_svgopen2009/circles.html


ถ้าทำด้วย photoshop ภาพจะแตกหรอคับ
บันทึกการเข้า
dodorca
Newbie
*

พลังน้ำใจ: 3
ออฟไลน์ ออฟไลน์

กระทู้: 20



ดูรายละเอียด
« ตอบ #13 เมื่อ: 13 กันยายน 2015, 00:30:00 »

ถ้าทำเว็บไซต์ ใช้ .SVG สำหรับ logo เว็บไซต์ ขยายไม่แตก  

 รองรับ browser ใหม่ๆ ตามนี้ครับ

โค๊ด:
http://caniuse.com/#feat=svg

ลองดูครับ  ใช้ Illustrator ทำครับ


สมมติ logo theme ที่เราซื้อมา กำหนวดที่ 500*300 เราสามารถทำให้มันใหญ่กว่านี้ได้ไหมคับ ถ้าเป็น .svg ภาพมันจะหดเองใช่ไหมคับ โดยที่เราไม่ต้องย่อ ผมเข้าใจถูกไหม ถ้าผิดรบกวนอธิบายทีคับ


อธิบายไม่ถูกเหมือนกันครับ  มีตัวอย่างให้นะครับ  เอาไปใช้ หรือเปิดกับ iphone ipad หรือหน้าจอความละเอียดสูง File .svg จะไม่แตกครับ ลองเปิดกับ Google chrome แล้วลอง กด zoo ดูครับ
ตัวอย่างนะครับ
โค๊ด:
http://people.opera.com/andreasb/demos/demos_svgopen2009/circles.html


ถ้าทำด้วย photoshop ภาพจะแตกหรอคับ


ไม่แตกนะครับ ถ้าเราไม่ไป zoo หรือขยายหน้าจอให้มันเกิด 100 %  ของเว็บไซต์ (น่าจะประมาณนั้น)
บันทึกการเข้า
redbluegreenyellow
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 39
ออฟไลน์ ออฟไลน์

กระทู้: 1,119



ดูรายละเอียด
« ตอบ #14 เมื่อ: 13 กันยายน 2015, 02:57:02 »

ถ้าทำเว็บไซต์ ใช้ .SVG สำหรับ logo เว็บไซต์ ขยายไม่แตก  

 รองรับ browser ใหม่ๆ ตามนี้ครับ

โค๊ด:
http://caniuse.com/#feat=svg

ลองดูครับ  ใช้ Illustrator ทำครับ


สมมติ logo theme ที่เราซื้อมา กำหนวดที่ 500*300 เราสามารถทำให้มันใหญ่กว่านี้ได้ไหมคับ ถ้าเป็น .svg ภาพมันจะหดเองใช่ไหมคับ โดยที่เราไม่ต้องย่อ ผมเข้าใจถูกไหม ถ้าผิดรบกวนอธิบายทีคับ


อธิบายไม่ถูกเหมือนกันครับ  มีตัวอย่างให้นะครับ  เอาไปใช้ หรือเปิดกับ iphone ipad หรือหน้าจอความละเอียดสูง File .svg จะไม่แตกครับ ลองเปิดกับ Google chrome แล้วลอง กด zoo ดูครับ
ตัวอย่างนะครับ
โค๊ด:
http://people.opera.com/andreasb/demos/demos_svgopen2009/circles.html


ถ้าทำด้วย photoshop ภาพจะแตกหรอคับ


ไม่แตกนะครับ ถ้าเราไม่ไป zoo หรือขยายหน้าจอให้มันเกิด 100 %  ของเว็บไซต์ (น่าจะประมาณนั้น)


ขอบคุณคับ
บันทึกการเข้า
dingdong8002
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 543
ออฟไลน์ ออฟไลน์

กระทู้: 4,817



ดูรายละเอียด เว็บไซต์
« ตอบ #15 เมื่อ: 13 กันยายน 2015, 07:57:20 »

- งาน Photoshop ไฟล์ที่ได้จะเป็น บิตแมป คือการนับจำนวนพิกเซล ยิ่งภาพใหญ่ พิกเซลเยอะ ไฟล์ก็จะใหญ่ไปด้วย
- ส่วน Vector โปรแกรมที่นิยมกันก็ Adobe Illustrator,CorelDRAW,Affinity Designer(Mac) ถ้าเป็นงานพิมพ์ส่วนใหญ่จะเซฟเป็น .ai ไฟล์ Vector ใช้การคำนวณสมการทางคณิตศาสตร์ เช่น สี่เหลี่ยมสีแดง ข้อมูลที่อยู่ในไฟล์ก็เป็นแค่โค้ดว่า "สี่เหลี่ยมสีแดง"+ขนาดกว้างยาว ต่อให้ขยายใหญ่แค่ไหนข้อมูลก็จะมีแค่ "สี่เหลี่ยมสีแดง" + ขนาดกว้างยาว ซึ่งจะทำให้งานเล็กว่า บิตแมปมาก  wanwan017


ลองดูเพิ่มเติมตามนี้
sanya-indy.com/vector-bitmap/
บันทึกการเข้า

โฮสเจ้านี้ ดีและถูกที่สุดแล้ว ล่มยาก ไม่จุกจิก
แชร์โฮส เริ่มที่ 277บาท/ปี, VPS เริ่มที่ 290บาท/เดือน
เซิร์ฟเวอร์มีทั้ง TH,SG,US

สนใจ ▶︎ CLICK ◀︎
redbluegreenyellow
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 39
ออฟไลน์ ออฟไลน์

กระทู้: 1,119



ดูรายละเอียด
« ตอบ #16 เมื่อ: 13 กันยายน 2015, 09:02:05 »

- งาน Photoshop ไฟล์ที่ได้จะเป็น บิตแมป คือการนับจำนวนพิกเซล ยิ่งภาพใหญ่ พิกเซลเยอะ ไฟล์ก็จะใหญ่ไปด้วย
- ส่วน Vector โปรแกรมที่นิยมกันก็ Adobe Illustrator,CorelDRAW,Affinity Designer(Mac) ถ้าเป็นงานพิมพ์ส่วนใหญ่จะเซฟเป็น .ai ไฟล์ Vector ใช้การคำนวณสมการทางคณิตศาสตร์ เช่น สี่เหลี่ยมสีแดง ข้อมูลที่อยู่ในไฟล์ก็เป็นแค่โค้ดว่า "สี่เหลี่ยมสีแดง"+ขนาดกว้างยาว ต่อให้ขยายใหญ่แค่ไหนข้อมูลก็จะมีแค่ "สี่เหลี่ยมสีแดง" + ขนาดกว้างยาว ซึ่งจะทำให้งานเล็กว่า บิตแมปมาก  wanwan017


ลองดูเพิ่มเติมตามนี้
sanya-indy.com/vector-bitmap/

สรุปคือ ถ้าจะทำ logo ของเว็บ ต้องใช้ Illustrator จะได้ภาพที่มีคุณภาพกว่า photoshop ใช่ไหมคับ
บันทึกการเข้า
หน้า: [1]   ขึ้นบน
พิมพ์