★ :: LOGO WEB*

สวัสดีตอนเย็นๆ
วันนี้ มี web เกี่ยวกับ logo มาให้ชม
เผื่อเป็นแนวทางให้หลายๆคน ทำโลโก้เป็นของ ตัวเอง
=w= ลองดู นะคร้าบ บางทีอาจจะได้ ideas, ไอเดีย ดีๆในการทำ
logo ขึ้นมา ก็ได้อ่ะ!!



web2logo

โลโก้พวกนี้ออกแนวของ web 2.0 นะครับ มีเยอะมากๆเลย
ดูกัน ไม่ทั่วถึงแน่นอน . . ส่วนโลโก้ของผม . . "ยังคิดไม่ออก T^To"

★ :: Cartoon cloud

สวัสดีครับเพื่อนๆ =/\=
วันนี้เรามาสร้างอะไรคลายเครียดกันดีกว่า =O=

อ้อ . . ฝาก poll สำรวจความคิดเห็น ด้านข้าง บล็อกด้วยนะครับ :)


วันนี้ก็ไม่ยากครับ แถมน่ารักซะด้วย ^ ^~
วันนี้ลองมาทำ Cartoon cloud กัน

เริ่มด้วยการเปิดกระดาษขั้นมาใหม่ เอาประมาณ 450*250 ก็ได้ครับ
ใช้ Gradient สีฟ้าเข้ม-อ่อน โทนไหนก็ได้ไล่ไปบนกระดาษครับ

ใช้เครื่องมือ selection แบบ วงกลม ตั้งค่า Options แบบข้างบนครับ
(ที่เน้นสีชมพูไว้ คือ Styles : Fixed Aspect Ratio Width : 1 Hight: 1)
แล้วสร้าง selection รูปร่างเมฆ ขึ้นมาตามใจชอบ
(จะเหมือนผมก็ได้ ^ ^)


ทีนี้เทสีขาวลงไป




ีหลังจากนั้นกด deselect เพื่อให้เส้น ซีเล็กชั่นหายไป
ไปที่ เอฟเฟค (f) >> Inner shadow ปรับค่าตามรูปครับ


ไปที่ Outer glow ปรับค่าตามรูป


Inner Glow ก็ปรับตามนี้


Gradient Overly . .


แล้วก็ Stroke


กด ok โอ้วว ก็ได้ เมฆ น่ารักๆ สวยๆไปใช้ แล้วครับ ^^


ผมเอาวิธีจาก web ต.ป.ท มาอีกทีนะครับ จำ credit ไม่ได้
ถ้าเจอแล้วผมจะเอามาใส่ให้ครับ ^^~

cartoon cloud, make cloud, photoshop tutorials,

★ :: Matrix. . ?

สวัสดีครับ ^ ^
ช่วงนี้ ฝนตก + แดดแรงๆบ่อยจังT^T
แล้ว ที่โรงเรียนผมก็ . .
เรียนหนักมากๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆ
เหนื่อยย~ (ถ้าสายวิทย์จะขนาดไหน = ='')


วันนี้มาเรียนทำ background Matrix กัน ^ ^
หลายๆคนคงดูกันใช่ไหมครับ เรื่อง Matrix หุๆ
มันจะมีภาพที่เป็น Effect ตัวหนังสือเขียวๆไหลๆ อะ

(แต่วันนี้เราจะทำแบบ ภาพนิ่งก่อน =O=)

ลองมาสร้างกันเองใน photoshop กันดูไหมละ?
หวังว่าหลายๆ คนคงไม่งงไปซะก่อนนะครับ
เพราะว่าคำ อธิบายมันติดอยู่กับรูปสอน
แล้ว รูปประกอบนี้ก็ทำเก็บไว้นาน มากๆๆๆๆๆ >w< มาเริ่มทำกันเลย . .

Matrix Background, Matrix effect




ไปที่คำสั่งตามนี้ครับ


























เสร็จแล้วครับ วิธีทำง่ายๆ ขั้นตอนนิดเดียว
แต่ก็ออกมาสวยใช้ได้เลยน๊าา . . >w<
(ส่วน text ถ้าต้องการจะใส่ ก็ ใช้ฟอนต์ ที่มันดู เข้าๆกัน นะครับ
แล้วก็ใช้คำสั่ง Outer Glow ให้มันเรืองแสงเขียวๆ ออกมา

(ฟอนต์ผมมีน้อยมาก. . ไม่ค่อยเข้าครับ ขอโทษด้วย T^T )


Matrix Background, Matrix effect, photoshop tutorials

★ :: คลื่นบนผิวน้ำ,,*

3/มิถุนายน/2551
7.33 PM

สวัสดีครับ T.T
กระต่ายตาย!!!
เซง+สับสน+เศร้า+เหงา+ไม่เข้าใจ
ขอให้ ไปสู่สุขติ นะ กระต่ายน้อย . . TWT
เฮ้ออ .. .

วันนี้ผมจะมาสอนทำ คลื่นบนผิวน้ำ (ต้องเปลี่ยนอารมณ์ให้ทันซิน่า . .)

เริ่มด้วยการเปิดกระดาษใหม่ขึ้นมา ใช้ Gradient สี ขาว ฟ้า ตามจะโปรดปราน




ไปที่ Filter >>Render >> Clouds




ไปที่ Filter >> Distort >> Zig Zag..



ปรับตามนี้เลยครับ




ไปที่ Filter >> Sketch >>>Chrome..




ปรับตามนี้ครับ




ไปที่ Image>> Adjustments>>Hue/Sat...



ปรับค่าสีตามต้องการ
แต่ถ้าจะให้เป็นสีอย่างที่ผมทำก็ ปรับ ประมาณข้างล่างนะครับ

เสร็จแล้วก็ตกแต่ง หรือเอาไปประยุกต์ตามแต่จะต้องการ

(รูปประกอบและวิธีทำเก็บไว้ 2 ปีแล้ว =w= ตอนทำ PS. เป็นใหม่ๆเลยหล่ะ
ถ้ามีอะไรผิดพลาดก็ ขอ อภัย มา ณ บทนี้ด้วย =/\=)


คลื่นบนผิวน้ำ, คลื่นน้ำ, ทำคลื่น, photoshop tutorials

★ :: Drawing eyes

สวัสดีครับ ตอนนี้บล็อกเป็นอะไรไม่รู้ histats ตัวนับสถิติเจ้ง
ไม่ได้ไปทำอะไรมันซักหน่อย . . T^T

วันนี้มาเรียนเรื่องการวาดดวงตากันครับ
รูปในวันนี้ผมไม่ได้ทำเองหรอกนะ =O=

Step by Step

พอดีผมเซฟเก็บไว้นานแล้ว ตอนนั้นเข้าไปในเว็ป ต.ป.ท มา
เห็นเค้า วาดเจ๋งดี เลยเอามาให้เพื่อนๆดูเป็น ตัวอย่างครับ

(เครดิส ผมได้ติดไว้ในรูปแล้วครับ)


วาดรูปตา, CG painting , CG drawing, drawing eyes, drawing, photoshop tutorials

★ :: Make basic Avatar !

สวัสดีครับ ทุกๆคน ^ ^
บทนี้จะเป็น พื้นฐานง่ายๆของการทำ Avatar (รูปตัวแทน)

เปิดรูปที่ต้องการทำ avatar ขึ้นมา
ใช้เครื่องมือ selection สี่เหลี่ยม สร้างเส้น ลงไปในส่วนที่ต้องการนำ
เอารูปส่วนนั้นมาทำเป็น avatar (ตอน ลากเส้น กด shift ค้างขณะลากด้วยครับ)


ทีนี้เราต้องการ avatar ขนาดเท่าไหร่ก็ ไปตั้งค่าความ กว้าง-ยาวได้
โดยไปที่ Image >> Image Size ..


จะมีกล่องขึ้นมา (ถ้าเรากด shift ตอนลาก เวลาเราใส่ค่าลงไปในช่องนี้ ความกว้าง-ยาวจะเท่ากัน รูปจะได้เป็น สี่เหลี่ยมจัตุรัสครับ )
ผมใส่ 100x100 ก็แล้วกันนะ . . กด ok


ทีนี้เราก็จะได้ อวาต้า ขนาด 100x100 ที่เป็นรูป สี่เหลี่ยมจัตุรัสแล้ว
เราสามาารถ ตกแต่ง หรือใส่คำลงไปได้ครับ ^ ^

ของผมก็แค่ใส่คำ + ใส่ขอบ . .
. . ตกแต่งง่ายๆแบบนี้ เราก็มี อวาต้า สวยๆที่ทำเองใช้แล้วครับ


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

การทำ Icon, Avatar, ทำไอคอน, อวาต้า, photoshop tutorials

★ :: How to BG Dot ?

สวัสดีครับ _/\_
ผมหายไปหลายวันเลย ตอนนี้เปิดเทอมแล้วครับ ^ ^
วันนี้ วิธีสอนก็ไม่ใช่ของใหม่อะไรหรอกครับ
ผมเคยเอาลงไว้ใน★:: All about Pattern , , การทำแพทเทิน ใช้แพทเทิน ...

แล้วผมก็เอาทำวิธีนี้ีให้ไปใส่รวมด้วย
คิดว่าบางคนอาจจะไม่เห็นเพราะมันอยู่ในหลืบในซอกเหลือเกิน
(เลยแยกออกมา post เป็นตอนใหม่ดีกว่า)

เป็นยังไงก็ลองไปดูกันครับ



HOW TO BG DOT

ผมจะสอนทำ บีจีลายจุดนะครับ
(Dot "จุด" เฉยๆครับไม่มี a [Dota อิอิ] >w<)
ขั้นตอนแรกก็เปิดกระดาษใหม่ขึ้นมาตามใจเลยนะ ผมเอา 50*50 ละกัน , ,
ถ้าจะเอาบีจี จุดใหญ่ๆ ก็ใส่ ค่ากระดาษเยอะๆ





ทีนี้ก็ใช้เครื่องมือ หรือ ดินสอก็ได้ แต่ดินสอจะออกคมๆหน่อยนะ
จิ้มลงไป 2 จุด ทะแยงมุม แบบในรูปครับ เอาขนาดจุดพอดีๆนะ ผมใช้บรัชขนาด 13px
(tipz :: เล่นสีได้นะ แบบว่า มุมซ้ายบนเอาฟ้าเข้ม มุมขวาล่างเอาฟ้าอ่อนๆ )




ทีนี้ก็ไป ที่ Edit>>Define Pattern . . . เลยครับ
มันจะมีกล่องขึ้นมาใช่มั๊ย ?
เราก็พิมพ์ชื่ออะไรก็ได้ลงไป แล้วกด ok



ลองเปิดกระดาษใหม่ขึ้นมา---------- ไปที่วงกลม 2 สีครับ
เลือก Pattern..
แล้วก็ กดเลือกลายจุดที่ทำเมื่อกี้ไว้
กด ok






เราก็จะได้บีจีลายจุดน่ารักๆไปใช้แล้วครับ^ ^






MORE TIPZ ::: ทำบีจีลายดาว หรือหัวใจก็ทำแบบนี้นะครับ
แต่เวลาทำ ใช้ shape แทน ในบล็อกนี้ก็สอน ^ ^ ★:: การสร้างรูปร่างอิสระ . .

เป็นยังไงกันบ้าง . . หลายๆคนอาจจะเคยเห็นบีจีจุดๆแบบนี้อยู่เกลื่อนเต็มไปหมดใช่ไหมครับ
ขณะนี้ ฮิตเหลือเกิน พบเห็นได้บ่อยๆทาง hi5, Diary หรือเว็ปแจก Materials ^ ^
(แม้แต่ เฮดได บล็อกผมครับ มีลายจุดประกอบด้วย >w<)

Pattern , BG Dot, บีจีลายจุด, photoshop tutoroals

★ :: ทำขนนก สวยๆเอง

สวัสดีครับ ^ ^ ขณะนี้เวลา 11.11 PM =O=
พรุ้งนี้ผมเปิดเทอมแล้ว. . ก็ดี. . ไม่ดี. .
วันนี้ก็กะจะอัพฉลองเปิดเทอม

บทนี้เรามาเรียนทำ ขนนก กันเถอะครับ ^ ^
(ภาพประกอบ+วิธีทำบทนี้เก่าแล้วครับ ผมเก็บไว้นานมาก
แล้วก็เคยนำไปสอนที่บอร์ดเก่าแล้วด้วย . . บางคนอาจจะเคยเห็น. . )

เปิด กระดาษใหม่ขึ้นมา เทสีที่ต้องการลงไป (ดำดีกว่า)
เลือก บรัชหัวฟุ้งๆ ปาดลงไปเป็น เส้น 1 เส้นแบบนี้




เลือกเครื่องมือ Smudge Tool ครับ
เเล้วก็ ใช้เครื่องมือนี้ เลือกหัวแปรงเล็กๆ
ปาดไปบนเส้นที่เราทำไว้ตอนแรก (จากข้างในไปนอก)

ลอง คิดรูปขนนกที่เคยเห็นดู เเล้วลอง ปาดออกมาจากเส้นที่วาดไว

้

ผมทำก็ออกมาได้แบบนี้




คราวนี้ ก็ จิ้มบรัชฟุ้งๆลงไป อีก 1 จิ๊กที่ปลายของขนนก
เเล้วก็ใช้เครื่องมือเดิม ปาดไป ปาดมาอีกครั้ง




ผลออกมาเป็นเช่นนี้แล~

เป็นยังไงกันบ้างครับ วิธีนี้อาจจะเห็นไม่ค่อยบ่อย
(ต่อไปคงจะบ่อยแล้วล่ะ = ='')
เราก็เอาไปประยุกต์ใช้ได้ครับ เช่นเอาไปทำเป็น background ^ ^

ทำขนนก, วาดขนนก, photoshop tutorials

★:: Cool Japan Light Lay

สวัสดีครับบ _/\_
แวะมาอัพเดต ซักนิด
เมื่อวานบล็อกมีปัญหานิดหน่อย
ดูรวนๆเลยใช่ไหมครับ อิอิ >.,< (บทนี้รูประกอบน้อยต้องขอโทษด้วยครับ T.T)

วันนี้มาฝึกทำ Japan light lay กันครับ
ถ้าเห็นก็จะร้องอ๋อกันเอง เพราะเป็น กราฟฟิคที่เอาไปประยุกต์ให้เห็นกันบ่อยเหลือเกิน

เปิดกระดาษขึ้นมาใหม่ ขนาดเท่าไหร่ก็ได้ครับ
ใช้เครื่องมือ selection แบบในรูป
สร้าง selection เป็นขีด แนวตั้ง



เทสีแดงและขาวสลับกันไป ก็จะได้ แบบนี้ครับ
(สีอื่นก็ได้ครับ แต่ ขาวแดง จะแจ่มกว่า =O=)
(อย่าลืม deselect ให้เส้นประมันหายไปนะ)
ไปที่ Filter>>Distort>>Polar Coord. . .


ติ๊กที่ช่อง Rectangular to Polar ครับ


กด ok เราก็จะได้ แสงแบบนี้ เหมือนจะเป็น background มาละ
ทีนี้ก็เอามาประยุกต์ใช้ครับ

ส่วนผมก็สิ้นคิดเหลือนเกิน >O< (โมเดลรับเชิญวันนี้คือกบน้อย เคโร๊ะ. . ขอบคุณ evelyn-regly ด้วยครับผม)


กราฟฟิค แสงแบบนี้ เพื่อนๆอาจจะเคยเห็นใน โฆษณาทีวีบ่อยๆก็ได้นะ ฮิๆ


Make Cool Japan Light Lay, Japan lay, photoshop tutorials

★ :: Make your own brush!

สวัสดีรอบดึกครับ _/\_
วันนี้เกิดคึก (?) ผมเลยมาอัพวิธีทำเป็น ทิปซ์ เล็กน้อยให้กับเพื่อนๆ

บทนี้ก็คือ ทำบรัชใช้เอง ^ ^


เราสามารถทำบรัชได้ทั้งกับ ตัวอักษร และรูปภาพนะครับ
อย่างแรกเลย ก็เปิดรูปที่ต้องการทำเป็นบรัชขึ้นมา
ไปที่ Edit>>Define Brush Preset . . .


แล้วมันก็จะมีช่องให้ใส่ชื่อของบรัชลงไปครับ
เราก็พิมพ์อะไรก็ได้ลงไป . . .


ทีนี้ก็เสร็จแล้ว เราก็ลองเลือกเครื่องมือบรัชดู , คลิ๊กขวาที่กระดาษแล้วลอง ปั๊มบรัชลงไป ^ ^
(เวลาเรา Define brush เสร็จ1อัน คลิ๊กขวาแล้วจะเจออยู่ที่อันสุดท้ายเลยครับ)


บทนี้ก็เป็นทิปซ์เล็กๆน้อยๆให้กับเพื่อนๆครับ
ตอนนี้หลายๆคนก็คงมีบรัช รูปต่างๆที่หามานานเอาไว้ใช้เองแล้ววว >O<

เพื่มเติม :: ★ :: Download brushes&Fonts :: บรัช {Brushes} คืออ...


Make your own brush, ทำบรัชใช้เอง, photoshop tutorials

★:: All about Pattern , , การทำแพทเทิน ใช้แพทเทิน และก็ สร้างเอง . .

แพทเทิน คืออะไร ??
(Foniixz :: การทำซ้ำๆ =O=)




ตัวอย่างครับ



เนื่องจาก แพทเทินนั้น มันอันเล็กมาก เท่าขี้มด
เลยเอามาโพสให้เซฟไม่ได้ เพราะคุณจะไม่เห็นกัน
มาเริ่มทำแพทเทินเองดีกว่า

เปิดกระดาษขึ้นมา ค่ากระดาษ 5X5 Pixel หรือ 6x6 (เริ่มไม่แน่ใจ = ='' )
ซูมกระดาษเข้าไปใกล้ๆๆๆ เเล้วใช้ดินสอ จุดลงไป1จึ๊ก!!! แค่นี้เองครับ


พอได้เป็นจุดเเบบนี้เเล้วก็เซฟเลยนะ เซฟเป็น .gif

PS. นี่เป็นการสร้าง แพทเทิน ลายจุดสีดำครับ ถ้าจะสร้าง
ลายสีขาวก็เปลียน ที่ค่าสี เป็นสีขาว หรือ สีอื่นเช่น ชมพู เขียว ฟ้า ม่วง บลาๆๆๆ
(โดยทั่วไป) หัวดินสอที่จิ้มลงไปปรับค่า = 1 นะครับ



ส่วน แพทเทินลายเฉียง ก็คล้ายๆ ลายจุด
คือเปิดกระดาษมาใหม่
แล้วก็ให้ดินสอ จิ้มๆ เป็นเส้นทะแยงมุม
(เหมือนขั้นบันได)


ถ้าอยากได้เเพทเทินลายเฉียงสีขาว หรือสีอื่นๆ ก่อนที่จะกดหัวดินสอ
ให้เป็นสี่เหลียมต่อๆกันเป็นเส้นทะเเยงเเบบนี้


+
+


ถ้าทำเเพทเทินแล้ว
ไปที่ Edit>>Define Pattern..


พอมันขึ้นให้เรา ก็พิมพ์ชื่อของแพทเทิน เราก็กด OKเลยครับ

ใส่แพทเทิน
เปิดรูปที่ต้องการใส่แพทเทินมา กดที่วงกลม 2 สี เเล้วกดที่คำว่า

" Pattern.. "


เลือกลาย Pattern ได้ตามใจชอบ เเล้วกด OK






ตรงที่ Scale ไม่ต้องปรับอะไรนะครับ

+

+

Or

Download Zone*

http://77words.livejournal.com/tag/patterns




บทนี้ก็รวมทุกๆอย่างเกี่ยวกับ แพทเทิน
ทั้งการทำ การเซฟ และการใช้ + load ไว้นะครับ
>.,< หวังว่าคงเป็นประโยชน์สำหรับใครหลายคน

Download Pattern, Free Pattern, How to use patterns