PDA

View Full Version : Cách sử dụng Adobe Firework


bancamden
31-01-2012, 03:23 PM
Sử dụng select tool trong firework

Đây là một công cụ quan trọng nhất trong tool box. Giúp chúng ta chọn, di chuyển và một số tác động khác đến đối tượng.
http://bcdonline.net/wp-content/uploads/2012/01/slect-firework.jpg
Slect tool trong firework

Các bạn chú ý đến các sự thay đổi hình dạng của đối tượng với các công cụ trong select tool tác động lên.


Số 1: Bạn chọn, di chuyển đối tượng và bạn bấm vào các nút màu vàng để biến thể đối tượng.
Số 2: Bạn sẽ chọn được các vị trí giao điểm các cạnh của đối tượng.
Số 3: Bạn kéo lớn nhỏ đối tượng và xoay đối tượng theo các chiều.
Số 4: Crop, khi bạn bao một phần nào đó bằng công cụ này thì Enter ta sẽ được phần vừa chọn.

Chú ý: Bạn khi xoay đối tượng bằng công cụ 3, nếu bạn nhấn Shift thì sẽ canh đối tượng dùm bạn theo chiều ngang, dọc, xiên…
Bitmap tool trong firework

Đây là list công cụ tác động đến hình thể, làm mờ, tẩy …. đến đối tượng.
http://bcdonline.net/wp-content/uploads/2012/01/bitmap-firework-tool.jpg
Bitmap tool trong firework



Số 1: Đây là công cụ giúp bạn bao vùng và bạn có thể xóa, copy… trên vùng chọn này.
Số 2: Công cụ vẽ véc tơ http://bcdonline.net/wp-includes/images/smilies/icon_biggrin.gif
Số 3: Hút màu, công cụ này nhóm các thành phần cùng nhóm màu vào một vùng chọn.
Số 4: Công cụ vẽ tự do nét lớn.
Số 5: Công cụ vẽ tự do nét mãnh.
Số 6: Tẩy đối tượng.
Số 7: Làm mờ đối tượng.
Số 8: Mình gọi công cụ này là đắp màu, bạn chọn màu vùng này đắp lên vùng kia kèm theo phím Alt khi lấy màu.

Vẽ hình trong firework

Đây là nhóm công cụ vector chuyên về vẽ các khối hình học da dạng. Bạn có thể vẽ hình tròn, vuông, bo tròn, mũi tên…
http://bcdonline.net/wp-content/uploads/2012/01/vector-firework-tool.jpg
Vector tool firework

Chú ý: Bạn có thể custom các hình vẽ bằng cách dùng nhóm công cụ select tác động lên các đối tượng.
WEB tool

Đây là công cụ cắt và xuất file trong firework.
http://bcdonline.net/wp-content/uploads/2012/01/web-firework-tool.jpg
Web tool firework

Bạn chọn vào công cụ này khoanh vùng và export thử đi làm theo hướng dẫn ở các bài trước sẽ rõ. cắt layout bằng firework (http://bcdonline.net/cat-layout-web-bang-adobe-firework/).
Align

Bạn có thể sử dụng chức năng này để canh lề đối các đối tượng với nhau.
http://bcdonline.net/wp-content/uploads/2012/01/align-firework.jpg
Align firework

Chọn các đối tượng cần canh và click vào các chức năng trên cũng rất trực quan đúng không nào.
Ngoài ra muốn canh với page thì bạn chọn vào vùng mình khoanh đỏ đấy sẽ được.
Tô màu trong firework

Để tô màu đối tượng bạn nhìn xuống thanh properties làm như hình vẽ.
http://bcdonline.net/wp-content/uploads/2012/01/to-mau-firework.jpgTô màu

Ngoài ra bạn còn một số tính năng tô màu nâng cao Gradient bạn chọn vào đối tượng và làm như hình vẽ.
http://bcdonline.net/wp-content/uploads/2012/01/Mau-gradient.jpg
Tô màu dạng gradient

Quản lý Layer (lớp)

Tương tự photoshop firework cho phép bạn quản lý các layer sử mà bạn dùng.
http://bcdonline.net/wp-content/uploads/2012/01/layer.jpg
Layer

Style trong firework

Đây là các dạng mẫu được firework tích hợp sẵn và bạn có thể theme style định dạng. Bạn chọn vào đối tượng và chọn vào các syles.
http://bcdonline.net/wp-content/uploads/2012/01/style-firework.jpg
Styles firework

Như hình vẽ ta đã có được 2 button đẹp rồi đúng không nào http://bcdonline.net/wp-includes/images/smilies/icon_biggrin.gif

Kết luận: bạn có thể áp dụng vào thiết kế đồ họa web (http://bcdonline.net/category/do-hoa/), Chúc các bạn thành công

Nguồn: http://bcdonline.net/