Không thể phủ nhận rằng Adobe Photoshop đã trở thành một công cụ rất cần thiết cho mỗi nhà thiết kế web, không chỉ là một công cụ biên tập ảnh. Vâng, có rất nhiều công cụ khác mà bạn có thể sử dụng, nhưng Photoshop vẫn là một công cụ phổ biến dành cho thiết kế web. Nó được tích hợp nhiều hiệu ứng, bộ lọc, và bạn cũng có thể tìm thấy rất nhiều hướng dẫn tốt để học hỏi (mặc dù chủ yếu là để chỉnh sửa ảnh), và hơn thế nữa, PTS hoàn toàn mở cho các plugins bên thứ 3!
Có hàng tấn brushes, patterns, và plugins được chia sẻ trên internet và một số thực sự dành riêng cho mục đích thiết kế web. Một số plugins được bán như những công cụ cao cấp, nhưng cũng có những plugin hoàn toàn miễn phí. Miễn phí nhưng không phải là vô dụng. Tôi đã sử dụng một số một số plugin miễn phí và đạt được kết quả rất tốt trong việc thiết kế web. Dưới đây, tôi xin cung cấp một danh sách những plugin hữu ích mà chắc chắn bạn sẽ cần.
BlendMe.in
BlendMe.in cung cấp hàng ngàn các biểu tượng và vector arts ngay từ Photoshop window panel. Điều này sẽ giúp bạn tiết kiệm thời gian và công sức hơn là phải tìm thông qua các công cụ tìm kiếm. Plugin này cũng có sẵn cho Adobe Illustrator. Tất cả đều miễn phí và được cung cấp theo giấy phép Creative Commons Attribution 3.0 Unported.
Flat Icon
Cũng giống như BlendMe.in, Flat Icon cũng giúp bạn tìm kiếm nhanh các biểu tượng, vector miễn phí. Bạn có thể tìm thấy biểu tượng mong muốn của bạn trực tiếp từ Photoshop window panel. Tôi cài đặt plugin này cùng với BlendMe.in, đó là một kết hợp tuyệt vời khi mang lại cho bạn nhiều sự lựa chọn vector, biểu tượng để sử dụng.
Random User
Trong khi thiết kế, bạn có thể sẽ cần một số gương mặt hoặc tên ngẫu nhiên để đưa vào thiết kế của bạn. Plugin này nhỏ sẽ tạo ra một khuôn mặt ngẫu nhiên và tên cho bạn chỉ bằng một cú nhấp chuột và sau đó bạn có thể sao chép và dán vào thiết kế của bạn. Tất cả các hình ảnh được tạo ngẫu nhiên có bản quyền theo giấy phép Creative Commons BY-NC-SA 2.0.
Layrs Control
Layrs Control có 5 tính năng cốt lõi, trong đó tập trung vào việc "làm cho công việc tẻ nhạt trở nên dễ dàng hơn". 5 tính năng là: layer name editor, remove unused layer effects, flatten all layers effect, de-lete.
Đây không thực sự là một plugin tôi thường sử dụng, nhưng đôi khi nó rất hữu ích để dọn dẹp layers của bạn và giảm kích thước file xuất ra cuối cùng.
GuideGuide
GuideGuide giúp bạn tạo ra các guidelines chính xác trong một cú nhấp chuột từ Photoshop window panel của bạn. Bạn có thể tạo ra các cột (hữu dụng cho việc tạo ra các guidelines dạng lưới), các hàng, trung điểm, và cả đường cơ sở cho toàn bộ dự án của bạn hay chỉ là một phần của layer được chọn. Chắc chắn là nó sẽ giúp tiết kiệm thời gian của bạn.
Griddify
Griddify có tính năng tương tự như GuideGuide, tuy nhiên nó mang lại cho bạn sự linh hoạt hơn bằng cách mà bạn tạo ra lưới. Tôi cũng không dám chắc khi nói thứ nào tốt hơn, bạn cần sử dụng để tự cảm nhận về cách mà chúng hoạt động.
CSS3Ps
CSS3Ps sẽ giúp bạn chuyển đổi từ Photoshop layers sang CSS3 scripts ngay lập tức. Nghĩa là bạn sẽ có chính xác thứ mà bạn chuẩn bị trên Photoshop. Tôi không sử dụng nó nhiều lắm, nhưng đôi khi nó giúp tạo ra một số yếu tố như một nút với effect-ful(border color, background gradient, outer shadow, inner shadow, text shadow).
Cut&Slice me
Cắt và Slice me giúp xuất file ra các thiết bị khác nhau trong vài giây. Tất cả bạn cần chỉ là đặt tên layer của bạn theo quy tắc của nó. Tôi không sử dụng plugin này rất thường xuyên, bởi vì hầu như tất cả các yếu tố (các nút, tab, vv) có thể được mã hóa bằng cách sử dụng CSS3, không cần phải sử dụng hình ảnh. Nhưng nó sẽ rất hữu ích cho một số dự án.
Web Font Plugin
Plugin này cung cấp cho bạn 1.100 font families có thể sử dụng trong Photoshop mà không cần cài đặt vào hệ thống. Web Font Plugin cho phép bạn chọn font từ WebINK và Google Fonts và có thể sử dụng ngay lập tức. Tuyệt vời!
CSS Sprite Generator Script
Liệu rằng bạn đã bao giờ cảm thấy chán ngán việc tạo sprite images cho phù hợp với CSS, plugin này có thể là câu trả lời mà bạn cần. Nó sẽ giúp bạn kết nối các file hình ảnh và sau đó sắp xếp chúng thành sprite images và nó còn tạo ra code CSS phù hợp. Yeah, có nghĩa là bạn không cần phải sắp xếp chúng bằng tay hoặc thậm chí là tạo background-position rules mỗi khi thực hiện thay đổi trong sprite images. Thực ra, tôi chưa từng sử dụng plugin này (tôi chả bao giờ dùng CSS sprite), nhưng nó thực sự là một công cụ tốt để chia sẻ ở đây.
Composer
Composer cho phép bạn cập nhật nhiều layer trong Photoshop chỉ với một cú nhấp chuột. Plugin này có 4 lệnh chính: up-date Layer Style, up-date position, up-date visibility, and up-date all. Bạn không còn cần phải áp dụng tất cả các thay đổi của bạn bằng tay đối với mỗi layer tương tự nữa.
Prisma
Cuối cùng nhưng không kém, Prisma. Thật sự tôi nghĩ rằng plugin này là plugin hữu ích nhất cho thiết kế web. Plugin này cho phép bạn liên kết tất cả các layer có màu sắc tương tự nhau. Như một nhà thiết kế web, bạn có thể cần phải thường xuyên thay đổi màu sắc của bạn. Ví dụ chuyển màu đỏ thành màu xanh. Bạn phải thay đổi tất cả các màu sắc cho nút, màu sắc cho liên kết , đường viền, và các yếu tố màu sắc khác thành màu xanh. Hãy tưởng tượng nếu bạn có một trang dài, thay đổi nó bằng tay sẽ thực sự vất vả và chán nản mà chủ yếu là lãng phí thời gian.
Prisma cho phép bạn liên kết tất cả các lớp và kết nối chúng thành một "bối cảnh" với một màu sắc cụ thể, trong ví dụ của chúng tôi, đầu tiên chúng ta sẽ thiết lập màu sắc như màu đỏ. Sau khi bạn thay đổi ý kiến, muốn thay đổi màu đỏ thành màu xanh, bạn chỉ cần thay đổi màu sắc quy định trong "bối cảnh" và tất cả màu sắc của các lớp liên kết sẽ thay đổi ngay lập tức. Plugin này vẫn còn đang trong giai đoạn Beta và có sẵn miễn phí, nhưng tôi không chắc chắn rằng liệu nó có miễn phí mãi mãi hay không.
Trên đây là 12 plugin với nhiều tính năng thỏa sức cho bạn lựa chọn. Chúc bạn gặt hái được nhiều thành công cũng như sáng tạo ra nhiều website đẹp mắt và ấn tượng với sự trợ giúp của bộ plugin này.
Bài viết liên quan: 10 thiết kế thanh Loading cực đẹp
Ý kiến bạn đọc