Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,038

HOME > Graphic for Web > มาใช้ Photoshop ในการ Slices แบ่งรูปภาพกันดีกว่าครับ

มาใช้ Photoshop ในการ Slices แบ่งรูปภาพกันดีกว่าครับ

เป็นการใช้ Photoshop ตัดรูปภาพให้เป็นชิ้นเล็ก ๆ นำไปใช้บนเว็บไซต์ วิธีนี้ได้รับการยอมรับว่าการแบ่งไฟล์ให้เป็นชิ้นเล็ก ๆ จะสามารถทำให้รูปภาพสามารถโหลดได้อย่างรวมดเร็วกว่าปกติ

เริ่มกันเลยน่ะครับ

Slices Images

เปิดรูปภาพต้นฉบับขึ้นมาเลยครับ

Slices Images

ทำการเลือกเมนู View -> New Guide โดยเสามารถตัดแบ่งได้ทั้งแนวตั้งและแนวนอน

Slices Images

ตัวอย่างที่ผมได้แบ่งขึ้นมา

Slices Images

เลือก Slice Tools (K) ดังรูป

Slices Images

เลือก Slices From Guides

Slices Images

รูปพร้อมที่จะแบ่งแล้ว

Slices Images

เลือก Save โดยไปที่เมนู File -> Save for Web (Alt+Ctrl+Shift+S)

Slices Images

เลือกเป็น HTML and Images (*.html)

หลังจาก Save แล้วจะได้ทั้งไฟล์ที่เป็นรูปภาพ และ HTML


	By :	TC Admin
	Score Rating :
	Create Date :	2008-12-28 14:31:38
	View :	144,918
	Download :	No files

โปรแกรมอ่านไฟล์ pdf แบบไวสุดๆๆ
Foxitreader โปรแกรมตัวนี้ใช้อ่านไฟล์เอกสาร PDF แบบไวสุด ๆ ใช้งานง่ายและสะดวกมาก ๆ ครับ
Rating :

Update : 2009-01-11 08:18:31 View : 143,374

เชิญชวนกันเขียนบทความเกี่ยวกับ การออกแบบกราฟฟิค (Graphic) บนเว็บไซต์
ThaiCreate.Com เปิดช่องทางให้สมาชิกสามารถเขียนบทความเกี่ยวกับการออกแบบกราฟฟิค เช่น Flash,Photoshop หรือโปรแกรมอื่น ๆ
Rating :

Update : 2008-12-28 16:38:19 View : 6,980

ปริ้นสกรีนหน้าจอทั้งสกรีนแบบง่าย ๆ ด้วย HyperSnap
โปรแกรมตัวนี้ผมยอมรับว่าใช้งานได้ดีมาก ๆ ครับ สะดวกและใช้งานง่ายทุกตัวที่ผมเคยใช้มาจริง ๆ ครับ
Rating :

Update : 2009-01-11 07:32:17 View : 18,871

เทคนิค PHOTOSHOP
เทคนิค PHOTOSHOP กรอบภาพด้วย Filter
Rating :

Update : 2009-05-14 10:57:14 View : 9,357

FastStone Photo Resizer ใช้ในการ Resize รูปในปริมาณมาก ๆ
FastStone Photo Resizer โปรแกรมตัวนี้ผมอยากแนะนำมาก ๆ ครับ เพราะมันสามารถทำการ Resize รูปภาพได้ในปริมาณมาก ๆ
Rating :

Update : 2008-12-28 16:05:12 View : 25,743

โปรแกรมแต่งภาพคุณภาพใกล้เคียงโฟโตช็อป
สัดยอดอีกแล้วครับ GetPaint สุดยอดโปรแกรมแต่งภาพคุณภาพใกล้เคียงโฟโตช็อปใช้งานง่าย กระทัดรัด น่าใจจริง ๆ
Rating :

Update : 2009-01-11 08:20:11 View : 17,502

สอน Windows Phone การเขียนโปรแกรม Windows Phone 7 และ 8

สอน Java GUI การเขียนโปรแกรม ภาษา Java GUI

Free Tutorial

	สอน Google Maps Api
	สอน Windows Service
	สอน Entity Framework
	สอน Android
	สอน Java เขียน Java
	Java GUI Swing
	สอน JSP (Web App)
	iOS (iPhone,iPad)
	Windows Phone
	Windows Azure
	Windows Store
	Laravel Framework
	Yii PHP Framework
	สอน jQuery
	สอน jQuery กับ Ajax
	สอน PHP OOP (Vdo)
	Ajax Tutorials
	SQL Tutorials
	สอน SQL (Part 2)
	JavaScript Tutorial
	Javascript Tips
	VBScript Tutorial
	VBScript Validation
	Microsoft Access
	MySQL Tutorials
	-- Stored Procedure
	MariaDB Database
	SQL Server Tutorial
	SQL Server 2005
	SQL Server 2008
	SQL Server 2012
	-- Stored Procedure
	Oracle Database
	-- Stored Procedure
	SVN (Subversion)
	แนวทางการทำ SEO
	ปรับแต่งเว็บให้โหลดเร็ว

Hit Link

ShotDev

แลกเปลี่ยน Exchange Link

Registered : 109,038

มาใช้ Photoshop ในการ Slices แบ่งรูปภาพกันดีกว่าครับ