How-to : วาดลายตารางแบบคนโง่ (และถึก)

posted on 05 May 2009 21:01 by canes in How-to

มีคนถามมา ฉันก็จัดไปเค่อะ (ฮา)

อ้างอิงถึงเฮดบล็อคของฉัน(และของบวบ)ค่ะ

แบบนี้

ลายตารางนั่น ฉันนั่งทำเองค่ะ OTL

ทั้งนี้เพราะจนปัญญาจะเซิร์จหาต้นแบบ

แล้วคุณจะทำอย่างไรเมื่อกูเกิ้ลช่วยคุณไม่ได้!!?

คำตอบง่ายๆคือ วาดเอาเองเซ่!!! ว่ะฮ่ะฮ่ะฮ่า

ดังนั้น

ฉันจะแฉขั้นตอนสุดถึกทุกประการให้ฟัง

...ฮิฮุฮิฮุฮิฮุ...

ตามชื่อเอ็นทรี่นะคะ สำหรับคนโง่ เพราะฉะนั้นแล้วมันจึง

ไม่เหมาะกับผู้มีความถึกต่ำด้วยประการทั้งปวง

OTL

เพราะมันจะทำให้คุณปวดตับอย่างรุนแรง

สำหรับโปรแกรม ฉันใช้โฟโต้ฉ่อยค่ะ

----------ขั้นตอนแรก----------

ระดับความถึก : น้อย

เริ่มจากคำนวณก่อนค่ะว่าคุณต้องการตารางนึงกว้างเท่าไหร่ ยาวเท่าไหร่ (ฮา)

ในตัวอย่างนี้ฉันใช้ 400x600px ค่ะ

แนะนำ : ยิ่งใหญ่ก็ยิ่งดี!! เพราะเวลาย่อมันจะดูดีขึ้นเอง แต่ใหญ่มากไปก็ไม่สะดวกค่ะ

อื่นๆ : ขนาดควรเป็นเลขหาร2ลงตัว...เพื่อความสะดวกสำหรับขั้นตอนต่อไป =.,=''

----------ขั้นตอนที่2----------

ระดับความถึก : น้อย

จากขั้นตอนที่แล้ว ตอนนี้เราจะมีพื้นที่กว้างยาวที่หาร2ลงตัว

เพราะเราจะให้คุณกดเครื่องคิดเลข!!

และสร้างรูปใหม่ขนาด1/4ของรูปเดิมขึ้นมา

รูปหลัก 400x600px รูปนี้จึงใช้ 200x300px ค่ะ

ลงสีด้วย เพื่อจะได้เห็นชัด (ฮา)

จากนั้นก็ลากรูปนั้นเข้าไปในรูปหลักเล้ยยยย!

-----------ขั้นตอนที่3----------

ความถึก : ปานกลาง

จากขั้นตอนที่แล้ว เราจะมีรูปเล็กๆขนาด1/4มาอีกเลเยอร์

ให้เราลากมันไปไว้มุมรูปค่ะ

จากนั้นถึงใช้ Line tool ลากเส้นจากมุมด้านนึงไปอีกด้านนึง

ทำอย่างนี้ให้ครบทุกด้านค่ะ

จากนั้นจึง Merge layers เส้นทั้งหมดเข้าด้วยกัน

ใช้ Magic wand จิ้มตรงกลาง แล้วเทสีลงไปค่ะ

เฮ~ ในที่สุดเราก็ได้มันมา1รูป ""OTL

----------ขั้นตอนที่4----------

ความถึก : สูงมว้ากกกก

จากขั้นตอนที่แล้ว เราได้ตารางมา1ช่องแล้วค่ะ โฮ TAT

คราวนี้ให้เราคำนวณขนาดที่เราต้องการก่อนค่ะ

เช่น เราจะใช้เป็นเฮดบล็อคกว้าง780px ขนาดรูปมันควรจะเท่าไหร่ถึงพอเหมาะกับเรา

