Nick Y!: songtu_30586
Đến từ: Cần Thơ - Việt Nam

Tìm kiếm

 
 

Kết quả tìm kiếm dưới dạng:
 
.: Rechercher Tìm kiếm nâng cao :.

...
Bài gửi mới nhất
... » Tạo nút tròn 3D
by Sun Nov 18, 2012 3:04 pm

» Hướng dẫn chi tiết tạo 1 button đơn giản và phổ biến phần 2 (phần cuối)
by Sun Jul 22, 2012 4:26 pm

» Vẽ headphone đơn giản
by Sat Jul 07, 2012 4:06 pm

» Hướng dẫn chi tiết tạo 1 button đơn giản và phổ biến phần1
by Sun Dec 05, 2010 12:44 pm

» Tự tạo 1 wallpaper đẹp
by Fri Sep 25, 2009 11:34 pm

» hip hop
by Fri Sep 25, 2009 1:55 am

» ZBSBN
by Fri Sep 25, 2009 1:23 am

» i love you
by Fri Sep 25, 2009 1:22 am


Chú ý!!!

- CÁC BẠN NÊN ĐỌC KỸ NỘI QUY TRƯỚC KHI THAM GIA THẢO LUẬN CÙNG DIỄN ĐÀN

- THỂ HIỆN SỰ VĂN MINH, LỊCH SỰ BẰNG CÁCH REPLY HOẶC CẢM ƠN BÀI VIẾT NẾU THẤY BỔ ÍCH

Chat box




Hướng dẫn chi tiết tạo 1 button đơn giản và phổ biến phần1 Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down
Fri Sep 25, 2009 11:53 pm
Admin
avatar


Xem lý lịch thành viên


http://songtu.forumr.net




Thống kê cá nhân: Tổng số bài gửi : 23
Join date : 27/09/2008

Bài gửiTiêu đề: Hướng dẫn chi tiết tạo 1 button đơn giản và phổ biến phần1

Hôm nay mình sẽ hướng dẫn các bạn cách làm button đơn giản nhưng lại rất phổ biến. Chỉ cần các bạn chú ý là có thể làm được. Cái này có thể ứng dụng làm rank, thanh tiêu đề … và nhiều vấn đề khác nữa. Mình sẽ cố gắng hướng dẫn chi tiết cho các bạn mới tìm hiểu photoshop.

Có 3 loại button cơ bản hiện nay:
1. button 1 màu đơn giản

2. button bóng mờ

3. button sáng bóng

Ở đây mình sẽ hướng dẫn loại 2 và 3 vì loại 1 quá dễ

PHẦN 1: BUTTON BÓNG MỜ

Bước 1: Sau khi cài đặt photoshop bạn nhấp biểu tượng “PS” để khởi động chương trình. Vào file>New (Ctrl+N) để tạo một trang mới vừa đủ với kích thước 1 button, kích thước thì không có kích thước chuẩn do đó bạn thích cỡ nào thì chọn cỡ đó. Ở đây mình chọn kích thước 100x32px chọn nền trong suốt “Transparent” và click ok ( đương nhiên phải chọn RGB color vì làm ảnh màu mà chứ phải trắng đen đâu Smile> ). Cách chỉnh như hình sau:



Giải thích một số chi tiết cho các bạn chưa và đang tìm hiểu photoshop:

- Dòng “name” không nói chắc các bạn cũng biết là tên file ảnh các bạn đặt tên trong dòng này nếu không đặt nó sẽ mặc định tên “Untitled-số thứ tự”. Mình đề cập vấn đề này vì có nhiều bạn khi làm quên đặt tên rồi không biết tên gì mà lần. Nếu có quên tên thì nhớ qui tắt này mà lần nhé!

- Chỗ khoanh đỏ là chỗ chỉnh kích thước ảnh mong muốn: width: chiều rộng ảnh, height: là chiều cao ảnh

- Chỗ khoanh xanh lá cây là đơn vị kích thước, bạn nên chọn pixel(px) hơn là centimet(cm), inch vì nó là đơn vị chuẩn trong thiết kế.

- Chỗ khoanh xanh dương là biểu thị các hệ màu mong muốn, nếu ảnh trắng đen thì là grayscale, còn ảnh màu thông thường là RGB color, những hệ màu khác các bạn sẽ được tham khảo trong những bài viết nâng cao ứng dụng trong việc blend ảnh.

- Chỗ khoanh màu hồng là bạn muốn nền ảnh màu gì trắng, hoặc màu nền bạn chỉnh hay trong suốt. Ở đây mình thường dùng nền màu trắng hoặc trong suốt. Đối với việc thiết kế các ảnh không muốn có nền thì bạn nên chọn “transparent”.


