หน้า: [1]
 
แชร์กระทู้นี้ไปยัง Facebookแชร์กระทู้นี้ไปยัง Googleแชร์กระทู้นี้ไปยัง Liveแชร์กระทู้นี้ไปยัง MySpaceแชร์กระทู้นี้ไปยัง Twitterแชร์กระทู้นี้ไปยัง Yahoo
ผู้เขียน หัวข้อ: มาทำ Photoshop Panel ใช้เองกันดีกว่า (เท่ห์สาวกริ๊ดดด!!)  (อ่าน 245 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
เล็ก
สมาชิกชมรม
ขาประจำ
*
ออนไลน์ ออนไลน์

เพศ: ชาย
กระทู้: 1411


ฟังเพลงฟังครูสุรพล ภาพน่าชมบรรจงด้วยนิคอน


pond79
เว็บไซต์
« เมื่อ: กรกฎาคม 24, 2010, 03:15:32 AM »

กริ๊ดดดดดดดดดดดดด...ดดดดดด....ดดด !!!!!




 angry

ยังงงงง !!!

 undecided


อิอิ วันนี้ลองมาดูวิธีทำ Photoshop Panel ใช้เองกันครับ เอ๊ะ ว่าแต่ Photoshop Panel หน้าตามันเป็นยังไง
ลองดูภาพข้างล่างเลยจ่ะ





เอ๊ะ ! นั่นอะไร นั่นมันไม่ใช่คนนี่นา นั่นมันยอดรัก สลักใจ เอ้ย ... ยอดมนุษย์ ! (พี่แอ๊วเป็นคน!)

เลอะเทอะไปกันใหญ่แล้ว เข้าเรื่องกันเลยนะครับ เราจะทำโฟโต้ชอปแพเนลไปทำไมก็ไม่รู้ รู้แต่ว่าทำแล้วดูหล่อชมัดเลย
... เท่านี้ก็เพียงพอแล้ว ฮาา ก่อนอื่น เราต้องโหลดโปรแกรมมาสองตัวครับคือ



หลังจากติดตั้งโปรแกรมเสร็จแล้ว ก็จะปรากฏไอคอนของโปรแกรมขึ้นมาให้ใช้งาน ดังภาพ







มาเริ่มกันเลยครับ


1. เมื่อเข้าโปรแกรมแล้วจะพบกับหน้าตาแบบนี้ ให้กดปุ่ม Create Panel -> เลือก Product เป็น Photoshop CS4 (หรือ
CS5) แล้วกด OK







2. สิ่งแรกที่เราจะเห็นคือหน้าเปล่า ๆ แบบนี้ครับ เจ้าสี่เหลี่ยมตรงกลางคืนแพเนลเปล่า ๆ ของเรา ให้เราตั้งชื่อแพเนลของเราก่อน
โดยพิมพ์ลงไปที่ Panel -> Basic Attributes -> Name ตามภาพ นอกจากนี้เรายังกำหนดความกว้างและความสูงของแพเนล
ได้ด้วย ผมตั้งชื่อเป็น Lek's Panel และกำหนดขนาดเป็น 220px/220px สี่เหลี่ยมจตุรัสครับ







3. หน้าตาของโปรแกรมก็จะเป็นแบบนี้ครับ





  • เมนูทางซ้ายมือจะเป็นอุปกรณ์ต่าง ๆ ที่เราลากมาวางบนแพเนลเราได้
  • เมนูทางขวามือจะเป็นการปรับแต่งอุปกรณ์ต่าง ๆ ที่เราเลือก
  • กล่องด้านล่างขวา จะรวมรายการของหลายสิ่งอย่างที่เราวางไว้บนแพเนล




4. แหม่มันดูงงซะจริง งั้นก่อนอื่นเราต้องให้กำลังใจตัวเองด้วยการเอาภาพเท่ห์ ๆ วางไว้แสดงความเป็นเจ้าของแพเนลที่ไม่ซ้ำใครซะก่อน
จะได้มีกำลังใจในการทำขั้นต่อไป อิอิ
    - เลือกไปที่เมนู WIDGETS
    - ลาก SWF or Image Loader ไปวางเอาไว้บนแพเนลครับ
    - ที่เมนูทางขวา ตรง Basic Attributes ให้กดไอคอนดังภาพ เพื่อเลือกไฟล์ภาพที่จะเอามาวาง
    - เมื่อวางภาพแล้ว เราสามารถกำหนดขนาด หรือลากเปลี่ยนตำแหน่งได้อย่างอิสระครับ













5. แหม่ มันง่ายกว่าที่คิด!! ของหมู ๆ จึงขอจบบทความไว้เพียงเท่านี้ ขอบคุณทุก...

 afro

*โพล๊ะ* (อิอิ ได้เรื่อย ๆ นะเรา) ต่อไปจะยากขึ้นมาหน่อย ผมจะวางปุ่มสำหรับเรียกใช้งาน Action ที่ผมใช้ประจำมาวาง ดังนี้ครับ
    - เลือกไปที่เมนู ACTION/SCRIPT
    - ลากปุ่ม Action มาวางไว้บนแพเนล
    - ค่าทางขวามือที่จำเป็นต้องแก้ไขจะมีอยู่สามค่าคือ Label, Action Name และ Action Set ครับ





ค่าต่าง ๆ เหล่านี้ให้เราอ้างอิงมาจาก Action ที่เรามีอยู่ใน Photoshop
    - Label คือข้อความที่จะแสดงบนปุ่มของเรา ผมแก้เป็น USM จะเห็นว่าที่ปุ่มบนแพเนลจะเปลี่ยนจากแอคชั่นเป็นยูเอสเอ็มด้วย
    - Action Name ผมแก้เป็น Unsharp Mask ตามแอคชั่นย่อภาพในโฟโต้ชอปของผม
    - Action Set คือชื่อกลุ่มสังกัดแอคชั่นที่เราใช้งาน ของผมเป็น Lek แต่ของหลาย ๆ คนอาจจะอยู่ใน Default Actions ก็ให้ใช้ตามนั้นครับ





เราก็ทยอยใส่แอคชั่นต่าง ๆ ที่เราใช้งานบ่อย ๆ ลงไปครับ ของผมก็มีแอคชั่นย่อภาพ แปลงโปรไฟล์สี ใส่กรอบ/ลายน้ำ







6. ทีนี้เรามาลองคำสั่งอื่น ๆ นอกเหนือจากแอคชั่นบ้าง ผมเลยจะทำปุ่มเซฟ เพราะว่ากด Ctrl-Alt-Shift-S บ่อย ๆ แล้วนิ้วมันจะป่วย
สู้เอามาวางเป็นปุ่มกดใช้ทีเดียว สบายกว่ากันเยอะ แฮะ ๆ
    - เลือกไปที่เมนู COMMANDS -> Main -> File
    - ลากปุ่ม Save for Web and Devices ไปวางไว้บนแพเนล
    - คราวนี้เราแก้ที่ Label อย่างเดียวครับอย่างอื่นไม่ต้องไปแก้ ผมตั้งเป็น Save for Web จะได้สั้น ๆ หน่อย





ก็ทยอยใส่ไป แล้วแต่จะเล่นกันนะครับ







7. จากนั้นลองมาตกแต่งแพเนลของเราบ้าง ผมจะวางเส้นขั้น กับข้อความให้ดูโก้นิดหน่อย
    - เลือกไปที่เมนู WIDGETS
    - ลาก HRule มาวาง (เส้นขั้น)
    - ลาก Simple Text มาวาง (ข้อความ)
    - สามารถแก้ไขข้อความได้ทางซ้ายมือ หรือจะกดปุ่มดินสอก็จะมีตัวอดิเตอร์ขึ้นมาให้พิมพ์ได้สบาย ๆ ครับ







เท่านี้เอง เราก็ได้แพเนลแบบง่าย ๆ มาแล้ว ต่อไปก็จะเป็นเรื่องของ


การเซฟและการนำแพเนลไปใช้งาน


8. ถ้าเราต้องการเซฟแพเนล ให้ไปที่เมนู File -> Save ครับ ที่เราต้องเซฟก็เพราะว่า เราจะได้นำแพเนลของเรา
    มาแก้ไขปรับปรุงในโอกาศต่อไปได้ ตามภาพเลยครับ







9. ต่อไปจะเป็นการ Export แพเนลของเราเข้าไปใน Photoshop ให้ไปที่เมนู File -> Export จากนั้นเลือกไปที่
    โฟลเดอร์ที่ Plug-ins\Panels ที่อยู่ในโฟลเดอร์ที่เราติดตั้งโฟโต้ช๊อป
    (เช่น C:\Program Files\Adobe\Adobe Photoshop CS4\Plug-ins\Panels)









10. หลังจาก Export แล้ว ให้เปิดโฟโต้ช๊อปขึ้นมา ไปที่เมนู Window -> Extensions แล้วเลือกชื่อแพเนลที่เราตั้งเอาไว้
     แพเนลก็จะปรากฏกายออกมา พร้อมให้ใช้งาน ฮูเร่ !!!!!!







จบแล้วจ้า!!! ไม่ง่ายเท่าไหร่ แต่ก็ไม่ยากอย่างที่คิด ลองทำกันดูได้นะครับ ผมว่าจริง ๆ แล้วมันก็มีประโยชน์ของมันอยู่ เช่นปรกติ
เวลาเราจะเรียกใช้แอคชั่น เราต้องเปิดแพลีทแอคชั่น คลิ๊กเลือกแอคชั่นที่ต้องการ แล้วคลิ๊กรัน (3 คลิ๊ก) ถ้าเราทำแพเนลขึ้นมาเอง
ก็จะเหลือคลิ๊กเดียว หรือคำสั่งที่ปุ่ม HotKeys ชวนนิ้วพันกันอย่าง Ctrl-Alt-Shift-S (Save for Web) เราก็ลากมาทำเป็นปุ่ม
กดทีเดียวจบ





นอกจากนี้จะเห็นว่าถ้าเรายอมลดความเป็นเซเลบของตัวเองลงได้ เอารูปออกซะ สร้างแพเนลขนาดเล็ก ๆ ก็จะช่วยประหยัดพื้นที่
เอาไปให้แพลีต Layers หรือ History ฯลฯ เป็นต้น ก็จะทำให้การใช้งาน Photoshop ของเรา ปรอดโปร่งโล่งสบายตลอดทั้งคืน
กันเลยทีเดียว

 embarrassed

ด้วยมิตรภาพ .. เหมือนอย่างเคย !!

 kiss
« แก้ไขครั้งสุดท้าย: กรกฎาคม 24, 2010, 03:30:15 AM โดย เล็ก » บันทึกการเข้า

mpk
สมาชิกชมรม
เริ่มติดใจ
*
ออนไลน์ ออนไลน์

เพศ: ชาย
กระทู้: 378



เว็บไซต์
« ตอบ #1 เมื่อ: กรกฎาคม 24, 2010, 03:28:02 AM »

  kiss  kiss  kiss

ขยันจัง ทุ่มเท ตั้งใจมาก
แต่ตอนนี้ ง่วงๆ พรุ่งนี้มาอ่านต่อใหม่ครับ แต่น่าเล่นดีนะ เหมาะสำหรับคนที่ทำงานซ้ำๆ ทำให้ประหยัดเวลาได้มาก
เอาเวลาไปเล่นเกมใน Facebook ได้หลาย level ฮ่า ๆ ๆ
บันทึกการเข้า
nitigan
สมาชิกชมรม
เริ่มติดใจ
*
ออนไลน์ ออนไลน์

เพศ: ชาย
กระทู้: 283



เว็บไซต์
« ตอบ #2 เมื่อ: กรกฎาคม 24, 2010, 07:50:06 AM »

ท่านเล็ก เปิดคอร์สเลยจ้า
บันทึกการเข้า

"ดีใจที่เกิดมาชาติหนึ่ง ถึงเราจะไม่ดีเท่าไหร่"

http://nitigan.multiply.com
PICsUP
ผ่านไปผ่านมา
*
ออฟไลน์ ออฟไลน์

กระทู้: 23


สะนอม จะนับ


« ตอบ #3 เมื่อ: กรกฎาคม 24, 2010, 09:05:38 AM »

ขอโทษครับ น้ารับแต่งภาพด้วยอ้ะป่าว พอดีมีคนเค้าอยากทำภาพขาวดำเป็นภาพสีอะครับ

ถ้ารับโทร.086 244 6แปดๆๆ PICsUP ครับ
บันทึกการเข้า
PAO
สมาชิกชมรม
เริ่มติดใจ
*
ออนไลน์ ออนไลน์

กระทู้: 318



« ตอบ #4 เมื่อ: กรกฎาคม 24, 2010, 10:49:21 AM »

อยากทำรูปเท่ห์ๆแบบในดิสเพล์ของน้าเล็กครับ..ทำไงครับ
บันทึกการเข้า
fool
ขาประจำ
***
ออนไลน์ ออนไลน์

กระทู้: 582



« ตอบ #5 เมื่อ: กรกฎาคม 24, 2010, 11:06:12 AM »

มันช่างโดนใจจริงๆ ฝากรูปไปทำเลยได้ไหม 5555   afro afro
บันทึกการเข้า

เราคนไทยทดแทนไม่สิ้น พระเจ้าแผ่นดิน ทรงพระเจริญ
เราคนไทย พร้อมใจสรรเสริญ....ทรงพระเจริญ พระเจ้าอยู่หัว.....King Of King
zadoong
เริ่มติดใจ
**
ออฟไลน์ ออฟไลน์

เพศ: หญิง
กระทู้: 126


ทำแล้วมีความสุข ก็พอ


zadoong
เว็บไซต์
« ตอบ #6 เมื่อ: กรกฎาคม 30, 2010, 12:10:27 AM »

เริ่ศสุดเลยค่ะน้า.. ว่าแต่น้าเล็กใช้ Photoshop cs5 เลยหรอคะ.. มันดีมั๊ยคะน้า.. ต่างจาก cs4 ยังไงอ่า..  huh


* like.jpg (4.93 KB, 121x49 - ดู 111 ครั้ง.)
บันทึกการเข้า

เล็ก
สมาชิกชมรม
ขาประจำ
*
ออนไลน์ ออนไลน์

เพศ: ชาย
กระทู้: 1411


ฟังเพลงฟังครูสุรพล ภาพน่าชมบรรจงด้วยนิคอน


pond79
เว็บไซต์
« ตอบ #7 เมื่อ: กรกฎาคม 30, 2010, 01:39:14 AM »

ขอโทษครับ น้ารับแต่งภาพด้วยอ้ะป่าว พอดีมีคนเค้าอยากทำภาพขาวดำเป็นภาพสีอะครับ

ถ้ารับโทร.086 244 6แปดๆๆ PICsUP ครับ

ไม่ได้รับคร่าบ ยังไงลองถามดูในบอร์ดตามหาช่างภาพดูนะครับ

อยากทำรูปเท่ห์ๆแบบในดิสเพล์ของน้าเล็กครับ..ทำไงครับ

ใช้ Liquify (Filter -> Liquify) ขยับคิ้ว แล้วก็มาเรียงเป็นภาพเคลื่อนที่ด้วย Animator (Window -> Animator) ใน Photoshop มีหมดจ้า
ส่วนรูปตัดต่อโบราณนั่น ผบ. ทำให้ แฮะ ๆ

มันช่างโดนใจจริงๆ ฝากรูปไปทำเลยได้ไหม 5555   afro afro

แพเนลรูป 18+ ใช่ไม๊น้าโอ้

เริ่ศสุดเลยค่ะน้า.. ว่าแต่น้าเล็กใช้ Photoshop cs5 เลยหรอคะ.. มันดีมั๊ยคะน้า.. ต่างจาก cs4 ยังไงอ่า..  huh

ต่างกันนิด ๆ หน่อย ๆ จ้า ลองดูได้จากเว็บของ Adobe มีวีดีโอให้ดูด้วย

ที่พอได้ใช้ก็มี Content-Aware Fill กะทำไดคัทง่ายขึ้นหน่อย

ถ้าเครื่องไหนทำโปรไฟล์สีจอมอนิเตอร์ด้วย จะแสดงผลสีไม่เหมือนเดิม ขั้นตอนการ proof สีมันเปลี่ยนไปหน่อย
เวอร์ชั่นเก่าสะดวกกว่านะ หุ ๆ

บันทึกการเข้า

pdfrank
ผ่านไปผ่านมา
*
ออนไลน์ ออนไลน์

กระทู้: 88



« ตอบ #8 เมื่อ: กรกฎาคม 30, 2010, 09:21:03 AM »

เยี่ยมมากเลยครับ... ขอบคุณสำหรับความรู้ จด ๆ ๆ ๆ ๆ
บันทึกการเข้า
matchima
เริ่มติดใจ
**
ออนไลน์ ออนไลน์

เพศ: หญิง
กระทู้: 425


เดินบนเส้นทางสายกลาง


« ตอบ #9 เมื่อ: กรกฎาคม 30, 2010, 09:41:28 AM »

ขอบคุณท่านน้าเล็กค๊าาา laugh
เด๋วไปตามน้าเดียวมาอ่านก่อนนะคะ cool
บันทึกการเข้า

แบกขาตั้งกล้องแล้วไปเที่ยวด้วยทุกที่
หน้า: [1]
 
 
กระโดดไป: