Cơ bản cách sử dụng Adobe Firework

Chào mọi người, tuy đã có các bài hướng dẫn trước đó hôm nay mới làm bài cơ bản cách sử dụng Adobe Firework tuy hơi ngược nhưng không sao ai chưa thông chắc sẽ cần đến.

Bài hôm nay chủ yếu là sử dụng các công cụ trong firework và các phần linh tinh, mình viết bài mang tích chất giới thiệu thôi các bạn phải mò thêm nha!

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.

Slect tool trong firework

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.

Bitmap tool trong firework

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ơ 😀
  • 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…

Vector tool firework

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.

Web tool firework

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.

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.

Align firework

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ẽ.

Tô màu

Tô 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ẽ.

Tô màu dạng gradient

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.

Layer

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.

Styles firework

Styles firework

Như hình vẽ ta đã có được 2 button đẹp rồi đúng không nào 😀

Kết luận:

Bài viết dừng ở đây, mình chỉ giới thiệu các phần cơ bản đến các bạn chủ yếu phải xài thử là bạn sẽ bít và áp dụng vào để layout website.

VN:F [1.9.22_1171]
Rating: 8.7/10 (7 votes cast)
Cơ bản cách sử dụng Adobe Firework, 8.7 out of 10 based on 7 ratings
Share This