สวัสดีครับ วันนี้ไปเจอ Tutorial (บทความสอน) ทำ Effect ตัวหนังสือ ใน Photoshop เจ๋ง ๆ เลยเอามาแบ่งปันกัน ปกติก็เจอใน Feed เป็นธรรมดาอยู่แล้ว แต่ส่วนใหญ่คุณภาพไม่ค่อยเวิร์กแบบสุด ๆ ครับ เลยจะโพสใน @designil บน Twitter ซะมากกว่า วันนี้เจออันที่คิดว่าเด็ดจริง ๆ เลยเอามาแบ่งปันกันครับ

บทความสอนมีอยู่ 10 บทความครับ ซึ่งก็จะมีดีไซน์หลายแนว ทั้งแบบ น่ารัก สดใส ไปจนถึงแนวหรู ๆ ตัวหนังสือ 3D หรือตัวหนังสือแนวโลกอนาคต (Futuristic) เทคนิคในการตกแต่งตัวอักษรพวกนี้ ยังเอาไปใช้กับงานประเภทกราฟฟิกดีไซน์ (Graphic Design) ได้ด้วย เรียกได้ว่าอ่านทีเดียวได้ประโยชน์สองต่อเลย (แถมงานใน Tutorial นี้ก็สวยพอที่จะเอาไปใช้กับงานจริงได้สบายเลยครับ)

ไปดูกันเลยครับว่ามี Tutorial อะไรกันบ้าง:

รวม 10 บทความสอนแต่งตัวอักษรใน Photoshop

วันนี้ไปเจอของดีเลยเอามาแจกฟรี ๆ กันครับ เป็นไฟล์ PSD (สำหรับใช้ในโปรแกรมโฟโต้ช็อปนั่นเอง – อ่านบทความเกี่ยวกับการดีไซน์เว็บไซต์บนโฟโต้ช็อปที่ Photoshop) สำหรับเว็บดีไซเนอร์อย่างเรา ๆ ก็คงใช้ชีวิตอยู่กับ Adobe Photoshop / Illustrator วันละหลายชั่วโมงกันอยู่แล้ว ซึ่งบางครั้งเวลาเราอยากได้ส่วนแปลก ๆ ก็ต้องนั่งดีไซน์กันเอง หาบรัชหรือ Shape สำเร็จรูปมาใช้ไม่ได้

ลิสต์เว็บไซต์ที่ผมจะแจก เป็นเว็บไซต์ที่แจกไฟล์ PSD ให้โหลดกันไปใช้ดีไซน์หน้าเว็บไซต์ฟรี ๆ ครับ โดยมีทั้งหน้าเทมเพลตเว็บไซต์สวย ๆ (โดยบางอันเป็นเทมเพลตที่มีการทำเป็น Theme WordPress ของจริงมาแล้ว) และส่วนประกอบเว็บไซต์เล็ก ๆ เช่น ปุ่ม พื้นหลัง กล่องใส่ข้อมูล และอื่น ๆ อีกมากมาย อันนี้ต้องไปลองค้น ๆ ก้นดูครับ

โดยครั้งนี้แจกกันกว่า 30 เว็บไซต์ ให้ไปนั่งดาวน์โหลดกันจนปวดมือเลยทีเดียวครับ รีบคลิกลิงค์ด้านล่างกันได้เลย!

30+ เว็บไซต์สำหรับดาวน์โหลดไฟล์ Photoshop

หลายคนอาจสงสัยว่า กราฟฟิกเวกเตอร์ มันต่างกับกราฟฟิกธรรมดา (กราฟฟิกแบบ Raster) ยังไง กราฟฟิกแบบ Vector เวลาเราย่อ-ขยายรูปภาพ จะไม่ทำให้ความละเอียดลดลง จึงเหมาะกับรูปที่จำเป็นต้องใช้ในสิ่งพิมพ์หลายขนาด เช่น โลโก้เว็บไซต์ คลิปอาร์ต ไอคอน โดยสิ่งพิมพ์ที่นิยมเอากราฟฟิกเวกเตอร์มาใช้ ก็เช่น งานโฆษณา โปสเตอร์ แบนเนอร์ แฟลชอนิเมชั่น เป็นต้นครับ