Bước 2: Tạo 1 layer mới là Layer 2 bằng cách vào Layer>New>Layer (Shift+Ctrl+N) hoặc click biểu tượng chọn nhanh dưới bảng layer ( bảng layer thường đặt bên phải màn hình PS) như hình sau:



Sẽ cho kết quả:








Fri Sep 25, 2009 11:55 pm
Admin
avatar


Xem lý lịch thành viên


http://songtu.forumr.net




Thống kê cá nhân: Tổng số bài gửi : 23
Join date : 27/09/2008

Bài gửiTiêu đề: Re: Hướng dẫn chi tiết tạo 1 button đơn giản và phổ biến phần1

Bước 3: Chọn màu: Nguyên tắc để tạo 1 button bóng mờ cũng như sáng bóng là chọn một màu sáng đi kèm một màu tối hơn. Ở đây, mình chọn ví dụ màu đỏ làm minh họa:

- Mình chọn màu đỏ tươi: mã màu là: #e52626 cho foreground color

- Và một màu đỏ sậm hơn: #680101 cho background color

Hướng dẫn mem mới:

Để mở bảng màu ta click vào biểu tượng được khoanh tròn trong hình dưới: (mình cho thanh công cụ nằm ngang dễ nhìn)




Để chọn màu cho foreground click vào ô vuông foreground (biểu tượng hình vuông màu đỏ hình trên) sẽ hiện ra bảng màu:



- Bạn có thể dùng chuột rà màu trên bảng lớn nếu chưa biết mã màu còn nếu đã biết mã màu thì bạn check vào ô được khoanh tròn trong hình.

Cách chọn màu cho background cũng tương tự.

Bước 4: Ta sử dụng công cụ Gradient Tool (G) trên thanh công cụ để làm button. Trên thanh Option bạn chọn Linear Gradient, không check vào Reverse. (Vì nếu chọn Reverse nó sẽ đảo ngược màu lại tức là ban nãy bạn chọn foreground màu tươi để nó nằm phía trên nhưng khi chọn reverse nó sẽ đảo ngược lại thành ra màu của bạn sẽ bị cho xuống dưới. nếu vẫn chưa hiểu bạn có thể test thử sẽ hiểu ngay, rất dễ. )



Bước 5: Sau khi chọn gradient bạn kéo 1 đường thẳng từ mí trên hình xuống mí dưới như hình sau:



Lưu ý: trong khi kéo để có được đường thẳng tốt nhất bạn giữ phím shift và kéo 1 đường xuống. sẽ cho kết quả sau:



Thế là xong!
Bây giờ các bạn chỉ việc trang trí hình lên mà thôi.









Được sửa bởi Admin ngày Sat Sep 26, 2009 12:00 am; sửa lần 1.


Fri Sep 25, 2009 11:56 pm
Admin
avatar


Xem lý lịch thành viên


http://songtu.forumr.net




Thống kê cá nhân: Tổng số bài gửi : 23
Join date : 27/09/2008

Bài gửiTiêu đề: Re: Hướng dẫn chi tiết tạo 1 button đơn giản và phổ biến phần1

Hướng dẫn trang trí đơn giản bằng brush:

Bước 6: Tạo 1 layer mới là Layer 3 bằng cách vào Layer>New>Layer (Shift+Ctrl+N). Chọn Brush Tool (B) .Sau đó trên thanh Option click vào bảng brush để chọn brush như sau:



- Click vào những mũi tên khoanh tròn để hiện bảng và chọn “Special Effect Brushes”. Hiện ra bảng lưu ý sau:



- Chọn Ok là bạn chấp nhận thay thế các brush có sẵn, chọn “Append” nghĩa là cập nhập thêm brush mà không làm mất các brush có sẵn.

- Ta chọn loại brush và kích cỡ là 27 như hình:



- Sau đó chọn màu cho brush, ở đây mình chọn màu trắng (lưu ý màu của brush chính là màu ở bảng foreground color).

- In lên cái button vừa tạo, cái này giống khi đóng dấu vậy đó Smile) sẽ được hình sau:



Lưu ý: Do brush này là brush đặc biệt nên ta cần chỉnh một số thông số sau thì mới hiện ra hình đơn. Những brush thông thường khác không cần chỉnh đó là lý do mình để nó sau phần kết quả:

- Đầu tiên nhấn F5 để hiện ra bảng điều chỉnh brush, sau đó chọn mục Shape Dynamics để chỉnh, chỉnh như hình dưới:



