รบกวน ถาม เกี่ยวกับ photo shop ครับ

[Jeng]

คือ อยาใส่ภาษาไทย ให้กับ โปรแกรม photo shop ทำไงครับ

ตอนนี้รู้สึก มีแต่ eng font ครับ

[สวนเด่ะ]

มันจะมี thai add-on มาครับ ต้องหาตามแผ่นโปรแกรม ปลอมแท้ๆ น่ะครับ

[dingding]

พี่เจ๋งลองดูที่นี่นะคะ

http://www.kapook.com/download/publish/ ... _562.shtml

Font Thai จาก thai-photoshop
รายละเอียด
ผู้ผลิต : Thai-Photoshop
ขนาดไฟล์ : 4.03 MB
ประเภท : Freeware
ความต้องการของระบบ : Windows 95/98/Me/NT/2000/XP
เงื่อนไข : -


การติดตั้ง : เมื่อได้ไฟล์ thaifont.zip มาแล้ว Extract ไฟล์นี้ออกมาเลยครับ จะได้ Folder ที่ชื่อ thaifont ออกมาครับภายในจะมี ไฟล์ zip อีก 3 ไฟล์ ก็คือ dse.zip ,psl1.zip และpsl2.zip เมื่อ Extract ออกมาเช่น dse จาก dse.zip จะได้ไฟล์ Truetype font 40 ไฟล์ด้วยกันครับ ที่ต้องทำแพียง เปิด Control panel แล้ว Double click ที่ Icon ที่ชื่อ Font จะเปิด Folder ออกมา ที่ Folder font นี้ click ไปที่ Menu file แล้วเลือกไปที่ Install New Font ... จะมีหน้า Add Fonts ขึ้นมา คุณเพียงเลือก ไปที่ Drive และ Folder ที่เก็บ fonts ของคุณที่ Extract ไว้ เช่น dse เป็นต้นครับ รอสักครู่ จะมีรายชื่อของ Fonts ทั้งหมดใน Folder นั้นขึ้นมา click ที่ปุ่ม Select all แล้ว click ที่ OK ก็เป็นอันเสร็จขั้นตอนการติดตั้ง Fonts ใหม่ ของคุณแล้วครับ

การใช้งาน : เนื่องจากเป็น fontthai สำหรับโปรแกรม Photoshop หรือ graphic อื่นๆ จะเห็นผลคุณก็ต้องเข้าโปรแกรม Photoshop แล้วลองสร้าง ภาพใหม่ขึ้นมาครับ ใช้ Text tool เพื่อพิมพ์ อักษรโดยเดิมที จะสามารถพิมพ์ได้แต่ อักษรที่เป็นภาษาอังกฤษ แต่ภาษาไทยจะไม่เป็นอักษรไทย เป็นอักขรแปลก แต่หลังจากที่คุณติดตั้ง Fontthai ลงไปจะพบว่าจะมีแบบอักษรไทยที่มีชื่อต่อท้ายตามที่คุณเลือกติดตั้ง เช่น BrowalliaDSE เป็น ต้น ก็จะเห็นตัวอักษรที่พิมพ์ ออกมาเป็นภาษาไทยอย่างถูกต้องครับ

[Jeng]

ขอบคุณมากๆเลยครับ คุณติงติง และคุณสวนเด่ะ

เดี๋ยวจะลองทำตามที่ คุณติงติง บอกไว้ครับ

[CK]

Font ที่ใช้ได้จะเป็นในตระกูล PSL, DS และ SV ครับ
พวก Unicode TrueType ที่มากับ Windows จะใช้ไม่ได้

[Jeng]

CK ติงติง

ตกลงพี่ใส่ Font ไทยได้เรียบร้อยแล้ว

ขอบคุณมากครับ

มีอีกเรื่องหนึ่งคือ

ต้องการใส่รูปเข้าไป แต่ไฟล์มันใหญ่ ประมาณ 140000 - 170000 bite

