หน้า 2 จากทั้งหมด 2

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

โพสต์แล้ว: พุธ เม.ย. 07, 2004 2:35 pm
โดย Dr.T

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

การทำ link อีกวิธีคือจับเฉพาะ object บางส่วนที่ต้องการในภาพแล้วทำ link ก็ได้ค่ะ ไม่ต้องแบ่งภาพก็ได้ 
ใช้ tag <area>กับ <map> ครับ
พี่ดูเว็บผมก็ได้ หน้า map คลิกขวา เลือก view source ลากลงมาล่าง ๆ จะเห็น
<map name="Map">
...
<area shape="rect" coords="303,389,379,402" alt="... ">
...
</map>
สามารถเปลี่ยนคำสั่ง alt ที่ใช้แสดงคำบรรยาย เป็นลิงค์ได้

<area shape="rect" coords="303,389,379,402" href = "url">

แบบนี้น่ะครับ อีกตัวอย่างชัด ๆ ที่ผมทำเองก็ http://www.mdcu48.com ดูส่วนเมนูด้านบนที่เขียนว่า home yellowpages webboard ... นั่นผมก็ไม่ได้แบ่งรูปเหมือนกัน ใช้รูปเดียวและคำสั่ง <map> กับ <area> ครับ

หุหุ เรื่องทำเว็บ ผมกล้าคุยว่าผมมีความรู้พอสมควร 8) ทำมาห้าปีแล้ว

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

โพสต์แล้ว: พุธ เม.ย. 07, 2004 2:57 pm
โดย Dr.T
ถ้าทำรูปใน photoshop ให้เซฟครั้งแรกเป็นนามสกุล .psd เสมอครับ เพราะไฟล์นามสกุลนี้สนับสนุนรูปแบบ layer พี่สามารถมาเปลี่ยนรายละเอียดเล็กน้อยเอาทีหลังได้ แล้วค่อย save as เป็น jpg หรือ gif ก็ว่าไปอีกที

อย่างเช่น รูปมีสองส่วน เป็นรูปพี่(สมมุติ) และข้อความอีกอันหนึ่ง
ถ้าพี่บันทึกในชนิดที่ไม่ใช่ psd ถ้าพี่เกิดอยากจะเปลี่ยนตำแหน่งข้อความ หรือตัวข้อความ พี่จะต้องทำไฟล์ใหม่หมดเลย
ในขณะที่ถ้าพี่บันทึกเป็น psd พี่มาแก้ไขเฉพาะ layer text ได้ จะเคลื่อนย้าย เปลี่ยนข้อความได้หมด ไม่เสียเวลา

การเลือกว่าจะใช้ไฟล์ชนิดไหนระหว่าง jpg กับ gif มีหลักบางข้อ
ข้อแรก รูปที่เป็นสีพื้น ให้ใช้ gifเสมอ เพราะถ้าบันทึกในรูป jpg จะมีการเพี้ยนของสีพื้น ไม่สวย ถ้าจะบันทึกไม่ให้เพี้ยนต้องใช้คุณภาพไฟล์ขนาดสูงมาก หนักหน้าแรก โหลดช้าเปล่า ๆ

ข้อสอง รูปที่เป็นแบบรูปถ่ายธรมดา สีละเอียดมาก ๆ ควรใช้ jpg ถ้าใช้ gif มันจะเหมือนรูประบายสี สีจะไม่ต่อเนื่องเห็นเป็นแถบๆ
ตัวอย่างรูปภาพ
พี่ดูที่หน้าก็จะเห็นว่าสีมันดูเป็นแถบ ๆ เหมือนระบายไว้ นี่คือข้อเสียของ gif file ในการบันทึกรูปที่มีสีละเอียดๆ
คุณภาพไฟล์ jpg นั้นถ้าเราใช้ photoshop เราเลือกได้ครับ ปกติผมก็ใช้ประมาณ 7-8 (medium to high) คือดูแล้วไม่รู้สึกว่าสีเพี้ยนเป็นใช้ได้

ขนาดของหน้าแรกก็อย่างที่พี่ ck ว่านั่นแหละครับ
ส่วนการแบ่งรูปเป็นหลายรูปไม่ช่วยทำให้โหลดเร็วขึ้น แต่จะทำให้ผู้ดูไม่รู้สึกว่ารอนานเกินไปเพราะมันเห็นว่า เออ มีบางส่วนโหลดมาแล้วนะ
ความเร็วของการโหลดหน้าเท่ากับจำนวนไบต์รวมของหน้า(รวมขนาดรูปทั้งหมด)หารด้วยความเร็วโมเด็มครับ ถ้าขนาดรูปทั้งหมดเท่าเดิมมันก็ไม่เร็วขึ้นครับ

image ready เป็นโปรแกรมที่แยกต่างหากจาก photoshop ครับ
ผมเองไม่เคยใช้เลย

พูดถึง hover effect คือเวลาเอาเมาส์ไปวางข้างบนรูปแล้วรูปเปลี่ยนนั้นทำได้ในโปรแกรม dreamweaver ครับ

เดี๋ยวผม explore web พี่หมดแล้วผมจะมาเขียนเพิ่ม 8)

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

โพสต์แล้ว: พุธ เม.ย. 07, 2004 3:39 pm
โดย dingding
ตามความเห็นคุณ Dr.T ค่ะ

การใช้สกุล Gif นั้น ควรจะใช้เฉพาะกับพวก โลโก หรือ ปุ่ม ต่างๆที่มีสีไม่มาก เวลาเซฟแล้วสามารถกำหนดเฉดสีได้ตั้งแต่ 1-256 สี โดยปกติ พวก โลโก ใช้แค่ 8-16 สี ทำให้ไฟล์เล็กมากเช่น 1 kb เท่านั้น

ส่วนภาพถ่ายต่างๆ หรืองานละเอียดปานกลาง แนะนำให้ใช้เป็นสกุล jpeg หรือสกุล png จะได้ไฟล์ขนาดเล็กที่สุดที่ยังคงความถูกต้องของสีเอาไว้ในระดับที่ยอมรับได้

เพราะ jpeg มักจะเป็นสกุลที่แปลงจากต้นแบบของไฟล์ tiff หรือ bmp ซึ่งเป็นสกุลที่ให้ค่าความถูกต้องของภาพมากที่สุด แต่ขนาดภาพจะใหญ่มากๆ

เมื่อทำงานภายใต้นามสกุล .pdf เสร็จแล้ว จะนำไปใช้งาน ค่อยสั่ง save as แล้วเปลี่ยนนามสกุลเป็น jpg ก็จะได้ภาพที่มีเลเยอร์เดียว และขนาดเล็กลง ส่วนภาพต้นแบบก็สามารถเก็บไว้แก้ไขภายหลังได้

ไม่แนะนำให้พี่เจ๋งเปลี่ยนนามสกุลของภาพถ่ายในเวบพี่เป็น gif ค่ะ เพราะไม่มีใครทำกันค่ะ แต่ถ้าเปลี่ยนสีพื้นๆเป็น gif ได้ค่ะ