:: Transformer text!!

Photoshop tutorial :: Transformer text
STILL IN PROCESSING OF EDITING 80% COMPLETE
-EDIT SOON-

มาอัพแล้วตามสัญญา^^
ก่อนอื่น ต้อง download font Transformers ก่อน ที่นี่
ติดตั้งให้เรียบร้อย
หลังจากนั้นก็เปิด PS ขึ้นมา เปิดกระดาษใหม่ ใส่พื้นหลังสีดำ แล้วพิมพ์คำลงไป สีขาว



คลิ๊กขวาที่เลเยอร์ ของ text เลือก Rasterize Type



หลังจากนั้น text ของเราก็จะแก้ไขได้
เลือกเครื่องมือ selection มา แล้วสร้าง selection ตรงตัว T แบบในรูป



กด Ctrl+T เพื่อขยายให้ หาง text ยาวขึ้น
แล้วทำแบบเดียวกันกับตัว F


จะได้แบบนี้!


ต่อจากนั้นเลือกปุ่มตัว F เอฟเฟก ไปที่ Bevel . .



ปรับตามรูป



กด ok

ตรงนี้อ่านดีๆนะครับ! ไม่เข้าใจถามได้
คือ กด Ctrl+J หรือ copy layer text ที่เมื่อกี้มา แล้วเลือกเครื่องมือ MOVE
หลังจากนั้นกดลูกศร >(ไปด้านขวา) 1 ครั้งและ ^(ขึ้น) 1 ครั้ง

ก็จะได้ effect แบบ นูนๆแบบนี้


ทำแบบนี้ประมาณ 4 ครั้ง



ก็จะได้แบบนี้!



หลังจากนั้นเลือก 4 เลเยอร์บน ทำการรวมเลเยอร์โดย คลิ๊กขวาและเลือก Merge Layers



ต่อจากนั้นให้เอา effect ของเลเยอร์บนสุดออก (ที่ชื่อ copy4)
โดยกดที่ปุ่ม f เอฟเฟก แล้วติ๊กตัว Bevel ออก




จะให้ง่ายๆ ผม re-name เป็น TOP กับ 3D เพื่อจะได้เรียกง่ายๆ ก็แล้วกัน



ให้เลือก layer TOP แล้วกดปุ่ม F เอฟเฟก เลือก Inner Glow. .



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



เลือก Bevel. . ปรับตามนี้



เลือก Color Overlay. . ปรับตามนี้ และรหัสสีคือ#31464F



หลังจากนั้นเลือก Gradient Overlay . . ปรับตามนี้
(อย่าลืม double click ที่ข่องสีแล้วเปลี่ยนค่าสีตามรูปนะครับ)



เลือก Patter Overlay ใช้ pattern ชื่อ Stucco
น่าจะมีทุกเครื่องเลยครับ เพราะมันมากับโปรแกรม ถ้าไม่มีให้กดที่ > แล้วเลือก Texture Fill2



ใกล้เสร็จแล้วครับ ให้สมจริงคือ แสงยังไม่เข้า อิอิ เราต้องไปปรับแสงกัน


ให้ไปที่ Image>Adj..>Level
หรือกด Ctrl+L


ปรับตามนี้ กด ok




เราก็จะได้ text สวยๆ แล้ว เย้!!


อืมส่วนใครที่อยากทำให้ text มี reflextion ดูได้จาก ทีนี่ สอนไว้แล้วครับ ^^
(ลองประยุกต์จาก ใน link ดูด้วยนะครับ ^^)

/*/*


เครดิสคือครับ ^^ :: pshero

ขอยคุณครับ
foniixz



Transformer text, photoshop tutorial, text effect

In processing : Tranformer text

สวัสดีครับ!
หายไปนานและ กลับมาเเล้วนะ ^O^
งานเยอะ จะเข้ามหาลัยแล้วเนี่ย ต่อไรดี ๕๕ ยังไม่รู้จะเอาไงดีเลย

^^ เดี๋ยวจะสอนทำ Tranformer text นะครับ
กำลังทำรูปอยู่ แล้วจะแวะมาอัพทีหลัง

ทำออกมาเป็นแบบนี้เนาะ
แล้วเจอกัน ^^


me/ จาว.

★:: Wood text effect

ฮ่าๆๆ เปิดเทิม แล้ว สนุกดี
หนาวมากๆด้วยย

พยามยามเอาตัวรอด ๕๕๕+
อยากบอกว่า อีก ๔ เดือน กลับล่ะ

(ตอนนี้ไม่อยากกลับ แล้วอะ T^T หนุกดี ติดๆๆ ๕๕)

ช่วงนี้ตัน มากกกกกกกกก
ประวัติศาสตร์อเมริกายากมากกก
(ของไทย ผ้มยังทราบไม่หมดเลย เหอๆ)

เอาละเข้าเรื่องงง มาทำอะไรง่ายๆกัน
(เนื่องจาก เจ้าของบล็อกตัน (ซะแล้ว)

Photoshop tutorial : Wood text effect

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

หลังจากนนั้นเปลี่ยนสี ประมาณ รูปตัวอย่าง (สีน้ำตาล อ่อน- เข้มตามรูปครับ)


ไปที่ Filter > Render > Fibers . .


ปรับตามรูป เลยย



กด ok

ได้แบบนี้เลยครับ >w<


เสร็จจ
ง่ายยย ฮ่าๆๆๆ


โอเค เจอกันบทหน้า

★:: FURRY TEXT - เท็ก มีขน

สวัสดีคร้าบบ
มาอัพช้าไป นานมากๆ
ขอโทษ น้า ไปเที่ยวเพลิน ฮ่าๆ
กำลังกลับมา
ร.ร เปิดพรุ้งนี้พอดี T^T. . . still lazy ๕๕๕๕+

เอาละๆๆ มาทำ ตัวหนังสือมีขนกัน

Photoshop tutorials : FURRY TEXT

ทำง่ายๆ และรวดเร็ว

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

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

กด shift ค้าง พร้อมกับลากบรัชให้เป็นเส้นตรงตามรูปร่างตัวอักษร
เพิ่มเลเยอร์ใหม่ ทำ เพื่อความง่าย หมุนหญ้า (ที่มีรูปร่างเหมือนขน ด้วย Ctrl+T ปิดสีตัวอีกษรให้หมด)



ก็จะได้แบบนี้ (มีตั้งเจ็ดเลเยอร์เหนะ)


เสร็จแล้วว



งง นิดหน่อยเนอะ ช่วยนี้ไม่ได้แตะ ชอปเยอะ อธิบายงง เลย
ยังไงก็พอเป็นแนวทาง มั่วๆเอา ตึงได้ ๕๕๕+
โอเค ไปเตรียม แบคเพค สำหรับพรุ้งนี้ ดีกว่า

แล้วเจอกันใหม่ครับบ

แวปปป


by foniixz

★::Blinkies Blinkies Blinkies

Photoshop Tutorials : Blinkies

เย้เย้เย้ สวัสดีครับบ

^ ^
วันนี้มาทำ Blinkies หรือ ตัวกระพริบ
เวอร์ชั่น พัฒนา กันเถอะ!

เริ่มด้วยการพิมพ์คำลงไป+ใส่สี
(พื้นดำๆ นั้นไม่ต้องไปสนนะ พอดีทำไว้จะได้เห็น Text ชัดๆ)


Copy layer ให้เท่าจำนวน Text
อย่างเช่น F-O-N-I-I-X-Z
ก็มี 7 ตัว
ดังนั้นก็ Copy 7เลเยอร์



ทีนี้เราก็ คลุมดำทีละตัวอักษร เพื่อใส่สีให้มันต่างกัน
อย่างเข่น layer Foniixz0 ก็ใส่สีเหลืองที่ต่างจากสีเขียวตอนแรกไว้ที่อักษร F
แต่ตัวอื่นหลัง F ก็ยังเขียวอยู่


ทีนี้กดเลเยอร์ Foniixz1 มั่ง คลุมดำ ตัว O แล้วใส่สีเหลือง


ทำถึงตัว Z อะ่
พอจะเข้าใจไหมครับ ^^
แน่นอนนน ทุกคนต้องเข้าใจ เพราะผมตั้งใจอธิบายมากๆๆ =w=


TIP : คือ ปิดตาแล้วเปิดตาทีละเลเยอร์เวลาคลุีมดำครับ
จะทำให้ไม่สับสนได้ ^^


ทีนี้ Jump (ไม่ใช่หนังเรื่อง Jumper นะครับบ)
ไปที่ ImageReady โดยกดปุ่มแบบนนี้
(อยู่แถวๆ กล่อง Tool ด้านล่างๆ)


ป.ล. ใครใช้ CS3 มั่งเนี่ยย -*-
ก็ไปที่ แถบ Menu Window>>Animation นะ
มันก็จะมีกล่อง Animation มา

* *

ทีนี้เราก็จะเห็น แถบ Animation
(ถ้าใครไม่เห็นไปที่ แถบ Menu Window>>Animation)
แล้วก็ตั้งค่า ความเร็ว เป็น 0.1 sec. (ใครจะมากจะน้อยก็แล้วแต่)
ส่วนี่ขาดไม่ได้คือ ค่าตรง Forever นั่นนะ ตั้งไว้แบบนั้นเหละ
อย่าไปกด once เพราะมันจะเล่น กระพริบรอบเดียวแล้วหายไปกับสายลม~

หลังจากนั้นจัดการ Copy layer ในกล่องให้ได้ 7เลเยอร์ โดยการกดที่
รูป กระดาษโดนพับ อะ (อยู่ใกล้ๆถังขยะ)


กลับมาดูที่กล่อง layer
ให้ปิดตาเลเยอร์ในกล่องเลเยอร์ทั้งหมดยกเว้น
background สีดำ (ที่เราทำไว้) กับ Foniixz0
ดูที่เลเยอร์ Foniixz0 เราก็กดเลือก ให้มันคู่กับ เลข1 ในกล่อง Animation


ต่อมา. .

เลเยอร์ Foniixz1 กดให้มันคู่กับเลข 2 ในกล่อง Animation
เปิดตา่เลเยอร์นี้ไว้ แล้วปิดตาเลเยอร์ อันอื่นที่อยู่ข้างบนและข้างล่างให้หมด



ทำจนถึง อันสุดท้ายคือ ตัว z ที่กล่องเลเยอร์ 7กับ Foniixz6



หลังจากนั้นกด ปุ่ม Play ดู ด้วยความตื่นเต้น ว่าจะสำเร็จไหม


มันก็จะได้ ฉะ-นี้ แล~



งงไหมครับ
(งงโค๊ดดดดดดด ๕๕+)
ไม่เป็นไร มันไม่ได้ยากอย่างที่คิด (แต่คุณคิดว่ามันยากเอง -*-)
แต่ทำ 1 นาทีก็เสร็จ
ตอนผมทำครั้งแรกก็ 1 วันยังไม่ได้เลย -*- สู้ๆ


Blinkies, ทำตัวกระพิบ, ทำตัวกระพริบ, Text effect, Photoshop Tutorials, How to photoshop

★ :: 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 ครับ
แล้วลากให้ได้จากอ่อนไปหาเข้ม แบบรูป


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


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


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


Gradient Overlay set ค่าตามรูป


ใส่ขอบซะหน่อย ปรับตามนี้โดยไปที่ Stroke



กด ok ก็จะได้ TEXT รูปร่างหน้าตาประมาณแบบนี้ ^ ^


กดเพิ่ม layer ใหม่ขึ้นมาเอาไว้บนสุด
หลังจากนั้น ก็ใช้ Brush Blood (บรัชเลือด) สีแดงสดๆ
สาดลงไป อย่างมีศิลป์สุดแรง =O=

อ้าว! แล้วถ้าไม่มีบรัชหล่ะ???
>_______< อ่ะ ใครไม่มี Brush เลือด ผมอัพไว้ให้แล้วหล่ะ โหลดกันตามสบาย ^ ^ ถ้าไม่ชอบแบบที่ผมอัพให้ ก็ search หาได้ตาม web download brush ได้เลย

Download Blood Brush

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

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



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


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


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


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


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


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


ไปที่ Edit>>Transform>>Perspective


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

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


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


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

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

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

TEXT DESIGN, 3D text, text effect