ส่วนกราฟฟิกแบบ Raster เรา ๆ ที่ทำเว็บดีไซน์น่าจะคุ้นเคยกันอยู่แล้ว พวกนามสกุล .jpg, .gif, .png, .bmp นี่เอง ซึ่งพวกนี้เป็นกราฟฟิกที่เกิดจากเอาจุดสีมาวางติด ๆ กันทีละ 1 pixel ดังนั้นเวลาย่อ-ขยายรูปภาพจะทำให้เสียรายละเอียดไป (ถ้าย่อ-ขยายใน Photoshop จะเห็นว่ามีการทำให้ภาพเบลอนิดหน่อย ช่วยให้มุมที่ถูกยืดไม่ดูเป็นเหลี่ยมมากนัก)

กราฟฟิกเวกเตอร์ที่แจกในวันนี้มีหลายรูปแบบครับ ทั้ง Background ลาย vintage สวย ๆ, โลโก้แบรนด์ดังเท่ ๆ, ไอคอน Social Networks ความละเอียดสูง, และรูปเงาคนหลากหลายท่า ลองเข้าไปดูกันเลยครับ รับรองว่าดาวน์โหลดกันไม่หวาดไม่ไหวแน่!

>> รวมแหล่งดาวน์โหลด Vector ฟรี !! <<

สวัสดีครับ วันนี้มีของน่าสนใจเอามาแจกกันครับ โดยมันมีชื่อเรียกว่า Facebook GUI PSD Kit ครับ เป็นไฟล์ Photoshop (.psd) อินเตอร์เฟซ (GUI – Graphic User Interface) ของเว็บไซต์ Facebook.com นั่นเอง โดยมีทั้งอินเตอร์เฟซหน้าแรก หน้าเลือกเพื่อน รวมไปถึงกล่องเตือนต่าง ๆ ในเว็บไซต์ Facebook เลยครับ

ลองดูจากรูปด้านล่างได้เลยครับว่าในแพ็กนี้เค้าแจกอะไรบ้าง:

จะเห็นว่ามีให้ทุกอย่างขนาดที่จะสร้างเว็บ Facebook ของตัวเองได้เลยครับ ซึ่งเหมาะมากกับเว็บดีไซเนอร์ที่ชอบออกแบบเว็บไซต์ใน Photoshop ก่อนมาเขียน HTML/CSS จริง เพราะสามารถก็อปแปะส่วนที่ต้องการจากไฟล์โฟโต้ช็อปนี้ได้เลย

ข้อดีอีกอย่างที่ทำให้ไฟล์นี้น่าดาวน์โหลดมาก ๆ คือ UI (User Interface) ของเว็บ Facebook.com เป็นอินเตอร์เฟซที่ถูกใช้โดยคนทั่วทั้งโลกกว่า 500 ล้านคนครับ ทำให้มั่นใจได้ว่าถ้าเราเลียนแบบบางส่วนเอาไปทำคล้าย ๆ กันในเว็บเรา คนที่เข้าเว็บไซต์ของคุณจะไม่งงกับหน้าตาระบบแบบนี้แน่นอน!

ใครเอาไปใช้แล้วเป็นยังไงบ้างเอามาแชร์กันได้นะครับ ^^

>> Download Facebook GUI Kit <<

สวัสดีครับ วันนี้มาแนะนำแหล่งโหลด Stock Photo ฟรี ๆ กันครับ เพราะผมเชื่อว่าเว็บดีไซเนอร์หลาย ๆ คนคงเคยเจอปัญหาขาดภาพประกอบเว็บไซต์ตอนดีไซน์ครับ ไม่ว่าจะเอามาใช้เป็นรูปตัวอย่าง หรือรูปแบนเนอร์ไว้ดึงดูดความสนใจของคนเข้าก็ตาม

สิ่งสำคัญในการหารูปประกอบมาใส่เว็บที่เหมาะ ๆ คือ สวย และ ฟรี ครับ ซึ่งส่วนใหญ่รูปที่เราเจอมันจะมีแค่อย่างใดอย่างหนึ่งครับ สวยแต่ไม่ฟรี หรือไม่ก็ฟรีแต่ไม่ค่อยสวย อย่างผมก็ชอบเข้าเว็บไซต์ DeviantArt ไปดูรูปสวย ๆ ครับ โดยส่วนใหญ่มันจะติดลิขสิทธิ์ Creative Commons ให้เอามาเผยแพร่โดยให้เครดิตได้ แต่เอาไปใช้ในงานค้าขาย (Commercial Works) ไม่ได้ครับ

