~ มาทำ Bg เองกานเหอะ ~ * part 1 *

posted on 09 Sep 2005 20:46 by stormgust

ยะโฮ่ !!!

กลับมาแร้นนน

หลังจากหายไปนานโก๊ดด

วันนี้จามาบอกเล่าเรื่องวิธีทำ

Background แบบ basic นะฮะ

แบบที่ 1

แบบสีเดียวพื้นนูนนิดๆ

********

Step 1

สร้างไฟล์ใหม่ไปที่

file > new > ตั้งค่าตามภาพ

จะได้เปงแบบนี้น๊า~~

Step 2

ทำการ fill สีลงในไฟล์โดย

ทำตามภาพ

( สีใน foreground ควรตั้งไว้ก่อนนะจ๊ะ )

จาได้แบบนี้

( ตั้งสีฟ้าไว้ฮะ )

Step 3

ทำการสร้างพื้นผิวให้กับภาพโดย

filter > texture > craquelure

ปรับค่าตามภาพ

ก็จาได้ผลงานสำเร็จแบบนี้

แบบที่ 2

แบบลายขวาง

รูปแบบนี้จ๊ะ

**********

Step 1

สร้างไฟล์ใหม่โดย

file > new > ตั้งตามภาพ

จาได้แบบนี้

Step 2

ทำการ fill สีลงในไฟล์

edit > fill > ตามภาพ

จาได้แบบนี้

( สีชมพู ฮิฮิ )

Step 3

ทำการสร้างพื้นหลังโดย

filter > texture > Grain

ตั้งตามภาพ

ผล

วันนี้ 2 อันก่อน

แบบง่ายๆ ทำได้ด้วยตัวเอง

ยังงัยก็ลองทำกันดูนะฮะ

^^

~ THANKS FOR EVERY COMMENTS ~


edit @ 2005/09/09 21:07:54
edit @ 2005/09/23 16:25:20

Comment



smilebig smileopen-mounthed smileconfused smilesad smileangry smiletonguequestionembarrassedsurprised smilewinkdouble winkcry

เจิมส์
^^
เปลี่ยนธีมใหม่แว้ว
โอ้เย่

#1 By -'๑'- So^^Cool -'๑'- on 2005-09-09 20:49

thanx หลายๆเลยจ๊า

#2 By Luscinia on 2005-09-09 20:51

อ๊ะ บล็อคมีประโยชน์ ขออนุญาตแอดนะเจ้าคะ

#3 By Ki on 2005-09-09 20:54

*8*งานท่านมีประโยชน์จริงๆเน้อ
ข้าพเจ้าเรียนโฟโต้ช๊อบพอดีเล้ย >< เย้
เรียนสร้างเว็บ สุดท้ายก็ใส่ลิงค์ข้างในรูปภาพแต่ละอันไม่เป็น TT เอิ๊ก

#4 By . on 2005-09-09 21:03

มีภาพประกอบ เข้าใจง่ายขึ้นเยอะเชียว

/thx จ้า

#5 By ~Trigger~ on 2005-09-09 21:06

ทำ BG เอง กี๊ดดด

#6 By ♡ BlackCrystal ♡ on 2005-09-09 22:38

thank a lot จ้า

//theme ใหม่สวยดี

#7 By nickie on 2005-09-10 00:07

มันโดนถึงกึ๋น

เอาไปใช้กะไดเราดีมะน้อยเลยนะเนี่ย

อะแฮ่มๆ จดๆๆ (เอาไปทำมั่งๆ)

#8 By หลงทิศ (203.151.140.119 /203.113.55.206) on 2005-09-10 02:15

ว๊าว มีวิธีใหม่มาให้เล่นอีกแล้ว หุหุ

ขอบคุณมากมายค้าบบบ

#9 By ╚ŴöЯđ Łĩƒє╝ on 2005-09-10 07:57

