# ขั้นตอนการเริ่มทำงาน

## ขั้นตอนการเริ่มทำงาน

* **เมื่อเราเข้ามาในหน้าหลัก เริ่มต้นขั้นตอนแรกต้องสร้าง Frame ขึ้นมา** เมื่อเรากดที่เครื่องมือ Frame ซ้ายมือจะขึ้นขนาด Frame ต่าง ๆ ที่ตัวโปรแกรมกำหนดไว้ให้แล้ว เราสามารถนำตรงนี้มาใช้ได้

![](https://lh3.googleusercontent.com/q539z_objtk-JvhX8dG12_b_2npkcI6QmE0D410qajtkTpMW_4Lkfo_FCKyEUWGpj1wODrcXUxxlg6KrlyJAXAMn4aW9tuNlqjR2Jvsw9Uu3_xAftylyib5O80FA1Dwr3rxm8hyP)

* &#x20;**เมื่อเราสร้าง Frame แล้วจะขึ้นเฟรมนั้นอยู่ตรง Layers ของงาน** เราสามารถแก้ไข้ชื่อ Farme และดู Object ต่าง ๆ ที่เราทำได้จากตรงนี้

![](https://lh6.googleusercontent.com/hLbEcjq_QZFlbcNZ8ERiwX6Vv5T7PuVxvuhcZ_vqqL--v3c7f7zdJ4T0vEtQDAESgK4gwsSPsRAlHA06QOFwD6gJAnoacE_M5eLhe1lYxXPGCiV8y882lODbR4UO71aoEEcqTwOx)![](https://lh5.googleusercontent.com/gYuAcdQeZo8d-sbBh3-xLAZ4LDOBoGx0KVdI65R6xy46B6FME26ojVULBBGWku6pS35DR4sMCorUa-G5z5GicZeTAmaadsD-PxtC0zm8VmBoJyNhtp1kgd0OezHNFXLP0p5Gccsd)

* **มี Frame แล้วเราก็ต้องใส่รูปร่างต่าง ๆ ลงใน Frame โดยใช้เครื่องมือ Shape tools**

![](https://lh6.googleusercontent.com/0SsjlgsqudfGb6aDMfjQf7SJ3C4goqjpafHedau1vqLCXVIBJTLzrQ3v58VyOJkwuGseQGJ6_bE7aFJkeQe6kMGGMeWr6pXg5TD8V74PRuIj3KdoFOvE1GUTUzyktbZoPBAiGnuF)

{% hint style="info" %}
#### ในการกำหนดขนาด ความมน สีและอื่น ๆ สามารถกำหนดได้จากขวามือของโปรแกรมโดยส่วนหลัก ๆ ที่ต้องรู้คือ

<img src="https://lh6.googleusercontent.com/ORWlNL4W-Y5VPM0Ntot2IBTPWGXkLeicxoKdEwCeMTDq-MmrNx6kLvaRiXZqlAGR4nt7hVe31vADOHY5o42nw7p03u6-rVbrrroXdqfgP0ixZ-bIpXX3LMMu_h6-Jy5oGdSCY-6T" alt="" data-size="original">

เอาไว้ปรับขนาดความกว้างยาว และความมนของรูปทรง

![](https://lh6.googleusercontent.com/QMkD-P8XbR_NB4QJusYVRBBQkkYbNJDk7T4G86GOr7IlT2Jxu17VGsTeUYNQ9JK7o5KnjNh8MQt-DguTKSRuk9y88NscfB5UK9EOsiNdeaAlpKmR279Yc-GwBvah1KhigM0adJ18)

เอาไว้ใส่สีให้กับรูปทรงรวมถึงสีเส้นและขนาดของเส้นด้วย
{% endhint %}

* **การใส่ Text เราจะใช้เครื่องมือ Text พิมพ์ข้อความที่ต้องการและปรับขนาด สี และอื่น ๆ ได้จากแถบตรงขวามือของโปรแกรม**

![](https://lh3.googleusercontent.com/c6ubq20FWWTP0VsVqOHYOd2Z2RLWNtcZKCfTtQ6ZtO9X-FouOejX_ZKJoaec3iAbbC8v7AKQr5n7PfGWzkUUfCtu8JjF0pqIvCEzUbxzgrzRd8CG8Pg8uwLI3499PPW5GsRHqIG_)

{% hint style="info" %}
**โดยที่จะต้องรู้หลัก ๆ ก็คือ**

![](https://lh4.googleusercontent.com/7E8qcflVp_OOjwww5_RxywRrnd0tRjgjsIOX651KVMXhMVGOzPzG0oXlp5xPWE7iyGtIfUWse2aXVVLnptMdMSncuwjvZFHxust-cwFnCMx2MrBTOfdBHuPJ3PEWcV2bor6Mf6KE)

Text สำหรับปรับฟอนต์ ขนาดและความหนาของ Text

Fill สำหรับเปลี่ยนสีของตัวหนังสือ
{% endhint %}

* **งาน ๆ นึง เราสามารถมี Frame หลาย ๆ หน้าได้ ซึ่งเราจะดู Frame ได้จาก Layers (ซ้ายมือ)**

![](https://lh6.googleusercontent.com/VG9fGcueoU6-9vSKPgv12LwJLcj3_FFb0W4MUCnagn7vQPykM8qx5xWZctnOKDHUX12O99mk86Z_MqyxLGarRZTHs2fkTaJ4MuzyL3ADlQdlhN5eQjkkkmc2lXXZReIHy3SdZ5o2)

* **ถ้าเราอยากให้แต่ละ Frame เชื่อมหากัน พอกด frame1 จะไปหา frame2 เราจะใช้ Prototype ลากจากจุดที่ต้องการให้เชื่อม มายังอีก Frame นึง**

![](https://lh4.googleusercontent.com/pAe1WahY-mMCFkBn0IF0GYf-smDtO8UDyd5c9GWTNvNG8nrAs3XB1XSYIl4-bC1K0gazGLNCLuMhyw8fMlp4vO_OfGUAZyJCtnkTNhORvRfxEB9ppk8EDgDvRq47ZPxV-OsMpnir)

![](https://lh5.googleusercontent.com/7aZf5uThAXJXe5YBxhgooaKTbZQsXGBsWUarXsqupZGX2okDhDMbj81IdcROUpD8qmkdFCWH2p1nmdVBpI5aWrChIgq5I8OYjI3ayE20SAy7FTPOKcS8KLQRDCLWh2WaOjyj68MS)

* **เราสามารถกด Present เพื่อทดสอบ Prototype ที่เราลองทำ**

![](https://lh6.googleusercontent.com/aD0Z1lHik0qe-HuxF8djudq5VL9iT4v16wyRW9aM6tfMzYmtRAZ-mNjgJrv_BH0vH7Am6LAPKQ06SuWMZoLNOQ2Z7_GIhwni3Y1RUZ-_fhLfrtdzHOyAKdUXBe1luyB4nh4xMPAI)

![](https://lh3.googleusercontent.com/XW3A1TJKn8NUgqGQqKjMkkbhdEvZqyyouDBIP6f4-3sSS9WQEgAlWeyM9c8HgRBiAH3yE-NWTUNUHA7GA8s6FbqYc8STqI1Mgk-c0NOvKO9i0FZeItPVGUdSPldIkEEadb1BLsnp)