- Xong giờ thì đóng dấu vào nhé! Smile)

- Có thể các bạn thắc mắc tại sao mình không chọn loại brush thông thường cho đơn giản, lựa chi loại này cho rắc rối. Tuy nhiên lý do mình chọn loại brush đặc biệt này để phòng trường hợp các mem mới bắt đầu có thể không biết rồi chọn loại brush này sau đó không biết xử lý ra sao để ra hình như trên nên sẵn đây chọn loại này mà nói luôn.

Bước 7: Điền chữ vào bằng cách chọn Type Tool (T). Màu chữ tùy ý miễn sao cho hợp, mình chọn màu trắng luôn (màu là màu foreground). Kéo một khoảng vuông trên hình như hình sau:



- Rùi đánh chữ vào ok. Sau khi viết chữ xong click vào biểu tượng chữ “T” trong bảng layer để kết thúc như hình



Sẽ cho kết quả cuối cùng:



Thế là xong. Lưu ý đây chỉ là ví dụ đơn giản để mọi người dễ hiểu và sử dụng brush có sẵn để mem mới dễ theo dõi, các mem cũ có thể dùng các brush của diễn đàn chia sẻ làm đẹp hơn. Cách cập nhập và sử dụng brush đã có hướng dẫn rồi.

Người viết: Admin-Song Tử
Bản quyền bài viết thuộc về: Diễn đàn Song Tử-http://songtu.forumr.net
Sao chép bài viết này phải ghi rõ tác giả hoặc người dịch, thể hiện mình là người văn minh, tôn trọng công sức người khác








Sat Sep 26, 2009 12:02 am
Admin
avatar


Xem lý lịch thành viên


http://songtu.forumr.net




Thống kê cá nhân: Tổng số bài gửi : 23
Join date : 27/09/2008

Bài gửiTiêu đề: Re: Hướng dẫn chi tiết tạo 1 button đơn giản và phổ biến phần1

Trả lời bài viết mới thấy link

Download file PSD



Download file word



Chúc bạn thành công!

(Còn tiếp)








Thu Aug 05, 2010 4:03 pm
pandabear


Xem lý lịch thành viên







Thống kê cá nhân: Tổng số bài gửi : 2
Join date : 05/08/2010

Bài gửiTiêu đề: cam on

minh da phai vat lon voi no nhieu ngay qua
cam on ban da post bai nay len
ban la cuu tinh cua minh








Sun Dec 05, 2010 12:44 pm
mtvtrung


Xem lý lịch thành viên







Thống kê cá nhân: Tổng số bài gửi : 2
Join date : 05/12/2010

Bài gửiTiêu đề: Re: Hướng dẫn chi tiết tạo 1 button đơn giản và phổ biến phần1

thank ban minh tim tai lieu nay lau lam moi co








Sponsored content










Thống kê cá nhân:

Bài gửiTiêu đề: Re: Hướng dẫn chi tiết tạo 1 button đơn giản và phổ biến phần1








Rating:

Hướng dẫn chi tiết tạo 1 button đơn giản và phổ biến phần1

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang
Trang 1 trong tổng số 1 trang
* Tối đa độ rộng của ảnh gửi vào bài viết là 650px.
* Viết tiếng Việt có dấu, là tôn trọng người đọc.
* Chia sẻ bài sưu tầm có ghi rõ nguồn, là tôn trọng người viết.
* Thực hiện những điều trên, là tôn trọng chính mình.

.: Chọn A /A trên phải khung viết bài là bài viết ở chế độ Preview :.
.: Nếu chèn code, hình ảnh có vấn đề thì bỏ chọn
A /A :.

Permissions in this forum: Bạn không có quyền trả lời bài viết
SONGTU FORUM - CHIA SẺ KIẾN THỨC PHOTOSHOP & ILLUSTRATOR :: PHOTOSHOP :: THIẾT KẾ WEB-FORUM -




Lượt truy cập:

Địa chỉ: TP.Cần Thơ , Việt Nam.
Diễn đàn được thành lập nhằm chia sẻ kiến thức về đồ họa
Skin Flower's dream world thiết kế bởi Song Tử & China_Y. Phát triển bởi Song Tử.
Xem tốt nhất ở trình duyệt độ phân giải 1280x1024px với IE, FF.
Powered by phpBB Version 2.0 Lisenced
Copyright ©2008 - 2009, All rights reserved.


 
Free forum | © phpBB | Free forum support | Report an abuse | Create a blog