พี่ก็เลย ต้องการแบ่ง เป็น 4 ส่วน

พอแบ่งเสร็จแล้วนำไปต่อกัน

โดยใช้ microsoft frontpage

ปรากฏว่ารูปบนกับรูปล่าง มันห่างกัน ทำไงดี

[thanwa]

รูปคุณเจ๋ง กะ อาซ้อ... หล่อและสวยเชียว

[Jeng]

Thanwa ไม่เห็นชมเลยว่าฝีมือทำเว็บเป็นไงบ้าง นี่ก็ไม่ได้นอนมาหลายวันแล้วนะ เพราะเว็บนี้นี่แหละ

อิอิ

[Dr.T]

<p align="center"> <img border="0" src="slice1.jpg" width="418" height="334"> <img border="0" src="slice4.jpg" width="252" height="334"></p>

<p align="center"><img border="0" src="slice2.jpg" width="302" height="336"> <img border="0" src="slice3.jpg" width="368" height="336"> </p>

ผมแกะโค้ดดูมันเป็นยังงี้
ให้พี่เปลี่ยนมุมมองเป็น html view แล้วเอาไอ้พวก <p></p> ออกให้หมด

หรือไม่ก็ลองนี่
<table cellpadding=0 cellspacing=0>
<tr>
<td width="418" height="334"><img border="0" src="slice1.jpg" width="418" height="334"></td><td width="252" height=334> <img border="0" src="slice4.jpg" width="252" height="334"></td>
</tr>
<tr>
<td width="302" height="336"><img border="0" src="slice2.jpg" width="302" height="336"></td><td width="368" height="336"><img border="0" src="slice3.jpg" width="368" height="336"></td></tr></table>

น่าจะเวิร์กครับ

[thanwa]

คุณเจ๋ง ก็ดูสวยดีนะครับ หวานแหววด้วยสีชมพู มีการ์ตูนด้วย ลูกชอบครับ
comment ของผู้ชม (ผู้ใช้บริการ) ทางบ้านก็ดีนะครับ
เพิ่งทราบว่ากิจการรุ่งเรือง เตรียมขายไป office service ด้วยหรือเปล่าครับ
เห็นรูปนะครับ ถ้าใช่ PCS คงจะหนาวละคราวนี้

[Jeng]

Dr.T ครับ เริ่มใกล้เคียงแล้ว เพราะมันเริ่มติดกับรูปด้านบนแล้ว

แต่ทำไมมันแหว่งๆแบบนี้ก็ไม่รู้คับ

[Jeng]

thanwa ครับ

ผมละไม่อยากไปตั้งชื่อใกล้ๆ PCS เลย เดี๋ยวหาว่าเรียนแบบ

ของผมเป็น PCC ครับ

โค้ด: เลือกทั้งหมด

คุณเจ๋ง ก็ดูสวยดีนะครับ หวานแหววด้วยสีชมพู มีการ์ตูนด้วย ลูกชอบครับ 
comment ของผู้ชม (ผู้ใช้บริการ) ทางบ้านก็ดีนะครับ 
เพิ่งทราบว่ากิจการรุ่งเรือง เตรียมขายไป office service ด้วยหรือเปล่าครับ 
เห็นรูปนะครับ ถ้าใช่ PCS คงจะหนาวละคราวนี้

[Dr.T]

เอาใหม่ คราวนี้ชัวร์ครับ

<table width="670" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="slice1.jpg" width="418" height="334"></td>
<td><img src="slice4.jpg" width="252" height="334"></td>
</tr>
</table>
<table width="670" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="slice2.jpg" width="302" height="336"></td>
<td><img src="slice3.jpg" width="368" height="336"></td>
</tr>
</table>

[CK]

ผมแก้ให้ใน http://www.thaivalueinvestor.net/maebanthai/test.htm ครับ

ถ้าว่างจะมาคอมเม้นต์เรื่องเว็บดีไซน์ให้ครับ

[PAL]