เว็บไซต์ต่าง ๆ ที่แนะนำในบทความนี้ จะแจกไฟล์ภาพให้ใช้กันฟรี ๆ ทั้งในงานส่วนตัว (Personal Works) และงานค้าขาย (Commercial Works) ครับ อย่างไรก็ตาม เพื่อความปลอดภัย แนะนำให้อ่านรายละเอียดให้เรียบร้อยก่อนนำไปใช้ในงานครับ เพราะบางเว็บไซต์อาจมีรูปที่มีลิขสิทธิ์หลายแบบครับ

>> 12 แหล่งดาวน์โหลดฟรี Stock Photo ฟรี ๆ คุณภาพสูง <<

สวัสดีครับ บทความสอนดีไซน์เว็บไซต์เป็นภาษาไทยนั้นต้องยอมรับว่าหายากมาก ถึงแม้พวกบทความ Tutorial ภาษาอังกฤษจะอ่านไม่ยากนัก แต่บางครั้งก็มีการใช้ศัพท์เทคนิคซึ่งอาจทำให้คนที่ไม่รู้งงได้ครับ

วันนี้ผมไปเจอบทความสอนดีไซน์เว็บไซต์ด้วย Photoshop ในบลอคของเพื่อน Kotzhul ครับ ซึ่งเขียนเป็นภาษาไทยล้วน ๆ ผมเลยไม่รอช้าที่จะเอามาแบ่งปันกันครับ บทความนี้จะสอนดีไซน์เว็บไซต์สำหรับขายโฮสติ้งหน้าตา Modern แต่ก็สามารถนำไปเปลี่ยนเป็นเว็บไซต์อย่างอื่นได้ครับ เช่น ขายบริการบนอินเตอร์เน็ตต่าง ๆ ที่มีแบ่งเป็นแพ็กเกจ

ไม่ต้องกลัวว่าใช้ Photoshop ไม่ค่อยเป็นแล้วจะงงกันนะครับ เค้าสอนแบบละเอียดมาก ๆ ครับ

สำหรับงานดีไซน์ตอนเสร็จแล้วจะเป็นแบบนี้ครับ:

>> อ่านบทความสอนเว็บดีไซน์ใน Photoshop โดย Kotzhul ได้ที่นี่ครับ <<

ด้วยความชอบส่วนตัว ก็เลยไปหา Tutorial สอนดีไซน์เว็บไซต์ใน​ Photoshop มาให้อ่านกันอีกครับ ซึ่งก่อนหน้านี้เคยปล่อยไปแล้ว 2 บทความ คือ 60 บทความสอนเว็บดีไซน์ และ 70 บทความสอนเว็บดีไซน์ ครับผม

ก่อนอื่นเลยขอประชาสัมพันธ์ เว็บบอร์ดเว็บดีไซน์ XHTML CSS WordPress ของเราที่เพิ่งเปิดใหม่ก่อนครับ มีทั้งหมวดให้ถาม-ตอบปัญหาเว็บดีไซน์ และแจกของฟรีเว็บดีไซน์ กราฟฟิกดีไซน์ ด้วยครับ ของบางอย่างที่ผมไม่อยากอัพขึ้นหน้าเว็บก็จะเอาไปใส่ไว้ในเว็บบอร์ดครับ ลองแวะไปเยี่ยมกันนะ !!

เหตุผลที่เอาบทความนี้มาลง เพราะเห็นว่าบทความเก่า ๆ ก่อนหน้านี้การวาง Layout เว็บไซต์ เทคนิคในการตกแต่งต่าง ๆ ยังไม่ค่อยเร้าใจครับ แต่ในบทความนี้หน้าตาเลย์เอาท์เว็บไซต์มันแปลก ๆ ดี ดูแล้วสะดุดตา ไม่เป็นกล่อง ๆ ครับผม

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

คลิกเข้าไปอ่านบทความได้ที่ลิงค์ด้านล่างเลยครับ:

>> 44 บทความสอนดีไซน์เว็บไซต์ใน Photoshop <<

สำหรับคนที่สนใจเกี่ยวกับเขียนโค้ดมากกว่า สามารถแวะไปที่บทความสอน HTML5 และบทความสอน CSS3 ของเราได้ครับ !!

สวัสดีครับ หลายคนอาจยังไม่รู้ว่าโปรแกรมแบบที่เค้าเรียกว่า Portable Software มันคืออะไร ก็ขออธิบายแบบย่อ ๆ ว่า โปรแกรม Portable คือ โปรแกรมที่ไม่จำเป็นต้องติดตั้งลงในเครื่อง เราสามารถเอาโปรแกรมที่เป็น Portable ไปใส่ในแฟลชไดรฟ์ และเอาไปเสียบรันในเครื่องอื่นผ่าน แฟลชไดรฟ์ได้โดยไม่ต้องติดตั้งเลยครับ

ข้อดีของโปรแกรม Portable คือ สะดวกกว่าโปรแกรมทั่วไป เพราะประหยัดเวลาที่ใช้ในการติดตั้งโปรแกรม โดยเฉพาะกับบางโปรแกรมที่ใหญ่ ๆ ซึ่งต้องใช้เวลา Install นาน (เช่น Photoshop — แต่โปรแกรมขายแบบนี้ถ้าเราเอามาเนียนทำ Portable นี่ผิดกฎหมายนะครับ แหะๆ)

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

วันนี้ผมมีโปรแกรม Portable สำหรับดีไซน์เว็บไซด์มาแนะนำกันครับ เหมาะกับ Web Designer ทั่ว ๆ ไป รวมถึง Graphic Designer และคนทำเว็บที่หาโปรแกรมแก้โค้ดแบบ Portable อีกด้วยครับ! บทความนี้เรียบเรียงมาจาก บทความนี้ของ DesignReviver ครับผม

มาดูกันเลยว่ามีโปรแกรมอะไรกันบ้าง! (ผมนำมาไม่ครบ 20 โปรแกรมจากในบทความครับ คัดมาเฉพาะอันที่น่าสนใจ)

–โปรแกรมสำหรับทำกราฟฟิก 2D/3D –

Inkscape

โปรแกรม Inkscape เป็นโปรแกรม Open-Source สำหรับทำกราฟฟิกแนวเวกเตอร์ครับ เหมือนกับโปรแกรมอย่าง Illustrator, Corel Draw, Xara X ซึ่งใช้ไฟล์ประเภท SVG (Scalable Vector Graphics) ครับผม มาพร้อมความสามารถมากมาย ถ้าใครใช้ ระบบกริด 960.gs ออกแบบเว็บไซด์ด้วยโปรแกรมนี้ ก็มีเทมเพลตให้ดาวน์โหลดในเว็บไซต์ 960.gs ด้วยครับ!

GIMP Portable

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

PhotoFiltre

โปรแกรม PhotoFiltre เป็นโปรแกรมเอาไว้แต่งภาพอีกหนึ่งโปรแกรมครับ ข้อเสียคือไม่เหมาะกับการแต่งภาพระดับสูงเหมือนพวก Photoshop, GIMP ที่ต้องแบ่งเป็นเลเยอร์ครับ แต่ถ้าตกแต่งภาพง่าย ๆ แล้วโปรแกรมนี้ทำได้รวดเร็วดีครับ และยังใช้ง่ายอีกด้วย

Artweaver

Artweaver เป็นโปรแกรมตกแต่งภาพที่เหมาะกับคนทำ CG / Illustrate ที่ลงสีในคอมมากครับ เพราะโปรแกรมนี้มีฟังก์ชั่นสำหรับ Record การทำงานของเราครับ เอาไว้เปิดดูเอง หรือส่งให้คนอื่นดูได้เป็น step by step ได้ว่าเราทำงานยังไง นอกจากนั้นโปรแกรมนี้มากับชุด Brush ให้เลือกใช้กันด้วยครับ และเราสามารถสร้าง Brush เองได้เหมือนกับ Photoshop เลยครับ

Greenfish Icon Editor Pro

โปรแกรมตกแต่งภาพใช้ง่าย ๆ เหมาะกับการดีไซน์และแก้ไขโลโก้ครับ ซัพพอร์ททั้งโลโก้เคลื่อนไหวและโลโก้ที่อยู่นิ่ง ๆ นอกจากนั้นยังรองรับหลายภาษา และใช้ได้กับไฟล์ประเภท ICO, CUR, ANI, PNG, XPM, BMP, JPEG และ GIF ครับ

