LevelUp! Studio » pinkorawin 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/2011/07/01/how-to-make-flower-on-ai%e0%b8%aa%e0%b8%a3%e0%b9%89%e0%b8%b2%e0%b8%87%e0%b8%a0%e0%b8%b2%e0%b8%9e%e0%b8%94%e0%b8%ad%e0%b8%81%e0%b9%84%e0%b8%a1%e0%b9%89%e0%b8%87%e0%b9%88%e0%b8%b2%e0%b8%a2%e0%b9%86/ https://blog.levelup.in.th/2011/07/01/how-to-make-flower-on-ai%e0%b8%aa%e0%b8%a3%e0%b9%89%e0%b8%b2%e0%b8%87%e0%b8%a0%e0%b8%b2%e0%b8%9e%e0%b8%94%e0%b8%ad%e0%b8%81%e0%b9%84%e0%b8%a1%e0%b9%89%e0%b8%87%e0%b9%88%e0%b8%b2%e0%b8%a2%e0%b9%86/#comments Thu, 30 Jun 2011 18:44:04 +0000 http://blog.levelup.in.th/?p=1137

ช่วงนี้นั่ง paint บน SAI ตลอด เพิ่งจะได้วาดภาพ vector บน Illustrator วันนี้เอง คิดไม่ค่อยออกแฮะ..  เอาเป็น เทคนิคการสร้างภาพดอกไม้ ที่มีกลีบซ้อนกันหลายๆชั้นละกันนะคะ = =a

เริ่มจาก new กระดาษขึ้นมาใหม่ ซักประมาณ 20 x 20 cm. ใหญ่ๆไปเลย สะใจ!  จากนั้นเลือกใช้เครื่องมือ polygon ที่เป็นรุปหกเหลี่ยมค่ะ
001

กำหนดรัศมี และขนาด แบบนี้ ^^  OK
002

ใส่สีสันให้ดอกไม้ โดยพาเนล Gradient เลือกเป็นแบบ Radial นะคะ อย่าลืมเอาเส้นขอบออกด้วย

003

click เลือกรูปที่เราวาดไว้เมื่อกี้แล้วเลือกใช้เครื่องมือ Rotate แล้วกำหนดองศา แบบในภาพ แล้วเลือก copy

004

ทำกลีบด้านในเพิ่มอีก โดยใช้คำสั่ง Object >>Transform>>Transform Each
005

กำหนดขนาดแบบนี้เลยค่ะ ><  แล้วเลือก copy
006

ถึงขั้นตอนทำให้ดอกไม้ของเรามีกลีบซ้อนกันหลายๆชั้น โดยกด Ctrl+D ประมาณ 5 ครั้ง จะได้แบบนี้
007

ดัดกลีบซะหน่อย โดยใช้คำสั่ง Effect>>Distort & Transform>>Pucker & Bloat…
008

กำหนดความโค้งค่ะ ประมาณ 150%
009

ฮ่าๆๆ
010

ตรงกลางว่างๆ ก็ใส่เกสร เปลี่ยนสีสันกันไป

011

เสร็จแล้วค่ะ ง่ายมว๊ากกก !! ^^
012

]]>
https://blog.levelup.in.th/2011/07/01/how-to-make-flower-on-ai%e0%b8%aa%e0%b8%a3%e0%b9%89%e0%b8%b2%e0%b8%87%e0%b8%a0%e0%b8%b2%e0%b8%9e%e0%b8%94%e0%b8%ad%e0%b8%81%e0%b9%84%e0%b8%a1%e0%b9%89%e0%b8%87%e0%b9%88%e0%b8%b2%e0%b8%a2%e0%b9%86/feed/ 0
คีย์ลัดในโปรแกรม Photoshop, Illustrator https://blog.levelup.in.th/2011/05/31/shortcut-keys%e0%b8%84%e0%b8%b5%e0%b8%a2%e0%b9%8c%e0%b8%a5%e0%b8%b1%e0%b8%94%e0%b9%83%e0%b8%99%e0%b9%82%e0%b8%9b%e0%b8%a3%e0%b9%81%e0%b8%81%e0%b8%a3%e0%b8%a1-photoshop-illustrator/ https://blog.levelup.in.th/2011/05/31/shortcut-keys%e0%b8%84%e0%b8%b5%e0%b8%a2%e0%b9%8c%e0%b8%a5%e0%b8%b1%e0%b8%94%e0%b9%83%e0%b8%99%e0%b9%82%e0%b8%9b%e0%b8%a3%e0%b9%81%e0%b8%81%e0%b8%a3%e0%b8%a1-photoshop-illustrator/#comments Mon, 30 May 2011 18:02:28 +0000 http://blog.levelup.in.th/?p=1068 สำหรับหัวข้อนี้ ต้องเป็นอะไรที่รวดเร็ว และง่าย เลยนำเสนอลิสคีย์ลัดสำหรับโปรแกรม Photoshop และ Illustrator ^^

