4 ขั้นตอนง่ายๆในการทำ Infographic ด้วย Photoshop

Graphic design ความรู้สำหรับ การออกแบบ ออกแบบเว็บ Phothoshop ตัดต่อวีดีโอ

Moderator: mindphp, ผู้ดูแลกระดาน

ภาพประจำตัวสมาชิก
numtan5839
PHP VIP Members
PHP VIP Members
โพสต์: 1706
ลงทะเบียนเมื่อ: 04/11/2019 10:18 am

4 ขั้นตอนง่ายๆในการทำ Infographic ด้วย Photoshop

โพสต์ที่ยังไม่ได้อ่าน โดย numtan5839 »

Infographic เป็นสื่อกราฟฟิคที่นิยมใช้อย่างมากมายในปัจจุบัน
คนในยุคปัจจุบันมักไม่อ่านข้อความหรือบทความที่มีตัวอักษรมากจนเกินไป ดังนั้นจึงเกิดสื่อ Infographic ขึ้นมา
ซึ่งหากจะทำ Infographic ให้ออกมาน่าสนใจ เราควรศึกษาหลักในการทำ Infographic ให้ดีก่อน
ในวันนี้เราจะมาสอนการทำ Infographic ด้วยโปรแกรมยอดนิยมอย่าง Adobe Photoshop

ขั้นตอนในการทำ Infographic ด้วย Photoshop

ขั้นตอนที่ 1
ในขั้นตอนแรกของการทำ Infographic นั้น ให้เราตั้งค่าขนาดที่เราต้องการก่อน
ซึ่งขนาด Infographic ในแต่ละแพลตฟอร์มนั้นจะมีขนาดที่แตกต่างกันออกไป ในที่นี้จะขอตั้งขนาดเป็น 831x315

ขั้นตอนที่ 2
เมื่อได้ขนาดที่เราต้องการแล้ว ต่อไปให้ทำการออกแบบว่าอยากให้งานออกมาในรูปแบบประมาณไหน
หากนึกไม่ออก สามารถค้นหาดูตัวอย่างแล้วนำมาปรับใช้ก่อนได้
ในส่วนนี้เราจะทำการออกแบบพื้นหลังของงานก่อน ถ้าหากเราต้องการทำ Infographic ที่เป็นขั้นตอน ควรทำการแบ่งสัดส่วนของกระดาษก่อน

โดยทำการคลิกที่เมนู View
2562-11-06 17_46_48-Window.png
2562-11-06 17_46_48-Window.png (3.46 KiB) Viewed 3521 times
จากนั้นเลือก New Guide
2562-11-06 17_47_37-Window.png
2562-11-06 17_47_37-Window.png (11.08 KiB) Viewed 3521 times
2562-11-06 17_48_23-Window.png
2562-11-06 17_48_23-Window.png (3.28 KiB) Viewed 3521 times
Horizontal จะเป็นการสร้างเส้นไกด์แนวนอน ส่วนVertical จะเป็นการสร้างเส้นไกด์แนวตั้ง

ขั้นตอนที่ 3
จากนั้นลงมือทำพื้นหลังให้ตรงตามที่เราออกแบบไว้
2562-11-06 17_59_28-Window.png
2562-11-06 17_59_28-Window.png (1.26 KiB) Viewed 3521 times
ขั้นตอนที่ 4
เมื่อได้พื้นหลังของ Infographoc ที่เราชอบแล้ว ต่อมาให้เราทำการลงข้อมูลลงไป
11.jpg
11.jpg (16.76 KiB) Viewed 3521 times
เพียงเท่านี้ก็จะได้ Infographic สวยๆออกมาแล้ว
แต่ถ้าหากเราต้องการที่จะใส่ไอคอน แนะนำให้เราใส่ไอคอนที่เกี่ยวข้องกับบทความของเราเท่านั้น เช่น หากอินโฟกราฟฟิคอันนี้เป็นเรื่องเกี่ยวกับคอมพิวเตอร์
ไอคอนที่เราจะนำมาใส่ ควรเป็นไอคอนที่เกี่ยวกับคอมพิวเตอร์ ที่จะสามารถสื่อถึงหัวข้อแต่ละหัวข้อได้

แหล่งอ้างอิง
https://www.thaidigitalmarketing.com/infographic-2016-social-media-image-size/
http://www.pakamasblog.com/2014/01/basic-photoshop-17-guides.html
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 3