Home Webboard ArticlesKnowledges  

ผู้เขียน หัวข้อ: วิธีทำแบนเนอร์  (อ่าน 29365 ครั้ง)

0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้

ออฟไลน์ กฤติยา

  • You Are Just Member
  • ******
  • กระทู้: 757
  • เห็นด้วย&ขอบคุณ: 193
  • หวงเหมือนไล่ ให้เหมือนเรียก
วิธีทำแบนเนอร์
« เมื่อ: 04, ตุลาคม 2009, 11:24:09 AM »
   

   


            * เปิดโปรแกรม ImageReady แล้วเลือกการสร้างงานใหม่ด้วยการคลิกที่เมนู File > New เลือกขนาดชิ้นงาน ตัวอย่างนี้ผมเลือกขนาดมาตรฐาน Web Banner (468 x 60) เลย) เลือกตามรูปแบบที่โปรแกรมมีให้หรือกำหนดเองได้ เลือกสีพื้นหลังเป็นพื้นขาว พื้นสีที่กำหนดหรือพื้นโปร่งใส

[center[
       เลือกพื้นขาวแล้วค่อยมาเติมสีเองในภายหลัง ตามตัวอย่างเทพื้นสีเขียวก่อน
            แล้วใช้เครื่องมือ Selection กำหนดขอบเขตทางมุมขวาแล้วเทสีแดงลงไปอีกที
[center]
 * ถ้ามีการแทรกรูปภาพ ต้องเตรียมภาพลดขนาดให้มีความสูงพอดีกับงานที่จะสร้างไว้ก่อน เพื่อความสะดวกเวลานำไปวางในแบนเนอร์ (ควรเป็นภาพพื้นหลังโปร่งใส)


    * คลิกที่ภาพที่ต้องการเลือกเมนู Select > All > Copy แล้วนำไปวางในแบนเนอร์และจัดตำแหน่งตามที่ต้องการ


    * จัดการพิมพ์ข้อความที่ต้องการลงไป จัดวางตำแหน่ง กำหนดขนาดและสีตามที่ต้องการ


    * สร้างข้อความอื่นๆ ตามต้องการเพิ่มเติม (วิธีการที่สะดวกที่สุดคือเปิดหน้าต่างเลเยอร์แล้วเลือก Duplicate layer จากนั้นจึงแก้ไขข้อความเพิ่มเติมตามต้องการ)


    * ถ้ามีข้อความและรูปภาพหลายระดับเพื่อให้สะดวกในการจัดวางและสร้างเลเยอร์ใหม่ ให้ปิดเลเยอร์ที่ปรับแต่งแล้วเสียก่อน ด้วยการคลิกที่รูปดวงตา เมื่อต้องการให้เลเยอร์ใดแสดงก็สามารถคลิกเปิดได้ทันที ตัวอย่างนี้ผมสร้างเลเยอร์ขึ้นมา 10 เลเยอร์ด้วยกัน


    * เมื่อสร้างจนครบแล้วก็มาถึงขั้นกำหนดเฟรมแสดงภาพเคลื่อนไหวแล้วครับ ที่กรอบหน้าต่าง Animation เราจะแทรกเฟรมด้วยการคลิกที่ปุ่มแทรกเฟรม (รูปมือ)


    * กำหนดการแสดงข้อความและรูปภาพในแต่ละเฟรมด้วยการปิด/เปิดดวงตาตามต้องการ เพื่อให้เกิดการเคลื่อนไหวของแบนเนอร์แต่ละเฟรมตามต้องการ

  * การกำหนดเวลาในการแสดงผลสามารถทำได้ด้วยการคลิกที่แต่ละเฟรม แล้วคลิกเมาท์ขวาเลือกเวลาที่โปรแกรมกำหนดไว้หรือกำหนดเองได้ด้วยการคลิกที่ Other... แล้วกำหนดตัวเลขหน่วยวินาทีที่ต้องการลงไป
[/center

]เมื่อแทรกเฟรม กำหนดรายละเอียดของแต่ละเฟรม เช่น การแสดงของภาพหรือตัวอักษร (ด้วยการปิด/เปิดดวงตา) กำหนดระยะเวลาแสดงผลของแต่ละเฟรม แล้วก็ลองทดสอบการแสดงผลด้วยการคลิกที่ปุ่ม Play ในวงกลม เมื่อพบว่าส่วนใดไม่เป็นไปตามต้องการก็ปรับแก้ให้ถูกต้อง
    * เมื่อตรงกับความต้องการแล้วก็ถึงเวลาจัดเก็บไฟล์นำไปใช้งานด้วยการคลิกที่เมนู File > Save Optimized As.. ตั้งชื่อไฟล์ตามที่ต้องการ แน่นอนต้องเป็นไฟล์แบบ GifAnimation
    * ลองเปรียบเทียบขนาดของไฟล์ต้นฉบับกับไฟล์ที่ผ่านกระบวนการบีบอัดไฟล์แล้ว จะเห็นว่ามีขนาดที่ลดลงมากทีเดียว (ต้นฉบับมีขนาดไฟล์ 690 KB และไฟล์สำเร็จมีขนาดเพียง 18.4 KB)

    * และข้างล่างนี้คือผลจากการสร้างงานตามตัวอย่างด้วยโปรแกรม Adobe ImageReady 7.0 ซึ่งใช้เวลาไม่มากนักในการสร้าง และให้งานที่ตรงความต้องการของเรามากทีเดียว


            ต่อไปการสร้างแบนเนอร์สำหรับโฆษณาบนเว็บไซต์ก็ไม่ใช่เรื่องยากแล้ว ด้วยโปรแกรมเอนกประสงค์ตัวนี้ เรียกว่านอกจากจะได้โปรแกรมตกแต่งภาพชั้นเยี่ยมอย่าง PhotoShop 7.0 แล้วคุณยังได้สุดยอดโปรแกรมอย่าง Imcenter]ageReady 7.0 แถมมาด้วย ลองฝึกฝนเพิ่มเติม แล้วจะประทับใจ
 
    Thank a  lot   for
   http://www.easyhome.in.th/review/imgready_7.html 



ออฟไลน์ konkonni

  • Ju
  • *
  • กระทู้: 23
  • เห็นด้วย&ขอบคุณ: 2
Re: วิธีทำแบนเนอร์
« ตอบกลับ #1 เมื่อ: 23, พฤศจิกายน 2009, 03:39:16 PM »
ขอบคุณมากเลยครับ จะลองไปทำดูครับ

ออฟไลน์ konkonni

  • Ju
  • *
  • กระทู้: 23
  • เห็นด้วย&ขอบคุณ: 2
Re: วิธีทำแบนเนอร์
« ตอบกลับ #2 เมื่อ: 14, กุมภาพันธ์ 2010, 05:29:38 AM »
ลองทำแล้ว ทำไม่ยากอย่างที่คิดเลยครับ

ออฟไลน์ babybell

  • Ju
  • *
  • กระทู้: 10
  • เห็นด้วย&ขอบคุณ: 2
    • Fashion Blog
Re: วิธีทำแบนเนอร์
« ตอบกลับ #3 เมื่อ: 08, มีนาคม 2010, 03:58:19 PM »
ขอบคุณครับ ขั้นตอนระเอียดดีครับ  :yaahoo:
Fashion Jewelry [nofollow] . Fashion Blog [nofollow] . Lifestyle Fashion [nofollow] . Gold jewelry blog [nofollow] . Style blog [nofollow]

ออฟไลน์ meetoo111

  • Ju
  • *
  • กระทู้: 2
  • เห็นด้วย&ขอบคุณ: 2
Re: วิธีทำแบนเนอร์
« ตอบกลับ #4 เมื่อ: 09, มีนาคม 2010, 05:21:04 AM »
ขอบคุณครับ :kiss: :kiss:
*Link Removed*
ข้อ 12

ออฟไลน์ กฤติยา

  • You Are Just Member
  • ******
  • กระทู้: 757
  • เห็นด้วย&ขอบคุณ: 193
  • หวงเหมือนไล่ ให้เหมือนเรียก
Re: วิธีทำแบนเนอร์
« ตอบกลับ #5 เมื่อ: 09, มีนาคม 2010, 10:16:59 AM »
ลองทำแล้ว ทำไม่ยากอย่างที่คิดเลยครับ
ไม่ยาก ไม่ลองไม่รู้

unname

  • บุคคลทั่วไป
Re: วิธีทำแบนเนอร์
« ตอบกลับ #6 เมื่อ: 16, เมษายน 2010, 01:11:17 AM »
เลเยอร์มันคืออะไรคะ  :cry: ไม่เข้าใจที่อธิบายมา


Layer บน Photoshop จะคล้ายกับว่า เราทำงานบน "แผ่นใส" หนึ่งแผ่นครับ

การแต่งเติมบน "แผ่นใส" หนึ่งแผ่น ก็จะไม่ไปกระทบกับ "แผ่นใส" แผ่นอื่นๆ ครับ

ทีนี้บน Photoshop ก็จะสามารถนำ "แผ่นใส" หลายๆ แผ่น มาวางซ้อนๆ กันได้ด้วย

ถ้าหา "แผ่นใส" ที่ผมว่าไม่เจอ ก็เข้าเมนู Windows -> Laters แล้วจากนั้น "พาเลทเลเยอร์" ก็จะถูกแสดงออกมาครับ

อ่านเพิ่มเติม
http://www.it-guides.com/index.php/training-a-tutorial/photoshop/267-about-layer
http://www.showwallpaper.com/photoshop.php?column=b001
http://www.google.com/search?q=photoshop+layer

:smiley:

ออฟไลน์ กฤติยา

  • You Are Just Member
  • ******
  • กระทู้: 757
  • เห็นด้วย&ขอบคุณ: 193
  • หวงเหมือนไล่ ให้เหมือนเรียก
Re: วิธีทำแบนเนอร์
« ตอบกลับ #7 เมื่อ: 17, เมษายน 2010, 08:25:00 PM »
ขอบคุณ คุณไร้นาม

ออฟไลน์ tottor

  • Ju
  • *
  • กระทู้: 38
  • เห็นด้วย&ขอบคุณ: 7
    • sbobet
Re: วิธีทำแบนเนอร์
« ตอบกลับ #8 เมื่อ: 11, พฤษภาคม 2010, 08:19:09 PM »
ขอบคูรมากๆๆครับ สำหรับความรู้ดีๆๆครับ

ออฟไลน์ audwattep

  • Ju
  • *
  • กระทู้: 4
  • เห็นด้วย&ขอบคุณ: 3
  • เพศ: ชาย
    • http://www.hanabika.com
Re: วิธีทำแบนเนอร์
« ตอบกลับ #9 เมื่อ: 11, สิงหาคม 2010, 02:10:30 AM »
ขอบคูรมากๆๆครับ สำหรับความรู้ดีๆๆครับ
*Link Removed*

ออฟไลน์ Sarah

  • Ju
  • *
  • กระทู้: 4
  • เห็นด้วย&ขอบคุณ: 1
    • แทงบอลออนไลน์
Re: วิธีทำแบนเนอร์
« ตอบกลับ #10 เมื่อ: 23, สิงหาคม 2010, 03:11:22 PM »
อยากทำเป็นบ้าง แต่อ่านแล้วงง

ออฟไลน์ queen110

  • Ju
  • *
  • กระทู้: 3
  • เห็นด้วย&ขอบคุณ: 2
    • Verkauf Shop
Re: วิธีทำแบนเนอร์
« ตอบกลับ #11 เมื่อ: 31, สิงหาคม 2010, 10:04:51 AM »
ขอบคุณครับ
แจ่มเลย :smiley:
 *ขออภัย จำกัดสิทธิ์การใส่ Link-URL ในลายเซ็น*

ออฟไลน์ กฤติยา

  • You Are Just Member
  • ******
  • กระทู้: 757
  • เห็นด้วย&ขอบคุณ: 193
  • หวงเหมือนไล่ ให้เหมือนเรียก
Re: วิธีทำแบนเนอร์
« ตอบกลับ #12 เมื่อ: 04, กันยายน 2010, 06:02:59 PM »
อยากทำเป็นบ้าง แต่อ่านแล้วงง
ค่อยๆ อ่าน ไป เดี๋ยวก็เป็นเองค่ะ :smitten:

 

Sitemap 1 2 3 4 5 6 7 8 9 10 
Back to top