XBlender

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

–โปรแกรมสำหรับทำเว็บไซด์–

Nvu HTML Editor

โปรแกรมแก้ไข HTML แบบ WYSIWYG (What you see is what you get) ครับ เอาไว้ใช้ตอนไปทำงานข้างนอกแล้วไม่มีโปรแกรมเขียนเว็บ และขี้เกียจใช้โปรแกรม  Notepad ที่ไฮไลท์โค้ดไม่ได้ โปรแกรมนี้ก็เป็นอีกทางเลือกหนึ่งครับ

Oiko CSS-Editor

โปรแกรมสำหรับแก้ไข CSS ครับ ความสามารถพิเศษของมันก็คือเราสามารถเปิดไฟล์ HTML แล้วตัวโปรแกรมจะแสดงเฉพาะส่วนที่เป็น CSS มาให้เราแก้ครับ ทำให้เราทำงานออกแบบเว็บไซด์ของเราได้ง่ายขึ้นอีกเยอะเลย

Cyberduck

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

XAMPP Portable

หลายคนที่ทำเว็บน่าจะรู้จัก XAMPP กันอยู่แล้วครับ เป็นโปรแกรมที่เอาไว้จำลองโฮสต์ PHP ในเครื่องเรา ทำให้ประหยัดเวลาลง PHP เอง ตั้งค่าเซิร์ฟเวอร์เอง บางคนอาจจะใช้โปรแกรมอื่นครับ เช่น AppServ (ของคนไทย แต่อัพเดทช้าครับ) แต่ผมใช้โปรแกรมนี้มาตั้งแต่แรกและใช้ถนัดมือดีครับ แถมยังอัพเดทเวอร์ชั่น PHP/MySQL เป็นเวอร์ชั่นใหม่ล่าสุดมาให้ด้วย (บางโปรแกรมจะยังเป็นเวอร์ชั่นเก่าอยู่ครับ ทั้งนี้ทั้งนั้นต้องดูด้วยว่าตัวเซิร์ฟเวอร์ที่เราเอาเว็บไปลงใช้เวอร์ชั่นไหน)

SiteShoter

โปรแกรมเอาไว้ถ่ายรูปหน้าเว็บทั้งหน้าที่ใช้ง่าย ๆ ครับ นอกจากนั้นยังถ่ายรูปไฟล์เว็บในเครื่องเราได้อีกด้วย เหมาะกับการถ่ายหน้าเว็บเก็บไว้เพื่อเอามาศึกษาการดีไซน์ หรือถ่ายให้ลูกค้าดูหน้าตาเว็บไซต์ครับ

–โปรแกรมเกี่ยวกับฟ้อนต์–

AMP Font Viewer

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

Font Matcher

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

–โปรแกรมสามัญ–

AbiWord

บางทีลูกค้าส่งไฟล์ Microsoft Word มา แล้วเราหาเครื่องที่มีโปรแกรม Word ไม่ได้ โปรแกรมนี้ช่วยได้มากเลยครับ ผมเองก็เจอปัญหานี้เหมือนกันครับ ในบางครั้งที่ไปใช้คอมพิวเตอร์ตามร้านแล้วร้านนั้นไม่ได้ลง Microsoft Office ไว้เพราะเปลืองค่าลิขสิทธิ์ครับ บางทีเป็นงานเร่งมาก ๆ แต่ก็ทำอะไรไม่ได้ ควรเอาไปใช้ติดแฟลชไดรฟ์กันไว้นะครับ!

Firefox Portable Edition

เว็บดีไซน์เนอร์ส่วนใหญ่ใช้ Firefox กันครับ เพราะมีปลั๊กอินสำหรับ Firefox ที่เหมาะสำหรับเว็บดีไซน์เนอร์เยอะมาก ถ้าเราเอา Firefox ติดแฟลชไดรฟ์ไปด้วยก็ช่วยให้การทำงานสะดวกขึ้นจริงไหมครับ โปรแกรมเวอร์ชั่น Portable ตัวนี้สามารถลงปลั๊กอิน และธีมได้เหมือนกับ Firefox เวอร์ชั่นปกติครับ

7-Zip Portable

โปรแกรมนี้สำคัญมาก ๆ ไม่ควรพลาดเลยครับ บางครั้งลูกค้าส่งไฟล์ประเภท .rar ซึ่งเราต้องแกะแบบเร่งด่วนมาก ๆ แต่ดันหาเครื่องที่ลงโปรแกรม WinRar ไม่ได้ (จริง ๆ โปรแกรมที่แกะ .rar ได้มีหลายโปรแกรมนะครับ) โปรแกรมนี้จะช่วยชีวิตเราไว้เลยครับ ที่ไม่ยกตัวอย่างถึง .zip เพราะOS ที่ใช้กันส่วนใหญ่ (Windows, Mac OS) จะมีความสามารถในการแกะ ZIP มาอยู่แล้วครับ

สำหรับโปรแกรมที่น่าสนใจก็มีเท่านี้ครับ! ใครมีโปรแกรมอะไรเจ๋ง ๆ ก็แนะนำกันเข้ามาได้เลยครับ

ก่อนหน้านี้เคยแจกบทความสอนดีไซน์เว็บไซด์ใน Photoshop กันไปแล้ว ใน [Photoshop Tutorials] 70 บทความสอนออกแบบเว็บไซด์ด้วยโฟโต้ช็อป!! ซึ่งก็ได้รับผลตอบรับดีพอสมควร เลยไปหามาแจกกันอีกครับ

Photoshop นี่เป็นสถานที่ที่ Web Designer ทั้งหลายสามารถปลดปล่อยจินตนาการได้เต็มที่ อย่างไรก็ตาม จะสังเกตได้ว่า Layout เว็บไซด์เบื้องต้นนั้น ส่วนใหญ่จะมีรูปแบบเหมือน ๆ กันหมดครับ คือ แบ่งเป็น:

• Header
• Navigation
• Content (เนื้อหา)
• Footer

ซึ่งจะแตกต่างกันก็ที่ว่าใครจะตกแต่งส่วนต่าง ๆ ในเว็บได้สวยกว่าเท่านั้นเอง

บทความสอนทำเว็บไซด์ใน Photoshop ทั้งหมดที่เอามาแจกในวันนี้ก็มีเลย์เอาท์เหมือนที่บอกด้านบนทุกประการครับ แต่ถ้าเปิดไปดูจะเห็นว่าแต่ละบทความก็สร้างเว็บไซด์ที่ให้อารมณ์แตกต่างกันออกไป ไม่ว่าจะด้วยการวางตำแหน่งเนื้อหา หรือการตกแต่งด้วยเทคนิคต่าง ๆ ครับ

เรื่องของคุณภาพดีไซน์ก็ไม่ต้องเป็นห่วงครับ บทความพวกนี้ถูกคัดสรรมาอย่างดี เห็นแล้วต้องอยากสละเวลามาลองทำสักอันสองอันแน่ครับ!

>> 60 บทความสอนทำเว็บไซด์สวย ๆ ใน Photoshop <<

สวัสดีครับ ช่วงนี้ใกล้วันวาเลนไทน์แล้ว ก็เลยเอาบทความสอนโฟโต้ช็อปที่เกี่ยวกับวันวาเลนไทน์มาแจกครับ เผื่อใครอยากจะลองทำกราฟฟิกแสดงความรักหวาน ๆ ส่งไปถึงคนที่คุณรักบ้าง บทความสอนโฟโต้ช็อปที่แจกวันนี้ส่วนใหญ่จะสอนทำพวกหัวใจสวย ๆ หลายแบบครับ มีทั้งแบบหวาน ๆ (จนเลี่ยน!?) และแบบพั๊งก์ ๆ เท่ ๆ ครับ ก็ลองเลือกเอาไปใช้กันตามสบายเลย

>> รวมบทความสอนทำกราฟฟิกรัก ๆ รับวาเลนไทน์ <<

สำหรับใครที่มีปัญหาในการทำตาม หรือมีข้อสงสัยเกี่ยวกับเว็บดีไซน์ หรือกราฟฟิกดีไซน์ สามารถไปเยี่ยม เว็บบอร์ด Designil ได้นะครับ ยินดีต้อนรับเสมอครับ

และสำหรับคนที่เล่น Twitter สามารถ follow @designil ครับ รับรองว่า follow กลับทุกคน (ที่ไม่ใช่บอทขายของ) แน่นอนครับ!