ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

ThaiSEOBoard.com< กดยุบ (ห้องยกเลิกการใช้งาน)สาระคำถามทั่วไป (ย้ายไป cafe)แบ่งปัน - ขั้นตอนการทำ Banner อย่างง่ายจาก Photoshop ตั้งแต่ CS3
หน้า: [1] 2 3   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: แบ่งปัน - ขั้นตอนการทำ Banner อย่างง่ายจาก Photoshop ตั้งแต่ CS3  (อ่าน 22992 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
smile_yim
Verified Seller
สมุนแก๊งเสียว
*

พลังน้ำใจ: 389
ออฟไลน์ ออฟไลน์

กระทู้: 685



ดูรายละเอียด เว็บไซต์
« เมื่อ: 27 พฤษภาคม 2011, 13:58:10 »

สำหรับมือใหม่จริงๆครับ ลองศึกษาดูนะครับ

Thanks: ฝากรูป

A. เปิดโปรแกรม Photoshop ขึ้นมา ทำการตั้งขนาด Banner ก่อน โดยเลือก File – New

1. เลือกไปที่ Custom
2 + 3  ตั้งค่าขนาด Banner ที่ต้องการ



Thanks: ฝากรูป


Thanks: ฝากรูป

B. ทำการใส่สีพื้นหลังตามที่ต้องการ หรือนำรูปภาพมาใส่เป็น background ก็ได้


Thanks: ฝากรูป


Thanks: ฝากรูป


Thanks: ฝากรูป

C. เปิดไฟล์รูปที่ต้องการใส่ลงไปใน Banner รูปที่เราจะใส่ลงไป เราต้องทำการไดคัทก่อน (คือการทำให้พื้นหลังหายไป เหลือแต่วัตถุอย่างเดียว) ซึ่งจะเป็นไฟล์ PNG


Thanks: ฝากรูป

D. จากนั้นลากรูปภาพที่ต้องการลงไปใน Template Banner ของเรา ถ้ามันใหญ่โตเกินไปไม่ต้องตกใจ ให้เราลดขนาดจนได้ตามต้องการ และวางลงตำแหน่งที่ต้องการ


Thanks: ฝากรูป


Thanks: ฝากรูป

E. เลือกเมนู Window – Animation



Thanks: ฝากรูป


Thanks: ฝากรูป

F. ทำการปรับแต่ง animation โดยที่รูปไหนที่ไม่ต้องการก็ให้ไปปิดตาที่ layer นั้น


Thanks: ฝากรูป


Thanks: ฝากรูป

G. สามารถเพิ่มเฟรมได้


Thanks: ฝากรูป


Thanks: ฝากรูป

H. ในเฟรมที่สอง เราก็ทำเหมือนเดิม เลือกรูปที่ต้องการ แล้วปิดตารูปที่ไม่ต้องการ


Thanks: ฝากรูป


Thanks: ฝากรูป

I. เราอาจจะเพิ่ม text ลงไปก็ได้ ถ้าต้องการให้อยู่เฟรมไหนก็เปิดตา layer


Thanks: ฝากรูป


Thanks: ฝากรูป

J. แต่ละเฟรมสามารถกำหนดระยะเวลาการแสดงผลได้ แล้วแต่ความต้องการของเรา


Thanks: ฝากรูป

K. ขั้นตอนการเซฟให้เลือก Save for Web & Devices



Thanks: ฝากรูป


Thanks: ฝากรูป

ผลที่ได้


Thanks: ฝากรูป

หวังว่าคงพอจะเข้าใจกันน่ะครับ

ขอบคุณครับ ^ ^


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

สอนตัดต่อวีดีโอด้วย Sony Vegas Pro 10
สอนทำ Presentation ด้วย Proshow + After Effect
ท่าน ว.วชิรเมธี บอกไว้ว่า
" เทียนหนึ่งเล่มต่อไฟให้เทียนอีกพันเล่มได้สว่าง โดยที่อายุขัยของเทียนเล่มนี้ไม่ได้สิ้นลงฉันใด ความสุขก็ไม่จางหายไปเพราะการแบ่งปันฉันนั้น "
MaMa.Killer
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 598
ออฟไลน์ ออฟไลน์

กระทู้: 3,291



ดูรายละเอียด
« ตอบ #1 เมื่อ: 27 พฤษภาคม 2011, 14:09:13 »

เยี่ยม  wanwan017
บันทึกการเข้า
nuttuz
คนรักเสียว
*

พลังน้ำใจ: 10
ออฟไลน์ ออฟไลน์

กระทู้: 146



ดูรายละเอียด
« ตอบ #2 เมื่อ: 27 พฤษภาคม 2011, 14:31:37 »

ขอบคุณครับสำหรับวิธีทำ ขอจดไว้ก่อนแระ ใช้ photoshop ไมค่อยเป็น  Tongue
บันทึกการเข้า

o
amazegu
ก๊วนเสียว
*

พลังน้ำใจ: 36
ออฟไลน์ ออฟไลน์

กระทู้: 461



ดูรายละเอียด
« ตอบ #3 เมื่อ: 27 พฤษภาคม 2011, 14:32:14 »

+++ โง่Photoshop เหลือเกิน จะเปนก็คราวนี้แหละ Cry
บันทึกการเข้า
tapo
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 311
ออฟไลน์ ออฟไลน์

กระทู้: 5,487



ดูรายละเอียด เว็บไซต์
« ตอบ #4 เมื่อ: 27 พฤษภาคม 2011, 14:37:13 »

+1 ครับ เรื่องโฟโตช็อปนี่ผมแทบจะ -10 เลย Embarrassed
บันทึกการเข้า

smile_yim
Verified Seller
สมุนแก๊งเสียว
*

พลังน้ำใจ: 389
ออฟไลน์ ออฟไลน์

กระทู้: 685



ดูรายละเอียด เว็บไซต์
« ตอบ #5 เมื่อ: 27 พฤษภาคม 2011, 14:45:48 »

+1 ครับ เรื่องโฟโตช็อปนี่ผมแทบจะ -10 เลย Embarrassed

เช่นกันครับ เรื่องทางด้าน Internet Marketing, Wordpress, Amazon,.....
ผมติดลบ 20 เลยครับ มือใหม่มากเหมือนเด็กเพิ่งคลอดเลยครับ -.,-
บันทึกการเข้า

สอนตัดต่อวีดีโอด้วย Sony Vegas Pro 10
สอนทำ Presentation ด้วย Proshow + After Effect
ท่าน ว.วชิรเมธี บอกไว้ว่า
" เทียนหนึ่งเล่มต่อไฟให้เทียนอีกพันเล่มได้สว่าง โดยที่อายุขัยของเทียนเล่มนี้ไม่ได้สิ้นลงฉันใด ความสุขก็ไม่จางหายไปเพราะการแบ่งปันฉันนั้น "
thailovesong
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 171
ออฟไลน์ ออฟไลน์

กระทู้: 3,020



ดูรายละเอียด
« ตอบ #6 เมื่อ: 27 พฤษภาคม 2011, 14:47:49 »

ขอบคุณจ้าๆๆๆๆ
บันทึกการเข้า

maxmail
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 61
ออฟไลน์ ออฟไลน์

กระทู้: 1,437



ดูรายละเอียด เว็บไซต์
« ตอบ #7 เมื่อ: 27 พฤษภาคม 2011, 14:48:13 »

+1 ขอบคุณมาก เดี๋ยวกลับมาดู wanwan017
บันทึกการเข้า

panubon
สมุนแก๊งเสียว
*

พลังน้ำใจ: 127
ออฟไลน์ ออฟไลน์

กระทู้: 535



ดูรายละเอียด
« ตอบ #8 เมื่อ: 27 พฤษภาคม 2011, 14:51:13 »

+1 ขอบคุณครับ เข้าใจง่ายมากๆ
บันทึกการเข้า

"Don't put all your eggs in one basket"
pinoccio
สมุนแก๊งเสียว
*

พลังน้ำใจ: 22
ออฟไลน์ ออฟไลน์

กระทู้: 953



ดูรายละเอียด
« ตอบ #9 เมื่อ: 27 พฤษภาคม 2011, 14:52:14 »

ขอบคุณมากครับมีรูปภาพประกอบเข้าใจง่ายมากเลยครับ  wanwan017
บันทึกการเข้า

city
Verified Seller
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 157
ออฟไลน์ ออฟไลน์

กระทู้: 1,308



ดูรายละเอียด เว็บไซต์
« ตอบ #10 เมื่อ: 27 พฤษภาคม 2011, 15:09:29 »

+1 ค่ะ
ถามตรงๆเลย โปรแกรมนี้สามาถทำปุ่มขายของได้มั๊ยค่ะ ไม่ทราบจริงๆกำลังหาอยู่ว่ามันใช้อะไรทำได้ Tongue
บันทึกการเข้า

smile_yim
Verified Seller
สมุนแก๊งเสียว
*

พลังน้ำใจ: 389
ออฟไลน์ ออฟไลน์

กระทู้: 685



ดูรายละเอียด เว็บไซต์
« ตอบ #11 เมื่อ: 27 พฤษภาคม 2011, 15:22:21 »

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


ใช้ทำ web button ได้ครับ
ส่วนมากโปรแกรมนี้เอาไว้ตกแต่งรูปภาพครับ เช่น รูปถ่ายสินค้า
นำมาตกแต่งสีสัน ใส่ effect เปลี่ยน background ทำได้ทั้งหมดครับ
ซึ่งมันจะทำให้สินค้าดูดีขึ้นครับ โอกาสที่จะขายสินค้าได้ก็มีมากขึ้นครับ

เรื่อง web button ผมมีอยู่พอสมควรครับ เดี๋ยวจะอัพโหลดแล้วจะนำมาแบ่งปันครับ ^ ^
บันทึกการเข้า

สอนตัดต่อวีดีโอด้วย Sony Vegas Pro 10
สอนทำ Presentation ด้วย Proshow + After Effect
ท่าน ว.วชิรเมธี บอกไว้ว่า
" เทียนหนึ่งเล่มต่อไฟให้เทียนอีกพันเล่มได้สว่าง โดยที่อายุขัยของเทียนเล่มนี้ไม่ได้สิ้นลงฉันใด ความสุขก็ไม่จางหายไปเพราะการแบ่งปันฉันนั้น "
etchers
Newbie
*

พลังน้ำใจ: 16
ออฟไลน์ ออฟไลน์

กระทู้: 33



ดูรายละเอียด เว็บไซต์
« ตอบ #12 เมื่อ: 27 พฤษภาคม 2011, 15:24:16 »

 wanwan017

+1 เลยครับ
บันทึกการเข้า
หลานยายปริก
Verified Seller
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 603
ออฟไลน์ ออฟไลน์

กระทู้: 5,788



ดูรายละเอียด
« ตอบ #13 เมื่อ: 27 พฤษภาคม 2011, 15:29:48 »

มันต้องยังงี้เอาไปเลยหนึ่งกะโหลก



เดี๋ยวนี้ไทยเสียวเราไม่ค่อยมีอะไรแบบนี้นานแล้ว แจ่มๆครับ
บันทึกการเข้า

ตั้มคอมพิวเตอร์
Verified Seller
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 344
ออฟไลน์ ออฟไลน์

กระทู้: 3,173



ดูรายละเอียด เว็บไซต์
« ตอบ #14 เมื่อ: 27 พฤษภาคม 2011, 15:30:56 »

ขอบคุณครับ
บันทึกการเข้า

sinomoney
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 166
ออฟไลน์ ออฟไลน์

กระทู้: 1,761



ดูรายละเอียด
« ตอบ #15 เมื่อ: 27 พฤษภาคม 2011, 16:42:42 »

+1 ขอบคุณมากครับ กำลังหัดทำแบนเนอร์อยู่พอดี
บันทึกการเข้า

Touchchy
ก๊วนเสียว
*

พลังน้ำใจ: 281
ออฟไลน์ ออฟไลน์

กระทู้: 486



ดูรายละเอียด
« ตอบ #16 เมื่อ: 27 พฤษภาคม 2011, 16:44:12 »

เยี่ยมครับ   wanwan017 wanwan017
บันทึกการเข้า

รับปรึกษาสินเชื่อบ้าน รับปรึกษาปัญหาสินเชื่อบ้าน รับดำเนินการยื่นเอกสารสินเชื่อบ้าน การกู้เพิ่ม กู้ต่อเติม รีไฟแนนซ์ รับไถ่ถอนจำนองหรือขายฝาก อยากได้บ้าน
Tutorcuu
คนรักเสียว
*

พลังน้ำใจ: 4
ออฟไลน์ ออฟไลน์

กระทู้: 191



ดูรายละเอียด เว็บไซต์
« ตอบ #17 เมื่อ: 27 พฤษภาคม 2011, 18:14:35 »

ขอบคุณมากๆครับ +1
บันทึกการเข้า

city
Verified Seller
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 157
ออฟไลน์ ออฟไลน์

กระทู้: 1,308



ดูรายละเอียด เว็บไซต์
« ตอบ #18 เมื่อ: 27 พฤษภาคม 2011, 19:54:36 »

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


ใช้ทำ web button ได้ครับ
ส่วนมากโปรแกรมนี้เอาไว้ตกแต่งรูปภาพครับ เช่น รูปถ่ายสินค้า
นำมาตกแต่งสีสัน ใส่ effect เปลี่ยน background ทำได้ทั้งหมดครับ
ซึ่งมันจะทำให้สินค้าดูดีขึ้นครับ โอกาสที่จะขายสินค้าได้ก็มีมากขึ้นครับ

เรื่อง web button ผมมีอยู่พอสมควรครับ เดี๋ยวจะอัพโหลดแล้วจะนำมาแบ่งปันครับ ^ ^


ขอบคุณมากค่ะ wanwan017
บันทึกการเข้า

itong
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 180
ออฟไลน์ ออฟไลน์

กระทู้: 1,367



ดูรายละเอียด เว็บไซต์
« ตอบ #19 เมื่อ: 27 พฤษภาคม 2011, 20:15:35 »

+1 ให้สำหรับบทความดีๆ ที่นำมาแบ่งปันกันนะครับ ^ ^ wanwan003
บันทึกการเข้า

กลับมาแระ ไม่ได้เข้าบอร์ดมาเป็นปี หาอะไรอ่านเล่นสักพักละกันโนะ
HostGator เดือนแรก 0.01$ code: thaizon1cent จ่ายรายปีใช้ thaizon25per ลด 25% จ้า  สมัครโฮสเกเตอร์
หน้า: [1] 2 3   ขึ้นบน
พิมพ์
กระโดดไป: