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
อ้างถึงจาก: Nongkhai_tong ใน 07 กุมภาพันธ์ 2010, 10:29:45
ขอบคุณมากครับ ส่วยมากมาย

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

ปล.เก่งมากๆครับ
ชื่อเรื่อง: Re: มาทำตัวอักษร Intrend Cute ใน Photoshop กันเถอะ
โพสต์โดย: ksr-rider ใน 07 กุมภาพันธ์ 2010, 12:12:52
อ้างถึงจาก: userOne ใน 07 กุมภาพันธ์ 2010, 10:37:05
ใช้ 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: