การใช้ Google Drawings ตอนที่ 1 Creating a Website Header ออกแบบ banner 

           

                   Google Drawings (กูเกิล ดรออิ้ง) เป็นซอร์ฟแวร์ที่พัฒนาโดย Google (กูเกิล)โดยการทำงานของ Google Drawings(กูเกิล ดรออิ้ง) ใช้สำหรับวาดภาพหรือ ออกแบบ banner การทำงานเหมือนโปรแกรมวาดรูปทั่วๆไป แต่ Google Drawings(กูเกิล ดรออิ้ง) จะทำงานผ่านเว็บไซต์โดยใช้ Internet ในการบันทึกงาน

 

 

ในตอนที่ 1 สอนเกี่ยวกับการ การทำลิ้งให้มีการตอบโต้เมื่อนำเสอนงาน

ตัวอย่าง Google Drawing ตอนที่ 1

 

แสดงตัวอย่างการทำ Banner
แสดงตัวอย่างการทำ Banner

 

 ขั้นตอนที่ 1:เข้าสู่ Google เลือก Google Drive

แสดงขั้นตอนเข้าใช้งาน
แสดงขั้นตอนเข้าใช้งาน

 ขั้นตอนที่ 2:เลือก My Drive > More > Google Drawing

แสดงขั้นตอนเข้าใช้งาน
แสดงขั้นตอนเข้าใช้งาน

 ขั้นตอนที่ 3:ขั้นตอนการตั้งค่าหน้ากระดาษให้เหมาะสมกับงานของเรา File > Page Setup...

แสดงขั้นตอนตั้งค่าหน้ากระดาษ
แสดงขั้นตอนตั้งค่าหน้ากระดาษ

 ขั้นตอนที่ 4:แสดงหน้าต่างตั้งค่าหน้ากระดาษ เลือก Custom 1000 *300 Pixels > Ok

แสดงขั้นตอนตั้งค่าหน้ากระดาษ
แสดงขั้นตอนตั้งค่าหน้ากระดาษ

 ขั้นตอนที่ 5:เมื่อได้ หน้ากกระดาษที่เราตั้งค่าไว้ ทำการใส่สีพื้นหลัง โดยการคลิกขวา แล้วเลือก Background เลือกสี

แสดงขั้นตอนกรใส่สี
แสดงขั้นตอนกรใส่สี

 ขั้นตอนที่ 6:สามารถใส่ข้อความ โดยเลือก Text box

แสดงการใส่ข้อความ
แสดงการใส่ข้อความ

 ขั้นตอนที่ 7:ปรับตำแหน่งของข้อความ ตามภาพ

แสดงการใส่ข้อความ
แสดงการใส่ข้อความ

 ขั้นตอนที่ 8:ได้ข้อควาทั้งหมดที่ตองการ

แสดงการใส่ข้อความ
แสดงการใส่ข้อความ

 ขั้นตอนที่ 9:เพิ่มลวดลาย ให้ banner ด้วย Shap วงกลม

แสดงการเพิ่มลวดลาย banner
แสดงการเพิ่มลวดลาย banner

 ขั้นตอนที่ 10:ทำการวาดวงกลมที่ต้องการ เลือกปิดสีเส้นขอบ

แสดงการวาดภาพวงกลม
แสดงการวาดภาพวงกลม

 ขั้นตอนที่ 11:และใส่สีให้วงกลม

แสดงขั้นตอนการใส่สีภาพ
แสดงขั้นตอนการใส่สีภาพ

 ขั้นตอนที่ 12:จากนั้นเลือก วงกลมทั้งหมด โดยการกด Ctrl+คลิกซ้าย วงกลมทั้งหมด เลือก Arrange > Order > Send to back 

เพื่อให้วงกลมไม่ทับ ข้อความ

แสดงการปรับภาพไว้ข้างหลัง
แสดงการปรับภาพไว้ข้างหลัง

 ขั้นตอนที่ 13: เมื่อได้ banner ที่เราต้องการ สามารถเลือก File > Downlaod as > JPEG

เป็นการดาวห์โหลดภาพไปใช้งาน

แสดงขั้นตอนดาวห์โหลดไปใช้งาน
แสดงขั้นตอนดาวห์โหลดไปใช้งาน

 

 

 การใช้งาน  Google Drawings(กูเกิล ดรออิ้ง) ในตอนที่ 1 ...

สามารถศึกษาบทอื่นได้ที่.... บทเรียน สอนใช้ Google Apps for Work

 

 

 โดย : http://www.mindphp.com

 

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
Automated test เหมาะสำหรับงานเทสแบบไหน
โดย athirach.offcial ส 30 มี.ค. 2024 12:46 pm บอร์ด Software testing
0
190
ส 30 มี.ค. 2024 12:46 pm โดย athirach.offcial View Topic Automated test เหมาะสำหรับงานเทสแบบไหน
การตรวจสอบภาคจ่ายไฟให้กับ HDD และการระบุปัญหา คอมใช้สัดพักแล้วดับ เครื่อง รีสตาร์ทเอง
โดย mindphp ส 30 มี.ค. 2024 12:43 pm บอร์ด Microsoft Office Knowledge & line & Etc
1
209
ส 30 มี.ค. 2024 12:51 pm โดย mindphp View Topic การตรวจสอบภาคจ่ายไฟให้กับ HDD และการระบุปัญหา คอมใช้สัดพักแล้วดับ เครื่อง รีสตาร์ทเอง
การใช้ Selenium เพื่อเช็คความเร็วของหน้าเว็บ
โดย athirach.offcial ส 30 มี.ค. 2024 12:39 pm บอร์ด Software testing
0
241
ส 30 มี.ค. 2024 12:39 pm โดย athirach.offcial View Topic การใช้ Selenium เพื่อเช็คความเร็วของหน้าเว็บ
การใช้ Python เขียนโปรแกรม GUI เพื่อใช้รัน Selenium
โดย athirach.offcial ส 30 มี.ค. 2024 12:35 pm บอร์ด Software testing
0
206
ส 30 มี.ค. 2024 12:35 pm โดย athirach.offcial View Topic การใช้ Python เขียนโปรแกรม GUI เพื่อใช้รัน Selenium
การใช้งาน Selenium ข้อดีและข้อเสีย
โดย athirach.offcial ส 30 มี.ค. 2024 12:32 pm บอร์ด Software testing
0
161
ส 30 มี.ค. 2024 12:32 pm โดย athirach.offcial View Topic การใช้งาน Selenium ข้อดีและข้อเสีย
แนะนำเวอร์ชัน Python ในปัจจุบัน Python 3.10 หรือ Python 3.11
โดย athirach.offcial ศ 29 มี.ค. 2024 3:20 pm บอร์ด Python Knowledge
0
838
ศ 29 มี.ค. 2024 3:20 pm โดย athirach.offcial View Topic แนะนำเวอร์ชัน Python ในปัจจุบัน Python 3.10 หรือ Python 3.11
การทำงานกับ Selenium ร่วมกับคำสั่ง if-else
โดย athirach.offcial ศ 29 มี.ค. 2024 3:12 pm บอร์ด Software testing
0
200
ศ 29 มี.ค. 2024 3:12 pm โดย athirach.offcial View Topic การทำงานกับ Selenium ร่วมกับคำสั่ง if-else
การใช้ฟังก์ชัน ScreenShot ใน Selenium เพื่อจัดการการถ่ายภาพหน้าจอของเว็บไซต์
โดย athirach.offcial ศ 29 มี.ค. 2024 3:00 pm บอร์ด Software testing
0
168
ศ 29 มี.ค. 2024 3:00 pm โดย athirach.offcial View Topic การใช้ฟังก์ชัน ScreenShot ใน Selenium เพื่อจัดการการถ่ายภาพหน้าจอของเว็บไซต์