LevelUp! Studio » illustrator https://blog.levelup.in.th Experience the new world. Fri, 26 May 2017 10:06:07 +0000 th hourly 1 http://wordpress.org/?v=3.8.1 สร้างรูปซ้ำๆวนเป็นวงกลมใน ai https://blog.levelup.in.th/2017/01/19/%e0%b8%aa%e0%b8%a3%e0%b9%89%e0%b8%b2%e0%b8%87%e0%b8%a3%e0%b8%b9%e0%b8%9b%e0%b8%8b%e0%b9%89%e0%b8%b3%e0%b9%86%e0%b8%a7%e0%b8%99%e0%b9%80%e0%b8%9b%e0%b9%87%e0%b8%99%e0%b8%a7%e0%b8%87%e0%b8%81%e0%b8%a5/ https://blog.levelup.in.th/2017/01/19/%e0%b8%aa%e0%b8%a3%e0%b9%89%e0%b8%b2%e0%b8%87%e0%b8%a3%e0%b8%b9%e0%b8%9b%e0%b8%8b%e0%b9%89%e0%b8%b3%e0%b9%86%e0%b8%a7%e0%b8%99%e0%b9%80%e0%b8%9b%e0%b9%87%e0%b8%99%e0%b8%a7%e0%b8%87%e0%b8%81%e0%b8%a5/#comments Thu, 19 Jan 2017 10:52:10 +0000 http://blog.levelup.in.th/?p=6060 บางทีถ้าต้องการสร้างรูปกราฟฟิคที่อัดอยู่ในวงกลม เป็นแฉกๆ แต่ละด้านเท่าๆกัน

สามารถทำได้โดยไม่ต้องจับหมุนทีละชิ้น แต่ วาดทีเดียวแล้วโปรแกรมหมุนให้เราเลยต่อกันสวยงาม

เริ่มต้นด้วยการสร้าง วงกลมขึ้นมาก่อน เป็นกรอบนอก

01301

จากนั้นไปที่หน้าต่าง apprearance

01302

เลือกใส่ effect ให้ layer’

01303

เลือก Distort&Transform >> Transform

01304

จะมีหน้าต่างนี้ขึ้นมา ตั้งค่าตรง 1 คือจะให้วัตถุหมุนกี่ องศา 2 คือ ต้องการกี่ชิ้น (ไม่รวมชิ้นที่วาด) เช่นต้องการ 6 ชิ้นล้อมวงกลม

ต้องตั้งค่าที่ องศาเป็น 60 จำนวนชิ้นแค่ 5 เพราะ เราจะวาดเองอีก 1 ชิ้นให้โปรแกรมก๊อป 5 ชิ้น

01305

จากนั้นไปวาดรูปในวงกลม

01306

โปรแกรมจะก๊อปให้เราอีก 5 ชิ้น

01307

อยากเพิ่มตรงไหน มันจะก๊อปให้อีก 5 ชิ้นรอบๆ วงกลมตามที่เราตั้งค่าไว้

01308

เติมไปเรื่อยจนได้ลายที่ต้องการ

01309

ลองไปปรับใช้กันดูเพราะสามารถเอาไปใช้วาดพวกวงแหวนที่มีแพทเทิร์นล้อมๆ ได้โดยการวาดทีเดียว

ไม่ต้องก๊อปไปหมุนเองให้กลุ้มใจจ้า

]]> https://blog.levelup.in.th/2017/01/19/%e0%b8%aa%e0%b8%a3%e0%b9%89%e0%b8%b2%e0%b8%87%e0%b8%a3%e0%b8%b9%e0%b8%9b%e0%b8%8b%e0%b9%89%e0%b8%b3%e0%b9%86%e0%b8%a7%e0%b8%99%e0%b9%80%e0%b8%9b%e0%b9%87%e0%b8%99%e0%b8%a7%e0%b8%87%e0%b8%81%e0%b8%a5/feed/ 0 การใช้ path finder เบื้องต้นใน Illustrator https://blog.levelup.in.th/2016/12/28/%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b9%83%e0%b8%8a%e0%b9%89-path-finder-%e0%b9%80%e0%b8%9a%e0%b8%b7%e0%b9%89%e0%b8%ad%e0%b8%87%e0%b8%95%e0%b9%89%e0%b8%99%e0%b9%83%e0%b8%99-illustrator/ https://blog.levelup.in.th/2016/12/28/%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b9%83%e0%b8%8a%e0%b9%89-path-finder-%e0%b9%80%e0%b8%9a%e0%b8%b7%e0%b9%89%e0%b8%ad%e0%b8%87%e0%b8%95%e0%b9%89%e0%b8%99%e0%b9%83%e0%b8%99-illustrator/#comments Wed, 28 Dec 2016 05:02:14 +0000 http://blog.levelup.in.th/?p=6022 path finder เป็นเครื่องมือใน Illustrator ที่ช่วยให้เราสามารถตัดแต่งชิ้น path 2 ชิ้นเข้าด้วยกันได้ เรามาลองใช้ดูกัน

