Chia sẽ mọi người cách làm chữ 3D giống như banner của mình, dạo trước có nhiều người hỏi nhưng do bận quá nên chưa hướng dẫn cho mọi người được... Tut này các bạn có thể áp dụng để làm
background hoặc cũng có thể lấy phần chữ giống như mình để làm banner.
Để làm các bạn cần có 2 công cụ sau:
- Xaxa3D
- Photoshop CS3
( Hai soft này mọi người có thể vào http://google.com tìm và tải về hoặc có thể mua đĩa CD ngoài cửa hàng.)
+ Bảng màu: (Sẽ sử dụng trong quá trình làm)
Background: aa4a6b ; 71223d
Text 01 : e4aea2 ; c75449
Text 02 : 4b90bc ; 256b98
Text 03 : 169629 ; 076816
Text 04 : ffbcec ; d952b2
Đầu tiên cần làm 1 cái background, làm đơn giản thôi, các bạn có ý tưởng thì cứ làm theo ý thích.
- Mở Photoshop tạo một file mới ( File~> New...) kich thước (size) 1280x1024 và lần lượt chỉnh mã màu cho Set background color và Set foreground color là aa4a6b ; 71223d ( Xem hình)
Sau đó dùng Gradient Tool (G) nhấn và giữ chuột kéo 1 đoạn từ trên xuống dưới trong background (Xem hình)
Dùng Bush Tool (B) và chọn Hard Round 19 pixels (xem hình)
Tạo một Layer mới (Layer ~> New ~> Layer..) nhấn phím ] để phóng lớn brush lên và chọn màu là màu trắng ffffff vẽ 1 vòng tròn ngay giữa background trên Layer mới (xem hình)
Trên Layer vừa mới tạo vào menu Filter ~> Blur ~> Gaussiant Blur... và chỉnh thông số Radius lên khỏang 250 pixels để làm mờ cái vòng tròn trắng (xem hình)
Bước trên thì tạm thời đã xong cái background, để nó ở đó và mở Xara 3D để làm bước tiếp theo.
Ở VD này mình sẽ làm chữ TungRui, mở Xara3D lên bấm vào biểu tượng X để loại bỏ vòng tròn bên ngoài, bấm vào biểu tượng Aa để gõ chữ vào, chúng ta làm từng chữ thôi nhé, VD chữ chữ TungRui thì chúng ta sẽ làm trước chữ T. Bạn nhấn và giữ chuột vào chữ và kéo tới kéo lui để thay đổi độ nghiêng cho chữ... nếu không dùng Shadow (bóng) thì bạn có thể loại bỏ nó bằng cách nhấn Alt+S và bỏ dấu check Shadow. Chúng ta được kết quả thế này:
Thiết lập thêm 1 số nữa, bên bảng menu bên phải lúc nãy chúng ta dùng Alt + S để mở ta chọn menu Bevel Option và chỉnh giá trị Depth của Rolled lên khoảng 20. Và chọn tiếp menu Color Option và chỉnh Giá trị màu của Text sides là D766C9 (đây là màu phần 3D của chữ). Tiếp theo chỉnh giá trị màu của Text faces là 39D1D1 (đây là phần màu của mặt chữ, làm màu gì cũng được vì ở các bước sau chúng ta sẽ trang trí lại nó. Chúng ta xoay chử lại lần nữa cho đến khi vừa ý nhé. Sau khi chọn màu ta được thế này.
Sau khi đã vừa ý thì chúng ta save lại, File ~> Export... Chọn định dạng ảnh (save as type) là PNG, đặt tên là T và trong mục Color Depth chọn True color 24 bit, trong mục Options chọn Transparent và và Interlace (xem hình)
Đến đây thì chúng ta quay lại cái background đã làm trên Photoshop ở bước đầu tiền và mở file ảnh chữ T ta đã làm trên Xara 3D, sau đó coppy file ảnh đó và paste qua background, nếu thấy file ảnh lớn quá thì ta nhấn Ctrl + T và giảm kích thước chiều cao chiều rộng xuống, ở đây mình giảm xuống còn 40% ( xem hình)
Chúng ta chọn công cụ Magic Wand Tool và chọn bề mặt chữ như thế này:
Lần lượt chỉnh mã màu cho Set background color và Set foreground color là e4aea2 ; c75449, tạo thêm layer mới và dùng tiếp công cụ
Gradient Tool (G) nhấn và giữ chuột kéo 1 đoạn từ trên xuống dưới trong vùng chọn, ta được kết quả thế này:
Để làm bước tiếp theo chúng ta download Brush này về:
DownloadChúng ta tạo thêm 1 layer mới nằm trên layer chữ T nhé. (Layer ~> New ~> Layer...)
Dùng Brush mới down về thêm vào vùng chọn và giảm Ocpacity xuống còn 50% (xem hình)
Bước tiếp theo chúng ta thêm vào các đường sọc, ở đây mình đã làm sẵng, các bạn download về dùng nhé:
DownloadCác bạn copy và paste vào phần chữ, và nhấn Ctrl +T để giảm chiều cao chiều rộng xuống sao cho nó bao trùm hết bề mặt chữ nhé, ở đây mình giảm xuống còn 30%, xoay sao tùy thích nhé và giảm Ocpacity xuống còn 50% (xem hình)
- Dùng công cụ Polygonal Lasso Tool chọn bao quanh cái vùng dư nằm ngoài chữ và xóa hết đi, các bạn nên zoom hình lớn để dễ chọn các vùng ngoài nền chữ.
Sau khi xóa xong hết các vùng nằm ngoài mặt chữ ta được kết quả thế này.
Đến đây thì chúng ta đã làm xong cái chữ T, các bạn thao tác lại các bước trên để tạo lại chữ khác và ghép chúng lại với nhau để tạo thành chữ bạn muốn.
Kết quả cuối cùng đây:
Và đây là file PSD của chữ TungRui phía trên mọi người download về nghiên cứu thêm nhé:
DownloadCác chữ tiếp theo bạn sử dụng mã màu gợi ý sau nhé:
Text 02 : 4b90bc ; 256b98
Text 03 : 169629 ; 076816
Text 04 : ffbcec ; d952b2Mình chưa có nhiều kinh nghiệm trong việc viết tut, mọi người xem có chỗ nào không hiểu thì hỏi thêm, chúc mọi người thành công.
Okami 11:23 24-12-2009
Bøm…Bøm 08:21 26-10-2009
♥Ѷ╣Óz_†Ün♥ 17:12 17-10-2009
Tùng Rùi17:17 17-10-2009
Ms.Keen_Cố để nhớ,và nhớ để cố quên... 13:22 10-10-2009
tUg` o*i,,xEm lAi. ho^. to*" vO*i'.tO" lAm` nkU tUg` nOi' mA` hok dC.thE^" la` sao njk?
Tùng Rùi22:22 14-10-2009
ga tay 23:08 06-10-2009
pan oj!!! pan jup mjnh` caj nay` nha mjnh` cum on pan n`
Chào Yahoo. Tôi là thành viên của Stars_Club. Tôi rất bất bình khi Blog nhóm của chúng tôi bị Yahoo đóng cửa! Có thể chúng tôi đã phạm sai lầm(?!?). Nhưng có cần nhất thiết Yahoo có phải nặng tay quá ko? Tôi rất buồn và mong Yahoo xem xét lại. ai cũng cần hoàn thiện hết mà!
http://vn.myblog.yahoo.com/stars_blub
Hãy để các Blogger thấy rằng Yahoo luôn mở rộng vòng tay!!!
Ms.Keen_Cố để nhớ,và nhớ để cố quên... 16:43 06-10-2009
Tùng Rùi19:13 08-10-2009
#friend-list .rc div, #friendlist_module .rc div, .rc div, #subscribe_highlight .rc div, #mod-tagged-frd-article .rc div
{background:url(http://i301.photobucket.com/albums/nn64/tungrui/plus/theme/theme01/duong-vien-1.png) no-repeat right bottom;}
#friend-list .rc, #friendlist_module .rc, .rc, #subscribe_highlight .rc, #mod-tagged-frd-article .rc
{background:url(http://i301.photobucket.com/albums/nn64/tungrui/plus/theme/theme01/duong-vien-2.png) no-repeat left bottom;}
#friend-list .rc_bd div.rc_bc, #friendlist_module .rc_bd div.rc_bc, .rc_bd div.rc_bc, #subscribe_highlight .rc_bd div.rc_bc, #mod-tagged-frd-article .rc_bd
div.rc_bc {background:url(http://i301.photobucket.com/albums/nn64/tungrui/plus/theme/theme01/duong-vien-3.png) repeat-y right top;}
#friend-list .rc_bd, #friendlist_module .rc_bd, .rc_bd, #subscribe_highlight .rc_bd, #mod-tagged-frd-article .rc_bd
{background:url(http://i301.photobucket.com/albums/nn64/tungrui/plus/theme/theme01/duong-vien-4.png) repeat-y;}
#friend-list .rc_ft div, #friendlist_module .rc_ft div, .rc_ft div, #subscribe_highlight .rc_ft div, #mod-tagged-frd-article .rc_ft div
{background:url(http://i301.photobucket.com/albums/nn64/tungrui/plus/theme/theme01/duong-vien-5.png) no-repeat right top;}
#friend-list .rc_ft, #friendlist_module .rc_ft, .rc_ft, #subscribe_highlight .rc_ft, #mod-tagged-frd-article .rc_ft
{background:url(http://i301.photobucket.com/albums/nn64/tungrui/plus/theme/theme01/duong-vien-6.png) no-repeat left top;}
.row-920 .rc_bd .rc_bc .bd {background:transparent url(http://i301.photobucket.com/albums/nn64/tungrui/plus/theme/theme01/nen-module.png) center;}
.col-150 .rc_bd .rc_bc .bd {background:transparent url(http://i301.photobucket.com/albums/nn64/tungrui/plus/theme/theme01/nen-module.png) center;}
.col-600 .rc_bd .rc_bc .bd {background:transparent url(http://i301.photobucket.com/albums/nn64/tungrui/plus/theme/theme01/nen-module.png);}
Hiện tại thì code này hiển thị tốt trên trình duyệt Firefox, nếu bạn dùng Internet Explorer thì sẽ bị đen module chính do Plus nó tự động chèn } vào cuối code hichic
[*Đào Hoa Hội*]Thiếu Chủ Tây Thành [ kEnnY_kUtEEn] 16:11 06-10-2009
wow, blog dep ge he'..^^
chuc pan co 1 ngay thit zui ze nha..^^
Uyên▲Chi 15:43 06-10-2009
hjhj hum nay Uyen ranh nen qua thank Tung ve clip dua be ne....Blog rat dep.rat an tuong nua....ranh qua nha Uyen choi nhe.
1 ngay vui ve nhe
ga tay 00:06 06-10-2009
thanks pan mjnh` se~ thu
blog ban dep ghe^
Tùng Rùi02:38 06-10-2009
|™ßFF™|°kẹO kÒy° h.p nhỎ nhOy =x 17:28 05-10-2009
ytuongquang 12:43 05-10-2009
ñh®c¶«_§®c¶«_¶«hoÑg_£a¶v¶_ßoŸ_¶«ho¤ 20:27 04-10-2009
[♥princess- alone hoi♥]♥rose-black♥pe sunnyღ[♥ĐHH♥HTH♥TQTH♥HGH♥] 18:49 04-10-2009
ღ™ Kïz..Lùn ™ღ 18:45 04-10-2009
£!]\[}-{(V)£@]\[€ 22:14 24-09-2009
♫•♥ Xinh_xinh214 ♥•♫ 13:02 22-09-2009
♀♂♥ღஐ:._ V0dkA _.:ღஐ♥♀♂ 22:35 20-09-2009
Tùng Rùi22:44 20-09-2009
plus lại bị lỗi chèn flash hichic
hết lỗi này đến lỗi khác
po tay luôn rồi
…♂*♥-:¦:-♥*.-‘๑’-pe son`kute luv you so much.... .♥::::: ஜ๑ 21:11 20-09-2009
♫•♥ Xinh_xinh214 ♥•♫ 10:26 20-09-2009
Tùng Rùi17:15 20-09-2009
…♂*♥-:¦:-♥*.-‘๑’-pe son`kute luv you so much.... .♥::::: ஜ๑ 14:06 19-09-2009
Tùng Rùi17:18 20-09-2009
♀♂♥ღஐ:._ V0dkA _.:ღஐ♥♀♂ 00:49 18-09-2009
Tùng Rùi01:00 18-09-2009
nghe 1 bản ballad nhé
♀♂♥ღஐ:._ V0dkA _.:ღஐ♥♀♂ 23:19 17-09-2009
Tùng Rùi00:36 18-09-2009
boyxin 11:00 17-09-2009
Thank you visible my blog. Chúc bạn vui
Tùng Rùi00:41 18-09-2009
Ç£µ¶²——»♥♥♥§£…†øñy…¶²µ♥♥♥«—— 14:20 16-09-2009
Tùng Rùi00:45 18-09-2009
…♂*♥-:¦:-♥*.-‘๑’-pe son`kute luv you so much.... .♥::::: ஜ๑ 09:05 16-09-2009
Tùng Rùi00:41 18-09-2009
…♂*♥-:¦:-♥*.-‘๑’-pe son`kute luv you so much.... .♥::::: ஜ๑ 14:34 15-09-2009
Tùng Rùi19:00 15-09-2009
…♂*♥-:¦:-♥*.-‘๑’-pe son`kute luv you so much.... .♥::::: ஜ๑ 14:25 15-09-2009
Tùng Rùi19:00 15-09-2009
…♂*♥-:¦:-♥*.-‘๑’-pe son`kute luv you so much.... .♥::::: ஜ๑ 14:23 15-09-2009
Tùng Rùi14:27 15-09-2009
…♂*♥-:¦:-♥*.-‘๑’-pe son`kute luv you so much.... .♥::::: ஜ๑ 14:08 15-09-2009
Tùng Rùi14:13 15-09-2009
gecko 13:31 15-09-2009
wá pro!
Tùng Rùi14:03 15-09-2009
…♂*♥-:¦:-♥*.-‘๑’-pe son`kute luv you so much.... .♥::::: ஜ๑ 12:08 15-09-2009
thank tung nhiu nhiu nha
Tùng Rùi14:03 15-09-2009
Part (¯`·.·´¯) Hurt's 19:18 14-09-2009
Lã Chí An 18:31 14-09-2009
Tùng Rùi19:16 14-09-2009
nuocmat_thiensu081 17:59 13-09-2009
a moj' doj^? paj` hat' of blog ha~ a T!!! poz' tem nhak'
Tùng Rùi17:52 14-09-2009
…♂*♥-:¦:-♥*.-‘๑’-pe son`kute luv you so much.... .♥::::: ஜ๑ 16:14 12-09-2009
Tùng Rùi17:56 14-09-2009
bạn xem hướng dẫn và down load bên ấy luôn nhá
Ç£µ¶²——»♥♥♥§£…†øñy…¶²µ♥♥♥«—— 09:36 12-09-2009
Tùng Rùi17:52 14-09-2009
Dream 21:54 11-09-2009
Tùng Rùi17:53 14-09-2009
hồi hổm anh nói biết chút chút chứ có nói là không biết đâu
mà biết chút chút với pro khác nhau xa lắm nhé
♀♂♥ღஐ:._ V0dkA _.:ღஐ♥♀♂ 23:27 09-09-2009
Tùng Rùi23:29 09-09-2009