ThaiSEOBoard.com

ไทย เสียว บอร์ด => Tutorial (ห้ามตั้งคำถามห้องนี้) => ข้อความที่เริ่มโดย: ksr-rider ที่ 07 กุมภาพันธ์ 2010, 01:18:15



หัวข้อ: มาทำตัวอักษร Intrend Cute ใน Photoshop กันเถอะ
เริ่มหัวข้อโดย: ksr-rider ที่ 07 กุมภาพันธ์ 2010, 01:18:15
สวัสดีครับวันนี้มาแบ่งบันคนที่ตันกับ Logo หรือ Header ตัวอักษรคิดยังไงก็คิดไม่ออก วันนี้เลยมี text effect พื้นๆ มาแนะนำให้ครับ

(http://img5.imageshack.us/img5/4839/finishu.jpg)

1. เปิด Photoshop ขึ้นมาครับแล้วทำการสร้างเอกสารใหม่ ให้มีขนาด 600×250 pixel (หรือตามที่คุณต้องการนะครับ ไม่จำเป็นต้องเท่ากันกับผม)

(http://img683.imageshack.us/img683/2873/84933841.jpg)

2. เทสีพื้นหลังด้วยโค๊ดนี้ครับ #001a32 โดยใช้เครื่องมือ Paint Bucket Tool (G)

(http://img13.imageshack.us/img13/4089/84235141.jpg)

3. ทำการสร้าง Layer ใหม่ขึ้นมาอีกหนึ่งเลเยอร์คลิกตามรูปเลยครับ

(http://img168.imageshack.us/img168/6676/20547323.jpg)

4. เมื่อสร้าง Layer ใหม่แล้ว ให้ใช้เครื่องมือ Elliptical Marquee Tool (M) แล้วทำเป็นรูปวงรีดังรูป
5. เมื่อสร้างรูปวงรีแล้ว ให้ใช้เครื่องมือ Paint Bucket Tool (G) เพื่อเทสีลงในวงรีโดยใช้โค๊ดสี #014f9a
6. ทำการกด Ctrl+D ให้เส้นปะ รอบวงรี ให้หายไปครับ

(http://img246.imageshack.us/img246/3710/53370029.jpg)

7. ไปที่ Filter > Blur > Gaussian Blur แล้วตั้งค่าตามรูปเลยครับ (อันนี้จะตั้งเท่าไหร่ก็ได้นะครับแล้วแต่สะดวกให้เกิดความสวยงามตามต้องการ ครับ)

(http://img407.imageshack.us/img407/2325/86646673.jpg)

8.ปรับค่า Opacity ของ Layer นี้ให้เหลือประมาณ 70% หรือ ตามต้องการ

(http://img200.imageshack.us/img200/7756/60482043.jpg)

(http://img708.imageshack.us/img708/2705/58959078.jpg)

9. เลือก Type Tool (T) เพื่อทำการพิมพ์ตัวอักษรที่เราต้องการ เมื่อพิมพ์เสร็จแล้วให้ไปที่ Layer > Layer Style > Blending Options…

10. ตั้งค่า Style ตามรูปครับ หรือจะปรับแต่งต่างจากนี้ก็ไม่ผิดกติกาครับ เอาความพอใจเข้าว่าครับ

(http://img193.imageshack.us/img193/1241/58846716.jpg)

(http://img695.imageshack.us/img695/1655/92953014.jpg)

(http://img407.imageshack.us/img407/1672/74904989.jpg)

(http://img684.imageshack.us/img684/787/72151436.jpg)

(http://img519.imageshack.us/img519/1319/111um.jpg)

11. ทำการคลิกขวาที่ Layer Text แล้วเลือก Copy Layer Style

(http://img693.imageshack.us/img693/3711/87418419.jpg)

12. ทำการเพิ่มตัวอักษรตัวต่อไปที่ต้องการเพิ่มขึ้น เมื่อเพิ่มแล้วทำการคลิกขวาที่ Layer ตัวอักษรที่เพิ่มเข้ามาใหม่แล้วเลือก Paste Layer Style

(http://img694.imageshack.us/img694/1619/131wv.jpg)

(http://img300.imageshack.us/img300/6097/56139842.jpg)

13. ทำซ้ำขั้นตอนที่ 12 จนเพิ่มตัวอักษรได้ตามที่ต้องการ

(http://img237.imageshack.us/img237/5610/71412253.jpg)

14. ทำการสร้าง Layer ใหม่ขึ้นมาถัดจาก Blackground Layer ของเราดังรูป

(http://img707.imageshack.us/img707/2243/141vh.jpg)

15. ปรับ blending Mode ให้เป็น Multiply และปรับค่า Opacity ไว้ที่ค่ากลางๆ 50%

16. เลือก Shape Tool เลือกเป็นรูปดาวครับ หรือรูปอะไรก็ได้แล้วแต่ต้องการครับ

(http://img249.imageshack.us/img249/7931/142k.jpg)

17. ไปที่ Layer > Layer Style > Stroke ตั้งค่าตามรูปเลยครับ

(http://img189.imageshack.us/img189/6449/74961248.jpg)

18. เป็นอันเสร็จสิ้นการสร้างตัวอักษรสวยๆ เก๋ๆ สไตล์ Intrend Cute แล้วครับ ถ้างงขึ้นตอนไหน Comment ถามกันได้เลยครับ  :wanwan003:

(http://img5.imageshack.us/img5/4839/finishu.jpg)


หัวข้อ: Re: มาทำตัวอักษร Intrend Cute ใน Photoshop กันเถอะ
เริ่มหัวข้อโดย: thaizeal ที่ 07 กุมภาพันธ์ 2010, 01:23:30
สวยงาม ขอบคุณครับ :wanwan017:


หัวข้อ: Re: มาทำตัวอักษร Intrend Cute ใน Photoshop กันเถอะ
เริ่มหัวข้อโดย: Luru ที่ 07 กุมภาพันธ์ 2010, 01:23:57
+ 1 ให้ครับ ความรู้ดีๆมาสอนหลายๆอย่างจะดีมากเลยครับผม

ขอบคุณครับ  :wanwan003:


หัวข้อ: Re: มาทำตัวอักษร Intrend Cute ใน Photoshop กันเถอะ
เริ่มหัวข้อโดย: bom_z ที่ 07 กุมภาพันธ์ 2010, 02:04:21
เริ่ดมาก เก๋ๆ


หัวข้อ: Re: มาทำตัวอักษร Intrend Cute ใน Photoshop กันเถอะ
เริ่มหัวข้อโดย: Indeed ที่ 07 กุมภาพันธ์ 2010, 02:08:02
ขอ ลอง ด้วย คน :wanwan019:
ว่าแต่ อยากถามว่า มีคนทำ web ด้วย Photoshop บ้างรึเปล่าครับ
แบบว่าอยาก หา คนแนะนำ :-[


หัวข้อ: Re: มาทำตัวอักษร Intrend Cute ใน Photoshop กันเถอะ
เริ่มหัวข้อโดย: Queue ที่ 07 กุมภาพันธ์ 2010, 03:21:13
สวยดี ครับ ขอบคุณมาก


หัวข้อ: Re: มาทำตัวอักษร Intrend Cute ใน Photoshop กันเถอะ
เริ่มหัวข้อโดย: pizad_sura ที่ 07 กุมภาพันธ์ 2010, 03:28:07
สวยมาก ๆ เดี่ยวเอาวิธีนี้ไปทำ Logo เว็บใหม่ๆ  :wanwan020:


หัวข้อ: Re: มาทำตัวอักษร Intrend Cute ใน Photoshop กันเถอะ
เริ่มหัวข้อโดย: wave100 ที่ 07 กุมภาพันธ์ 2010, 06:59:25
+1=10 ครับ

ชอบกระทู้แบบนี้จัง


หัวข้อ: Re: มาทำตัวอักษร Intrend Cute ใน Photoshop กันเถอะ
เริ่มหัวข้อโดย: SHIINZ ที่ 07 กุมภาพันธ์ 2010, 07:08:20
สวยมากครับ  :wanwan019:


หัวข้อ: Re: มาทำตัวอักษร Intrend Cute ใน Photoshop กันเถอะ
เริ่มหัวข้อโดย: นายเอ(นามสมมติ) ที่ 07 กุมภาพันธ์ 2010, 07:57:47
+1 และบุ้คมาร์คไำปแล้วนะครับ อิอิ  :wanwan012:


หัวข้อ: Re: มาทำตัวอักษร Intrend Cute ใน Photoshop กันเถอะ
เริ่มหัวข้อโดย: ksr-rider ที่ 07 กุมภาพันธ์ 2010, 10:27:24
ขอบคุณทุก คห. นะครับ จะพยายามทำออกมาเรื่อยๆครับ (ถ้าไม่ขี้เกียจซะก่อน  :P)


หัวข้อ: Re: มาทำตัวอักษร Intrend Cute ใน Photoshop กันเถอะ
เริ่มหัวข้อโดย: Nongkhai_tong ที่ 07 กุมภาพันธ์ 2010, 10:29:45
ขอบคุณมากครับ ส่วยมากมาย


หัวข้อ: Re: มาทำตัวอักษร Intrend Cute ใน Photoshop กันเถอะ
เริ่มหัวข้อโดย: userOne ที่ 07 กุมภาพันธ์ 2010, 10:37:05
ใช้ font อะไรครับ สวยดี มีให้โหลดมั้ยครับ


หัวข้อ: Re: มาทำตัวอักษร Intrend Cute ใน Photoshop กันเถอะ
เริ่มหัวข้อโดย: mnamsai ที่ 07 กุมภาพันธ์ 2010, 10:40:09
 :o ขอบคุณมากครับ


หัวข้อ: Re: มาทำตัวอักษร Intrend Cute ใน Photoshop กันเถอะ
เริ่มหัวข้อโดย: Webstory ที่ 07 กุมภาพันธ์ 2010, 10:54:42
ดีมากเลยครับ กระทู้นี้
ได้ไอเดียเลยครับ +1


หัวข้อ: Re: มาทำตัวอักษร Intrend Cute ใน Photoshop กันเถอะ
เริ่มหัวข้อโดย: porjung ที่ 07 กุมภาพันธ์ 2010, 11:05:28
+1 =15  :-[


หัวข้อ: Re: มาทำตัวอักษร Intrend Cute ใน Photoshop กันเถอะ
เริ่มหัวข้อโดย: bugmai ที่ 07 กุมภาพันธ์ 2010, 11:53:41
ขอบคุณมากครับ ส่วยมากมาย

เดี๋ยวนี้ นอกจากลาวแล้ว มี ส่วยด้วยเหรอ  :wanwan004:

ปล.เก่งมากๆครับ


หัวข้อ: Re: มาทำตัวอักษร Intrend Cute ใน Photoshop กันเถอะ
เริ่มหัวข้อโดย: ksr-rider ที่ 07 กุมภาพันธ์ 2010, 12:12:52
ใช้ font อะไรครับ สวยดี มีให้โหลดมั้ยครับ

ใช้ DB Adman X ครับ ซื้อมา..นมนาน...ละครับตระกูล DB


หัวข้อ: Re: มาทำตัวอักษร Intrend Cute ใน Photoshop กันเถอะ
เริ่มหัวข้อโดย: iamcem ที่ 08 กุมภาพันธ์ 2010, 20:34:36
โอว เจ๋งครับๆ

ขอบคุณครับ


หัวข้อ: Re: มาทำตัวอักษร Intrend Cute ใน Photoshop กันเถอะ
เริ่มหัวข้อโดย: FernanZdo ที่ 08 กุมภาพันธ์ 2010, 20:51:15
ขอบคุณมากครับ อยากให้มีกระทู้สอนโฟโต้ช็อปอีกเรื่อยๆครับ  :wanwan019:


หัวข้อ: Re: มาทำตัวอักษร Intrend Cute ใน Photoshop กันเถอะ
เริ่มหัวข้อโดย: cnantpats ที่ 01 มีนาคม 2010, 00:39:24
ขอบคุณสำหรับความรู้


หัวข้อ: Re: มาทำตัวอักษร Intrend Cute ใน Photoshop กันเถอะ
เริ่มหัวข้อโดย: Tomokasu ที่ 01 มีนาคม 2010, 00:45:28
สวยครับ  ขอบคุณมากเลย    :wanwan019:


หัวข้อ: Re: มาทำตัวอักษร Intrend Cute ใน Photoshop กันเถอะ
เริ่มหัวข้อโดย: JeffyPluS ที่ 01 มีนาคม 2010, 01:02:15
+1 ครับ


หัวข้อ: Re: มาทำตัวอักษร Intrend Cute ใน Photoshop กันเถอะ
เริ่มหัวข้อโดย: aplsoft ที่ 09 มีนาคม 2010, 14:27:57
+ ยังไม่ได้

แปะไว้ก่องน๊า....

 :wanwan012: