BLOG BOARD_B
ติดต่อรายละเอียดเพิ่มเติมได้ที่ Email: sale@soccersuck.com
ไว้คราวหน้า X
ไว้คราวหน้า X
ไม่ต้องแสดงข้อความนี้อีกเลย
 
ไปหน้าที่ 1
ไปที่หน้า
GO
ตั้งกระทู้ใหม่
ฝากรูป
หน้าแรกบอร์ด >> บอร์ดเกมส์
ผู้ตั้ง
ข้อความ
ออนไลน์
CallMeLight
ซุปตาร์ฟุตบอลโลก
Status: My Biggest Failures are knowing I never tried
: 0 ใบ : 0 ใบ
เข้าร่วม: 15 Jan 2011
ตอบ: 12500
ที่อยู่: -__________-
โพสเมื่อ: Sun Aug 24, 2014 18:12
#วิธีออกแบบ Userbar กันเอง(แบบง่ายๆ) #ไม่ต้องลงโปรแกรม
# วิธีออกแบบ Userbar กันเอง (แบบง่ายๆ) #ไม่ต้องลงโปรแกรม

สวัสดีชาว SS ทุกท่านอีกเช่นเคยครับ วันนี้พอจะมีเวลาว่าง(อู้)เล็กน้อย ก็เลยจะขออนุญาต
มาแชร์ วิธีทำ Userbar แบบง่ายๆ ซึ่งหลายๆท่านอาจจะทราบอยู่แล้วก็ไม่ว่ากันนะครับ

---- ไม่ต้องลงโปรแกรมใดๆทั้งสิ้นครับ ใครแอบเล่นที่ทำงานหรือเล่นร้านเน็ตก็ทำเองได้เลย
ส่วนในมือถือไม่แน่ใจ แต่ถ้าเป็น tablet ใหญ่ๆ ก็น่าจะทำได้อยู่ ---

--- เป็น userbar แบบไม่เคลื่อนไหวนะครับ ถือว่าเป็น basic ก่อน เดี๋ยวแบบเคลื่อนไหวจะมาต่อคราวหน้า เพราะอาจจะต้องมีการลงโปรแกรมบ้าง -----(กำลังหาวิธีแบบง่ายๆ ไม่ต้องลงโปรแกรมอยู่ครับ)


ตัวอย่าง





อ้างอิงจาก:
โดยจะจำเป็นต้องใช้เว็ปไซต์ อยู่ 2 เว็ป ก็คือ

1. http://www.unsignedbandweb.com/freeuserbars/

(สำหรับทำ background userbar + เขียนข้อความ +ปรับสีและใส่ลูกเล่นต่างๆ)

2. http://www.picresize.com

(สำหรับปรับขนาดรูปภาพในกรณีที่เราจะใส่รูปโลโก้ หรือ background ต่างๆ)
อันนี้ถ้าใครมีโปรแกรมอื่นๆที่ถนัดอยู่แล้วเช่น photoshop , photoscape , paintbrush ก็ข้ามไปเลยครับ บนเว็ปมันจะทำได้แค่พื้นฐานเท่านั้น ถ้าท่านใช้พวก photoshop เป็นก็จะทำออกมาได้สวยงามยิ่งขึ้นครับ  




มาดูหน้าตาของเว็ป
http://www.unsignedbandweb.com/freeuserbars/
กันครับ



ช่อง text เราสามารถพิมพ์ข้อความที่เราต้องการได้ (ภาษาอังกฤษเท่านั้น)

ช่อง Color เราสามารถปรับแต่งสีต่างๆเช่น สี Background (ไล่สีได้)
แต่ถ้าต้องการสี background ที่เราเลือกต้องไปติ๊กเครื่องหมายถูกที่
- use color gradient





ต่อมามาดูที่ลูกเล่น scanlines แบบต่างๆกันครับ
Full

Fade left

Fade right

Tight Line

Dotted Line

Grid

Horizontal

White Line

White Dotted


อันนี้เป็นแบบเรียบๆครับ จะได้ประมาณนี้



