คู่มือการใช้งาน piktochart

Piktochart คืออะไร การเพิ่ม Component
วิธีการลงทะเบียนเข้าใช้งาน
การเริ่มต้นการสร้างผลงาน ดูตัวอย่างและการบันทึกผลงาน
หน้าการสร้างผลงานของ Piktochart การดาวน์โหลดผลงาน
การจัดการหน้าออกแบบ การเผยแพร่ผลงาน

คืออะไร

Piktochart เป็นเว็บไซต์สำหรับสร้างสื่อการเรียนการสอนรูปแบบต่าง ๆ เช่น Infographic , Presentation ,
Poster , Reports , Flyers , Social Media และ Custom Sizes
โดยผู้สอนไม่จำเป็นต้องเชี่ยวชาญในด้านศิลปะก็สามารถทำสื่อการเรียนการสอนที่น่าสนใจได้ เพราะว่า Piktochart
นั้นมี Template ให้เลือกใช้งานได้หลากหลาย และมีไอคอนฟรีมากถึง 4,000 รูปแบบ

เพราะอะไรถึงต้องใช้ Piktochart ........

เพราะจะทำให้สื่อการเรียนการสอนมีความน่าสนใจมากยิ่งขึ้นในรูปแบบของ Infographic โดยผู้สอนสามารถ
กำหนดกิจกรรมให้ผู้เรียนนำ Piktochart ไปใช้สรุปเนื้อหาออกมาเป็น Infographic ทั้งก่อนหรือหลังบทเรียนจะทำให้
ผู้เรียนเกิดการคิดวิเคราะห์ และสังเคราะห์เนื้อหาด้วยตนเองได้ และเห็นภาพชัดเจนมากยิ่งขึ้น หรือจะเป็นการใช้
แผนภูมิรูปแบบต่างๆ เพื่อแสดงถึงสัดส่วนของข้อมูล

ถึง Piktochart จะเป็นสิ่งที่ช่วยให้การจัดการเรียนการสอนดีขึ้น
แต่ก็มีข้อจำกัดอยู่บ้างสำหรับการใช้งานรูปแบบ ฟรี นั่นคือ มีพื้นที่จัดเก็บ
ไฟล์รูปภาพได้ไม่เกิน 40 MB อีกทั้งผลงานที่สร้างเสร็จสมบูรณ์แล้วจะมี
ลายน้ำ LOGO ของ Piktochart ติดออกไปอีกด้วย

มีวิธีการสมัครที่ง่าย 4 วิธี ดังนี้

1. เข้าไปที่เว็บไซต์ https://piktochart.com/

1

2. คลิกที่ปุ่ม “Sign up” เพื่อลงทะเบียนเข้าใช้งาน

2

3. วิธีการ “Sign up” ทำได้ 2 วิธีคือ

3.1 Sign up with Google or Facebook : สมัครผ่านช่องทาง Google หรือ Facebook
3.2 Sign up with Email : สร้างบัญชีผู้ใช้ใหม่โดยใช้ Email อื่นๆที่มี

3.1
3.2

4. กรณีเลือก Sign up with Email : สร้างบัญชีผู้ใช้ใหม่ คลิกที่ปุ่ม “CONFIRM EMAIL” ที่กล่องข้อความใน Email

เพื่อยืนยันการลงทะเบียน

4

มีวิธีการสร้าง 3 วิธี ดังนี้

1. คลิกที่ปุ่ม “CREATE NEW”

1

2. เลือกประเภทการสร้างผลงานที่ต้องการสร้าง ดังนี้ 2.5 Flyers : ออกแบบใบปลิวสำหรับโฆษณา
หรือประชาสัมพันธ์
2.1 Infographic : งานประเภทสื่อ Infographic
2.2 Presentation : งานประเภทสื่อการนำเสนอ 2.6 Social Media : ออกแบบสำหรับองค์กร
ที่ต้องการทำการตลาด
2.3 Poster : งานประเภทสื่อสิ่งพิมพ์
2.4 Reports : การออกแบบรายงาน 2.7 Custom Sizes : ตั้งค่าหน้ากระดาษ

2.1 2.3 2.5 2.7
2.2 2.4 2.6

3. เลือกประเภทการสร้างผลงานที่ต้องการสร้าง ดังนี้ 3.2

3.1 Start form blank : เริ่มต้นการสร้างผลงานโดยใช้กระดาษเปล่า
3.2 Use Template : ใช้เทมเพลตสำเร็จรูป ซึ่งมีทั้งแบบฟรีและแบบเสียค่าใช้จ่าย

3.1

3.3 กรณีเลือกใช้เทมเพลตสำเร็จรูปให้เลื่อนเคอร์เซอร์เมาส์ไปยังเทมเพลตที่ต้องการ จะปรากฎเมนูให่เลือกดังนี้
3.3.1 Use Template : เลือกใช้เทมเพลตสำเร็จรูป
3.3.2 Preview : ดูตัวอย่างผลงาน

3.1.1 3.1.2

แบ่งออกเป็น 3 ส่วน ดังนี้

1. Top Bar : เป็นแถบการจัดการเกี่ยวกับการทำงานต่าง ๆ เช่น เมนูการจัดการไฟล์ผลงาน การตั้งชื่อผลงาน

การบันทึก การดูตัวอย่าง การดาวน์โหลด การเผยแพร่ผลงาน และการตั้งค่าเกี่ยวกับบัญชีผู้ใช้งาน เป็นต้น

2. Toolbar : เป็นแถบเครื่องมือที่รวบรวมเมนูการใช้งานต่าง ๆ เช่น การใส่พื้นหลัง รูปทรง รูปภาพ ข้อความ

และวิดีโอ เป็นต้น

3. Work Space : เป็นพื้นที่การทำงาน

1 3
2

มีขั้นตอน 3 ขั้นตอน ดังนี้

1. การตั้งค่าออกแบบผลงาน Piktochart

1.1 คลิกที่ปุ่ม “Setting”
1.2 เมื่อคลิกแล้วจะปรากฏ Visual Size เพื่อเลือกขนาดที่ต้องการโดยจะมี 4รูปแบบคือ

1.2.1 Custom Size : ระบุแนวตั้ง แนวนอน ระบุความกว้าง x ความสูงที่ต้องการ
1.2.2 Documents : งานสำหรับเอกสารมีให้เลือก 4 ขนาด ได้แก่ Letter , A5 , A4 และ A3
1.2.3 Screen Sizes : ขนาดของหน้าจอเหมาะสำหรับงานนำเสนอมีให้เลือก 2 ขนาด ได้แก่ 4:3 และ 16:9
1.2.4 Social Medias : การออกแบบสำหรับองค์กรที่ต้องการทำการตลาดมีให้เลือก 8 ขนาด ได้แก่
Facebook Cover , Facebook Post , Twitter Header , Twitter Post , LinkedIn Header , LinkedIn Post
, Instagram Post และ Instagram Story

1.2

1.1
1.2.1

1.2.2 1.2.4
1.2.3

2. การเพิ่ม - ลบ หน้าออกแบบ

2.1 คลิกที่ปุ่ม “Add Block” เพื่อเพิ่มหน้า หรือ บล็อกสำหรับออกแบบผลงาน
2.2 ในกรณีที่ต้องการลบให้เลือกหน้าที่ต้องการ แล้วคลิกที่ปุ่ม “Delete Block ”

2.1
2.2

รูปนี้คือรูปที่14กับ15เอามาตัดต่อรวมกันเพื่อประหยัดพื้นที่ตรงDeleteBlockมันจะสามารถขยับได้

3. การปรับย้ายลำดับหน้าออกแบบ

3.1 คลิกเลือกหน้าที่ต้องการย้ายโดยการจิ้มไปที่หน้านั้น
3.2 คลิกที่ปุ่ม “Move Up” หรือ “Move Down” เพื่อย้ายหน้าบล็อกขึ้น - ลง ตามความต้องการ

3.2

รูปนี้คือรูปที่16กับ17เอามาตัดต่อรวมกันเพื่อประหยัดพื้นที่

แบ่งออกเป็น 12 ส่วนประกอบ ดังนี้

1. การเพิ่มรูปทรงและไอคอน (Shapes & Icons)

1.1 คลิกที่ปุ่ม “Graphics”

1.2 คลิกเลือก “Shapes & Icons”
1.3 วิธีการเพิ่มรูปทรงและไอคอนสามารถทำได้ 2 วิธี ดังนี้

1.3.1 ค้นหาโดยใช้ Keyword ใส่ในช่อง Search
1.3.2 เลือกตามประเภทคลังรูปทรงและไอคอนที่อยู่ในระบบซึ่งจะแบ่งเป็นหมวดหมู่

1.4 คลิกเลือกรูปทรงและไอคอนที่ต้องการหรือลากและวางในพื้นที่การทำงาน
1.5 คลิกที่มุม “ ” เพื่อปรับย่อขยาย ขนาดของรูปทรง

1.2
1.3.1

1.1

1.3.2

1.4 1.5

2. การเพิ่มเส้น (Lines)

2.1 คลิกที่ปุ่ม “Graphics”
2.2 คลิกเลือก “Lines”
2.3 คลิกที่ “Add A Line” หรือลากและวางในพื้นที่การทำงาน
2.4 คลิกที่ “Line Style” เพื่อเปลี่ยนรูปแบบของเส้น โดยมีให้เลือก 3 รูปแบบคือ

Solid : เส้นตรง
Dashed : เส้นประ
Dotted : เส้นจุด
2.5 คลิกที่ “Color” เพื่อเปลี่ยนสี
2.6 คลิกที่มุม “ ” เพื่อปรับย่อ- ขยาย ขนาดของเส้น

2.1
2.3

2.2

2.4 2.5
2.6

3. การเพิ่มรูปภาพ (Photos)

3.1 คลิกที่ปุ่ม “Graphics”
3.2 คลิกเลือก “Photos”
3.3 วิธีการเพิ่มรูปภาพสามารถทำได้ 3 วิธีคือ

3.3.1 ค้นหาโดยใช้ Keyword ใส่ในช่อง Search
3.3.2 เลือกตามประเภทคลังรูปภาพที่อยู่ในระบบซึ่งจะแบ่งเป็นหมวดหมู่
3.3.3 อัปโหลดรูปภาพเข้าสู่ระบบ โดยไฟล์ที่รองรับ ได้แก่ JPG , PNG , GIF และ SVG
3.3.4 คลิกเลือกรูปภาพที่ต้องการ
3.3.5 คลิกที่มุม “ ” เพื่อปรับย่อขยาย ขนาดของรูปภาพ

3.1
3.2

3.3.1 3.3.5
3.3.3 3.3.4

3.3.2

4. การอัปโหลดรูปภาพ (Uploads)

4.1 คลิกที่ปุ่ม “Uploads”
4.2 คลิกที่ปุ่ม “Browse Images”
4.3 เลือกรูปภาพที่ต้องการ
4.4 คลิกที่ปุ่ม “Open” เพื่ออัปโหลดรูปภาพเข้าระบบ Piktochart
4.5 รอสักครู่เมื่อระบบทำการอัปโหลดเสร็จเรียบร้อยแล้วจะปรากฎรูปภาพนั้นขึ้นมา

4.1 4.2

4.3
4.5

4.4

5. การเพิ่มกรอบรูปภาพ (Photo Frame)

5.1 คลิกที่ปุ่ม “Graphics”

5.2 คลิกเลือก “Photo Frame”

5.3 คลิกเลือกกรอบรูปภาพตามรูปแบบที่ต้องการหรือลากและวางในพื้นที่การทำงาน

5.1 5.3
5.2

5.4 เลือกรูปภาพที่ต้องการนำเข้ามาใส่กรอบ ซึ่งสามารถทำได้ 2 วิธี ดังนี้ 5.5
5.4.1 Uploads : การอัปโหลดรูปภาพเข้าไปใช้งาน
5.4.2 Photos : การใช้รูปภาพที่มีอยู่ในระบบ

5.5 ลากและวางรูปภาพลงในกรอบ Drop Photo In Here

5.4