เมื่อต้องการความสะดวกและรวดเร็ว การใช้คีย์ลัดจึงมีส่วนให้ชิ้นงานสำเร็จเร็วขึ้น ไม่ต้องลากเม้าท์ไปมาให้ตาลาย ..แต่ต้องฝึกใช้กันบ่อยๆนะคะ เพราะก็ยังจำไม่ได้หมดเหมือนกัน = =

กด a จะได้เครื่องมือในกลุ่ม path selection
กด b จะได้เครื่องมือในกลุ่ม brush
กด e จะได้เครื่องมือในกลุ่ม eraser
กด g จะได้เครื่องมือในกลุ่ม gradlent
กด h จะได้เครื่องมือ hand
กด i จะได้เครื่องมือในกลุ่ม eyedropper
กด k จะได้เครื่องมือในกลุ่ม slice
กด l จะได้เครื่องมือ ในกลุ่ม lasso
กด m จะได้เครื่องมือในกลุ่ม rectangular
กด o จะได้เครื่องมือในกลุ่ม dodge
กด r จะได้เครื่องมือ ในกลุ่ม blur
กด t จะได้เครื่องมือ ในกลุ่ม horizontal
กด u จะได้เครื่องมือ ในกลุ่ม rectangle
กด v จะได้เครื่องมือ move
กด y จะได้เครื่องมือ history brush
กด z จะได้เครื่องมือ zoom

ctrl+ a selectionทั้งเยอร์หรือทั้งเฟรม
ctrl+b ท่านจะได้คำสั่งcolor balance
ctrl+c คำสั่งการcopy
ctrl+d คำสั่งการdeselectหรือการลบselection
ctrl+e คำสั่งการ รวมเลเยอร์2กับเลเยอ์1
ctrl+f คำสั่งการใช้ฟิลเตอร์เมื่อครั้งล่าสุดที่ผ่านมา
ctrl+h คำสั่งยกเลิก extras
ctrl+j คำสั่งการ copy layer
ctrl+l คำสั่งการเรียก levels
ctrl+m คำสั่งการเรียก cuves
ctrl+n คำสั่งการเรียกพื้นที่ทำงานใหม่
ctrl+o คำสั่งการเรียกไฟล์งานที่มีอยู่
ctrl+p คำสั่งการ ปริ้นเตอร์
ctrl+s คำสั่งการเซฟงานต่อเนื่องโดยที่ไม่ต้องผ่านขั้นตอนการเซฟใหม่
ctrl+t คำสั่งการเรียก free transform
ctrl+u คำสั่งการเรียก hue saturation
ctrl+v คำสั่งจากการก๊อปี้แล้วนำมาวาง
ctrl+shift+ b คำสั่งการใช้ auto color
ctrl+shift+d คำสั่งการเรียก selection ครั้งล่าสุดที่เราทำไว้
ctrl+shift+e คำสั่งการรวมเลเยอร์
ctrl+shift+l คำสั่งการใช้ auto levels
ctrl+alt+d คำสั่งการเรียก feater selection เพิ่มเปอร์เซ็นต์ selection
alctrl+t+z เป็นการถอยหลังการทำงานแต่ละขั้นตอน ถ้าเป็นctrl+z ก็จะกลับมาที่การทำงานขั้นสุดท้าย
ctrl+alt + เครื่องหมาย – พื้นที่ทำงานจะย่อลง
ctrl+alt+ เครื่องหมาย + พื้นที่ทำงานจะเพิ่มขึ้น
กด { ขนาดของหัวแปรงต่างๆจะลดลง
กด } ขนาดของหัวแปลงต่างๆจะเพิ่มขึ้น

อาจจะมีคนเคยโพสไว้นานแล้วตามเวบบอร์ดต่างๆเยอะแยะมากมายนะคะ ไม่ทราบว่าจะให้เครดิตกับใคร แห่ะๆ = =’

]]>
https://blog.levelup.in.th/2011/05/31/shortcut-keys%e0%b8%84%e0%b8%b5%e0%b8%a2%e0%b9%8c%e0%b8%a5%e0%b8%b1%e0%b8%94%e0%b9%83%e0%b8%99%e0%b9%82%e0%b8%9b%e0%b8%a3%e0%b9%81%e0%b8%81%e0%b8%a3%e0%b8%a1-photoshop-illustrator/feed/ 2
สร้าง animation ง่ายๆ บน Photoshop CS5 https://blog.levelup.in.th/2011/04/29/how-to-raindrop-animation%e0%b8%aa%e0%b8%a3%e0%b9%89%e0%b8%b2%e0%b8%87-animation-%e0%b8%87%e0%b9%88%e0%b8%b2%e0%b8%a2%e0%b9%86-%e0%b8%9a%e0%b8%99-photoshop-cs5/ https://blog.levelup.in.th/2011/04/29/how-to-raindrop-animation%e0%b8%aa%e0%b8%a3%e0%b9%89%e0%b8%b2%e0%b8%87-animation-%e0%b8%87%e0%b9%88%e0%b8%b2%e0%b8%a2%e0%b9%86-%e0%b8%9a%e0%b8%99-photoshop-cs5/#comments Fri, 29 Apr 2011 09:01:53 +0000 http://blog.levelup.in.th/?p=998 หัวข้อที่ผ่านมาเป็นการสร้างสายฝนให้รูปภาพด้วยโปรแกรม photoshop ..ไหนๆก็เข้าหน้าฝนแล้วมาทำให้ภาพสายฝนทื่อๆดูมีชีวิตชีวาด้วย animation tool ดีกว่า

นี่คือ ภาพเดิมของหัวข้อที่แล้ว

bicycle

เราจะมาทำให้มันแบบแบบนี้ “”

bicycle-ani

สำหรับขั้นตอนอาจจะซ้ำเดิมนิดหน่อย กลับไปดู >> Click <<

เมื่อสร้างสายฝนเสร็จแล้ว ทำการ Duplicate layer ภาพต้นฉบับ

bicycle-ani1

ย้าย layer ที่ copy จากภาพต้นฉบับมาไว้ข้างบนสุด แล้วสร้างสายฝนตามวิธีเดิม

bicycle-ani2

แต่ในขั้นตอนของ Motion blur ให้ปรับค่าเล็กน้อย เช่นภาพเดิมเราปรับค่า Angle ไว้ -75 ก็เปลี่ยนเป็น -77

bicycle-ani3

อย่าลืมปรับค่า Opacity ไว้เท่ากับถาพแรกด้วยนะ ><’

ถึงขั้นตอนการสร้าง Animation .. ในโปรแกรม Photoshop CS5 นั้นจะมีเครื่องมือ Animation อยู่แล้ว ไม่ต้อง สลับไปโปรแกรม image ready อีกต่อไป ^^ ถ้าหาไม่เจอไปเปิดในแถบเครื่องมือ Window

bicycle-ani4

เมื่อได้เครื่องมือ Animation แล้วทำการกำหนดเวลาการเคลื่อนไหว โดยการคลิ๊กขวาที่รูปภาพ แล้วเลือก

