8
หน้าที1 การสร้างงาน Infographic ผ่านเว็บไซต์ Piktochart 1. เข้าสู่เว็บไซต์ http://piktochart.com 2. การลงทะเบียน สามารถทาได้ 2 วิธี คือ 2.1 ลงทะเบียน โดยการสมัครสมาชิก กรอกข้อมูลรายละเอียดต่างๆ แล้วคลิกปุ่ม CREATE MY ACCOUNT 2.2 ลงทะเบียนผ่าน Google หรือ Facebook คลิกลงทะเบียน 2.2 2.1

การสร้างงาน Infographic ผ่านเว็บไซต์ ......5.4.1 Text ม ร ปแบบของต วอ กษรท อย ในแต ละส

  • Upload
    others

  • View
    5

  • Download
    0

Embed Size (px)

Citation preview

Page 1: การสร้างงาน Infographic ผ่านเว็บไซต์ ......5.4.1 Text ม ร ปแบบของต วอ กษรท อย ในแต ละส

หนาท 1

การสรางงาน Infographic ผานเวบไซต Piktochart

1. เขาสเวบไซต http://piktochart.com

2. การลงทะเบยน สามารถท าได 2 วธ คอ

2.1 ลงทะเบยน โดยการสมครสมาชก กรอกขอมลรายละเอยดตางๆ

แลวคลกปม CREATE MY ACCOUNT

2.2 ลงทะเบยนผาน Google หรอ Facebook

คลกลงทะเบยน

2.2

2.1

Page 2: การสร้างงาน Infographic ผ่านเว็บไซต์ ......5.4.1 Text ม ร ปแบบของต วอ กษรท อย ในแต ละส

หนาท 2

3. การแกไขขอมลสวนตว

4. เรมสรางชนงาน

4.1 เลอกออกแบบชนงานดวยตนเอง (กระดาษเปลา)

4.2 เลอกรปแบบ Template ส าเรจรป ซงจะมรปแบบฟรใหเลอกทงหมด 11 รปแบบ

4.1

4.2

Page 3: การสร้างงาน Infographic ผ่านเว็บไซต์ ......5.4.1 Text ม ร ปแบบของต วอ กษรท อย ในแต ละส

หนาท 3

5. แถบเครองมอมเมนทงหมด 6 เมนหลก ดงน

5.1 เมน Graphics ประกอบดวยเมนยอย 4 เมน คอ

5.1.1 Shapes & Line เปนตวชวยในการสรางรปทรงตางๆ และเสนตรง

5.1.2 Icons เปนสญลกษณหรอรปภาพทใชสอแทนความหมายตางๆ

5.1.3 Photos คลงรปภาพทอยในเวบไซตโดยแบงเปนหมวดหม

5.1.4 Photo Frame คลงกรอบรปภาพในรปแบบตางๆ

5.2 เมน Uploads การอพโหลดรปภาพจากเครองคอมพวเตอร ซงโหมดฟรจะอพโหลดรปภาพ

ไดสงสดจ านวน 20 รปภาพ

5.2

การตงชองาน

5.1.1 5.1.2 5.1.3 5.1.4

Page 4: การสร้างงาน Infographic ผ่านเว็บไซต์ ......5.4.1 Text ม ร ปแบบของต วอ กษรท อย ในแต ละส

หนาท 4

5.3 เมน Background

5.3.1 Background Color การเปลยนสพนหลงและสามารถปรบความโปรงใส

ของพนหลงได

5.3.2 Background Image เปนรปภาพพนหลงหลากหลายรปแบบใหเลอก

5.3.3

5.4 เมน Text

5.4.1 Text มรปแบบของตวอกษรทอยในแตละสวนของงาน infographic มาใหส าเรจรป

โดยแตละรปแบบจะมการก าหนดขนาดและลกษณะตวอกษรทเหมาะสมไวใหแลว

5.4.2 Text Frame กรอบขอความในรปแบบตางๆ

5.3.1

5.3.2

5.4.1

5.4.2

Page 5: การสร้างงาน Infographic ผ่านเว็บไซต์ ......5.4.1 Text ม ร ปแบบของต วอ กษรท อย ในแต ละส

หนาท 5

5.5 เมน Tools

5.5.1 Charts แผนภม หรอ แผนกราฟ ทเขยนขนโดยอาศยการกรอกขอมลรายละเอยด

ทตองการเขาไป

5.5.2 Maps การแทรกแผนทเขาไปในชนงาน โดยแบงตามโซนพรอมบอกรายละเอยด

ของพนทตางๆ

5.5.3 VDO การแทรกวดทศนเขาไปในชนงาน โดยการใสลงควดทศนในชอง Video URL

และคลกปม INSERT

5.6 เมน Import การน าเขา โดยทาง Piktochart รวมมอกบ Surver Monkey เพมฟงกชน

การท าส ารวจขอมลตางๆ ไวส าหรบ Report

5.5.1 5.5.2

5.5.3

5.6

Page 6: การสร้างงาน Infographic ผ่านเว็บไซต์ ......5.4.1 Text ม ร ปแบบของต วอ กษรท อย ในแต ละส

หนาท 6

6. การ Save ปกตระบบจะคอยบนทกรปภาพ Infographic ใหอตโนมต หรอสามารถ

คลกปม SAVED ทแถบมมขวาดานบนเวบไซตไดตลอดเวลา

7. PREVIEW ส าหรบดภาพรวมของ Infographic ทออกแบบไว เพยงคลกทปม PREVIEW

และยงสามารถปรบแตงแกไขไดโดยคลกปม EDIT PREVIEW

8. วธการ Download File น าไปใชงาน ม 2 วธ ดงน

8.1 คลกทเมน File มมบนดานซายมอ แลวคลกท Download as Image

Page 7: การสร้างงาน Infographic ผ่านเว็บไซต์ ......5.4.1 Text ม ร ปแบบของต วอ กษรท อย ในแต ละส

หนาท 7

8.2 คลกทเมน Download มมบนดานขวามอ จะปรากฏหนาจอใหคลกเลอกความละเอยดของ

รปภาพและประเภทของไฟลขอมล จากนนระบบจะดาวนโหลดรปภาพใหอตโนมต โดยรปภาพท

ไดจะมโลโก Piktochart ปรากฏอยใตรปภาพ Infographic

ซงรปภาพ Infographic ทสรางไวทงหมดจะบนทกอย ใน Saved Piktocharts ซง

สามารถเขาดไดโดยคลกทชอผใชงาน แลวคลกท My Saved Piktocharts

Page 8: การสร้างงาน Infographic ผ่านเว็บไซต์ ......5.4.1 Text ม ร ปแบบของต วอ กษรท อย ในแต ละส

หนาท 8

9. PUBLISH การน าสอ Infographic ทออกแบบไปเผยแพร โดยการคลกปม Publish Now และ

คดลอก HTML embed code แลวน าไปวางบนบลอคหรอเวบไซตเพอแสดงผล

10. SHARE การเผยแพรผลงานสสาธารณะผานชองทางตางๆ เชน โซเชยลมเดย อเมล หรอสงออก

ไปยง Evernote