5.6 ดับเบิ้ลคลิกที่กรอบรูปภาพเพื่อเข้าสู่หน้าการจัดตำแหน่งของรูปภาพ
5.7 คลิกที่มุม “ ” เพื่อปรับย่อ – ขยายรูปภาพ หรือเลื่อนที่รูปภาพแล้วปรับตำแหน่งให้
5.8 คลิกที่ปุ่ม “Done” เพื่อยืนยันการปรับขนาดรูปภาพ หรือ คลิกที่ปุ่ม “Cancel” เพื่อยกเลิกการปรับขนาดรูปภาพ
5.9 คลิกที่ปุ่ม “Flip Left / Right” เพื่อพลิกกลับด้านของรูปภาพจากด้านซ้าย-ขวา หรือ คลิกที่ปุ่ม “Filp Top/Bottom”
เพื่อพลิกกลับด้านของรูปภาพจากด้านบน-ล่าง

5.8
5.9

5.7

6. การใส่พื้นหลัง (Background)

6.1 คลิกที่ปุ่ม “Background”
6.2 วิธีการใส่พื้นหลังมีให้เลือก 2 รูปแบบ ดังนี้

6.2.1 Background Colors : การเปลี่ยนสีของพื้นหลัง
6.2.2 Background Image : การใช้รูปภาพสำเร็จรูปของ Piktochart มาเป็นพื้นหลัง

6.2.1
6.1

6.2.2

7. การใส่ข้อความ (Text)

7.1 คลิกที่ปุ่ม “Text”
7.2 คลิกเลือกรูปแบบข้อความตามประเภทการใช้งานหรือลากและวางในพื้นที่การทำงาน
7.3 ดับเบิ้ลคลิกที่ข้อความเพื่อพิมพ์หรือแก้ไขข้อความ

7.3

7.2
7.1

8. การใส่กรอบข้อความ (Text Frame)

8.1 คลิกที่ปุ่ม “Text”
8.2 คลิกเลือกรูปแบบกรอบข้อความตามความต้องการหรือบลากและวางในพื้นที่การทำงาน
8.3 ดับเบิ้ลคลิกที่ข้อความเพื่อพิมพ์หรือแก้ไขข้อความ

8.4 คลิกที่ “Font” เพื่อเปลี่ยนรูปแบบตัวอักษร
8.5 กำหนดขนาดตัวอักษร

8.4 8.5
8.1 8.3

8.2

9. การกำหนดชุดสี (Color Scheme)

หากต้องการใช้ฟังก์ชันนี้ผู้ใช้งานต้อง อัปเกรด รูปแบบสมาชิก ซึ่งจะมี ค่าใช้จ่าย เพิ่มเติม

10. การเพิ่มแผนภูมิ (Charts)

10.1 คลิกที่ปุ่ม “Tools”
10.2 คลิกเลือก “Charts” จะปรากฏหน้าต่างแผนภูมิขึ้นมา
10.3 พิมพ์ชื่อหัวข้อหรือหัวเรื่องของแผนภูมิลงในช่อง Charts Title
10.4 คลิกเลือกรูปแบบแผนภูมิที่ต้องการเช่น Vertical Bar , Triangle Bar , Horizontal Bar ,Line , Area , Dot ,

Bubble , Scatter Plot , Pie , Stacked Venn , Icon Matrix , Hierarchy , Gauge , Doughnut, Swatch
และ Progress Bar เป็นต้น
10.5 กรอกรายละเอียดข้อมูลต่าง ๆ ลงในตารางซึ่งมีลักษณะคล้ายโปรแกรม Excel

10.6 หรือคลิกที่ปุ่ม “Import Your Data” หากต้องการนำไฟล์ข้อมูลมาใช้งาน
10.7 คลิกที่ไอคอน “ ” เพื่อตั้งค่าข้อมูล

10.2 10.7
10.3

10.6

10.1
10.4

10.5

11. การเพิ่มแผนที่ (Maps)

11.1 คลิกที่ปุ่ม “Tools”
11.2 คลิกเลือก “Maps” จะปรากฏหน้าต่างแผนที่ขึ้นมา

11.3 คลิกเลือกชื่อประเทศ ซึ่งจะมีตัวอย่างแสดงขึ้นมาทางด้านขวามือ หรือใช้การค้นหาโดยใส่ชื่อประเทศที่ต้องการ
ลงในช่อง Search For Countries

11.4 คลิกเลือก “Regions” หากต้องการเพิ่มแผนที่แบบเป็นทวีป
11.5 คลิกที่ปุ่ม “Edit This Map” เพื่อแก้ไขข้อมูลในแผนที่

