ผังงานการออกแบบแบนเนอร์ (Banner) เพื่อการประชาสัมพันธ์บนเว็บไซต์ ด้วยโปรแกรม Adobe Photoshop
ขั้นตอนการปฏิบัติงาน
1. ผู้ขอใช้บริการติดต่อประสานงานขอใช้บริการ ผ่าน Messenger Facebook

2. ผู้ปฏิบัติงานตรวจสอบความถูกต้องครบถ้วนของข้อมูล
3. บันทึกภาพเพิ่มเติมเพื่อนำมาใช้ประกอบการออกแบบให้มีความสมบูรณ์ยิ่งขึ้น
4. เปิดโปรแกรม Adobe Photoshop
5. สร้างชิ้นงานใหม่ เลือกเมนู File > New
6. กำหนดรายละเอียดชิ้นงานที่ออกแบบ ในที่นี้จะออกแบบเพื่อนำไปใช้งานบนจอภาพขนาด HD จึงกำหนดที่ 1920 X 1080 Pix หรือเลือกที่เมนู Web > Web Large 1920 X 1080 px 72 ppi
7. พิมพ์ข้อความที่ต้องการประชาสัมพันธ์ลงบนชิ้นงานโดยใช้เครื่องมือ Type Tool
8. กำหนดรูปแบบ และขนาดของฟอนต์ โดยการคลิกปุ่มซ้ายของเมาส์ค้างไว้แล้วลากตรงข้อความที่ต้องการแก้ไข
9. เปลี่ยนฟอนต์ ขนาด และสี ได้จากแถบเครื่องมือด้านบน
10. เลื่อนจัดตำแหน่งของตัวอักษรโดยใช้เครื่อง Move Tool
11. เปิดภาพที่ต้องการนำมาใช้ประกอบขึ้นมาโดยไปที่เมนู File > Open เลือกภาพที่ตกแต่งเสร็จแล้วขึ้นมา
12. ทำการ Copy รูปภาพเพื่อนำไปวางบนชิ้นงาน โดยไปที่เมนู
12.1 Select > All
12.2 Edit > Copy
13. กลับที่ไฟล์ชิ้นงานเลือกที่ Layer Background แล้วไปที่เมน Edit > Paste
14. จัดวางตำแหน่งของภาพประกอบโดยใช้เครื่องมือ Move Tool
15. หากข้อความไม่เด่นชัด สามารถใช้คำสั้ง Layer Styte โดยเลือกทำงานที่ Layer ตัวอักษร แล้วไปที่เมนู Layer > Layer Styte เพื่อเลือกใช้เอฟเฟคให้ตัวอักษรโดดเด่นขึ้นมาได้
16. เมื่อออกแบบชิ้นงานได้ตามต้องการ และตรวจสอบความถูกต้องแล้ว จึงทำการ Export งานเป็นไฟล์ Jpeg เพื่อนำไปใช้งานได้ โดยไปที่เมนู File > Export > Save For Web
17. เลือกไปที่ไฟล์นามสกุล Jpeg ความละเอียด Very Hight จึงทำการกด Save
18. Save ไฟล์งานเป็นนามสกุล PSD เพื่อเก็บไฟล์ต้นฉบับไว้ ซึ่งอาจจะมีการปรับปรุงแก้ไขในภายหลัง
19. ส่งมอบงานการออกแบบเบนเนอร์ให้กับผู้ใช้บริการเพื่อนำไปใช้งานต่อไป