ต่อมาผมจะมาทำแบบใส่ Background นะครับ (แบบนี้เราจะเลือกสีพื้นไม่ได้ครับ)
เราต้องทำการ ปรับภาพให้เป็นขนาด 350 x 19 pixels ไม่งั้นจะใส่บนเวปดังกล่าวไม่ได้
ให้เราไปตัดภาพ+ปรับขนาดที่เว็ปนี้ครับ
http://www.picresize.com




ผมจะใช้ภาพลูกฟุตบอลกับสนามหญ้ามาทำเป็น background นะครับ


เรากดเลือกพื้นที่ๆต้องการแล้วกด crop selection


เลื่อนลงมาล่างๆ กดใส่ขนาดไปที่ 350 กับ 19 แล้วกด continue

ถ้ายังไม่ดีก็กดที่ resume editing แก้ใหม่ได้เรื่อยๆครับ ถ้าอยากกลับไปก่อนแก้ไขก็กด Revert

สมมติว่าได้ขนาดที่พอดีแล้ว ก็กลับมาที่เวปแรก

กดเลือกไฟล์ตรง base image


กดคลิกขวาแล้ว save as ก็ได้ user bar ที่เราทำเองมาใช้ละครับ



หรือว่าลองแบบอื่นก็ได้ครับ อันนี้แล้วแต่ไอเดียในการเลือกสี + หารูป background มาใส่เลย






มี background แล้ว
ต่อมาจะมาลองใส่ logo ทีมที่ชอบกันดูบ้างครับ
(ต้องมีโปรแกรมตัดต่อภาพในเครื่องนะครับ แนะนำ photoshop)


ลองหา โลโก้ทีม ทีมีนามสกุล png มานะครับ แล้วเปิดขึ้นมา

สร้างไฟล์ใหม่ขึ้นมาครับ กด File > New แล้วปรับขนาดเป็น 350 x 19 pixels พื้นหลังเป็น Transparent







เพิ่มลูกเล่นด้วยการทำให้ เอียงๆ สักหน่อย หรือใครชอบตรงๆก็ไม่ต้องทำครับ




กด File > save for web แล้วอย่าลืมปรับนามสกุลเป็น png ครับ

ทีนี้กลับมาที่เวป
http://www.unsignedbandweb.com/freeuserbars/
กันต่อ เพื่อใส่ logo

ในช่อง secondary overlay กดเลือกไฟล์ที่เราทำมาเมื่อกี้เลยครับ

จะได้แบบนี้


เสร็จละครับ userbar ทีมโปรดที่สามารถออกแบบกันเองได้



ใส่เป็นรูปนักฟุตบอลก็ได้นะครับ ทำเหมือนกันเลยแต่มันจะเล็กนิดนึง



ติดตรงไหนสามารถสอบถามได้ครับ

ยังไงก็ลองออกแบบกันดูนะครับ เชื่อว่าหลายท่านคงมี userbar ในฝันที่อยากจะลองทำเองกันดูบ้าง


ขอบคุณที่ติดตามครับ