11.2 11.4

11.5

11.1
11.3

11.6 เปลี่ยนแปลงข้อมูลเพิ่มเติมในตาราง ยกเว้น คอลัมน์ States จะไม่สามารถแก้ไขข้อมูลได้
11.7 กำหนดรูปแบบตามที่ต้องการซึ่งมีรายละเอียด ดังนี้

Map Color : การกำหนดสีของแผนที่แบบทั้งผืน
Border Color : การกำหนดสีเส้นของขอบแผนที่
Show Border Line : เปิด - ปิด การแสดงเส้นขอบของแต่ละจังหวัด
Show Selected Countries : กำหนดการซ่อน - แสดง ให้เห็นพื้นที่ของแต่ละจังหวัด
Search For Countries : ค้นหาข้อมูลจังหวัดที่ต้องการ

11.8 คลิกเลือกคอลัมน์ “Color” เพื่อเปลี่ยนสีแผนที่ของแต่ละจังหวัด
11.9 หากต้องการเพิ่มคอลัมน์ให้คลิกที่ไอคอน “ + ”
11.10 คลิกที่ปุ่ม “Insert Map” เพื่อเพิ่มแผนที่ลงในพื้นที่การทำงาน หรือคลิกที่ปุ่ม “Cancel” เพื่อยกเลิกการเพิ่มแผนที่

11.10
11.7

11.9
11.8

12. การเพิ่มวิดีโอ (Videos)

12.1 คลิกที่ปุ่ม “Tools”
12.2 คลิกเลือก “Videos”
12.3 นำลิงก์วิดีโอที่ต้องการมาใส่ลงในช่อง Video URL
12.4 คลิกที่ปุ่ม “Insert Video” เพื่อเพิ่มวิดีโอลงในพื้นที่การทำงาน
12.5 คลิกที่มุม “ ” เพื่อปรับย่อ - ขยาย ขนาดของวิดีโอ

** หมายเหตุ : การเพิ่มวิดีโอเข้าไปในผลงานของ Piktochart จะรองรับวิดีโอจากเว็บไซต์ 12.5
YouTube กับ Vimeo และสามารถเล่นวิดีโอได้เมื่อดูแบบออนไลน์เท่านั้น **

12.2

12.3
12.1

12.4

1. คลิกที่ปุ่ม “Preview” เมื่อคลิกแล้วจะแสดงหน้าตัวอย่างเพื่อดูภาพรวมของผลงาน 2
2. คลิกที่ปุ่ม “Exit Preview” เพื่ออกจากโหมดการดูตัวอย่าง
3. คลิกที่ปุ่ม “Saved” เพื่อบันทึกผลงาน

31

1. คลิกที่ปุ่ม “Download”
2. คลิกเลือกรูปแบบไฟล์ซึ่งมี 3 รูปแบบ ดังนี้

PNG : ไฟล์รูปภาพ
PDF : ไฟล์เอกสาร
PowerPoint : ไฟล์นำเสนองาน (มีค่าใช้จ่ายเพิ่มเติม)

3. คลิกเลือกคุณภาพของไฟล์ซึ่งมี 3 ระดับ ดังนี้

Normal : คุณภาพไฟล์ระดับธรรมดา

Medium : คุณภาพไฟล์ระดับปานกลาง

High : คุณภาพไฟล์ระดับสูง (มีค่าใช้จ่ายเพิ่มเติม สามารถโหลดฟรีได้เพียง 2 ครั้งต่อวัน)

4. หากต้องการแบ่งไฟล์เป็นส่วน ๆ ให้คลิกเปิดปุ่ม “Download as blocks”

5. คลิกที่ปุ่ม “Download as PNG”

12

4 5
3

สามารถเผยแพร่ได้ผ่านทางลิงก์ URL ดังนี้

1. คลิกที่ปุ่ม “Share”
2. คลิกเปิด “Anyone with the link will be able to view” เพื่อทำให้ทุกคนสามารถดูลิงก์ได้
3. ตั้งชื่อผลงานจากนั้นคลิกที่ปุ่ม “Confirm”
4. คัดลอกลิงก์เพื่อนำไปเผยแพร่