advertisement

Design and photoshop

50 %
50 %
advertisement
Information about Design and photoshop
Education

Published on February 28, 2014

Author: ypromdee

Source: slideshare.net

Description

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

เทคโนโลยีการออกแบบ โดยเครื่องมือ 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

Related pages

Photoshop für Design - Adobe Support

Starten Sie durch mit aufregenden Photoshop-Funktionen für Design. Kreieren Sie auf einer unendlichen Arbeitsfläche effizient Designs für mehrere ...
Read more

Photoshop Inspiration, Photoshop Information | Photoshop.com

Your home for inspiration and information about the Photoshop family of products.
Read more

Download Adobe Photoshop CC: kostenlos testen ...

Erstellen und optimieren Sie Fotos, Bilder, 3D-Grafiken u. v. m. mit Adobe Photoshop CC, dem weltbesten Programm für digitale Bildbearbeitung.
Read more

Adobe Photoshop Design & Illustration Tutorials by Envato ...

Browse the latest Adobe Photoshop Design & Illustration Tutorials by Envato Tuts+ - all online and free! What are you learning today?
Read more

Photoshopdesign | Startseite

photoshop,photoshopdesign,galerie,fotogarlerie,4homepages,wordpress,forum,portal,blumen,blume,flowers,traumen ... Design & Templateanpassungen by Aqua Fun ...
Read more

Designtrax - Blog für Design, Photoshop & Fotografie

Designtrax ist ein Design Blog und veröffentlicht neben Photoshop-Tutorials auch Informationen sowie Inspirationen zu den Themen Fotografie und Webdesign.
Read more

Download Adobe InDesign CC: kostenlos testen | DTP

Photoshop. Illustrator. InDesign. Premiere Pro. After Effects. Lightroom. ... In unseren aktuellen Tutorials für Grafik-Design u. v. m. erfahren Sie, ...
Read more

Grafik-Design mit Photoshop - helpx.adobe.com

Lernen Sie einfache Design-Techniken kennen, mit denen Sie in Photoshop Bilder, Text und Grafiken kombinieren können.
Read more

6000 Photoshop und InDesign Tutorials, 3D Modelle für ...

Über 5.000 Tutorials & 8.000 Downloads zu Adobe Photoshop, Adobe InDesign, Cinema 4D, ... Design-Vorlagen & Presets-Pakete. Zum Shop. Nutzungsbedingungen;
Read more

Photoshopdesign

Webseite, die mehr bietet als nur ein Thema: Works, Photoshop, Websets, Workshop, Tutorial, Phantsie, Elfen, Grafiken, Country, Design
Read more