ขอบใจจ้า >_< แล้วจะรอการอัพครั้งต่อไปเง้อ อิอิ
ธีมใหม่สวยจังค่ะ
บลอคสาระดีอีกแล้ว ^^

#11 By Winry on 2005-09-10 18:20

แล้วจะลองทำดูนะคะ ไม่ค่อยเก่งคอมเท่าไร งมกับบล็อคอยู่เลย
โอ้ thanks ค้าบบบ

ธีมใหม่สวยดีนิ
แต่หัวบล็อกเจ๋งกว่า โอ้วว อายูมุสุดที่รัก

#13 By [ Sai ];charot on 2005-09-10 20:02

นึกว่าเข้าบลอคเอ๊งผิด คิกๆๆบลอคเลิสสมากค่ะคุงน้อง
เอ๊งงงงสอนอารัย
เจ้ก้อพยายามอ่านตลอด แต่เจ้ก้อยั๊งโง่เหมือนเดิม



ว้าวววว * ได้ความรู้กลับไปโด้ยย
ขอบคุณที่มาแบ่งปันกันน้ออ
ฝากตัวด้วยนะค๊า แบบแว่เป็นเด็กใหม่
ย้ายมาจากไดข้างๆ 555+
หวังว่าเราคงเป็นเพื่อนบ้านที่ดีต่อกันโนะ :)




#15 By ~ on 2005-09-11 12:33

ลูขอเม้นให้อีกรอบแล้วกันนะคะ

วิธีใส่ bg ที่ช่องคอมเม้น
ก็แค่ใส่
background-image: url(*urlของรูป*)
ที่ช่อง"ฟอร์มใส่คอมเมนต์"คะ

นี่คือฟอร์มใส่คอมเมนต์ของลูนะคะ


/* ฟอร์มใส่คอมเมนต์ */
form{
padding:2px 5px 2px 20px;
margin:10px;
border:1px dotted #9200C2;
border-left:10px solid #9200C2;
font:11px Tahoma,"MS Sans Serif";
background-image: url(http://i15.photobucket.com/albums/a355/lds_tc/Blog/BG-Comment5th-2.jpg)
}
textarea{
font:11px Tahoma,"MS Sans Serif";
background-color:#F7DDFF;filter:Alpha(opacity=40);


แล้วก็ที่เขียนว่า "textarea" แต่ก่อนมันเคยเป็น..เอ่อ..น่าจะ select นะคะ
แต่ลูต้องการให้ไอ้ช่องที่ต้องพิมพ์คอมเม้นมันใสๆหน่อย
ก็เลยปรับ "background-color:#F7DDFF;filter:Alpha(opacity=40);" opacity ยิ่งน้อย ช่องยิ่งจางคะ


P.S. ขอแอด fav นะคะ

#16 By Luscinia on 2005-09-11 13:15

ดีจังเลย
มีสอนทำด้วย


อัพบ่อยๆน๊า

#17 By Marin on 2005-09-11 15:13

เฮดบล๊กอสวยง่ะ เรายังมะด้ายเปลี่ยนเยย
อืมๆ~บล๊อกเราอ่ะ แก้ตัวอักษรแล้สวนะ
โทดที ไปแระ บ๊ะบายคร้า...

#18 By ^~TE~^ on 2005-09-11 19:39

โอ้วมันทำอย่างนั้นได้ด้วยหรือ เพิ่งรู้

#19 By .-* KaiToU DaRk ._.* on 2005-09-13 18:54

#20 By sattaeterboy.th.gs (203.172.221.158 /192.168.16.15) on 2006-03-23 17:10

#21 By ศรัทธา เรืองไท (203.172.221.158 /192.168.16.15) on 2006-03-23 17:11

ดีจาง >w< จะบอกว่าเร็นไม่เคยทำ BG ซะที ปล่อยขาวว่างๆ บุ่ยๆ =w= ไม่งั้นก็ทำแต่ BG สิ้นคิดๆ ขอบคุณทั่นพี่ฮะ ได้ความรู้ใหม่ๆ