สวัสดีครับ
แก้ไขล่าสุดโดย CallMeLight เมื่อ Sun Aug 24, 2014 18:13, ทั้งหมด 1 ครั้ง
47
0
หากโดน 80 เรื้อน จะถูกแบน
PoomPM , เพลย์บอยร้อยเลิฟนะจ๊ะ , ts_moonphase , Deedo RMUTL , #23 , MeiMei_No.1 , Guilty , SweetLOVE , SHAREDER , Pink Spider , Thousandmaster , mohemohe , TheBlue8 , O_o , ปมต. , MINIMALISM , Booss , น้ากบ เอเตียน , fincher , inookz07 , Siyaknight , Ninjizamuri , YamateH , AZ , ฉลู , OxygenClub , DosKiller , ห๊ะว่าอะไรนะ , golf_gunner_69 , imp.Elegantz , BRAZAGE , Mandj , อำนวย , ปอนคุง , GutenTag! , Anabize , SNGG , Fumiki48 , Domi_nut , [-Chris-] , PN12 , JameMiie , Egg_ei_EggEgg , weeworawee , นก สโลว์จิ๊ก , ApeApe , Allez Allez Allez
โหวตเป็นกระทู้แนะนำ
My Locker
ออฟไลน์
PoomPM
ดาวเตะลา ลีกา
Status:
: 0 ใบ : 0 ใบ
เข้าร่วม: 09 Jan 2011
ตอบ: 15732
ที่อยู่:
โพสเมื่อ: Sun Aug 24, 2014 18:15
[RE: #วิธีออกแบบ Userbar กันเอง(แบบง่ายๆ) #ไม่ต้องลงโปรแกรม]
1
0
หากโดน 40 เรื้อน จะถูกแบน
CallMeLight



My Locker
ออฟไลน์
ts_moonphase
กำเนิดดาวรุ่ง
Status:
: 0 ใบ : 0 ใบ
เข้าร่วม: 22 Oct 2012
ตอบ: 388
ที่อยู่:
โพสเมื่อ: Sun Aug 24, 2014 18:23
[RE: #วิธีออกแบบ Userbar กันเอง(แบบง่ายๆ) #ไม่ต้องลงโปรแกรม]
แจ่มว้าว
1
0
หากโดน 40 เรื้อน จะถูกแบน
CallMeLight
My Locker
ออฟไลน์
Deedo RMUTL
ซุปตาร์ยูโร
Status:
: 0 ใบ : 0 ใบ
เข้าร่วม: 20 Oct 2008
ตอบ: 27190
ที่อยู่:
โพสเมื่อ: Sun Aug 24, 2014 18:25
[RE: #วิธีออกแบบ Userbar กันเอง(แบบง่ายๆ) #ไม่ต้องลงโปรแกรม]
ขอบคุณมากๆ ครับท่าน


ดันเลยกระทู้ดีๆ อย่างนี้


1
0
หากโดน 40 เรื้อน จะถูกแบน
CallMeLight
MY PC powered by RX 6800 XT

My Locker
ออฟไลน์
#23
ดาวเตะกัลโช่
Status:
: 0 ใบ : 0 ใบ
เข้าร่วม: 11 Jan 2014
ตอบ: 41097
ที่อยู่:
โพสเมื่อ: Sun Aug 24, 2014 18:25
[RE: #วิธีออกแบบ Userbar กันเอง(แบบง่ายๆ) #ไม่ต้องลงโปรแกรม]
1
0
หากโดน 40 เรื้อน จะถูกแบน
CallMeLight

My Locker
ออฟไลน์
SweetLOVE
ดาวเตะลา ลีกา
Status:
: 0 ใบ : 0 ใบ
เข้าร่วม: 14 Mar 2010
ตอบ: 12636
ที่อยู่: ทู่ยี่ แฮ่
โพสเมื่อ: Sun Aug 24, 2014 18:45
[RE: #วิธีออกแบบ Userbar กันเอง(แบบง่ายๆ) #ไม่ต้องลงโปรแกรม]
เจ๋งครับ
1
0
หากโดน 40 เรื้อน จะถูกแบน
CallMeLight

My Locker
ออฟไลน์
Thousandmaster
ดาวซัลโวยุโรป
Status:
: 0 ใบ : 0 ใบ
เข้าร่วม: 12 Jan 2011
ตอบ: 44431
ที่อยู่:
โพสเมื่อ: Sun Aug 24, 2014 19:33
[RE: #วิธีออกแบบ Userbar กันเอง(แบบง่ายๆ) #ไม่ต้องลงโปรแกรม]
กระทู้ดีมีสาระ สนับสนุนครับ
1
0
หากโดน 40 เรื้อน จะถูกแบน
CallMeLight
My Locker
ออฟไลน์
ปมต.
ปลายอาชีพค้าแข้ง
Status: Promoter & Reporter
: 0 ใบ : 0 ใบ
เข้าร่วม: 29 Mar 2009
ตอบ: 40463
ที่อยู่:
โพสเมื่อ: Sun Aug 24, 2014 19:50
[RE: #วิธีออกแบบ Userbar กันเอง(แบบง่ายๆ) #ไม่ต้องลงโปรแกรม]
สาระแต่ยาวไปไม่อ่านนะ พอดีมีเลขาส่วนตัวทำให้อยู่ละ
1
0
หากโดน 40 เรื้อน จะถูกแบน
CallMeLight


My Locker
ออนไลน์
MINIMALISM
ดาวเตะกัลโช่
Status:
: 0 ใบ : 0 ใบ
เข้าร่วม: 04 May 2007
ตอบ: 10458
ที่อยู่: Holloway, London
โพสเมื่อ: Sun Aug 24, 2014 19:58
[RE: #วิธีออกแบบ Userbar กันเอง(แบบง่ายๆ) #ไม่ต้องลงโปรแกรม]
มีประโยชน์มากๆครับ
1
0
หากโดน 40 เรื้อน จะถูกแบน
CallMeLight
My Locker
ออฟไลน์
Booss
กำเนิดดาวรุ่ง
Status:
: 0 ใบ : 0 ใบ
เข้าร่วม: 05 May 2014
ตอบ: 377
ที่อยู่:
โพสเมื่อ: Sun Aug 24, 2014 20:12
[RE: #วิธีออกแบบ Userbar กันเอง(แบบง่ายๆ) #ไม่ต้องลงโปรแกรม]
สุดยอดครับ
1
0
หากโดน 40 เรื้อน จะถูกแบน
CallMeLight
My Locker
ออฟไลน์
OxygenClub
หัวหน้าแมวมอง
Status:
: 0 ใบ : 0 ใบ
เข้าร่วม: 02 Jul 2009
ตอบ: 10688
ที่อยู่: ไปไหมงามงอน ไปเที่ยวอุดรบ้านพี่
โพสเมื่อ: Sun Aug 24, 2014 21:43
[RE: #วิธีออกแบบ Userbar กันเอง(แบบง่ายๆ) #ไม่ต้องลงโปรแกรม]
USERBAR ของผมก็มีนะครับ แต่เทียบกับของท่านไม่ติดฝุ่นเลย

พูดง่ายๆก็ต่างกันราวกับ ฟ้ากับเหว นรกกับสวรรค์ เทวดากับยมฑูตอ่ะ 555
0
0
หากโดน 40 เรื้อน จะถูกแบน
♥ Games ♥ Anime ♥ Football
My Locker
ออนไลน์
CallMeLight
ซุปตาร์ฟุตบอลโลก
Status: My Biggest Failures are knowing I never tried
: 0 ใบ : 0 ใบ
เข้าร่วม: 15 Jan 2011
ตอบ: 12500
ที่อยู่: -__________-
โพสเมื่อ: Mon Aug 25, 2014 02:26
[RE: #วิธีออกแบบ Userbar กันเอง(แบบง่ายๆ) #ไม่ต้องลงโปรแกรม]
OxygenClub พิมพ์ว่า:
USERBAR ของผมก็มีนะครับ แต่เทียบกับของท่านไม่ติดฝุ่นเลย

พูดง่ายๆก็ต่างกันราวกับ ฟ้ากับเหว นรกกับสวรรค์ เทวดากับยมฑูตอ่ะ 555  


ของท่านงดงามมากครัช
มู้นี้ผมแค่แวะมาแนะนำโปรแกรมทำ user bar แบบง่ายๆบนเวปเฉยครัช


แต่ของท่านสวยงามจริงๆ ผมเห็นแล้วยังชอบเลย ยกนิ้วให้เลยครัช
1
0
หากโดน 40 เรื้อน จะถูกแบน
ApeApe
My Locker
ออฟไลน์
Anabize
นักเตะกลางซอย
Status:
: 0 ใบ : 0 ใบ
เข้าร่วม: 26 May 2010
ตอบ: 450
ที่อยู่:
โพสเมื่อ: Mon Aug 25, 2014 13:53
[RE: #วิธีออกแบบ Userbar กันเอง(แบบง่ายๆ) #ไม่ต้องลงโปรแกรม]
แจ๋วครับ
1
0
หากโดน 40 เรื้อน จะถูกแบน
CallMeLight

My Locker
ไปหน้าที่ 1
ไปที่หน้า
GO
ตั้งกระทู้ใหม่
หน้าแรกบอร์ด >> บอร์ดเกมส์
กรุณาระบุเหตุผลที่จะแจ้งความ
ผู้ต้องหา:
ข้อความ:
Submit
Cancel
กรุณาเลือก Forum และ ประเภทกระทู้
Forum:

ประเภท:
Submit
Cancel