Font ที่ใช้ได้จะเป็นในตระกูล PSL, DS และ SV ครับ
พวก Unicode TrueType ที่มากับ Windows จะใช้ไม่ได้

อีกหน่อยพี่เจ๋ง ต้องหา Font ตระกูล EGCOMP ด้วยนะครับ เพราะ ตระกูล PSL มีแล้ว อิอิ

[Jeng]

สำเร็จแล้วครับ ทำตาม ที่ท่าน Dr.T ว่าไว้ โอ แจ๋วมากเลย

เมื่อกี้มัวแต่ไปแบ่งใหม่ เป็น 9 รูป โอ มึนไปเลย

กลับมาทำอย่าง Dr.T ว่าไว้ดีกว่าครับ


อืม เดี๋ยวพรุ่งนี้จะลบเว็บที่ link ออกให้หมดนะครับ เพราะไม่ได้จ่ายค่าโฆษณา

อิอิ

ท่าน CK นี่เก่งจัง เดี๋ยวจะลองเข้าไป ก๊อปปี้ ดูว่า ท่าน CK เขียน html แบบไหน

อืม คุณ pal ครับ ผมยังมี egcomp อยู่เลยทำไงดี เริ่มกำไรเล็กน้อยแล้ว

[dingding]

พี่เจ๋งคะ
ติงๆเข้ามาเช้าไปหน่อย (จะเช้าแล้ว )

ภาษาไทยใช้ได้แล้วนะคะ
ส่วนรอยต่อของภาพ เห็นพี่ CK ช่วยแก้ไขให้แล้วที่ความเห็นข้างบน

แต่ถ้าหากพี่ไม่อยากตัดภาพเป็น ส่วนๆแบบนี้
พี่เจ๋งลองเปิดภาพใน　photoshop อีกที
แล้วเวลา save ไปที่ save for web แทน
มันจะขึ้นภาพมา ใต้ภาพจะบอกขนาดของภาพ ส่วนขวามือจะมีให้เลือกว่าต้องการเก็บเป็นนามสกุลอะไร ปกติเป็น jpeg

อันที่เราจะปรับได้คือตรงขวามือ ใต้คำว่า optimized จะมีที่เขียนว่า quality ซึ่งมีให้เลือกค่าตั้งแต่ 1-100 พี่สามารถควบคุมขนาดของไฟล์ได้ เช่น เลือกที่ 80 แล้วกด enter แล้วดูที่ใต้ภาพ ขนาดของไฟล์ภาพจะเปลี่ยนไป เลือกขนาดของไฟล์ภาพที่เราพอใจแล้วค่อยกด　save เก็บเป็นชื่อใหม่ ซึ่ง quality ที่ต่ำลงก็จะได้คุณภาพของภาพที่ลดลงมาหน่อย แต่ขนาดความกว้าง x ยาว ของภาพจะไม่เปลี่ยน

หลังจากได้แล้ว ถ้าหากพี่อยากจะเก็บต้นฉบับแบบเดิมไว้ไม่แก้ไข เวลากดปิดไฟล์ จะถามว่า save ไหมก็ตอบ no พี่ก็จะได้ไฟล์เดิม 1 และ ไฟล์ใหม่ 1 ค่ะ

มีอะรไร่อง photoshop อีก ถามได้เลยนะคะ ชอบค่ะ

[Jeng]

อิอิ ขอบคุณมากครับ ติงติง

พี่ว่า photo shop นี่หนุกดีนะครับ เหมือนนั่งวาดรุปอยู่ริมแม่น้ำ เลย

อืม พี่เพิ่มรู้ว่า ว่าเวลากดปิดให้ตอบ no จะได้ ไฟล์เดิม

คือ ตอบ yes ทุกครั้งเลย เพราะกลัวว่า ตอบ no แล้ว ไฟล์เราจะหายไป

ตอนนี้รู้แล้ว

ส่วนเรื่อง ต่อภาพ จริงๆแล้วต้องการตัดภาพ เผื่อทำ link ครับ

ตอนนี้ก็ได้ตามวัตถุประสงค์แล้วครับ

เพราะต้องการทำ link ไปอีก ซัก 6 หน้า แล้วแต่ละหน้า ให้เด้งกลับมาที่หน้า แรก

ก็เลยต้องตัดภาพเพื่อทำ link ครับ ติงติง


ขอบคุณมากครับ ที่ได้รับความช่วยเหลือ ไม่งั้น อ่านกี่รอบ ฟัง CD บรรยาย ไม่เห็นเจออย่างที่ ติงๆ Dr.T และ CK ว่าไว้เลย

อิอิ

[dingding]

photoshop เป็นโปรแกรมจัดการภาพที่ฉลาดที่สุดเท่าที่เคยใช้มาเลยค่ะ
ยิ่งทำยิ่งสนุกอย่างที่พี่ว่าค่ะ

การทำ link อีกวิธีคือจับเฉพาะ object บางส่วนที่ต้องการในภาพแล้วทำ link ก็ได้ค่ะ ไม่ต้องแบ่งภาพก็ได้
ใน1 ภาพ ทำกี่ object ก็ได้ค่ะ เคยเรียนทำเวบหลายปีมาแล้ว คืนคนสอนไปหมดแล้ว แต่ไม่ยักคืนตังเราแฮะ

ในหนังสือมักไม่บอก tips พวกนี้ค่ะ คนสอนจะบอกในห้อง หรืออาศัยทำทุกวันแล้วเจอวิธีของตัวเอง พวกเทคนิคเหล่านี้มันเยอะจนบอกไม่หมดค่ะ จะนึกได้เวลาจะใช้เท่านั้น

ว่าแต่ pcc เป็นคู่แข่ง pcs จริงๆด้วย อิอิ ที่ทำงานก็ใช้ pcs ประจำค่ะ

[PAL]

มีอยู่ ก็ถือต่อ จนกว่าพื้น กะ ฐาน มันเปลี่ยนสิครับ พี่เจ๋ง

ผมก็พอมีอยู่บ้างครับทั้ง PSL กับ EGCOMP ครับ

ก่อนน่านี้ก็ใจไม่ค่อยดีเหมือนกัน ลงเป็นซื้อสวนทุกที แต่ตังค์ไม่พอจะเป็นชาวสวนที่ดี เลย...

[PAL]

อิอิ ขอประทานโทษครับ กระทู้ photo shop กลายมาเป็น หุ้นได้ไง

[Jeng]

น่าสนใจมากครับ ติงติง

โค้ด: เลือกทั้งหมด

การทำ link อีกวิธีคือจับเฉพาะ object บางส่วนที่ต้องการในภาพแล้วทำ link ก็ได้ค่ะ ไม่ต้องแบ่งภาพก็ได้ 
ใน1 ภาพ ทำกี่ object ก็ได้ค่ะ เคยเรียนทำเวบหลายปีมาแล้ว คืนคนสอนไปหมดแล้ว แต่ไม่ยักคืนตังเราแฮะ  

ตรงนี้ทำไงครับ จะลองทำดูครับ

อิอิ ส่วน pcs นี่เขาน่าจะเป็นเจ้าใหญ่สุดนะครับ พี่คงไม่ไปแข่งกะเขาหรอก อิอิ

แต่เนื่องจากตลาดมันใหญ่มาก ในด้านการทำความสะอาด office มีตั้งแต่ตึกแถว ยัน การบินไทย

ผลคือ มีงานให้ทำเรื่อยๆครับ

[CK]

มาแปะมือเปลี่ยนเวรต่อจากน้องติงติงครับ

พี่ใช้ Image Ready ที่มาพร้อมกับ PhotoShop ไปเลยดีกว่า

มีตัดแบ่งภาพเป็นส่วนๆ ให้โดยอัตโนมัติ และสร้าง HTML ครอบ
ให้เสร็จสรรพ

ถ้าพี่ต้องการ Hover effect คือพอเลื่อน Mouse ไปที่ Testimonial
แล้ว ตัวการ์ตูนหันมายิ้มให้ (หรือเปลี่ยนสี) ก็สามารถทำได้ใน
Image Ready ครับ

[dingding]

อ่า..คือ พี่เจ๋งอ่ะ
ติงๆคืนคนสอนไปแล้ว แต่ว่ามีสมุดจดอยู่ ถ้าพี่เจ๋งไม่รีบ ขอเวลาไปค้นรังหนูของตัวเองก่อน แล้วจะมาบอกค่ะ

อ่านตอนแรกนึกว่าพี่เจ๋งบอกว่า จะลองเรียนแล้วคืนคนสอนดูมั่ง

ระหว่างนี้พี่เจ๋งลองวิธี ตามที่พี่ CK แนะนำไปก่อนนะคะ 8)

[Jeng]

CK ครับ ภาพหนึ่งภาพ ใน 1 หน้า ที่เราแต่งภาพไว้เรียบร้อยแล้ว

ถ้าคนเข้ามาในเว็บ แล้วไม่ทำให้เขารอนาน ควรมีขนาดไฟล์ ไม่เกินเท่าไร ที่ยังสามารถทำให้ภาพคมชัด

เช่น เซพไฟล์ ในรูป save for web เป็น jpeg ที่ขนาด xxx

สมมุติว่า 140,000 แบบนี้จะใหญ่ไปหรือไม่ครับ

และถ้าเราตัดภาพ ออกเป็น 9 ส่วน จะช่วยทำให้การโหลด เร็วขึ้น หรือว่า เท่าเดิมครับ

เจอเซียนแล้ว ก็ขอโอกาสถามซะเลย

[Jeng]

อ้อ อีกเรื่องหนึ่งครับ CK

image ready นี่อยู่ในเวอร์ชั่น 7.01 หรือเป่า หรือต้องเป็น 8.00

เพราะพี่ใช้ 7.01 มี image แต่ไม่เห็นมี ready เลย

พี่เข้าไปที่ image จะเจอ duplicate , image size , canvas size , rotate canvas , Trim , Reveal all , Histogram เป็นต้น

ไม่รู้ว่า image ready มันอยู่ตรงไหนคับ

[CK]

แฮ่ ยังไม่เซียนครับพี่เจ๋ง ระดับอนุบาลสามกำลังพยายามเข้าป.เตรียม

ปกติแล้ว ความสนใจครั้งแรกของคนเราจะไม่เกิน 6 - 9 วินาทีครับ
บทเรียนแรกของการทำเว็บเลยคือ ต้องสร้างความประทับใจแรกพบ
ให้ได้ภายในไม่เกิน 9 วินาที

ถ้ากลุ่มลูกค้าส่วนใหญ่ของเราใช้ Modem dial-up ก็แสดงว่าควร
จะให้หน้าแรกไม่เกิน 50KB ครับ รวมทุกภาพและ HTML

ของพี่ประมาณ 200 K สำหรับ dial-up ออกจะช้าไปนิด แต่ถ้าเป็น
ADSL ก็ไม่มีปัญหา (ขึ้นกับลูกค้าส่วนใหญ่) และเนื่องจากพี่ไม่ได้
ทำการค้าบนเว็บกับคนหมู่มาก (เป็นแสนๆ คน) เรื่องนี้ยังไม่เป็น
ปัญหาเท่าไหร่

ที่ผมคิดว่าพี่ควรจะให้ความสำคัญคือ พวก text ต่างๆ ควรจะเป็น
HTML มากขึ้น เพื่อให้ search engine มองเห็นครับ แต่เช่นกัน พี่
อาจจะไปเน้น offline marketing มากกว่า คือใช้สื่อปกติเช่นใบปลิว
โฆษณาตามออฟฟิศ ฯลฯ

ควรจะเพิ่มหน้า "ติดต่อเรา" ให้ email และเบอร์โทรไว้

และอีกหน้าที่สำคัญ อาจจะเป็นรายละเอียดเกี่ยวกับบริการ เช่น
ลูกค้าจะได้อะไรบ้างที่ดีกว่าการจ้างคนต่างด้าวเข้ามาทำงานบ้าน
ในราคาที่ถูกกว่า เป็นต้น

[วันพีส]

Image Ready ที่พี่ CK พูดถึง สำหรับ PhotoShop 7.01 เข้าได้ที่

File >> Jump to >> Image Ready

ครับ มันเป็นโปรแกรมต่างหาก อีกตัวที่รวมอยู่ใน Shop 7.01

การทำเวปให้ง่าย แนะนำให้ใช้ ดรีมวีฟเวอร์ (ขอโทษครับภาษาอังกฤษไม่แข็งแรง) ครับ

สามารถเอา ภาพต่างๆ และ ลิงค์ต่างๆ มาแก้ไขได้ง่าย รวมถึง Suorce ต่างๆ มาแก้ไขได้ง่าย

แต่หากต้องการแก้ไข ธรรมดาทั่วไป คือเพิ่มเติมจาก รายละเอียดที่ ดรีมวีฟเวอร์ ทำไม่ได้ แนะนำให้มีโปรแกรม EditPlus เอาไว้ช่วยด้วยครับ


ส่วนเรื่องภาพ

ภาพควร Save เป็น ไฟล์.Gif ครับ เพื่อให้ขนาดของรูปเล็กลง ทำให้ง่ายต่อการโหลดเรียกมากขึ้น

Save ธรรมดาเนี่ยครับ แล้วค่อยนำไปรวมกันเมื่อเวลาทำเวป

[Jeng]

ขอบคุณมากครับ คุณวันพีสเดี๋ยวจะลองทำดูครับ

ตั้งแต่เรื่อง DREAMWEAVER MX ซื้อมาแล้วแต่ install ไม่เข้า เดี๋ยวว่าจะไปเปลี่ยนแผ่น

เรื่อง image ready เดี๋ยวจะลองทำดูครับ

เรื่อง ไฟล์ว่าควรเป็น gif เดี๋ยวจะใช้ photo shop แก้ jpeg ให้เป็น gif ครับ

[วันพีส]

เรียก วันพีส เฉยๆ ก็ได้ครับ อายจัง ไม่ต้องมีคุณหรอกครับ

แนะนำเพิ่มเติมอีกครับ

แรกเริ่มการสร้างรูปภาพด้วย PhotoShop ควรสร้างแล้ว save เป็น .PSD ของPhotoshop เอง หลังจากนั้น เมื่อต้องการ เปลี่ยนไฟล์ save เป็น อะไร ให้เปิด .PSD ขึ้นมาแล้วค่อยทำการ save จะทำให้รายละเอียดภาพ คงเดิมมากที่สุด แต่หากดูแล้วว่ามีไฟล์ขนาดใหญ่เกินไป จึงค่อยใช้ ไฟล์นามสกุลอื่นๆ เป็นตัวตั้งต้นในการเปิด และ เซฟ ไฟล์

เนื่องจากโดยปกติแล้ว Gif ไฟล์ มีขนาดรายละเอียดแย่ หากไม่มีต้นแบบที่ดีอาจทำให้ภาพใหญ่ๆ ที่ไม่สวยได้ครับ

และโปรแกรม EditPlus เนี่ยช่วยในการสร้างเวป ในส่วนของรายละเอียดได้ดีจริงๆ นะครับ พี่ลองไปหามาใช้

เช่น ช่วยในการปรับรูปภาพ เล็กๆ แต่ละส่วนที่พี่ต้องการก็ช่วยได้ดี

เพราะตัวโปรแกรม EditPlus สนับสนุน การเขียน Html ทำให้มีรายละเอียดแยกแยะคำสั่งสีนึง text ที่เราต้องการอีกสีนึงได้