bicycle-ani5

ต่อมาเป็นการสร้าง Animation แบบง่ายมากๆ ..โดยการเปิดปิดดวงตา เป็นการสลับภาพไปมานั่นเองงงง

อันดับแรกปิดดวงตาของภาพที่อยู่ตรงกลางก่อน

bicycle-ani6

จากนั้นสร้าง Animation แผ่นใหม่ขึ้นมา โดยคลิ๊กที่รูปกระดาษพับมุม เหมือนการสร้าง layer ใหม่

bicycle-ani7

ได้ animation แผ่นที่ 2 แล้วก็ สลับการปิดเปิดดวงตาซะ ..

bicycle-ani8

แล้วลองกด play ดู .. เท่านี้เราก็จะได้ภาพสายฝนที่ดูมีชีวิตชีวาขึ้นแล้ว .. ลืมไป save ภาพเป็น .gif  ด้วยนะ ^^

bicycle-ani10

.-+**+-.-+**+-.-+**+-.-+**+-.-+**+-.-+**+-.-+**+-.-+**+-

]]>
https://blog.levelup.in.th/2011/04/29/how-to-raindrop-animation%e0%b8%aa%e0%b8%a3%e0%b9%89%e0%b8%b2%e0%b8%87-animation-%e0%b8%87%e0%b9%88%e0%b8%b2%e0%b8%a2%e0%b9%86-%e0%b8%9a%e0%b8%99-photoshop-cs5/feed/ 3
วิธีทำภาพฝนตกด้วย photoshop https://blog.levelup.in.th/2011/03/29/how-to-raindrop%e0%b8%a7%e0%b8%b4%e0%b8%98%e0%b8%b5%e0%b8%97%e0%b8%b3%e0%b8%a0%e0%b8%b2%e0%b8%9e%e0%b8%9d%e0%b8%99%e0%b8%95%e0%b8%81%e0%b8%94%e0%b9%89%e0%b8%a7%e0%b8%a2-photoshop/ https://blog.levelup.in.th/2011/03/29/how-to-raindrop%e0%b8%a7%e0%b8%b4%e0%b8%98%e0%b8%b5%e0%b8%97%e0%b8%b3%e0%b8%a0%e0%b8%b2%e0%b8%9e%e0%b8%9d%e0%b8%99%e0%b8%95%e0%b8%81%e0%b8%94%e0%b9%89%e0%b8%a7%e0%b8%a2-photoshop/#comments Tue, 29 Mar 2011 15:03:15 +0000 http://blog.levelup.in.th/?p=896 อากาศหนาวๆ แถมบางวันยังมีฝนตกแบบนี้เลยนึกอยากทำภาพเหงาๆขึ้นมาซะงั้น  ><’

…..เริ่มเลยนะคะ

เราสามารถปรับแต่ง ภาพๆเดียวให้มีหลายอารมณ์ หลายบรรยากาศง่ายๆได้ด้วยโปรแกรม photoshop และสำหรับการสร้างภาพฝนตกนั้นไม่ยากเลยค่ะ

1) เปิดภาพที่เราต้องการขึ้นมา

bicycle0

2) ทำการก๊อปปี้เลเยอร์ (ctrl+j) หรือ คลิกขวาที่เลเยอร์ เลือก duplicate leyer… และ OK

bicycle1

3) ต่อไปเราจะปรับแต่งแต่ภาพที่ก๊อปปี้ขึ้นมาเมื่อกี้ ^-^ เลือกเมนู Filter > Noice > Add noice…

bicycle2

4) ปรับค่าตามตัวอย่าง ส่วนของ Amount ตามความชอบเลยค่ะ

bicycle3

5) ต่อไปเป็นการสร้างสายฝน เลือกเมนู Filter > Blur > Motion blur…

bicycle4

6) ปรับค่าทิศทาง และ Distance ตามความชอบเช่นกัน = =’

bicycle5