สำหรับตัวอย่างฉันย่อเป็น 20x30px ค่ะ

จากนั้นสร้างไฟล์ใหม่เป็นความกว้างเท่าเฮดบล็อค และ ความยาวเท่ารูป1รูป

สำหรับตัวอย่างคือ 780x30px ค่ะ

จากนั้นไม่ต้องพูดพล่ามทำเพลง

ลากรูปที่เราทำเสร็จแล้วลงไปเลยค่ะ =.,=

ให้มันเต็มแถวเลย

(เลเยอร์ยาวเป็นหางว่าว OTL)

คราวนี้จาก1รูป มันก็จะกลายเป็น1แถวแล้วค่ะ \TAT/

จากนั้นก็สร้างไฟล์ใหม่อีกค่ะ

คราวนี้เอาความกว้างยาวตามที่เราต้องการ

...ใช่ค่ะ...

เราจะลากทั้งแถวลงไป เรียงจนกว่าจะเต็มค่ะ

OTL

แนะนำ : ห้าม ลืม Merge layers เด็ดขาด ...OTL

----------ขั้นตอนที่5----------

ความถึก : น้อย

จากขั้นตอนความถึกทุกประการ ในที่สุดเราก็ได้ลายตารางที่เราปรารถนาค่ะ

OTL

ขั้นตอนนี้คือการปรับสีตารางตามทุกท่านต้องการค่ะ

\TvT/

สุดท้ายนี้ ฉันอยากบอกทุกท่านว่า

"อย่าโง่แบบฉัน"

ค่ะ

OTL

/me อ้าแขนรับคำประณาม "ไอ้โง่+ถึก" ด้วยความภาคภูมิใจทั้งปวง T3T""

กรุณาให้กำลังใจคนโง่ด้วยการขว้างอีโมน้ำลายไหลใส่แรงๆส์

( - A-)=o------------------------>> )3-)

ตูมส์

ขอบคุณ~~ที่ทนอ่าน~~เคร่อะะะะะ

Tags: ถึก, ลายตาราง, โง่114 Comments

ต้องยอมรับว่าถึกมากค่ะ open-mounthed smile

เป็นกำลังใจให้ นี่ถ้าเป็นเราก็ท้อแท้ไปแล้ว

#1 By Daughter Of Sparda on 2009-05-05 22:01

แต่สวยอ่ะคร้าบบบบบบ

#2 By Nerd de Scriptorus on 2009-05-05 22:02

โอ้แม่เจ้า !!!

#3 By แมวบร้า100% (222.123.154.14) on 2009-05-05 22:03

โอ้ว

สามารถ
ถ้าเป็นคนมักง่ายแบบนาว คงเอารูปแรกทำแพตเทิร์นอย่างเดียวอะ sad smile

#4 By •Le' LapiN—• on 2009-05-05 22:04

เราก้อเคยทำแบบนี้ค่า

*ยืดอกด้วยความภูมิใจ
เป็นแบบนี้นานมากจนมีคนมาชี้ทางสว่าง ฮ่าๆๆๆ

ชอบธีมบล้อกทั้งคู่เลยล่ะค่ะ สวยๆ confused smile

#5 By glll.uainechu(♥) on 2009-05-05 22:05

รู้วิธีทำแล้วสยอง... อ่า.. สงสัยเราจะเป็นบุคลคาวมถึกต่ำ
ขั้นตอนสุดท้าย น่ากลัวสุด... orz
ครั้งหน้าเอาลายหัวใจเลยพี่~~~~~!!!

*/โดนตบบ

#6 By [-:-Mistering-:-] on 2009-05-05 22:06

เคนส์.......เค้าจะบอกว่า
มันทำ pattern แล้ว "เททีเดียว" ได้น่ะ

#7 By Luscinia on 2009-05-05 22:11

อีถึกกกกกกกเอ๊ยยยยยย

บ้าแล้วแก บ้าชัดๆ!!

สยอง!!

#8 By KIA:เคี๊ยเคียเองค่ะ! on 2009-05-05 22:14

ไม่โง่หรอกค่ะ เป็นเรา (ถ้าเราถึกพอ) ก็ทำแบบเดียวกับท่านนั่นแล sad smile

ว่าแต่..สุดจะถึกเลยนะคะท่าน!!!!

#9 By *~[rewolf-nus]~* on 2009-05-05 22:30

#10 By b-padung Studio on 2009-05-05 22:50

โยนน อะโช๊ะะ

คุณบ้าพาวค่ะ 5555555
ถึกมากพระเจ้าจอร์จ...ให้รางวัล Hot!

#11 By SHERRAE on 2009-05-05 23:07

ความพยายามสูงมาก คารวะ

#12 By on 2009-05-05 23:12

ทดลองไปทำบ้างในแบบตัวเองโดยที่คิดว่า ถ้าอยากได้บ้าง จะทำยังไง
1.เริ่มด้วยทำรูปแบบที่สร้างในข้อสาม(ผมขี้โกงด้วยการ save จากที่นี่ไป crop เอา ซึ่งก็ได้มาหยาบๆ ไม่เรียบร้อยนัก)
2.เปิด edit plus สร้างไฟล์ html ใส่ตาราง ละเอาภาพไปเป็น bg

<HTML>
<BODY>
<TABLE width = 3500 height = 3000 background = "E:\My Documents\cap6.jpg">
<TR>
<TD></TD>
</TR>
</TABLE>
</BODY>
</HTML>

จากโค้ดจะเห็นว่าทำใหญ่มาก เพราะไม่ได้ย่อรูปก่อน ถ้าย่อมาแล้วก็กำหนดปกติได้เลย จากนั้นก็เปิดกับ browser เพื่อแสดงผล
3.ได้ภาพตามต้องการแต่ขนาดใหญ่กว่า เพราะไม่ได้ย่อมาก่อน ก็เซพไปย่อและcropเอา (browserที่ใช้ สามารถสั่ง save webpage ได้เลย ถึงมันจะแสดงผลอยู่นอกส่วนที่มองเห็น)

สรุป ไม่ถึกเท่าไหร่ พิมพ์อธิบายยังถึกกว่า sad smile

แต่ผมว่าถึงทำแบบถึกๆ แต่ก็ยังสามารถหาหนทางทำจนสำเร็จได้ด้วยตัวเองนะครับ ถ้าเราทำมากๆเข้ามันก็จะค่อยๆได้เรียนรู้เทคนิคที่จะทำได้ง่ายขึ้นเพิ่มขึ้นเองละครับ big smile

#13 By natt_han on 2009-05-05 23:19

ให้ไปเต็มๆเลยค่ะ เพราะเราก็โง่เหมือนกัน

เย๋ย -*- ไม่จริงหรอกท่าน ทำด้วยตัวเองน่าภูมิใจออก
ข้าน้อยชอบนะ (มากด้วยย) นั่งพินิจลายอยู่ตั้งนาน
ตอนบอกวาดเองก็ โห เก่งจัง >< ชื่นชมอย่างแรงจริงๆ
ไม้ได้กะยอนะ อร๊างง

อีกอย่าง ขอคำนับให้กับความถึกค่า =[]=!!!!!!
ปล. ในพจนานุกรมของข้าน้อย
ถึก = สุดยอดของความพยายาม ^^

สุโค่ยยยยยยย cry

#14 By wanderer on 2009-05-05 23:30

Mill: 5555+ ถึกอย่างแรงจริงๆจ้ะ

นับถือใ นความพยายามเป็นอย่างมาก กร้ากกก

#15 By i c e c u b e on 2009-05-05 23:53

แต่ผลออกมามันงามนะค่าเนี่ยยย *[]*

เป็นเรา ตีเส้น ตีตารางวาดมือเอา แล้วสแกน
(แอบถึกทึนกว่าเล็กน้อยถึงปานกลาง =w="")

#16 By yooney มาเยือน~ on 2009-05-06 00:03

โหท่านพี่

ท่านสุดยอดดดดดดดดดด!!

ถึกมั่กๆๆๆเลยอ่ะ

อิอิอิ

#17 By Love~l3erry on 2009-05-06 00:36

ไม่นั่งวาดทีละตัวเลยลาะพี่เคนส์ * q *
กร้ากก Hot!

ธีมนี้สวยแฮะ ชอบ

#18 By r e d t e a * on 2009-05-06 00:47

กะลังนั่งคิคจะทำธีมใหม่อยู่เรย ขโมยไอเดียนินไปด้วยดีป่าวน้า XD

#19 By Unknown Lifeform on 2009-05-06 01:38

เคนถึกจังครับ..(ฉึกกก)
แต่คิดว่าทำอันเดียวแล้ว น่าจะทำเป็นแพทเทิร์นได้นะ? แล้วป้ายเอา(คิดว่า)
ทำตีมให้ฉันด้วยสิคะ?(โดนเคนตบ)

Hot!

เอาไปเลยย เอาไป เอาดาวแดงไปได้เลย

#20 By ⓡⓘⓧⒶⓛ ┈━═☆ ⓃⓄⓘⓓⓔⓐ:)) on 2009-05-06 03:05

ถึกขั้นเทพค่ะ =[]=!!!
แต่ออกมาสวยมากๆเลย เปนริิคงทำไม่ได้
ความอดทนน้อย+คำนวนเลขไม่เก่ง >"<,,

#21 By +RIETY+ on 2009-05-06 09:40

ลืมให้ดาว *[]*

Hot!

#22 By +RIETY+ on 2009-05-06 09:40

ถึกมากเลยค่ะ
อันที่จริงสร้างรูปเดียวแล้วทำเป็นแพทเทิร์นก็ได้นะคะ
อึดจริงๆค่ะ Hot!

#23 By kumapanda on 2009-05-06 12:58

เขาเรียกวิธีสร้าง pattern ในแบบพื้นฐานต่างหากล่ะครับ โง่ที่ไหนกัน confused smile

#24 By palermos on 2009-05-06 13:03

อึดจังเลยงิ ไม่รู้ว่าใช้วิธีนี้นะคะเนี่ย sad smile

แต่มันสวย(+ดูดี)มากๆเลยนะงิ >w<

(ปวดตามั้ยน่อ... พักเยอะๆนะงิ)

#25 By sa-makino.koo on 2009-05-06 13:14

ถึกจริงๆค่ะ

#26 By zenzen on 2009-05-06 13:21

เวลาหาแพทเทิร์น หาลาย bg เก๋ๆ ถูกใจไม่ได้ แต่อยากได้ก็ทำเองเหมือนกันค่ะ

แบบว่า หงุดหงิดชั้น! หาไม่เจอสักกะที

ทำเองก็ได้..

สรุปเสียเวลาไป เอ่อ เกือบครึ่งวัน กว่าจะทำ head blog เสร็จ

#27 By ~ Fan of the Hollywood ~ on 2009-05-06 13:25

เอาดราก้อนบอลไป!

#28 By spore on 2009-05-06 13:28

ถึก แต่ใช้ได้!
ขอบคุณมากค่า confused smile

#29 By pimkung*mcs on 2009-05-06 13:37

...เวลาเราทำ เราก็ทำแบบนี้...แต่เวลาได้สามสี่แถวก็จะครอบก๊อบเอาพวกนั้นมาแปะมันก็จะเร็วขึ้นอย่างมากๆค่ะ 555+

อ่านคอมเมนท์ลูแล้วฉึกๆๆๆๆ! 5555+

#30 By syaolee on 2009-05-06 13:41

ถึกแต่สวยก็เอาล่ะค่า~~~ 555555555 Hot!

#31 By KUN as [Harao+Rui+Komui] on 2009-05-06 13:49

test

#32 By jo (115.67.160.252) on 2009-05-06 14:10

