Design and photoshop

50 %
50 %
Information about Design and photoshop
Education

Published on February 28, 2014

Author: ypromdee

Source: slideshare.net

Description

เอกสารประกอบคำบรรยายสอนการใช้ Photoshop สำหรับเด็กมัธยมศึกษา สำหรับผู้เริ่มต้น
และการออกแบบ

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

หัวข้อในการบรรยาย • แนะนำหลักการออกแบบ • เริ่มต้นกับโปรแกรม Photoshop • ประเภทของภาพ Graphic • ส่วนประกอบของหน้าจอโปรแกรมและเครื่องมือต่างๆ • การพิมพ์และตัวอักษร • การวาดและการตกแต่งภาพ • สี และการใช้สี • การใช้ Filter

หลักการออกแบบ • การออกแบบ (Design) - การวางแผนที่จะสร้าง (Wikipedia) • “ ศาสตร์แห่งการแก้ปัญหา ที่มนุษย์สร้างสรรขึ้น โดยอาศัยความรู้และหลักการของศิลปะ 
 นำมาใช้ให้เกิดความสวยงามและมีประโยชน์ใช้สอย ” Figure 1 Design Reference : http://lerablog.org/wp-content/uploads/2013/06/artistic-web-design.jpg

ตัวอย่าง

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

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

หลักการออกแบบ 1. Simplicity 2. Consistency 3. Identity 4. Useful Content 5. User-Friendly Navigation 6. Visual Appeal 7. Compatibility 8. Design Stability 9. Function Stability

Sketch Design

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

ส่วนประกอบของหน้าจอโปรแกรมและเครื่องมือต่าง ๆ เริ่มต้นเอกสารใหม่ - Resolution
 ความละเอียดของภาพ - Color Mode
 โหมดสี 
 Grayscale, Duotone, 
 RGB, CMYK - Layer
 การซ้อนภาพเป็นชั้น ๆ

ส่วนประกอบของหน้าจอโปรแกรมและเครื่องมือต่าง ๆ Move ใช้ในการย้ายพื้นที่ที่เลือกไว้ Marquee ใช้ในการเลือกพื้นที่ภาพเป็นสี่เหลี่ยม วงกลม Magic Wand ใช้ในการเลือกพื้นที่จากสีที่ใกล้เคียง Eyedropper ใช้เลือกสี หรือวัดระยะและมุมระหว่างจุดต่างๆ Brush แปลงใช้ในการระบายสี Eraser ใช้ลบภาพ Paint Bucket เทสีลงบนพื้นที่ของภาพ Shape ใช้วาดรูปทรงเรขาคณิต หรือรูปทรงสำเร็จ

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

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

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

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

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

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

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

สีใน Photoshop

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

“Workshop Photoshop” –By Yaowaluck Promdee-

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

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

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

“imagination more important than knowledge” –Albert Einstein

“Questions and Feedback” BY Yaowaluck Promdee Contact: ypromdee@gmail.com Facebook: Yaowaluck Fang Promdee Website: www.kithsoftware.com std.kku.ac.th/5550201279 Blogger: IamFang

Add a comment

Related presentations