• Vui lòng đọc nội qui diễn đàn để tránh bị xóa bài viết
  • Tìm kiếm trước khi đặt câu hỏi

Source :lighting effect button when clicked + some PTS skill

Các bài viết hướng dẫn và tham khảo chung, không thuộc ngôn ngữ nào

Điều hành viên: vietluyen

HaiPT
VIP
VIP
Bài viết: 252
Ngày tham gia: T.Tư 07/09/2005 4:02 pm
Đến từ: Hải Phòng
Has thanked: 1 time
Been thanked: 12 time
Liên hệ:

Source :lighting effect button when clicked + some PTS skill

Gửi bàigửi bởi HaiPT » T.Ba 08/04/2008 3:50 pm

Tên bài viết: Lighting effect button when clicked
Tác giả: Haipt
Cấp độ bài viết: Basic
Tóm tắt: Bạn có thấy 1 vài chương trình chuyên nghiệp có các nút bấm rất đẹp, khi bạn di chuột vào thì nút bấm sáng nên hay có hiệu ứng lóe sáng khá bắt mắt, ... bài viết dưới đây hướng dẫn các bạn:
+ Kỹ năng thiết kế điều khiển basic
+ :) Tạo một button bắt mắt mà không quá khó để code
+ Một số kỹ thuật trang trí ,tạo hiệu ứng bằng photoshop đơn giản mà tiện dụng.


;)) anh trí cho cái title Max length ngắn quá, viết bằng tiếng anh mới đủ nghĩa.
Nguồn : Haipt -www.caulacbovb.com

Kỹ thuật :Đừng vội nghĩ đến các thuật toán biến đổi hình ảnh, đơn giản hơn nhiều là chúng ta cần vài image: -image trong trạng thái bình thường, image khi chuột di vào , và image khi disable ... như vậy chắc bạn đã rõ.
Còn để tạo hiệu ứng lóe sáng cho image, việc gì phải loay hoay sục sạo hàng đống ICON nhỉ , ta có sẵn 1 công cụ đủ mạnh với hàng trăm hiệu ứng và chỉ cần vài chục giây thao tác là cùng: PTS --- tôi dùng photoshop 7.

1 - Tạo hiệu ứng len flare ... với image
+ Mở photoshop 7, open image file cần chỉnh hiệu ứng ( IMG Normal).. tôi chọn
định dạng ảnh PNG vì có transparent color, màu không bị giới hạn ở 356 như GIF
1.jpg

+ Vào menu filter\render\len flare...
2.jpg

+ Chỉnh lại vài thông số
3.jpg

Rồi save lại với tên ( IMGMouseOver)

Như vậy là OK , bạn kéo 1 điều khiển vButtonBase lên form import 2 image này lần lượt vào PictureOnNormal ,PictureOnMouseMove, PictureOnMouseClick là xong...
2 - Tạo hiệu ứng khử răng cưa và đổ bóng cho text : -Trang trí cho form( khuyến mãi thêm :) )
+ Trong photoShop7 Vào menu file\new
+ Chọn cộng cụ có hình chữ T ( horizontal type tool) để edit 1 dòng text bất kỳ ví dụ :"Quản lý bán hàng "
+ Chọn Layer\layer style\ drop shadow
11.jpg

+ check vào các hiệu ứng như hình sau

12.jpg

Kết quả ko tồi chút nào


Phạm Hải
Quản trị dự án ,Chuyên gia đào tạo
Đại học FPT

giongto35
Thành viên danh dự
Thành viên danh dự
Bài viết: 194
Ngày tham gia: T.Năm 19/04/2007 10:17 am
Đến từ: Đà Nẵng City
Been thanked: 1 time
Liên hệ:

Re: Source :lighting effect button when clicked + some PTS skill

Gửi bàigửi bởi giongto35 » T.Ba 08/04/2008 7:51 pm

AC PTS TƯởng là phạm tiên sinh
Mà sao lại bỏ vào mục này nhỉ :-D , đây là module , class .... đáng nhẽ ra đưa vào công cụ mới đúng
________________________________________________________________________________________________
. . . . . . . . . . . . .. .


Quay về “Bài viết hướng dẫn”

Đang trực tuyến

Đang xem chuyên mục này: Không có thành viên nào trực tuyến.0 khách