Tutorials โดย
acaz อนุมัติบทความเมื่อ : วันที่ 17 เดือน
กรกฎาคม ค.ศ. 2006
ปริ๊น อีเมลล์
ในนี้จะมีไฟลล์ PSD อ่ะนะครับ
มี.....
lauout.psd --
ไฟลล์นี้จะเป็นธีมทั้งตัวเลยครับยังไม่ได้ทำการใดๆทั้งสิ้นแต่มี
เส้น Guides และ Slices พร้อมทำการ Save for
web ได้ทันที header.psd --
เมื่อตัดมาแล้วจะมาทำ header,html footer.psd
-- เมื่อตัดมาแล้วจะมาทำ footer.html
blocks.psd -- เมื่อตัดมาแล้วจะมาทำ
blocks.html story.psd -- เมื่อตัดมาแล้วจะมาทำ
story_home.html และ story_page.html
**ไฟลล์ทั้ง 4 ส่วนตัดมาจาก
layout.psd ทั้งหมด
แต่ผมตัดออกมาให้เรียบร้อยแล้ว เพื่อลดส่วนของการอธิบายของ
photoshop
ลงไปเพื่อลดปัญหาการสับสัน(ของผมเอง) **ฉะนั้นติวเตอร์ครั้งนี้จะเน้นในส่วนของ
โค็ด เท่านั้น (ผม) จะได้ไม่สับสน
ผมเข้าใจว่าการเริ่มต้นด้วยวิธีนี้จะเข้าใจง่ายที่สุดสำหรับผู้เริ่มต้น
(เมื่อคุณมีความชำนาญวิธีนี้จะดูยุ่งยากสำหรับที่ทำธีมบ่อยๆ)
เอาล่ะครับเมื่อดาวน์โหลดไฟลล์เรียบร้อยแล้วเปิดด้วยโปรแกรม
photoshop
จะเห็นตามรูปครับ

ใช้คำสั่ง crop หรือกด
C
แล้วตัดออกเป็นส่วนต่างๆตามที่ท่านเห็นตามไฟลล์ตัวอย่างที่ผมได้ตัดให้ไปดูเรียบร้อย เปิดไฟลล์
header.psd, footer.psd, blocks.psd, story.psd
ด้วยโปรแกรม photoshop
ท่านจะพบรายละเอียดต่างๆ ที่สร้างเส้น Guides
และ Slices พร้อมทำการ Save for web (
Ctrl+Shift+Alt+S )
ลองศึกษารายละเอียดต่างๆได้เลยครับ เมื่อ Save
for web ( Ctrl+Shift+Alt+S )
มาเรียบร้อยแล้วก็มาเริ่มกันเลย เปิด Dreamwever
ขึ้นมาเลยครับ
เอาละครับเริ่มเข้าสู่บทเรียน
สำหรับ PHP-Theme Workshop
นี้
ถ้าสามาขิกท่านให้เห็นว่ามีประโยชน์อยากทำไปเผยแพร่
ไม่หวงนะครับเชิญเอาไปตามสะดวกครับแล้วจะปรับปรุงขึ้นไปเรื่อยๆครับ
ช่วยๆกัน ^ ^
«
ย้อนกลับ | หน้า 2 จาก 10 | หน้าต่อไป
»
ส่งบทความ
- ดูข้อความทั้งหมด
(0)
|