Group Blog
 
All blogs
 

DIY : ทำตัวหนังสือสวยๆ แต่งบล็อก + ฟอนต์น่ารักๆ

ก่อนอื่นต้องขอออกตัวก่อนนะคะ ว่าเจ้าของบล็อก ไม่ได้เก่งโฟโต้ชอป เพราะเพิ่งหัดทำได้ไม่นานนี้เอง แต่การทำของแต่งบล็อกต่าง ๆ ไม่ได้ยุ่งยากอย่างที่คิด ใครๆ ก็สามารถทำได้ค่ะ วันนี้จะเสนอการทำตัวหนังสือน่ารักๆ แบบง่ายๆ ไม่ยุ่งยาก ด้วยโฟโต้ชอป (พี่ใช้ โฟโต้ชอป 7.0 อยู่ค่ะ) ซึ่งตัวหนังสือสวยๆ ที่เราทำเอง สามารถดัดแปลงนำไปแต่งหัวบล็อก หรือเป็นโลโก้ ที่มีชื่อบล็อกของเราเอง หรือแต่งส่วนต่างๆ ของบล็อก รวมทั้งนำไปตกแต่งภาพถ่ายให้เป็นรูปแบบ ตามที่เราต้องการได้สารพัด นอกจากถูกใจแล้ว ยังอดภูมิใจไม่ได้ด้วย (ก็เราทำเองนินา )
นอกจากเสนอวิธีการแต่งตัวหนังสือแล้ว วันนี้มีฟอนต์น่ารักๆ มาฝากกันนิดหน่อยค่ะ เป็นฟอนต์ที่เจ้าของบล็อกชอบใช้บ่อยๆ เพราะเห็นว่ามันน่ารักดีอ่ะ

ดาวน์โหลด โดยคลิ๊กที่ชื่อฟอนต์ที่ต้องการได้เลยนะคะ














ตัวหนังสือที่จะทำวันนี้ ทำให้ตัวหนังสือมีมิติ เหมือนกับนูนขึ้นมา แล้วมีสีใสๆ เหมือนพวกขนมเจลลี่บีน แต่หลายๆ คนเรียกตัวเยลลี่ค่ะ


1.หลังจากเปิดเอกสารใหม่ขึ้นมาแล้ว ให้พิมพ์ประโยคที่ต้องการลงไป จากนั้นไปที่กล่องเครื่องมือด้านขวา เพื่อปรับแต่งเลเยอร์ คลิ๊กที่ปุ่ม แล้วเลือก Bevel and Emboss...


คลิ๊กที่ภาพ เพื่อชมภาพขนาดใหญ่


2.หน้าต่างของ Layer Style จะเปิดขึ้น ในตัวอย่างนี้ จะปรับstyle เป็น Inner Bevel ขนาด 5 pixel shadow mode เลือกสีที่เข้มกว่าสีตัวหนังสือเล็กน้อย การปรับค่า shading และ สีของ shadow mode ในขั้นตอนนี้ ทำให้สี แสงเงาของตัวหนังสือ มีความใส หรือด้าน มากน้อย ต่างกัน แล้วแต่ความพอใจของแต่ละคน
หลังจากนั้นกำหนด ขนาด และสีของเส้นรอบตัวหนังสือ (2) เสร็จแล้วกด OK จะได้ลักษณะตัวอักษรตามภาพที่เห็น หรือเหมือนกับ โลโก้ ตรงหัวบล็อกด้านบนนี้นะคะ เท่านี้ก้อเสร็จแล้วค่ะ
สำหรับบางคนที่ชอบทำ Stroke 2 ชั้น ให้ดูข้อต่อไปเลยค่ะ


คลิ๊กที่ภาพ เพื่อชมภาพขนาดใหญ่


3.หากต้องการทำ stroke หรือขอบชั้นที่ 2 หลังจากเสร็จขั้นตอนที่แล้ว ให้เลือกเลเยอร์ที่เราต้องการ คลิ๊กขวา แล้ว Duplicate Layer ออกมา ตอนนี้จะมี Layer 2 อัน ให้เลือก Layer อันเดิมตอนแรก ซึ่งเป็นเลเยอร์ที่โดนทับอยู่ด้านล่าง แล้ว กดปุ่ม กำหนดขนาดของ Stroke ให้มีขนาดใหญ่กว่าเดิม และใช้สีคนละสี จะได้ออกมาเป็นลักษณะตามตัวอย่างนี้ค่ะ

เสร็จแล้ว save for web เป็น .jpg หรือ .gif ค่ะ



คลิ๊กที่ภาพ เพื่อชมภาพขนาดใหญ่

เสร็จแล้วค่ะ ง่ายไม๊คะ
มีการแต่งตัวอักษรอีกรูปแบบนึงมาฝาก คือการใส่ลาย ให้กับตัวอักษร แบบง่าย และเร็วสุดๆ ใช้แค่ เลเยอร์เดียวเองค่ะ

วิธีการทำ คือ หลังจากพิมพ์ข้อความที่ต้องการแล้ว ให้คลิ๊กที่ปุ่ม เหมือนเดิม แล้วเลือก Pattern Overlay... หน้าต่างจะเปิดออกมาตามรูป


คลิ๊กที่ภาพ เพื่อชมภาพขนาดใหญ่

เลือก แพทเทิร์นลายที่ต้องการ หลังจากนั้นกำหนด Stroke และ Bevel and Emboss เหมือนขั้นตอนที่แล้ว
Stroke จะกำหนดเป็นสีพื้น หรือเป็น แพทเทิร์นลายเดียวกัน หรือคนละลายก็ได้ค่ะ แค่นี้ก็เสร็จเรียบร้อย ^-^ ง่ายนิดเดียวเอง









 

Create Date : 07 กุมภาพันธ์ 2549    
Last Update : 8 กุมภาพันธ์ 2549 0:27:08 น.
Counter : 2087 Pageviews.  

ของกระจุกกระจิกแต่งบล็อก2 และเทคนิคแต่งบล็อกให้เก๋


การแต่งบล็อกของเราให้เก๋ และมีสไตล์เป็นของตัวเองไม่ใช่เรื่องยาก บางครั้งการแต่งบล็อกให้สวย ไม่จำเป็นต้องใช้เครื่องมือ หรือสคริปต์มากมาย การปรับเปลี่ยนส่วนประกอบแค่เพียงบางจุด ก็สามารถทำให้บล็อกสวย และดูดีได้ ตามแบบฉบับของเราเอง
ในบล็อกนี้มีโค้ดสำหรับปรับแต่งบล็อกมาฝาก สำหรับมือใหม่นะคะ เปลี่ยนแค่ 3 จุด บล็อกก็เก๋ขึ้นได้อีกเยอะเลย และไม่ลืมเก็บภาพน่ารักๆ และแบคกราวนด์มาฝาก สำหรับใช้แต่งบล็อกด้วยค่ะ



คลิ๊กที่ภาพได้เลยค่ะ




 

Create Date : 13 มกราคม 2549    
Last Update : 14 มกราคม 2549 3:44:23 น.
Counter : 395 Pageviews.  

ของกระจุกกระจิกแต่งบล็อกและแบคกราวนด์ชุดใหม่





ในบล็อกนี้จะมีพวกภาพกระจุกกระจิก ขนาดเล็กเอาไว้แต่งบล็อก ซึ่งภาพเล็กๆ พวกนี้ ถ้าเรานำไปดัดแปลงใช้กับคำสั่งง่ายๆ อย่างมาร์คีย์ ก็จะทำให้บล็อกมีสีสันมากขึ้น และแบคกราวนด์แบบที่ใช้ปูเฉพาะจุด เช่น ส่วนหัว หรือส่วนท้าย ของบล็อก มีข้อดีคือ ทำให้บล็อกดูสวยงาม และสบายตา ไม่กวนกับสีตัวหนังสือในส่วนกลางของบล็อก ทำให้อ่านง่ายด้วยค่ะ
Background 1
Background 2
Icon










 

Create Date : 30 ธันวาคม 2548    
Last Update : 14 มกราคม 2549 4:26:03 น.
Counter : 343 Pageviews.  

เพิ่มสีสันให้บล็อกง่ายๆ ด้วยสคริปต์(เพิ่มเติมสคริปต์ใหม่)







ผึ้งน้อยบินวนเวียนหน้าเว็บ แบบที่ 2

ฝนตกหน้าเว็บ

ผึ้งน้อยบินวนเวียนหน้าเว็บ แบบที่ 1

ลูกโป่งลอยขึ้นบนหน้าเว็บ

ดาวดวงจิ๋วๆ ตกหน้าเว็บ

ทำเงาสะท้อนบนผืนน้ำให้กับรูปภาพ

ดอกไม้ร่วงหน้าเว็บ

เมื่อเอาเม้าส์ชี้ที่ลิงค์แล้วมีขีดเส้นใต้แบบเส้นประ เอาเม้าส์มาวางตรงนี้เพื่อชมตัวอย่างค่ะ
ใส่โค้ดไว้ในการปรับแต่งสไตล์เว็บบล็อกนะคะ ( slogan) สามารถปรับค่าต่างๆ ในโค้ดได้ตามที่ต้องการค่ะ






<STYLE type=text/css>BODY {FONT-SIZE: 10pt; FONT-FAMILY: "宋体"}
A {FONT-SIZE: 10pt; COLOR: #0C593D; TEXT-DECORATION: none}A:hover {COLOR: #16A972;border-bottom:1px dashed #0C593D }</style>






ต้องการสคริปต์อื่นๆ เพิ่มเติม คลิ๊กด้านล่างนี้แล้วกันนะคะ พี่ทำไว้แล้วอยู่ที่เว็บอ่ะค่ะ
ไม่อยากให้มันซ้ำซ้อนกันหลายที่ (ความจิงก็คือขี้เกียจอ่ะแหล่ะ ^-^" หุหุ)








 

Create Date : 18 ธันวาคม 2548    
Last Update : 19 ธันวาคม 2548 4:21:14 น.
Counter : 415 Pageviews.  

แต่งบล็อกให้สวย และง่าย ด้วยบล็อกแพทเทิร์น


บล็อกแพทเทิร์นชุดนี้ เป็นชุดแรกที่ลองทำดูนะคะ
ใช้ปูพื้นบล็อกแทนแบ็คกราวนด์ปกติ ทำขึ้นมา
เพื่อใช้แต่งเวบบล็อกโดยเฉพาะเลยค่ะ ชุดนี้แนะนำ
ให้ใช้คู่กับโลโก้เปล่านะคะ ลักษณะที่ออกมาจะ
เหมือนกับในบล็อก jc_inlove นี่แหล่ะค่ะ
มีทั้งหมด 6 แบบ คลิ๊กเลือกจากปุ่มด้านล่างนี้เลยค่ะ








 

Create Date : 19 พฤศจิกายน 2548    
Last Update : 19 พฤศจิกายน 2548 3:24:21 น.
Counter : 414 Pageviews.  

1  2  3  

JC_Inlove
Location :
กรุงเทพ Thailand

[Profile ทั้งหมด]

ฝากข้อความหลังไมค์
Rss Feed

ผู้ติดตามบล็อก : 1 คน [?]











Friends' blogs
[Add JC_Inlove's blog to your web]
Links
 

 Pantip.com | PantipMarket.com | Pantown.com | © 2004 BlogGang.com allrights reserved.