เทคโนโลยีการออกแบบ โดยเครื่องมือ Photoshopโดย นางสาวเยาวลักษณ์ พรมดี

หัวข้อในการบรรยาย

• แนะนำหลักการออกแบบ

• เริ่มต้นกับโปรแกรม Photoshop

• ประเภทของภาพ Graphic

• ส่วนประกอบของหน้าจอโปรแกรมและเครื่องมือต่างๆ

• การพิมพ์และตัวอักษร

• การวาดและการตกแต่งภาพ

• สี และการใช้สี

• การใช้ Filter

หลักการออกแบบ

• การออกแบบ (Design) - การวางแผนที่จะสร้าง (Wikipedia) • “ ศาสตร์แห่งการแก้ปัญหา ที่มนุษย์สร้างสรรขึ้น โดยอาศัยความรู้และหลักการของศิลปะ

นำมาใช้ให้เกิดความสวยงามและมีประโยชน์ใช้สอย ”

Figure 1 Design Reference : http://lerablog.org/wp-content/uploads/2013/06/artistic-web-design.jpg

ตัวอย่าง

ประเภทของภาพ Graphic

Vector

Bitmapภาพที่ประกอบด้วยจุดเล็กๆ ต่อกันเป็น pixel จนต่อกันเป็นภาพ เมื่อมีการปรับขนาดของภาพความคมชัดจะลดลง ได้แก่ .jpeg, .gif, .bmp

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

เริ่มต้นกับโปรแกรม Photoshop

Adobe Photoshop !โปรแกรมที่ใช้ในการสร้างหรือตกแต่งภาพกราฟิก ซึ่งตัวโปรแกรมสามารถจัดการได้ทั้งภาพ Bitmap และภาพ Vector

หลักการออกแบบ

1. Simplicity2. Consistency3. Identity4. Useful Content5. User-Friendly Navigation6. Visual Appeal7. Compatibility8. Design Stability9. Function Stability

Sketch Design

ส่วนประกอบของหน้าจอโปรแกรมและเครื่องมือต่างๆ

Menu bar

Options bar

Toolbox

ส่วนประกอบของหน้าจอโปรแกรมและเครื่องมือต่าง ๆ

เริ่มต้นเอกสารใหม่- Resolutionความละเอียดของภาพ

- Color Modeโหมดสี Grayscale, Duotone, RGB, CMYK

- Layer การซ้อนภาพเป็นชั้น ๆ

ส่วนประกอบของหน้าจอโปรแกรมและเครื่องมือต่าง ๆ

Move ใช้ในการย้ายพื้นที่ที่เลือกไว้Marquee ใช้ในการเลือกพื้นที่ภาพเป็นสี่เหลี่ยม วงกลม

Magic Wand ใช้ในการเลือกพื้นที่จากสีที่ใกล้เคียง

Brush แปลงใช้ในการระบายสี

Eraser ใช้ลบภาพPaint Bucket เทสีลงบนพื้นที่ของภาพ

Shape ใช้วาดรูปทรงเรขาคณิต หรือรูปทรงสำเร็จ

Eyedropper ใช้เลือกสี หรือวัดระยะและมุมระหว่างจุดต่างๆ

Typography

ตัวอักษรและงานพิมพ์

การพิมพ์ และตัวอักษร

ตัวอย่างงานออกแบบ โดยเน้นตัวอักษร

การวาดและการตกแต่งภาพ

การเลือกหัวแปรงแบบต่าง ๆ

การวาดและการตกแต่งภาพ

สีและการใช้สี

สีใน Photoshop

การใช้ฟิลเตอร์

–By Yaowaluck Promdee-

“Workshop Photoshop”

Design your card

ออกแบบนามบัตรแนะนำตัวกันดีกว่า

Photoshop Editor

ตัดต่อรูปภาพกันหน่อยจ้า

“อวดผลงานให้ดูก่อนหน่อย”

–Albert Einstein

“imagination more important than knowledge”

BY Yaowaluck PromdeeContact: ypromdee@gmail.com

Facebook: Yaowaluck Fang PromdeeWebsite: www.kithsoftware.com

std.kku.ac.th/5550201279 Blogger: IamFang

“Questions and Feedback”