sample32asample32b

1 เมื่อผมมีแอปเปิ้ล กับ ปากกา ถ้าผมอยากได้ ปากกาแอปเปิ้ล ให้ใช้ path finder ตัวนี้ “Unite” จะรวมชิ้น path เข้าด้วยกันได้

 

sample32asample32c

2 เมื่อผมมีแอปเปิ้ล กับ ปากกา แล้วผมอยากตัดปากกาออกจากแอปเปิ้ล เราจะใช้ path finder ตัวนี้ “Minus Front”จะตัดชิ้น path ชิ้นล่างตามรูปร่างของชิ้นที่ทับอยู่

 

sample32asample32d

3 เมื่อผมมีแอปเปิ้ล กับ ปากกา แล้วอยากได้ชิ้น path รูปร่างเหมือนส่วนที่ทับกันอยู่ “Intersect” ใช้ทำหน้าที่นั้น

 

 

 

sample32asample32e

4 “Exclude” พูดง่ายๆก็ตรงกันข้ามกับ “Intersect” นั่นแหละ

]]> https://blog.levelup.in.th/2016/12/28/%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b9%83%e0%b8%8a%e0%b9%89-path-finder-%e0%b9%80%e0%b8%9a%e0%b8%b7%e0%b9%89%e0%b8%ad%e0%b8%87%e0%b8%95%e0%b9%89%e0%b8%99%e0%b9%83%e0%b8%99-illustrator/feed/ 0 ปรับขนาด artboard ให้เหมาะสมกับชิ้นงานใน illustrator https://blog.levelup.in.th/2016/09/29/%e0%b8%9b%e0%b8%a3%e0%b8%b1%e0%b8%9a%e0%b8%82%e0%b8%99%e0%b8%b2%e0%b8%94-artboard-%e0%b9%83%e0%b8%ab%e0%b9%89%e0%b9%80%e0%b8%ab%e0%b8%a1%e0%b8%b2%e0%b8%b0%e0%b8%aa%e0%b8%a1%e0%b8%81%e0%b8%b1%e0%b8%9a/ https://blog.levelup.in.th/2016/09/29/%e0%b8%9b%e0%b8%a3%e0%b8%b1%e0%b8%9a%e0%b8%82%e0%b8%99%e0%b8%b2%e0%b8%94-artboard-%e0%b9%83%e0%b8%ab%e0%b9%89%e0%b9%80%e0%b8%ab%e0%b8%a1%e0%b8%b2%e0%b8%b0%e0%b8%aa%e0%b8%a1%e0%b8%81%e0%b8%b1%e0%b8%9a/#comments Thu, 29 Sep 2016 10:04:50 +0000 http://blog.levelup.in.th/?p=5847 ทำงานออกมาแล้วขนาดเล็กอยู่ตรงกลางกระดาษ อยากให้ขนาดกระดาษเหมาะสมกับตัวชิ้นงาน

ทำงานออกมาแล้วขนาดเล็กอยู่ตรงกลางกระดาษ อยากให้ขนาดกระดาษเหมาะสมกับตัวชิ้นงาน

จะตัดให้พื้นมีขนาดเหมาะกับชิ้นงานก็ไม่รู้จะทำยังไงเพราะมันไม่มีเครื่องมือ crop เหมือนใน
photoshop

กดตัวหัวข้อ document setup บนแถบด้านบน

กดตัวหัวข้อ document setup บนแถบด้านบน
เมื่อกดเข้าไปแล้วจะเจอหน้าต่าหน้าตาแบบนี้ ให้กดตรงปุ่มที่เขียนว่า edit artboard
เมื่อกดเข้าไปแล้วจะเจอหน้าต่าหน้าตาแบบนี้ ให้กดตรงปุ่มที่เขียนว่า edit artboard
จะมาที่หน้าตาแบบนี้

จะมาที่หน้าตาแบบนี้

 

ปรับย่อขยายตามความเหมาะสม

ปรับย่อขยายตามความเหมาะสม

เท่านี้ก็เรียบร้อย

เท่านี้ก็เรียบร้อย

]]> https://blog.levelup.in.th/2016/09/29/%e0%b8%9b%e0%b8%a3%e0%b8%b1%e0%b8%9a%e0%b8%82%e0%b8%99%e0%b8%b2%e0%b8%94-artboard-%e0%b9%83%e0%b8%ab%e0%b9%89%e0%b9%80%e0%b8%ab%e0%b8%a1%e0%b8%b2%e0%b8%b0%e0%b8%aa%e0%b8%a1%e0%b8%81%e0%b8%b1%e0%b8%9a/feed/ 0 blend tool ใน illustrator https://blog.levelup.in.th/2016/07/30/blend-tool-%e0%b9%83%e0%b8%99-illustrator/ https://blog.levelup.in.th/2016/07/30/blend-tool-%e0%b9%83%e0%b8%99-illustrator/#comments Sat, 30 Jul 2016 01:49:08 +0000 http://blog.levelup.in.th/?p=5704 ปกติเราเคยใช้ blend กับตัวหนังสือใน psd ช่วยให้โค้งช่วยจัดระยะ วันนี้ลองเอามาใช้ใน illustrator เพื่อช่วยแรเงาดูบ้าง

สมมติเราอยากจะแรงเลา สี่เหลี่ยมชิ้นนี้ด้านข้าง

สร้างวัตถุขึ้นมาก่อน

สร้างวัตถุที่จะทำเงามาข้างๆ

สร้างวัตถุที่จะทำเงามาข้างๆ

สร้างอีกชิ้นนึงนำมาวางด้านล่าง

สร้างอีกชิ้นนึงนำมาวางด้านล่าง

เลือก blend

เลือก blend

มันจะก๊อปปี้ขึ้นมาซ้ำๆจากว้ตถุที่เราเลือก จากชิ้นบนสุดถึงล่างสุดในบริเวณที่เราเลือกไว้

มันจะก๊อปปี้ขึ้นมาซ้ำๆจากว้ตถุที่เราเลือก จากชิ้นบนสุดถึงล่างสุดในบริเวณที่เราเลือกไว้

ถ้าถี่เกิไปไม่มีปัญหา ไปที่ blend option

ถ้าถี่เกิไปไม่มีปัญหา
ไปที่ blend option

เลือกหัวข้อ specified steps จะเอากี่ชิ้นก็ใส่ไป

เลือกหัวข้อ
specified steps
จะเอากี่ชิ้นก็ใส่ไป

กด enter บุ้มมมม

กด enter บุ้มมมม

ลองเอาไปปรับใช้เวลาแรเงา แนวๆ hipster ดูก็ดีนะ

]]> https://blog.levelup.in.th/2016/07/30/blend-tool-%e0%b9%83%e0%b8%99-illustrator/feed/ 0 ทำเส้น Wave / ZigZag ใน illustrator https://blog.levelup.in.th/2016/05/29/%e0%b8%97%e0%b8%b3%e0%b9%80%e0%b8%aa%e0%b9%89%e0%b8%99-wave-zigzag-%e0%b9%83%e0%b8%99-illustrator/ https://blog.levelup.in.th/2016/05/29/%e0%b8%97%e0%b8%b3%e0%b9%80%e0%b8%aa%e0%b9%89%e0%b8%99-wave-zigzag-%e0%b9%83%e0%b8%99-illustrator/#comments Sun, 29 May 2016 05:36:30 +0000 http://blog.levelup.in.th/?p=5502 Distort&Transform > ZigZag 3.เลือก Corner จะได้เป็นเส้นแบบ Zigzag 4.เลือก Smooth จะได้เป็นเส้นแบบ Wave ส่วนOptionอื่นๆลองเอง โตแล้ว]]> วิธีการทำเส้นเป็น Wave/Zigzag ตามรูป

1.สร้างเส้นตรงง่ายๆขึ้นมา

2.Select เส้น 1 เส้น แล้วไปที่ Effect > Distort&Transform > ZigZag

3.เลือก Corner จะได้เป็นเส้นแบบ Zigzag

4.เลือก Smooth จะได้เป็นเส้นแบบ Wave

ส่วนOptionอื่นๆลองเอง โตแล้ว

]]> https://blog.levelup.in.th/2016/05/29/%e0%b8%97%e0%b8%b3%e0%b9%80%e0%b8%aa%e0%b9%89%e0%b8%99-wave-zigzag-%e0%b9%83%e0%b8%99-illustrator/feed/ 0