การออกแบบ

Posted on Thu, 08/19/2021 - 14:53 by Navin_Nowvapong

ผังงานและขั้นตอนการปฏิบัติงาน

ผังงานการออกแบบแบนเนอร์ (Banner) เพื่อการประชาสัมพันธ์บนเว็บไซต์ ด้วยโปรแกรม Adobe Photoshop

ผังงาน

ขั้นตอนการปฏิบัติงาน

1. ผู้ขอใช้บริการติดต่อประสานงานขอใช้บริการ ผ่าน Messenger Facebook 

20

2. ผู้ปฏิบัติงานตรวจสอบความถูกต้องครบถ้วนของข้อมูล

3. บันทึกภาพเพิ่มเติมเพื่อนำมาใช้ประกอบการออกแบบให้มีความสมบูรณ์ยิ่งขึ้น

4. เปิดโปรแกรม Adobe Photoshop 

001

5. สร้างชิ้นงานใหม่    เลือกเมนู File > New

002

6. กำหนดรายละเอียดชิ้นงานที่ออกแบบ ในที่นี้จะออกแบบเพื่อนำไปใช้งานบนจอภาพขนาด HD จึงกำหนดที่ 1920 X 1080 Pix หรือเลือกที่เมนู Web > Web Large 1920 X 1080 px 72 ppi

003

7. พิมพ์ข้อความที่ต้องการประชาสัมพันธ์ลงบนชิ้นงานโดยใช้เครื่องมือ Type Tool

004

8. กำหนดรูปแบบ และขนาดของฟอนต์ โดยการคลิกปุ่มซ้ายของเมาส์ค้างไว้แล้วลากตรงข้อความที่ต้องการแก้ไข

005

 

9. เปลี่ยนฟอนต์ ขนาด และสี ได้จากแถบเครื่องมือด้านบน

006

 

10. เลื่อนจัดตำแหน่งของตัวอักษรโดยใช้เครื่อง Move Tool007

11. เปิดภาพที่ต้องการนำมาใช้ประกอบขึ้นมาโดยไปที่เมนู File > Open เลือกภาพที่ตกแต่งเสร็จแล้วขึ้นมา

008

12. ทำการ Copy รูปภาพเพื่อนำไปวางบนชิ้นงาน โดยไปที่เมนู
      12.1 Select > All

901

        12.2 Edit > Copy

902

13. กลับที่ไฟล์ชิ้นงานเลือกที่ Layer Background แล้วไปที่เมน Edit > Paste

010

14. จัดวางตำแหน่งของภาพประกอบโดยใช้เครื่องมือ Move Tool

Posted on Thu, 08/19/2021 - 14:53 by Khemmachat_Semdang

ผังงานและขั้นตอนการปฎิบัติงาน

ผังงานการออกแบบภาพประกอบสื่อด้วยโปรแกรม Adobe Illustrator และ Adobe Photoshop

Flowchart

ขั้นตอนการปฎิบัติงาน

สามารถดาวน์โหลดคู่มือขั้นตอนการปฏิบัติงานได้ที่นี่ https://drive.google.com/file/d/1fzPJzBbjxU65T9zm8TqXbnU3SW0Tpe8e/view?usp=sharinghttps://drive.google.com/file/d/1fzPJzBbjxU65T9zm8TqXbnU3SW0Tpe8e/view?usp=sharing

1. ออกแบบภาพร่างด้วยดินสอบนกระดาษ (Idea Sketch)

01

2. สแกนภาพหรือถ่ายภาพ เพื่อแปลงเป็นไฟล์ (File) รูปภาพลงคอมพิวเตอร์

3. การแต่งภาพด้วยโปรแกรม Adobe Photoshop เพื่อปรับความสว่างให้ง่ายต่อการนำไปดราฟเส้น (Line Draft)

     มีขั้นตอนดังนี้  ให้เลือกเมนู Image  1 Adjustment  2 Levels 

02

จะขึ้นหน้าต่าง Levels 3 เลื่อนปรับค่าตามความต้องการ (เน้นปรับให้ภาพสว่างมองได้ชัด) 4 กด ok03

4. การ Save งาน

ให้เลือกเมนู File  1 Save As  2 เลือก Save on your computer (บันทึกงานลงในเครื่อง)

04

3 ตั้งชื่องาน 4 เลือกนามสกุลไฟล์ JPEG 5 กด Save งาน

05จบขั้นตอนออกแบบภาพร่าง (Idea Sketch)

Posted on Mon, 08/17/2026 - 18:07 by Khemmachat_Semdang

วัตถุประสงค์

1 สร้างมาตรฐานการทำงานเพื่อใช้เป็นคู่มือมาตรฐานการปฏิบัติงาน (SOP) ประจำหน่วยงาน
2 อธิบายขั้นตอนการใช้โปรแกรมเพื่ออธิบายวิธีใช้งานโปรแกรม Adobe Illustrator CC2022 และ Adobe Photoshop CC2022 อย่างละเอียด
3 สนับสนุนการปฏิบัติงานทดแทนเพื่อเป็นแนวทางให้บุคลากรในทีมสามารถศึกษาและปฏิบัติงานทดแทนกันได้อย่างมีประสิทธิภาพ
4 คู่มือฉบับนี้ได้ปรับปรุงรายละเอียดวิธีการและคุณสมบัติอุปกรณ์เพื่อปรับปรุงกระบวนการทำงานและกำหนดคุณสมบัติเครื่องคอมพิวเตอร์ (Hardware Requirements) ให้เหมาะสมกับการใช้งานซอฟต์แวร์ปัจจุบัน
5 เพื่อลดข้อผิดพลาดในการทำงานและควบคุมคุณภาพของชิ้นงานส่งออก (Output) ให้เป็นไปตามมาตรฐานของหน่วยงาน
 

Back to Top