Subscribe

RSS Feed (xml)

วันจันทร์ที่ 30 มิถุนายน พ.ศ. 2551

★ :: Smooth conner Picture

สวัสดีครับ^ ^!!
วันนี้เรามาเรียนอะไรที่มันง่ายๆกันดีกว่า
สำหรับคนที่ทำ ขอบแบบมนๆกลมๆไม่เป็น

Photoshop Tip :: Smooth conner Picture

เปิดรูปที่ต้องการขึ้นมา
ไปที่ Select>>All หรือกด Ctrl+A

smooth_conner_round_conner

หลังจากนั้น ไปที่ Select>> Modify>>Border. .
ใส่ค่า = 1 แล้วกด ok
smooth_conner_round_conner

ไปที่ Select>> Modify>>Smooth. .
ใสค่่าประมาณ ~10 หรือจะมากกว่านั้นก็ได้ถ้าอยากได้ขอบรูปแบบโค้งมากๆ
smooth_conner_round_conner

หลังจากนั้นกด delete 2-3ครั้ง
เราก็จะได้ ขอบมนๆ สำหรับรูปเราแล้ว ^O^
smooth_conner_round_conner

* ถ้าวิธีมันยุ่งยากไปก็ใช้ Shape ตัดก็ได้ครับ เนียนเหมือนกัน ^^


Smooth conner_Stroke, Photoshop tutorials, how to phoptoshop

วันศุกร์ที่ 27 มิถุนายน พ.ศ. 2551

★ :: TEXT EFFECT : Blood 3D Designed

สวัสดีครับเพื่อนๆ
เมื่อวาน ผมไม่ได้มาอัพให้ เพราะว่า. .
ตอนทำรูปการสอนดีๆแล้วคอมมัีน ทรยศ!! =O=
เลยรีใหม่ ส่วนไอ่รูปที่จะัเซฟ ก็หายไปหมดเลย T.T
เซฟได้บางส่วนเอง หมดอารมณ์ . . = =''

วันนี้ก็เลยทำต่อ เฮ้อออ เหนื่อยจริิงง
รูปครั้งนี้เยอะมากกกกกกกกกกก ขอบอก ^ ^
(โหลดดดโหดดด!!)

เอาหละมาเริ่มกัน ^^
ผลโหวตที่มากที่สุดก็คือ. .
Blood 3D Designed
คะแนนกินขาดด!! *,.....,*

Photoshop tutorials Text Effect Design :: Blood 3D Designed

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

ทีนี้ใช้ Gradient สีเทาๆ ทำเป็น background
โดยใช้ Code สี ของ
foreground = #252524 , background = #464646 ครับ
แล้วลากให้ได้จากอ่อนไปหาเข้ม แบบรูป
photoshop tutorials, text design, text 3D

ทีนี้พิมพ์ตัวอักษรที่ต้องการลงไป ส่วนผมใช้ font ชื่อ Dafunk2
(Search หาได้ทั่วไปจาก google ครับ ^^)
หรือจะลองหาตาม webs พวกนี้ Webs download fonts and brushes
ถ้าไม่มีเอา fonts อื่นก็ได้ครับ แต่ขอหนาๆ


ถ้า Set ค่า TEXT เหมือนในรูปก็จะแจ่ม !
(โดยคลุมดำTEXTแล้วกด Ctrl+T)
photoshop tutorials, text design, text 3D

หลังจากนั้นไปที่เอฟเฟค (f) >> Bevel and Emboss
set ค่าตามรูป
photoshop tutorials, text design, text 3D

Gradient Overlay set ค่าตามรูป
photoshop tutorials, text design, text 3D

ใส่ขอบซะหน่อย ปรับตามนี้โดยไปที่ Stroke
photoshop tutorials, text design, text 3D


กด ok ก็จะได้ TEXT รูปร่างหน้าตาประมาณแบบนี้ ^ ^
photoshop tutorials, text design, text 3D

กดเพิ่ม layer ใหม่ขึ้นมาเอาไว้บนสุด
หลังจากนั้น ก็ใช้ Brush Blood (บรัชเลือด) สีแดงสดๆ
สาดลงไป อย่างมีศิลป์สุดแรง =O=
photoshop tutorials, text design, text 3D
อ้าว! แล้วถ้าไม่มีบรัชหล่ะ???
>_______< อ่ะ ใครไม่มี Brush เลือด ผมอัพไว้ให้แล้วหล่ะ โหลดกันตามสบาย ^ ^ ถ้าไม่ชอบแบบที่ผมอัพให้ ก็ search หาได้ตาม web download brush ได้เลย

Download Blood Brush

คลุมดำเพื่อดู password
Spining

พอสาดเลือดกันอย่างเมามันส์ไปข้างหนึ่งก็เปลี่ยนโหมดเป็น Overlay ซะ
photoshop tutorials, text design, text 3D


กลับมาที่ layer ที่เป็น TEXTให้เรากดปุ่ม Ctrl บน keyboard ค้างไว้แล้วจิ้มลงไปที่
เลเยอร์TEXTที่อยู่ในกล่องของเลเยอร์ =O=
ดังนั้นมันก็จะมีเส้นประ ออกมาแบบนี้
photoshop tutorials, text design, text 3D

หลังจากนั้นกด Ctrl+shift+I เพื่อสร้าง selection รอบๆอีก
(หรือคลิ๊กขวา select inverse)
มันจะได้เส้นประออกมาตรงกรอบแบบนี้
หลังจากนั้นก็ไปคลิ๊กที่เลเยอร์เลือดแล้วกด delete
เลือดที่มันอยู่นอก TEXT ก็จะหายไป ว้าววว!!
photoshop tutorials, text design, text 3D

ทีนี้เรามาทำเงาเพื่อความสมจริงกันเถอะ!
สร้างเลเยอร์ใหม่ขึ้นมาเอาไว้บน background นะครับ ใช้
selection วงกลม ทำเป็นเงาขึ้นมาบริเวณ ตรงฐานของ TEXT
คลิ๊กขวา เลือก Feather ใส่ค่าซัก 3-4 กด ok แล้วเทสีดำลงไป
ปรับค่า Opacity ที่กล่องเลเยอร์เหลือซัก ~50-70%
photoshop tutorials, text design, text 3D

อ้อ! ถ้าอยากให้สีของเลือดเข้มๆก็ปรับค่า Brightness/Contrast ได้ครับ
photoshop tutorials, text design, text 3D

ทีนี้กดเพิ่มเลเยอร์ใหม่ขึ้นมาเอาไว้บน เงา (shadow)
photoshop tutorials, text design, text 3D

สาดเลือดลงไปอีกครังให้แบบกระจายๆ อยู่แถวๆๆฐานของ TEXT ครับ
photoshop tutorials, text design, text 3D

ไปที่ Edit>>Transform>>Perspective
photoshop tutorials, text design, text 3D

ย่อเลือดให้ดูมีมิติ แบบว่า มันซูมตรงฐานออกมาอ่าครับ
(อันนี้ลองใช้จินตนาการ แล้วลองดึงๆลูกศรในการย่อดูเรื่อยๆ)

รูปนี้ผมซูมรูปออกครับ เพื่อที่จะได้ย่อง่ายๆและเห็นบริเวณทั้งหมด
photoshop tutorials, text design, text 3D

หลังจากนั้นงานของเราก็จะเสร็จแล้วเย้!! (รู้สึกว่าจะรูปเดิมตอนเอาไปโหวต หึๆ)
photoshop tutorials, text design, text 3D

* รูปในนี้ องค์ประกอบตั้งแต่ ต้นจนจบ อาจจะไม่เข้ากันเพราะผมทำ การสอนนี้หลายครั้งงมากกก
เนื่องจากคอมมัน รวน ก็เลยทำขาดๆ กลางๆงาน แล้วก็เซฟได้แค่ซัก5-6 รูปเอง
จาก 10กว่ารูป ดังนั้นพอทำใหม่ อะไรมันก็ไม่เหมือนเดิม =O=

บ่นซะยาววเลย = ='' . .

หวังว่าเพื่อนๆคงชอบ หุๆ เพราะผมไม่ได้อัพนานมากๆ (นอกจากเมื่อวาน)
ถ้า Copy บทความตอนไหน ไปก็ให้เครดิส บ้างนะครับ ผมจะขอบพระคุณเป็นอย่างสูงเลย ^ ^

TEXT DESIGN, 3D text, text effect

วันพฤหัสบดีที่ 26 มิถุนายน พ.ศ. 2551

★ :: NASA!! ไปลงชื่อเพื่อจารึกไว้บนดวงจันทร์กัน!!

สวัสดีครับ
หายไปนานเลย คิดถึงบล็อกน้อยๆนี่จัง~
เดี๋ยวตอนเย็นๆผมจะมาอัพ วิธีทำ TEXT ที่ได้คะแนนมากที่สุดให้นะครับ

ตอนนี้มีอะไรที่น่าสนใจมาให้เพื่อนๆรีบๆทำเหละ
คือว่า NASA จะมีการส่งรายชื่อของคนที่ไปลงชื่อไว้จารึกไว้บนดวงจันทร์
น่าสนใช่ไหมละ!!

เข้าที่ web นี้เลยครับ

http://lunar.gsfc.nasa.gov/

แล้วดูที่ด้านขวานะครับ จะมี links ที่ว่า send your name to the moon
กดไปเลยครับ แล้วเราก็กรอกชื่อ-นามสกุล ลงไป^^
อ้อ! สามารถ โหลดใบเหมือนจะเป็นใบประกาศที่มีชื่อเรามาเก็บไว้ได้อีกด้วยนะครับ^^
ผมคนที่ล้านนน. . s กว่าแล้ว = =

อ้อ!! รีบๆนะครับรู้สึกว่าอีกไม่กี่ชั่วโมงก็จะหมดเวลาแล้วว~
send your name to the moon,NASA


วันพฤหัสบดีที่ 19 มิถุนายน พ.ศ. 2551

★ :: Vote ~ Text effect

สวัสดีครับ เพื่อนๆ ^ ^
วันนี้ก็มี Poll มา ให้เพื่อนๆ Vote อีกครั้ง >w<
ครั้งที่แล้วนี่ สอนทำ ปฏิทิน ไปแล้วเนอะื ก็สำหรับผลโหวตที่มากที่สุดคือ
Create (สร้างงานต่างๆขึ้นเอง)

แต่คะแนน ที่ 2 เป็นของ เอฟเฟค อันที่ 3 เป็นรูปภาพ
แต่ยังคิดไม่ออก เรื่องของ 2 ตัวบนนั้น =w=

วันนี้เลยมี text effect มาเสนอ ให้ 3 รูปแบบ
ผล Vote ที่มากที่สุด 1 อัน จนกว่า Poll จะปิด จะนำวิธีการสอนมา ลงให้นะครับผม ^O^
ลองไปดูกันไหมอ่ะ ว่าปลื้มอันไหนที่สุด >////<


อันแรก (ตั้งชื่อสดๆ) ขอเรียกว่า blink blink text >w<
สีและ รูปแบบ ก็มีโฉมหน้าเหมือนข้างล่างนี้ =O=
text effect tutorials
อืม. . ก็หรูมิใช่เล่นนะ
+วิธีทำ background




อันที่ 2 ออกแนวโหด มากๆ เลือดกระฉูดด!
Blood 3D Designed
text effect tutorials
เลือดเปรอะ เชียว ! = =''
แต่ก็ สวยดีอ่า สำหรับคนชอบ แนวๆ 3D




อันที่ 3 Aqua liquid
text effect tutorials
อันนี้ จะว่าไป ถ้าเปลี่ยน font คงดูน่ารักไม่ใช่หยอก . . แต่ให้พอเลือก text ที่ใช้ทำ พ่อว่าชอบอันนี้อ่ะ
ก็เลย . . ผมตามใจพอครับ =w= (พอดีพ่อเดินผ่านมา ฮิฮิ >///<)
+ อันนี้แถมวิธีทำ background ให้ ^ ^


* กด Vote ได้ี่ข้างๆ บล็อกครับผ้ม!

พอดีว่าผมจะำไปธุระที่ ต่างจังหวัด 2-3วันครับ
ก็เลยไม่ได้อัพ ดังนั้นจึงทำ แบบสำรวจ ให้โหวตไปพลางๆ
แล้วกลับมาจะ นำวิธีมาลงให้น๊าา *___*






photoshop tutorials, text effect, text design, 3D text effect

วันอังคารที่ 17 มิถุนายน พ.ศ. 2551

★ :: Create Calender

สวัสดีครับ ^ ^
จากผลโหวต ข้างๆ เห็นว่าเพื่อนๆชอบ แบบ create (สร้างงานต่างๆขึ้นเอง)
ผมก็เลย หาวิธี มาที่เกี่ยวกับ create นี่เหละ
วันนี้ก็ ขอเสนอ วิธีการทำปฏิทินเอาไว้ใชเงานเอง ง่ายๆ สวยๆน่ารัก

photoshop tutorials :: Calender

เริ่มด้วยหารหาต้นแบบ ปฏิทิน ไว้ดูวันที่ (จะได้เอามาพิพม์ลง photoshop)
วิธีง่ายๆเลย ก็ ดูที่ Task bar ของเพื่อนๆ มันจะมีรูป นาฬิกาอยูี่่่อ่าครับ
ลองคลิ๊กดู มันก็จะมี ปฏิทิน เด้งขึ้นมา บอกวันที่ ตาม คอนเซ็ป พร้อม
create calendar

เปิดกระดาษใหม่ขึ้นมาเอาขนาดพอสะดวกในการทำงาน
แล้วก็พิมพ์ตาม ตัวเลข และวันต่างๆ ตาม ปฏิทิน เลยครับ
(เทสีพื้น หรือ backgroundไว้ก็ดีครับ สะดวกต่อการ มองเห็น ของผมก็เทสีดำอ่ะ )
create calendar

หลังจากพิมพ์เรียบร้อยก็ จัดให้ดู สวยงามเป็นระเบียบซะ
(ของผมก็จะได้ แบบนี้ . .)
create calendar

ในทีนี้ ใช้ shape ทำเป็นพื้นของ ปฏิทิน ครับ
(หรือใครอยากจะใส่รูปตัวเอง. . ดารา หรืออะำไรก็ เอามารองใส่ได้เลย แล้วตกแต่ง ก็ถือว่าจบขั้นตอนแล้ว)
. . =O= แบบนั้นง่ายดีเนอะ แต่วันนี้ผมไม่ได้สอนแบบใส่รูปนะ หรืออยากใส่รูปก็ลองเอาไปประยุกต์ดูนะครับ

เลือก ที่เครื่องมือ Custom shape (หรือที่รูปร่างเหมือนดาวเละๆ =O=)

แล้วก็ เลือก รูปแบบที่ต้องการนำมาเป็นพื้นได้เลย ส่วนผมชอบแบบกลมๆหยักๆนั่นอ่ะ เจ๋งดี
แล้วเราก็ลากลงไปให้พอดีกับ วันที่ต่างๆ ที่พิมพ์ไว้
create calendar

ทีนี้ก็เอา background (สีดำ) ออก ไปซะ
(เริ่มเห็นความ จริงขึ้นมาลางๆ . .)
create calendar


ดูที่กล่องเลเยอร์ (เราเลือกที่เลเยอร์ Shape อยู่นะ) กดตัวเอฟเฟค (f)
เลือก Blending Options . .
create calendar

ทีนี้บน Blending Options . . จะมี เมนู Styles ให้เราคลิ๊ก ที่ Styles
หลังจากนั้น กดเลือก Styles ต่างๆที่มีในเครื่อง
(ใครไม่มี ก็หาโหลดได้ครับ พวก ทำปุ่ม หรือ Styles ของเว็บ 2.0, styles web 2.0)
หลังจากนั้นก็ คลิ๊ก ok
create calendar

เสร็จแล้วครับ ^^ วิธีทำ ปฏิทิน ง่ายๆ ออกแนวหรูๆเรียบๆ แฟนซีหน่อยๆ

.


.

นี่เป็น ตัวอย่างที่ผมทำครับ เซฟไปใช้ได้ ^ ^

create calendar


create calendar


create calendar


create calendar

ขอให้สนุกกับการทำนะครับ ^^
หวังว่าคงถูกใจสำหรับคนชอบ งาน create และงานประยุกต์ นะครับ >w<


create calender, ทำปฏิทิน, photoshop tutorials, styles web 2.0

วันเสาร์ที่ 14 มิถุนายน พ.ศ. 2551

★ :: Dreamy Effect ?

สวัสดีวันหยุดครับ
หลายๆคนอาจจะได้หยุดพักผ่อนกันในวันนี้ เนอะ ผมก็ดีใจด้วยน่ะ
ซึ่งผมคนหนึ่ง ก็ว่างงง หลังจากการเรียนพิเศษ ^^~


วันนี้ ก็มีวิธีง่ายๆมาแบ่งปันความรู้กับเพื่อนๆ
photoshop tutorials วันนี้ก็คือ Dreamy Effect
อันที่จริงมันก็ไม่ยากอะไรนะ แต่รูปประกอบเยอะเป็นบ้า = = ''

ไม่ได้ทำรูปใหญ่ๆมาสอน แบบนี้นานแล้วว
งั้นเราลองไปทำกันดีกว่า

เปิดรูปที่จะทำขึ้นมา
Dreamy Effect_ photoshop tutorials

copy layer มา 1 เลเยอร์ แล้วปรับโหมดเป็น overlay เอาไว้ข้างบน
Dreamy Effect_ photoshop tutorials


กดที่ วงกลม 2 สี (ที่ลูกศรสีแดงๆ) แล้วก็จิ้ม แล้วเลือกคำสั่ง Threshold
Dreamy Effect_ photoshop tutorials

ทำการปรับแถบ พอให้เห็นรายละเอียดในรูป
(โดยเฉพาะ รูปที่ทำ ถ้ามีโมเดล ก็ปรับให้เห็นหน้าโมเดลลางๆด้วย)

มันจะเป็นสีขาว-ดำ แบบนี้นะครับ ไม่ต้องตกใจ
Dreamy Effect_ photoshop tutorials


ทีนี้เราก็จัดการรวมเลเยอร์ระหว่าง layer copy กับ คำสั่ง Threshold
เข้าด้วยกันแล้วเปลี่ยนโหมดเป็น overlay

(layer 1 ที่ปิดตาเพราะผมกด ctrl+shift+e ในการรวมเลเยอร์ หลังจากนั้นค่อยเปิดตาออก)
Dreamy Effect_ photoshop tutorials

แล้วเราก็จะได้อะไรแบบนี้ . . อ้อ ถ้ารวมเลเยอร์แล้ว
เลเยอร์ที่รวมมาไม่เป็น overlay ก็เปลี่ยนอีกรอบซะครับ

(ดูแปลกๆอยู่จริงๆ)
Dreamy Effect_ photoshop tutorials

ไปที่คำสั่งยอดฮิต คือ Filter>>Blur>>Gaussian Blur
ปรับค่าประมาณ ~15 แล้วกด ok
Dreamy Effect_ photoshop tutorials

หลังจากกด ok แล้ว ถ้าพอใจก็ หยุดแค่นี้
แต่ถ้าต้องการปรับอะไร ก็ลอง ดูที่ค่า Opacity ที่กล่องเลเยอร์ครับ
ใส่ค่าลดลงหน่อย เหลือประมาณ ~60-80
Dreamy Effect_ photoshop tutorials



ทีนี้เราก็จะได้ Dreamy Effect สวยๆแล้วครับ ^^~
Dreamy Effect_ photoshop tutorials

อันนี้รูปก่อนทำ
Dreamy Effect_ photoshop tutorials
=O= หลายๆคนถามว่า มันมีอะไรเปลี่ยนแปลงหรอ ?
อืมม. . นั่นน่าซิ แหะๆ ผมว่าสี และแสงของรูป ดู นวลๆ ขึ้นนะครับ >O< หวังว่าคงเป็นประโยชน์ ต่อเพื่อนๆนะครับ ส่วนบทนี้ก็ขอจบไว้แค่นี้ครับผม ~



Dreamy Effect, photoshop tutorials, light and lay effect, photoshop retouching

วันพฤหัสบดีที่ 12 มิถุนายน พ.ศ. 2551

★ :: Download tHemT's Patterns. .

สวัสดีครับเพื่อนๆ =w=
เมื่อวานกับเมื่อวานนู้นน..น =O=?
ผมไปนอนโรงบาลฯ มาอ่า T^T
ตอนนี้ก็ โอเคขึ้นแล้วว
สงสัยนอนดึกมากไปหน่อย หุๆ
วันนี้มีของ ดีๆ แจกอีกแล้วเหละ =w=
ก็คือ Pattern นั่นเอง


download free pattern, patterns, photoshop tutorials


มันบอกว่าใช้สำหรับ cs3 หรอ. .
อืมม. . ช่างมันเซ่!
ผมยังเอาไปใช้กับ Cs2 ได้เลย =w=
เพราะฉะนั้น เอาไปใช้กับ V. ไรก็ได้เหละ
เนื่องจากมัน นามสกุลเดียวกัน =w=~

ผมไม่ได้ create เองหรอกนะ =O= แต่เปิดเว็ปไป ก็ เจอ. .
ของดีมากมายเข้า . . ไม่ใช่เว็ปไทยหรอกก =O=

ของ ต.ป.ท นี่เขาดีจริงๆ แจก เพียบเลยเหละ =W=~

Download tHemT's Patterns (20) Pack #1

คลุมดำเพื่อดู password

foniixz.spin

หวังว่าหลายคนคงชอบ นะครับ ช่วงนี้ไม่ค่อยได่อัพบ่อย
ผมไม่สบายยย~ T.T


Download Pattern, Free Pattern, cute&cool Pattern, Patterns

วันจันทร์ที่ 9 มิถุนายน พ.ศ. 2551

★ :: Cartoon cloud

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

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


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

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

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

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



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

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

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

Gradient Overly . .
cartoon cloud

แล้วก็ Stroke
cartoon cloud

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

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

cartoon cloud, make cloud, photoshop tutorials,