7) ขั้นตอนสุดท้าย ปรับค่า Opacity ประมาณ 45 ก็จะได้ภาพฝนตกแล้วค่ะ ^^

bicycle6

=============================================

bicycle

(^0^// **+.+**+.+**

]]>
https://blog.levelup.in.th/2011/03/29/how-to-raindrop%e0%b8%a7%e0%b8%b4%e0%b8%98%e0%b8%b5%e0%b8%97%e0%b8%b3%e0%b8%a0%e0%b8%b2%e0%b8%9e%e0%b8%9d%e0%b8%99%e0%b8%95%e0%b8%81%e0%b8%94%e0%b9%89%e0%b8%a7%e0%b8%a2-photoshop/feed/ 1
สร้างรอยฉีกขาดง่ายๆด้วย Illustrator https://blog.levelup.in.th/2011/02/28/rib-paper-%e0%b8%aa%e0%b8%a3%e0%b9%89%e0%b8%b2%e0%b8%87%e0%b8%a3%e0%b8%ad%e0%b8%a2%e0%b8%89%e0%b8%b5%e0%b8%81%e0%b8%82%e0%b8%b2%e0%b8%94%e0%b8%87%e0%b9%88%e0%b8%b2%e0%b8%a2%e0%b9%86%e0%b8%94%e0%b9%89/ https://blog.levelup.in.th/2011/02/28/rib-paper-%e0%b8%aa%e0%b8%a3%e0%b9%89%e0%b8%b2%e0%b8%87%e0%b8%a3%e0%b8%ad%e0%b8%a2%e0%b8%89%e0%b8%b5%e0%b8%81%e0%b8%82%e0%b8%b2%e0%b8%94%e0%b8%87%e0%b9%88%e0%b8%b2%e0%b8%a2%e0%b9%86%e0%b8%94%e0%b9%89/#comments Mon, 28 Feb 2011 05:02:39 +0000 http://blog.levelup.in.th/?p=869 ขั้นตอนสั้นๆ ง่ายๆ ของการทำรอยฉีกขาด หรือขีดข่วนบนกระดาษ เริ่มจากเปิดโปรแกรม Illustrator ขึ้นมาและเลือก New (Ctrl+N) แผ่นงานใหม่

เลือกใช้ Pen tool (P) วาดสามเหลี่ยมแหลมๆขึ้นมา 1 รูป อาจให้ผอมๆกว่านี้หน่อยก็ได้นะคะ = =’

28-2-2554-9-43-181

ใส่สีดำ หรือสีอื่นๆที่เราจะใช้เป็นพื้นหลัง อย่าลืมเอา stroke (เส้นขอบ) ออกด้วยนะคะ

28-2-2554-9-44-131

เลือกใช้ pencil tool เพื่อวาดรอยขาดของกระดาษ

28-2-2554-9-47-17

ใส่สี เลือกเป็นแบบ gradient (>) เพื่อไล่สีของรอยขาด

28-2-2554-9-50-06

สร้าง Effect เงาให้รอยขาด เลือก Effect > Stylize > Drop Shadow…

28-2-2554-9-50-571

ปรับตั้งค่าเงา ตามใจชอบ : ))

28-2-2554-9-51-43

28-2-2554-9-52-53

เมื่อได้รอยฉีกแล้ว ก็นำภาพที่ต้องการมาวางใว้ที่ layer สุดท้าย จัดและปรับตำแหน่ง หรือตกแต่งเพิ่มเติม เป็นอันเสร็จเรียบร้อย ^^a

28-2-2554-10-05-47

]]>
https://blog.levelup.in.th/2011/02/28/rib-paper-%e0%b8%aa%e0%b8%a3%e0%b9%89%e0%b8%b2%e0%b8%87%e0%b8%a3%e0%b8%ad%e0%b8%a2%e0%b8%89%e0%b8%b5%e0%b8%81%e0%b8%82%e0%b8%b2%e0%b8%94%e0%b8%87%e0%b9%88%e0%b8%b2%e0%b8%a2%e0%b9%86%e0%b8%94%e0%b9%89/feed/ 1