หลังจากหันมาใช้ GIMP และไม่ได้ใช้ Photoshop เกือบเดือนแล้ว
ก็พบว่า GIMP เป็นโปรแกรมที่ใช้ง่ายเหมือนๆ กันครับ ไม่แพ้ Photoshop เลยครับ
(http://img2.f0nt.com/01/6517d5dbc1149029737882d26e1687d6.png) (http://www.gimp.org/)
^ คลิกแล้วกดที่ลิงก์ Download ครับ
ในบอร์ดเราใครใช้กันบ้างครับ ผมชอบหลายๆ ที่เลยครับ เช่น:
(http://img2.f0nt.com/03/103ccbff527ad92c3f6f3cc2f710d27b.png)
-
สามารถสคริปต์ได้ (Scriptable) โดยสามารถใช้ได้หลายภาษาครับ
Scheme / Python / Perl — ตัวอย่างเว็บที่ใช้ www.flamingtext.com
- ใน GIMP 2.4 จะมีสคริปต์ต่างๆ สำหรับทำโลโก้ง่ายๆ ครับ
เป็นตัวอย่างของการนำ Script-Fu มาใช้ครับ
-
สระไม่ลอย ไม่จม วรรณยุกต์ไม่เบี้ยวครับ ลองทั้งฟอนต์แม็ค วินโดวส์
และก็ฟอนต์จากฟ๐นต์ครับ เช่นคำว่า กตัญญู ก็แสดงผลได้ถูกต้องครับ
ไม่ต้องพึ่งโปรแกรมครับ
-
เวลาเซฟเป็นไฟล์ PNG แล้ว สีจะไม่เปลี่ยนใน IE (ถ้าเป็นโฟโต้ชอบสีมันจะแปลกๆ)
ใครมีเทคนิคเจ๋งๆ อะไรก็ช่วยๆ กันโพสต์นะครับ
ป.ล. อยากสอน Ext JS ด้วยอ่ะ แต่ไม่ค่อยมีแรง ยากอีกตั้งหาก
(http://img2.f0nt.com/03/74e80168be7c78752cef2b4c0de9ddab.png)
(คลิกได้เลยไม่เปิดหน้าต่างใหม่)
อัพเดต: แก้ลิ้งค์ต่างๆ ครับ พอเพจโหลดเสร็จแล้วจะเลื่อนไปยังหัวข้อที่ต้องการเอง
- แนะนำเครื่องมือต่างๆ ใน GIMP (http://www.tryoss.org/page/Gimp_Tools) (GIMP 2.2) (เปิดหน้าต่างใหม่เพราะคนละเว็บ)
- เทคนิกการทำ Drop Shadow หรือ Glow (http://www.f0nt.com/forum/index.php/topic,11951.msg774243.html#post_dropshadow)
- การเซฟเป็นรูป .GIF โดยไม่ให้รูปแตก ตอนทำเป็น Transparent GIF (http://www.f0nt.com/forum/index.php/topic,11951.msg774243.html#post_export)
- การตั้งค่าเมาส์ปากกาบนลินุกซ์ในโปรแกรม GIMP (http://www.f0nt.com/forum/index.php/topic,11951.msg774256.html#post_tabletpc)
- การทำตัวนูน (Bevel) (http://www.f0nt.com/forum/index.php/topic,11951.msg774631.html#post_bevel)
- การทำภาพเคลื่อนไหว Animated Gif (http://www.f0nt.com/forum/index.php/topic,11951.msg775259.html#post_animatedgif)
- การจับภาพหน้าจอ (Screenshot) (http://www.f0nt.com/forum/index.php/topic,11951.msg774971.html#post_screenshot)
- การทำโลโก้อย่างง่าย (http://www.f0nt.com/forum/index.php/topic,11951.msg774971.html#post_xtnslogo)
- เทคนิกโฟโต้ชอป Fresh Gloss ใน GIMP (http://www.f0nt.com/forum/index.php/topic,11951.msg776410.html#post_zymicgloss)
- การทำวอลเปเปอร์สไตล์ Mac แบบสวยๆ ใน GIMP (http://www.f0nt.com/forum/index.php/topic,11951.msg776524.html#post_macwallpaper)
- เทคนิกการทำ Pattern ไว้ใช้เอง (http://www.f0nt.com/forum/index.php/topic,11951.msg777789.html#post_patternmaking)
- Liquid Rescale / Retarget ใน GIMP (http://www.f0nt.com/forum/index.php/topic,11951.msg778572.html#post_lqr)
- การ Slice รูปเพื่อใช้ทำเว็บ (http://www.f0nt.com/forum/index.php/topic,11951.msg779629.html#post_slice)
(http://img2.f0nt.com/03/f8a39cda16f109492c74d561d9af26bb.png)
- หากปิดหน้าต่างหลักคือเป็นการปิดโปรแกรม หากต้องการซ่อนหน้าต่างหลักให้กด Tab
- แน่นอน หากหน้าต่างหลักหาย กด Tab สักครั้งสองครั้ง เดี๋ยวมันก็มาเอง
- หน้าต่างเลเยอร์หาย กด Ctrl + L
- ไม่ต้องห่วงว่าตั้งค่าอะไรผิด ปิดกิมป์แล้วเปิดใหม่จะกลับมาเป็นแบบเดิมเอง
- แต่ถ้าต้องการบันทึกการตั้งค่าเครื่องมือ (ตั้งไว้ดีแล้ว ว่างั้นเหอะ) ไปที่ File -> Preferences
ความแตกต่างในเมนู ในโฟโต้ชอบ
- เครื่องมือต่างๆ ใน Free Transform จะมาเป็น Tools แยกๆ ในหน้าต่างหลัก
- เมนู Image -> Adjustment มาใช้่เมนู Color แทน
Hotkeys
- Duplicate Image -> Ctrl+D (ไม่ใช่ Deselect นะครับ)
- Duplicate Layer -> Ctrl+Shift+D
- Deselect -> Ctrl+Shift+A
- Fill with Foreground Color -> Ctrl + ,
- Fill with Background Color -> Ctrl + .
- Select Invert -> Ctrl+I (ไม่ใช่ทำภาพเนกะทีฟครับ)
คิดได้แค่นี้แหละ นอกนั้นคิดไม่ออกแล้ว
ใน deviantart มีบรัชของ GIMP ให้ดาวน์โหลดไปใช้ด้วยค่ะ
ถ้าใครสนใจจะใช้โปรแกรมถูกกฎหมายก็ทดลองกันได้เลย
ส่วนตัว..มีมันทั้งสองโปรแกรมเลย :37:
เอ้อ ลืมบอกไปว่า Gimp มันเป็นโปรแกรม Gtk
สามารถแต่งธีมได้ครับ แต่ต้องโหลดธีมมาคอมไพล์เองนะครับ
ผมคอมไพล์ไปได้ 4 - 5 ธีมแล้ว สวยๆ ทั้งน้าน...
ได้แตะนิดนึงตอนที่ทำรูป Boot Splash ใส่ใน Grub แต่หลัง ๆ พอมาใช้ก็เริ่มหาเครื่องมือไม่เจอ (เำพราะไปลง Gimp Shop หรือเปล่าไม่รู้)...หวังว่าจู๋นี้..จะช่วยฟื้นความทรงจำให้ผมนะครับ... :12:
อ้างคำพูดจาก: Dyorer Terminate เมื่อ 01 ม.ค. 2008, 02:05 น.
ได้แตะนิดนึงตอนที่ทำรูป Boot Splash ใส่ใน Grub แต่หลัง ๆ พอมาใช้ก็เริ่มหาเครื่องมือไม่เจอ (เำพราะไปลง Gimp Shop หรือเปล่าไม่รู้)...หวังว่าจู๋นี้..จะช่วยฟื้นความทรงจำให้ผมนะครับ... :12:
Gimp 2.4 นี่เปลี่ยนไปเยอะมากเลยครับ
แต่ใช้ง่ายขึ้นมากครับ ยกตัวอย่างเช่น สามารถขยาย Selection ได้ครับ
(http://img2.f0nt.com/01/a79a5a00dcfb9cd2279bafff1da914d1.png)
การทำ Drop Shadow
(กลับไปที่สารบัญ (http://www.f0nt.com/forum/index.php/topic,11951.msg773935.html#post_toc))
วิธีนี้คงรู้กันดีครับ แต่ใครเป็นมือใหม่จะสอนให้ครับ
สำหรับตอนนี้ผมมีเลเยอร์ข้อความอันนึง
(http://img139.imageshack.us/img139/355/y5sqzq1.th.jpg) (http://img139.imageshack.us/my.php?image=y5sqzq1.jpg)
ก่อนอื่นต้องแปลงเลเยอร์นี้ให้เป็นเลเยอร์ธรรมดาก่อนครับ
(หมายถึง แก้ข้อความไม่ได้แล้วครับ)
(http://img139.imageshack.us/img139/1967/y5w3ya0.th.jpg) (http://img139.imageshack.us/my.php?image=y5w3ya0.jpg)
ต่อไปเราก็สามารถแต่งเลเลอร์ใหม่นี้ตามสะดวกครับ
จะเห็นว่ายากหน่อยเพราะโฟโต้ชอปมีเลเยอร์สไตล์ครับ
หากต้องการแก้สีก็กดปุ่ม Lock ตรงใต้ Opacity ของเลเยอร์ครับ
หลังจากแก้สีก็ได้แบบนี้ครับ สามารถกดปุ่มโคลนเลเยอร์ได้เลยครับ
(http://img139.imageshack.us/img139/8139/y63lne9.th.jpg) (http://img139.imageshack.us/my.php?image=y63lne9.jpg)
ตอนนี้จะมี 2 เลเยอร์ครับ ในเลเยอร์ข้างล่างก็ให้กดปุ่ม ล๊อก แล้วเติมสีดำครับ (กด d แล้ว ctrl+, ครับ)
ต่อไปก็เอาปุ่มล๊อกออก แล้วคลิกขวาที่เลเยอร์นั้นครับ แล้วกด Layer to Image Size ครับ
เงาจะได้ไม่ตกขอบ แล้วกด Filters -> Blur -> Gaussian Blur ครับ ตั้งขนาดตามชอบเลยครับ
ตอนนี้ออกมาเป็นแบบนี้ครับ
(http://img143.imageshack.us/img143/2100/y71gwx8.th.jpg) (http://img143.imageshack.us/my.php?image=y71gwx8.jpg)
การ Export เป็นไฟล์ .GIF แบบโปร่งโดยไม่ให้ขอบแตก
(กลับไปที่สารบัญ (http://www.f0nt.com/forum/index.php/topic,11951.msg773935.html#post_toc))
ขอแนะนำว่าให้กด Ctrl+D เพื่อให้สร้าง Duplicate เสียก่อนครับ
ต่อไป หากเราต้องการจะทำ Transparency ก็ให้ลบ Layer Background ทิ้งไปก่อนครับ
จะได้โปร่งๆๆๆๆๆๆ แล้วก็ Merge ให้เป็นเลเยอร์เดียวเลยครับผม
(http://img339.imageshack.us/img339/4057/y7axqr9.th.jpg) (http://img339.imageshack.us/my.php?image=y7axqr9.jpg)
ต่อไปจะตั้งค่า Matte ให้เป็นสีอะไรให้ตั้งเป็นแบ๊กกราวน์ครับ
แล้วก็กด Layer -> Transparency -> Semi Flatten
(http://img292.imageshack.us/img292/3208/y7f6di8.png) (http://imageshack.us)
ตั้งเป็น Indexed แล้วก็ Export เป็น GIF เลยครับ
:46:
ความรู้มาอีกแล้ว
(+1)
การตั้งค่าเมาส์ปากกาบนลินุกซ์ (หากโชคดีมีสักอัน)
(กลับไปที่สารบัญ (http://www.f0nt.com/forum/index.php/topic,11951.msg773935.html#post_toc))
สำหรับคนใช้เมาส์ปากกา บนลินุกซ์ สามารถตั้งค่าให้รับค่า Sensitivity ได้ด้วยครับ
ก่อนอื่นต้องตั้งค่า X.org ให้ใช้งานได้กับปากกาครับ ลองอ่านๆ ตาม Manual ดูครับ
วิธีทดสอบก็ลองใช้เมาส์ปากกาจิ้มบนจอ แล้วดูว่าเมาส์เลื่อนไหม
ใครใช้ Ubuntu 7.04 สามารถใช้เมาส์ปากกาบน Tablet PC ได้เลย
ใครใช้ Ubuntu 7.10 ต้องไป Uncomment บางบรรทัดใน /etc/X11/xorg.conf ครับ
โดยไปที่ File > Preferences -> Input Devices -> Configure Extended Devices ->
แล้วก็จะเห็น eraser, cursor, stylus ครับผม ตรงโหมด แก้เป็น Screen ก็เสร็จครับ
(http://img212.imageshack.us/img212/562/testtestux8.png) (http://imageshack.us)
ปากกาตราแมวใช้บนลินุกซ์ได้หรือเปล่าครับ (Ubuntu 7.10) :09:
พอดียังไม่เคยเอามาต่อกับ Laptop เพราะไม่กล้า (Laptop ของพี่ชายเสียบปากกาแล้วดับไปเลย ต้องแกะแบตออกมาใส่ใหม่ถึงจะเปิดได้) :38:
อ้างคำพูดจาก: Dyorer Terminate เมื่อ 01 ม.ค. 2008, 12:54 น.
ปากกาตราแมวใช้บนลินุกซ์ได้หรือเปล่าครับ (Ubuntu 7.10) :09:
พอดียังไม่เคยเอามาต่อกับ Laptop เพราะไม่กล้า (Laptop ของพี่ชายเสียบปากกาแล้วดับไปเลย ต้องแกะแบตออกมาใส่ใหม่ถึงจะเปิดได้) :38:
อันนี้ไม่ทราบเหมือนกันครับ แต่ก็น่าจะมีไดรเวอร์เหมือนกันแหละั
อ๊ะ น่าสนใจ เพราะลงวินโดว์รอบนี้ยังไม่ได้ลงฉอบ
ทำ Bevel ใน GIMP
(กลับไปที่สารบัญ (http://www.f0nt.com/forum/index.php/topic,11951.msg773935.html#post_toc))
อ้่างอิง: http://www.novell.com/coolsolutions/feature/17391.html
สมมติว่าผมทำข้อความมาอีกอันนึง
แล้วทำการ Discard Text Information (Rasterize) เรียบร้อยแล้ว
(ดูโพสต์แรกๆ สำหรับวิธีการแปลงเลเยอร์ข้อความเป็นเลเยอร์ธรรมดา (http://www.f0nt.com/forum/index.php/topic,11951.msg774243.html#post_dropshadow))
แล้วก็ทำการทำซ้ำเลเยอร์ (Duplicate) ครับ (ดูโพสต์แรกๆ (http://www.f0nt.com/forum/index.php/topic,11951.msg774243.html#post_dropshadow))
(http://img220.imageshack.us/img220/3268/z381ik2.th.jpg) (http://img220.imageshack.us/my.php?image=z381ik2.jpg)
บนเลเยอร์ข้างบน ให้กดล๊อก แล้วเทสีขาวลงไปครับ แล้วค่อยเอาล๊อกออกครับ
เสร็จแล้วคลิกขวาที่เลเยอร์บน แล้วกด Alpha to Selection ครับ
ต่อไปก็คลิก Filter -> Blur -> Gaussian Blur ครับ
ตั้งค่าตามต้องการครับ
(http://img220.imageshack.us/img220/9230/z3eeta4.th.jpg) (http://img220.imageshack.us/my.php?image=z3eeta4.jpg)
กดที่เลเยอร์ข้างล่างแล้ว Filters -> Map -> Bump Map ครับ
ในกล่องบนสุดให้เลือกเลเยอร์อันบนครับ
(http://img220.imageshack.us/img220/6049/z3kwaw2.png)
ตั้งค่าตามสบายเลยครับ
พอกดโอเคแล้ว สุดท้ายค่อยมาลบเลเยอร์ด้านบนครับ
เปลี่ยนชื่อซะจำไม่ได้เลยง่ะ คุณ ดีทีทีวีบี (อ๊ะป่าวหว่า)
อ้างคำพูดจาก: สหายเดือน เมื่อ 01 ม.ค. 2008, 23:47 น.
เปลี่ยนชื่อซะจำไม่ได้เลยง่ะ คุณ ดีทีทีวีบี (อ๊ะป่าวหว่า)
ถูกแล้วครับ
เอาชื่อกับนามสกุลมา แล้วเอาพยางค์สุดท้าย แล้วตัดให้เหลือตัวแรกครับ
Thai PangsakulyaNontว่าแต่ แล้่วจะเอาชื่อมาด้วยทำไมเนี่ย.....
การทำ Screenshot
(กลับไปที่สารบัญ (http://www.f0nt.com/forum/index.php/topic,11951.msg773935.html#post_toc))
มีหลายวิธีมากครับ แต่สองวิธีดังๆ ก็คือ.........
1. กด Print Screen แล้วในหน้าต่างเครื่องมือ ให้กด File -> Acquire -> Paste as New ครับ
2. ในหน้าต่างเครื่องมือให้กด File -> Acquire -> Screen Shot ครับ แล้วก็เลือกว่าจะ
- Grab a single window : เลือกหน้าต่างเดียว
พอกดโอเคแล้ว ให้ลากเครื่องหมายบวก (Crosshair)
ไปยังหน้าต่างที่ต้องการได้เลยครับ
- Grab the whole screen : เอาทั้งหน้าจอ
ข้อดีของมันคือ กำหนดเวลาได้เหมือนกันครับ
แต่อันนี้ยอมรับว่าสู้ SnagIt ไม่ได้ แต่ก็ถือว่าดีครับ
ทำโลโก้สวยๆ ในหนึ่งนาที
(กลับไปที่สารบัญ (http://www.f0nt.com/forum/index.php/topic,11951.msg773935.html#post_toc))
ในหน้าต่างหลัก ไปที่ Xtns -> Logos แล้วเลือกแบบที่ต้องการเลยครับ
แก้ข้อความ แก้สี แก้่ค่าต่างๆ กด โอเค แล้วก็มาเลยครับ
เดี๋ยวลองเล่นดูครับ :12: +
การทำ Animated GIF ใน GIMP
(กลับไปที่สารบัญ (http://www.f0nt.com/forum/index.php/topic,11951.msg773935.html#post_toc))
คือ ให้ทำแต่ละเลเยอร์เป็นเหมือนแต่ละเฟรมครับ
พอจะลองเล่นๆ ดูก่อน ก็ให้กดซ่อนเลเยอร์ให้เหลือแต่อันล่างสุดแล้วค่อยๆ เพลย์ทีละอันครับ
(http://img227.imageshack.us/img227/8739/0l5iwc7.th.jpg) (http://img227.imageshack.us/my.php?image=0l5iwc7.jpg)
พอพอใจแล้วก็ให้กด Filters -> Animation -> Optimize (For Gif)
แล้วถ้าจะเพลย์ ก็ให้กด Filters -> Animation -> Playback ครับ
หากต้องการจะแก้เวลา ให้แก้ที่ชื่อเลเยอร์ครับ
เสร็จแล้วเซฟเป็นไฟล์ .GIF ได้เลยครับ แล้วให้เลือก Save as Animation
ป.ล. แนะนำให้ Semiflatten ก่อนไม่งั้นเลเยอร์อาจจะออกมาหยาบๆ แบบนี้ครับ
(http://img2.f0nt.com/02/23a50b9ef69dbb75659266192956987a.gif)
ตัวอย่าง -- นำมาทำ favicon
(http://dt.in.th/dt.in.th.gif)
โอ้ว....เป็นประโยชน์มากครับ + :12:
:22: แจ่มเลย กำลังหัดใช้เหมือนกัน
Fresh Gloss
(กลับไปที่สารบัญ (http://www.f0nt.com/forum/index.php/topic,11951.msg773935.html#post_toc))
จากบทความโฟโต้ชอป: http://www.zymic.com/tutorials/photoshop/fresh-gloss/
(ใครที่ไม่รู้วิธีอะไรในนี้สามารถ ดูที่กระทู้นี้ครับ (http://www.f0nt.com/forum/index.php/topic,11951.msg774243.html#post_dropshadow))
เริ่มแรก ทำไฟล์ใหม่ แบ็กกราวสีขาวครับ วาดข้อความมาอันหนึ่งก่อน ใส่สีสดๆ เข้มๆ ครับผม
เปิดหน้าเลเยอร์ขึ้นมา แล้วกด Layer To Image Size เพื่อให้ขนาดเต็มครับ
โปรแกรม GIMP จะทำการ Discard Text Information ให้โดยอัตโนมัติครับ
(http://img89.imageshack.us/img89/8611/2my5mj3.png)
Shadow
ทำซ้ำเลเยอร์โดยการกด Duplicate Layer หรือ Ctrl+Shift+D ครับ
ตั้งชื่อเลเยอร์บนว่า ข้อความต้นฉบับ (แล้วแต่นะครับ ตั้งเป็นอะไรก็ได้)
ส่วนเลเยอร์ข้างล่าง ตั้งชื่อว่า เงา
คลิกที่เลเยอร์เงา กดล๊อกเลเยอร์ เติมสีดำลงไปครับ แล้วเอาล๊อกออกครับ
ไปที่ Filters -> Blur -> Gaussian Blur ใส่ค่า 10 กับ 10 ลงไปครับ (แก้ได้ครับ)
แล้วตั้งความทึบเลเยอร์เงาไว้เหลือสัก 70 เปอร์เซ็นครับ
(http://img86.imageshack.us/img86/2936/2n6qur4.jpg)
Stroke
คลิกขวาที่เลเยอร์ ข้อความต้นฉบับ แล้วเ้ลือก Alpha To Selection
(เหมือนๆ กับ Ctrl+Click แหละครับ)
กดเมนู Select -> Grow แล้วใส่เลข 2 ลงไปครับ
คลิกที่เลเยอร์ เงา แล้วกดสร้างเลเยอร์ใหม่ ตั้งชื่อว่า... เส้นขอบ แล้วกันครับ
พอสร้างแล้วเติมสีขาวลงไปจะได้แบบนี้ครับ
(http://img2.f0nt.com/03/403781e99cc57654271509198c60379b.jpg)
กด Ctrl+Shift+A เพื่อยกเลิกการเลือกครับ (Deselect)
หรือกดเมนู Select -> None ก็ได้ครับ
คลิกขวาที่เลเยอร์ข้อความต้นฉบับ แล้วกด Alpha to Selection
แล้วกดเมนู Select -> Shrink ใส่ค่า 1 ครับ
ต่อไป เลือกสีสดๆ ให้เข้ากับสีที่ใช้อยู่ครับ
เลือกเครื่องมือ Gradient แล้วในกล่องข้างล่าง แก้ตรง Gradient เป็น FG to Transparent
แล้วลากทับข้อความเก่าครับ ลากแค่ครึ่งบนพอครับ ถ้าจะลากให้ตรงกด Ctrl ระหว่างลากครับ
กด Ctrl+Shift+A เพื่อเอา Selection ออก
(http://img2.f0nt.com/03/4cbbe4a70084c0dd6c6db5858a19be00.png)
Bevel
คลิกที่เลเยอร์ข้อความต้นฉบับแล้วกด Duplicate Layer (Ctrl+Shift+D)
ตั้งชื่อว่าเลเยอร์ " ตัวนูน " แล้วกันครับ กดล๊อกแล้วเติมสีขาวลงไปเลยครับ เสร็จแล้วเอาล๊อกออก
กด Filters -> Blur -> Gaussian Blur -> 3 x 3 ครับ
กดซ่อนเลเยอร์ ตัวนูนครับ
กดเลเยอร์ ข้อความต้นฉบับ แล้ว Filter -> Map -> Bump Map ครับ
ใส่ค่าตามที่คิดว่าสวย กด OK เป็นอันเสร็จครับ
(http://img2.f0nt.com/03/ee5f51f52f533517955ee8fbe8bb3cbc.png)
เจ๋ง :25:
การทำ Wallpaper สไตล์ Mac
(กลับไปที่สารบัญ (http://www.f0nt.com/forum/index.php/topic,11951.msg773935.html#post_toc))
(http://img2.f0nt.com/03/9f5c76962bde51bfecac31b90fdf501c.png)
อันนี้สวยมากๆ ครับผม ไปเจอมาครับ อันนี้อธิบายไว้ได้ดีมากเลยครับ
ลิงค์: http://gimp-tutorials.net/node/106
สนับสนุนโดย tryoss.org
:30:
:25: บวกค่า
(จู๋นี้ไม่ขึ้นหิ้งคอมเหรอ :37:)
ตะเองก็ยกขึ้นหิ้งดิ กระจู๋ดีขนาดนี้แล้ว
การสร้าง Pattern ใช้เอง
(กลับไปที่สารบัญ (http://www.f0nt.com/forum/index.php/topic,11951.msg773935.html#post_toc))
การทำ Pattern ใช้เอง ทำให้สามารถวาดลวดลายซ้ำๆ ได้ครับ
ยกตัวอย่างเช่นรูปนี้แล้วกันครับผม สร้างไฟล์มาขนาด 5x5
แล้วลบเลเยอร์ Background ทิ้งครับ สร้างเ้ลเยอร์ใหม่ จากนั้นใช้ดินสอ วาดสีขาวครับ
จะได้แบบนี้ครับ
(http://img90.imageshack.us/img90/6643/4bm3sj6.png)
กดเซฟไฟล์เลยครับ ไปที่โฟลเดอร์
C:\Documents and Settings\Username\.gimp-2.4\patterns
บนลินุกซ์ไปที่โฟลเดอร์ home ของยูเซอร์ตัวเองครับ ไปที่
.gimp-2.4 แล้วไปที่ patterns
พิมพ์ชื่อไฟล์ตามด้วย .pat ย้ำ! .pat
แล้วกดเซฟครับ มันจะให้ใส่ชื่อ Pattern ครับ
ใส่ๆ ไปแล้วกดโอเคครับ
ต่อไป เปิดหน้า Pattern ขึ้นมา.... (หาไม่เจอดูเมนู Dialogs ครับ)
กดปุ่ม Refresh ตรงข้างล่าง แล้ว... ปิ๊ง!! มาแล้ว!
(http://img2.f0nt.com/04/92df0724d02fa2467ba8be684f414c8c.jpg)
เราสามารถใช้ได้โดยใช้เครื่องมือถังสีครับผม
(http://img2.f0nt.com/04/824239801fba344e77f4690d166e4e94.png)
:45: :45: :45: - -" ขยันดีจริง ลิงน้อย(N) :46: จะเรียนรู้ ตามที่ลิงน้อย แนะนำ
ปล. เอาไปทิ้งไว้ที่ ที่ลิงน้อย เป็ด admin ด้วยก็ดีนะ บทความดีๆ ที่ลิงน้อย เขียนขึ้นเอง อ่ะ เดี๋ยวคนเว็บนู้นตามมาเจอ จะน้อยใจ
โห เพิ่งเห็นครับ :12:+
เขียนดีและน่าติดตามอ่าน
เหมือนเป็นการโฆษณาของดีที่ใครเข้ามาปั๊บก็อยากหัดอยากเป็นมั่ง
แจ๋วจริง ลองดิ
รอทำกระจู๋ให้เสร็จเป็นระยะๆ จะเซฟหน้าเว็บเอาไปหัดทำบ้าง
อยากเก่งกะเค้าซักอย่างนึง :25:
Liquid Rescale
(กลับไปที่สารบัญ (http://www.f0nt.com/forum/index.php/topic,11951.msg773935.html#post_toc))
ผมจำได้ว่าเคยเห็นพูดๆ กันเกี่ยวกับปลั๊กอินตัวนี้มาบ้างแล้วครับ
จำได้ว่าเจอมาจากเว็บ Blognone (http://www.blognone.com/node/5770) ตามด้วยเว็บ iannnnn.com (http://iannnnn.com/2007/464) ซึ่งลิงค์มาที่ฟ๐นต์ (http://www.f0nt.com/forum/index.php/topic,4802.msg703101.html#msg703101) อีกทีครับ ครับ
ตอนนี้ ปลั๊กอินตัวนี้สามารถทำได้หลายอย่างมากครับ
และดูน่าใช้ขึ้นมากครับ
Download: http://liquidrescale.wikidot.com/en:download-page
Layer > Liquid Rescale
(http://img2.f0nt.com/05/d151059040c8e0fa7bfc070f72e6f567.jpg)
สามารถเลือก Preserve บางส่วนได้ และสามารถเลือก Discard ได้ด้วยครับ
ป.ล. GIMP สามารถเซฟไฟล์รูปเป็น HTML ได้ด้วยนะครับ ลองเซฟตามด้วย .html ดู
ลง Gimp ไว้แต่ไม่รู้ว่ามันทำได้ขนาดนี้ :25:
เคยลงไว้แล้วก็ลบ :25:
เก่งมากเลยค่ะ :25:
สนใจมาเขียนกอลลั่มในนิตยสารมั้ยคะ
เฮ้ย ตกใจกระจู๋หาย! อ่อ อยู่นี่นี่เอง
//////////////////////////////
การทำ Image Slice ใน GIMP
(กลับไปที่สารบัญ (http://www.f0nt.com/forum/index.php/topic,11951.msg773935.html#post_toc))
การทำ Slice ใน GIMP นั้นยากกว่า Photoshop หลายเท่าครับ
แต่ผมใช้อยู่ตลอด หลังจากเลิกโฟโต้ชอปไปได้เดือนกว่าๆ
โดยปกติ Photoshop จะแบ่ง Slice แล้่วเซฟเป็นไฟล์ให้
และหากเลือกจะ Generate HTML ให้อีกด้วยครับ
แต่ใน GIMP นี้ ไม่มีเครื่องมือ Slice ไม่มีการเซฟเป็น HTML
ดังนั้นเราต้องทำเองหมดครับ ข้อดีคือ ทำให้เราไม่ขี้เกียจครับ
ในตอนนี้ผมได้รับแบบดีไซน์ TryOSS.org อันใหม่มาจากน้องเฟรมครับ
(http://img2.f0nt.com/06/02405a0d5beff88e094ea31a37530a81.png)
เว็บส่วนใหญ่ เสนอวิธีนี้ครับ ในการทำ Image Slice:
- Select
- Copy <-- 4 ขั้นตอนง่ายๆ ?
- Paste ในการทำ Slice
- Save
ดังนั้น ก่อนอื่นเพื่อไม่ให้ไฟล์เก่าเสียหายก็กด Ctrl+D
เพื่อก๊อบไฟล์เก่าไปไว้ไฟล์ใหม่เสียก่อนครับ
ถึงตอนนี้รูปต้องพร้อมนะครับ ต้องแน่ใจว่าจะไม่มีการแก้ไขอีก
Image -> Flatten Image เพื่อรวมให้เป็น Layer เดียวครับ จะได้ก๊อบง่าย
ต่อมา ลากเส้นจากไม้บรรทัด ด้านบนลงมาเลยครับ
View -> Snap to Canvas Edges เพิ่อให้เวลาเลือกแล้วเส้นจะติดขอบได้
(http://img2.f0nt.com/06/9cc1fd35643bf6ba439a09e08b1327f5.png)
หลังจากนั้นครับ หยิบเครื่องมือ Rectangle Select Tool มาเลยครับ
ขั้นตอนในการก๊อบคือ เมื่อเลือกบางส่วนได้แล้ว กด Ctrl+C
ไปหน้าต่าง GIMP แล้วเลือก File -> Acquire -> Paste as New
(http://img2.f0nt.com/06/6a6ec97fb4d30541144981547bbdbea6.png)
กดเซฟเลยครับ เป็นไฟล์อะไรก็ได้ .gif .jpg .png
เสร็จแล้วกลับไป Select ใหม่ึครับ
พอเซฟครบทุกไฟล์แล้วก็ทำ HTML เลยครับ
จะใช้ Table , CSS หรือยังไงก็ได้ครับ
ตามสบาย
แต่ถ้าทำเสร็จแล้วจะรู้สึกภูมิใจมากครับ
(http://img2.f0nt.com/06/5072a277cff92df457a4f2dff798e617.png)
(http://img2.f0nt.com/06/caed6a07ebbc074635055bd0ac8d38aa.png)(http://img2.f0nt.com/06/8b710a5995d333cddf756db93e92465a.png)
ป.ล. ลืมบอกไป มีปลั๊กอินเอาไว้สไลซ์รูปอยู่ 2 ตัวครับ ใช้ง่ายมากๆ
ลากเส้น Guide แล้วก็ได้เป็น HTML เลย
ได้แก่ Perlotine กับ Py-Slice ครับ
อ้างคำพูดจาก: N เมื่อ 06 ม.ค. 2008, 09:19 น.
ดังนั้นเราต้องทำเองหมดครับ ข้อดีคือ ทำให้เราไม่ขี้เกียจครับ
อย่างฮา :30:
อ้างคำพูดจาก: สหายเดือน เมื่อ 06 ม.ค. 2008, 02:09 น.
เก่งมากเลยค่ะ :25:
สนใจมาเขียนกอลลั่มในนิตยสารมั้ยคะ
ยังไม่ตอบเลยง่ะตัวเอง :05: (จิกไม่เลิก)
อ้างคำพูดจาก: สหายเดือน เมื่อ 06 ม.ค. 2008, 11:29 น.
ยังไม่ตอบเลยง่ะตัวเอง :05: (จิกไม่เลิก)
เขียนคอลั่มน์ อะไีรหรอครับ
ปกติไม่ค่อยอ่านนิตยสาร อ่านแต่ Feed เลยไม่รู้เรื่อง
กำลังทำการ หัด ใช้ อยู่ งุงิงุงิ ขยันจริง :45: :45: ลิงน้อยยยยยย :43:
อ้างคำพูดจาก: N เมื่อ 06 ม.ค. 2008, 12:26 น.
เขียนคอลั่มน์ อะไีรหรอครับ
ปกติไม่ค่อยอ่านนิตยสาร อ่านแต่ Feed เลยไม่รู้เรื่อง
http://www.f0nt.com/forum/index.php/topic,11910.0.html
ค่ะ :25:
เผื่อว่าจะสนใจ :25:
อ้างคำพูดจาก: สหายเดือน เมื่อ 06 ม.ค. 2008, 12:48 น.
http://www.f0nt.com/forum/index.php/topic,11910.0.html
ค่ะ :25:
เผื่อว่าจะสนใจ :25:
ยากไหมครับ :10:
แล้วแต่จะเขียนเลยค่ะ :25:
ให้เข้ากะตีมก็พ้อออ
(จอมอลอกันดีไหม)
ดี :21:
ได้มีกอลลั่มสาระแล้วเว้ย อ่านไม่รู้เรื่องแน่ :30:
อ้างคำพูดจาก: คุณแอน เมื่อ 06 ม.ค. 2008, 15:53 น.
ได้มีกอลลั่มสาระแล้วเว้ย อ่านไม่รู้เรื่องแน่ :30:
อ้าว :08:
ซ้าดดดด :30:
เก็บดาวสนุกมากเลยนะ :17:/
อ๋า น่าลองหามาเล่นมั่งแล้ว :25:
Foreground Selection Tool
How to use it.
เป็นเครื่องมือเอาไว้เลือกบางส่วนของรูปครับผมโดยไม่ต้องค่อยๆ ลาก
ให้เสียเวลาครับผม เอาไว้เลือกส่วนที่สีต่างๆ กันครับ
นี่คือรูปต้นฉบับครับ
(http://img2.f0nt.com/07/a9f9b292742ead81fc9c5dfc07b1c9d6.png)
เลือกเครื่องมือ Foreground Selection Tool ครับ
ลากครอบรูปภาพเลยครับ
(http://img2.f0nt.com/07/f13aee09100b2abc531da0d72b172859.png)
ต่อไป ลากทับส่วนที่สำคัญๆ ของรูปครับ
ไม่ต้องลากมากก็ได้ครับ
(http://img2.f0nt.com/07/a33ff3a4fddeff458962372a539a1860.png)
ส่วนที่เราเลือกมาแล้ว หากไม่พอใจยินดีคืนเงินกด Esc ครับ
(http://img2.f0nt.com/07/c2c65ace2567a2fa29416edf789aca19.png)
แต่หากพอใจ กด Enter ครับผม จะได้ Selection ครับ
(http://img2.f0nt.com/07/d71627523b2effd87fd0f02de9d4ec89.png)
สุดยอดไหมล่ะครับ ไม่ต้องลากทีละส่วนๆ ให้เสียเวลาครับ
ระบบนี้ใช้เทคนิก SIOX (http://www.siox.org/) ในการเลือกรูปครับ
เฮ้ย เนียนขนาด :07:
โคะ ทำได้ขนาดนั้นเลย :18:
อนุบาลงาน Script-Fuตอนที่ ๑ - หัดภาษา Scheme
สำหรับคนที่ใช้ GIMP ในการทำอะไรบ่อยๆ แล้วหล่ะก็
คงอยากที่จะมีตัวช่วยทำให้เสร็จเร็วขึ้นสิครับ
น่าเสียดายที่ GIMP นั้นไม่มี Actions เพื่อให้เราสามารถ Record ได้
แต่ว่ามีอย่างอื่นที่สามารถนำมาใช้แทนได้ครับ
นั้นคือ Script-Fu ครับผม โดยเราใช้ภาษา Scheme ในการเขียนครับ
โดยสำหรับคนกำลังหัด ให้ไปที่เมนู Xtns -> Script-Fu -> Script-Fu Console
(http://img2.f0nt.com/08/95afa864c2d6888ec7c8ee52ade955f9.png)
การใช้งานก็คือ ...... ใส่โค้ดลงไปครับ
แล้วผลลัพธ์ที่ออกมาจากโค้ดก็จะแสดงให้เห็นครับ
ภาษา Script-Fu ไม่เหมือนภาษาโปรแกรมทั่วๆ ไป1. ชื่อฟังก์ชั่นนั้นอยู่ข้างใน! โดยปกติเวลาเราเขียนโค้ดต่างๆ อย่างเช่นภาษา C, PHP
หรือแม้แต่ภาษา CSS เรามักเอาชื่อฟังก์ชั่นไว้ข้างนอกวงเล็บครับ
- functionname()
- functionname(arg1, arg2, arg3)
ภาษา Scheme นั้น ชื่อฟังก์ชั่นอยู่ข้างในวงเล็บนะครับ
ยกตัวอย่างเช่น:
- (functionname)
- (functionname arg1 arg2 arg3)
เริ่มรู้สึกแปลกๆ รึยังครับ และสังเกตได้ด้วยว่า ไม่มี
เครื่องหมายคอมม่า ระหว่างฟังก์ชั่น กับค่าที่สงไป
2. เครื่องหมายบวก ลบ คุณ หารก็เป็นชื่อฟังก์ชั่นนะครับ ยกตัวอย่างเช่น ถ้าเราต้องการหาผลบวกของ 5 + 7
ปกติในภาษาโปรแกรมทั่วไป เครื่องหมายพวกนี้ถือเป็น Operator ครับ
แต่ว่าในภาษา Scheme เป็นฟังก์ชั่นครับ
ลองพิมพ์โค้ดข้างบนนี้ลงไปครับ ใน Console ครับ จะเห็นตัวเลข
12 ขึ้นมาแทนครับ แล้วถ้าเราต้องการทำ (5 + (8 * 5)) หล่ะครับจะทำยังไง...
ก็ทำอย่างงี้ไง!
แล้วถ้าเราจะทำแบบว่า... เอ่อ.... 9 + 4 + (2 * 2 * 2) + 5 หล่ะครับ
ก็ไม่ยากครับ ทำแบบนี้
สำหรับโพสต์นี้ขอทิ้งคำถาม ง่ายๆ ก่อนแล้วกันครับ
อย่างน้อยก็ได้รู้ว่ายังมีคนเข้าใจคำที่ผมพูดอยู่ครับ :35:
งั้น คำถามให้ลองคิด ก็คือ... มีสี่เหลี่ยม กว้าง 13 ยาว 14 จะใช้โค้ดอะไรในการคำนวน
พื้นที่ และัก็ เส้นรอบรูปครับ ลองคิดดูครับ
(http://img112.imageshack.us/img112/631/218jx6.gif)
สำหรับขา Scheme
http://www.codenone.com/node/592
แนะนำ fivedots ลิงก์นะครับ :27:
ตามเข้ามาบวกอย่างเดียวเลยครับ :32:
อนุบาลงาน Script-Fuตอนที่ ๒ - หัดภาษา Scheme ต่อ
จากข้อข้างบน คำตอบก็คือ
- (* 13 14) :14:
- (+ (* 13 2) (* 14 2)) :14:
การประกาศตัวแปร
(let*
(
(ชื่อตัวแปร๑ ค่าเริ่มต้น)
(ชื่อตัวแปร๒ ค่าเริ่มต้น)
)
(โค้ดการทำงานต่างๆ)
)
; (โค้ดข้างนอกจะไม่สามารถใช้งานตัวแปรใน let* ได้ครับ)เช่น
(let* ( (ตัวเลข 5) ) (+ ตัวเลข 1) )ครับ และเราก็สามารถแก้ไขค่าของตัวแปรนั้นๆ ได้ด้วย โดยใช้คำสั่ง
(set! ชื่อตัวแปร ค่า)ตามตัวอย่างครับ:
(let* ( (กว้าง 13) (ยาว 14) (พื้นที่) ) (set! พื้นที่ (* กว้าง ยาว)) พื้นที่ )ซึ่งเมื่อเรียงแล้วก็ได้ดังนี้ครับ
(let*
(
(กว้าง 13)
(ยาว 14)
(พื้นที่)
)
(set! พื้นที่ (* กว้าง ยาว))
พื้นที่
)หรือเ้ราจะทำแบบนี้ก็ได้
(let*
(
(กว้าง 13)
(ยาว 14)
(พื้นที่ (* กว้าง ยาว))
)
พื้นที่
)คำถามทิ้งท้าย -- โค้ดต่อไปนี้จะให้ค่าออกมาว่าอะไรครับ ลองเดาๆ กันดูครับ :52:
(let* ((ตัวเลข 1)(ตัวเลขที่สอง 3)) (set! ตัวเลข (+ ตัวเลข ตัวเลขที่สอง)) (set! ตัวเลข (* ตัวเลข ตัวเลข)) ตัวเลข)
ซู๊ดดดด หย้อดดดดดดดด มากครับ... คุณ N :45:
ว่าแต่... ที่เค้า บวกๆ กันนี่... ไปบวกตรงไหนครับ ? :09:
อ้างคำพูดจาก: BlueWings เมื่อ 05 พ.ค. 2008, 01:00 น.
ซู๊ดดดด หย้อดดดดดดดด มากครับ... คุณ N :45:
ว่าแต่... ที่เค้า บวกๆ กันนี่... ไปบวกตรงไหนครับ ? :09:
ยศยังไม่ถึงครับ เดี่ยวก็บวกได้ ใจเย็นๆ
เข้ามาชม แล้วออกไปแบบงงๆครับ :30:
พึ่งเห็นจู๋นี้
น่าเล่นดีครับ :46:+
ตอบข้อข้างบน 16 รึเปล่าครับ
โปรแกรมเขาดีจริง
คน PR ก็สุดยอด :12: +
อ้างคำพูดจาก: N เมื่อ 07 ม.ค. 2008, 18:50 น.
Foreground Selection Tool
How to use it.
เป็นเครื่องมือเอาไว้เลือกบางส่วนของรูปครับผมโดยไม่ต้องค่อยๆ ลาก
ให้เสียเวลาครับผม เอาไว้เลือกส่วนที่สีต่างๆ กันครับ
นี่คือรูปต้นฉบับครับ
(http://img2.f0nt.com/07/a9f9b292742ead81fc9c5dfc07b1c9d6.png)
เลือกเครื่องมือ Foreground Selection Tool ครับ
ลากครอบรูปภาพเลยครับ
(http://img2.f0nt.com/07/f13aee09100b2abc531da0d72b172859.png)
ต่อไป ลากทับส่วนที่สำคัญๆ ของรูปครับ
ไม่ต้องลากมากก็ได้ครับ
(http://img2.f0nt.com/07/a33ff3a4fddeff458962372a539a1860.png)
ส่วนที่เราเลือกมาแล้ว หากไม่พอใจยินดีคืนเงินกด Esc ครับ
(http://img2.f0nt.com/07/c2c65ace2567a2fa29416edf789aca19.png)
แต่หากพอใจ กด Enter ครับผม จะได้ Selection ครับ
(http://img2.f0nt.com/07/d71627523b2effd87fd0f02de9d4ec89.png)
สุดยอดไหมล่ะครับ ไม่ต้องลากทีละส่วนๆ ให้เสียเวลาครับ
ระบบนี้ใช้เทคนิก SIOX (http://www.siox.org/) ในการเลือกรูปครับ
ชอบเทคนิกนี้ :07: :25:
ถ้าสระไม่ลอย เดี๋ยวเราเจอกันแน่นอน
ปล. หัด Scribus ไปพร้อมกันในคราวเดียวดีไหมนะ