ไม่โง่หรอกครับ แต่ละคนต่างก็มีวิธีของตัวเอง สุดท้ายแล้วมันก็ได้ผลเหมือนกัน big smile

.......แต่ยอมรับว่าถึกจริงๆ sad smile

(อันนี้ผมลองใช้วิธีถึกๆดูบ้าง question

)

#33 By SRP on 2009-05-06 14:12

วิธีที่ถึกจริงๆครับ ขอซูฮกในความพยายาม

อันที่จริง มันก็พอมีวิธีที่ง่ายกว่านั้นอยู่นะครับ
1.วาดตัวเดียวพอ แล้ว define pattern
2. สร้างเลเยอร์ขึ้นมาใหม่
3. เทสีลงไปดื๊อๆเลย แล้วปรับ fill = 0
4. pattern overlay อยากได้ขนาดเท่าไหร่ ก็ปรับไป
5. ทีนี้ ใช้ magic wand เลือกเอาเฉพาะลาย
เอาไปสร้างเลเยอร์ใหม่ เลเยอร์เก่าลบทิ้ง
6.แล้ว gradiant overlay ที่เลเยอร์ใหม่
เป็นอันเสร็จแล้วครับ = =

#34 By PentaX on 2009-05-06 14:26

ถึก!!!!

#35 By @ P.M. on 2009-05-06 14:26

วิธีถึกมากครับ ขอคารวะในความพยายาม

นี่เป็นวิธีที่ง่ายกว่านั้นนะครับ

1.วาดตัวเดียวพอ แล้ว define pattern

2. สร้างเลเยอร์ขึ้นมาใหม่

3.เทสีลงไปดื๊อๆเลย แล้วปรับ fill = 0

4. pattern overlay อยากได้ขนาดเท่าไหร่ ก็ปรับไป

5.ทีนี้ ใช้ magic wand เลือกเอาเฉพาะลาย
เอาไปสร้างเลเยอร์ใหม่ เลเยอร์เก่าลบทิ้ง

6. แล้ว gradiant overlay ที่เลเยอร์ใหม่

เป็นอันเสร็จแล้วครับ = =

#36 By PentaX on 2009-05-06 14:28

โอ้ ขอโทษครับ เน็ตไม่ค่อยดี เลยโพสต์ซ้ำไป

#37 By PentaX on 2009-05-06 14:29

#38 By iDoi* on 2009-05-06 14:43

มีแต่คนตอกย้ำด้วยคำว่า pattern ทั้งนั้นเลยนะคะ

confused smile

#39 By » {๐๔} d r e a м .™ on 2009-05-06 14:47

ฮ่าๆ ๆ ถึกจริงๆ question

แต่ขอบอกว่าไม่โง่หรอกเจ้าค่ะ
สำหรับบางคนที่ใช้โฟโตฉ่อยไม่เป็น
ถือว่าเป็นขั้นตอนการทำที่กำลังดี
และเข้าใจง่าย confused smile

(เพราะข้าอ่านเคล็ดลับจาก #34 ไม่รู้เรื่อง
กรั่กๆๆๆ

)

ปล. โง่เหมือนๆ กัน

#40 By Nan-yaaa on 2009-05-06 14:50

เอร๊ยยย ลืม

Hot!

#41 By Nan-yaaa on 2009-05-06 14:51

จริงๆแล้ว ตอนแปะให้เต็มแถว ค่อยๆ merge ไปเรื่อยๆ จะได้รูปให้ก๊อปแปะทวีคูณขึ้นไปเรื่อยๆ ( จาก 1 เป็น 2 เป็น 4 เป็น 8 ไปเรื่อยๆ ) เหมือนกันนะ ^^" น่าจะทอนเวลาลงได้อีกกว่าค่อนเพื่อให้เต็มแถว

ตอนก๊อปวางแนวนอนก็ด้วย sad smile

ทวีคูณแถวที่แปะไปเรื่อยๆคงไวกว่าวางทีละแถวนะ