Adobe Photoshop hiện là công cụ mạnh mẽ nhất đối với rất nhiều chuyên gia sáng tạo muốn "tô vẽ" cho các tác phẩm của họ.
Tuy nhiên, nếu muốn cải thiện năng suất và khiến cho quy trình làm việc dễ dàng hơn thì người dùng cũng cần phải tải về một số plugin hoặc phần mở rộng để tăng các khả năng có thể thực hiện.
Nếu muốn sử dụng các biến cho các thuộc tính như màu sắc, văn bản, kích thước phông chữ và visibility (ẩn một phần tử nào đó), bạn có thể sử dụng Ditto. Ditto cung cấp các biến để đổ màu, các chuỗi văn bản bao gồm nhiều ký tự đặc biệt, ẩn phần tử, cỡ chữ, màu chữ, chiều cao của dòng, vị trí X và vị trí Y. Mỗi biến đòi hỏi bạn phải xác định rõ loại, tên và giá trị của nó.
Tương thích với: Photoshop CC2015.
Dưới đây là top 20 plugin miễn phí và rất hữu ích cho Photoshop được tổng hợp bởi Jayan Saputra - chuyên gia thiết kế đồ họa đến từ Indonesia và hiện đang hợp tác cùng Tạp chí Hongkiat.com để cung cấp những thủ thuật công nghệ hữu ích cho độc giả.
Nếu muốn sử dụng các biến cho các thuộc tính như màu sắc, văn bản, kích thước phông chữ và visibility (ẩn một phần tử nào đó), bạn có thể sử dụng Ditto. Ditto cung cấp các biến để đổ màu, các chuỗi văn bản bao gồm nhiều ký tự đặc biệt, ẩn phần tử, cỡ chữ, màu chữ, chiều cao của dòng, vị trí X và vị trí Y. Mỗi biến đòi hỏi bạn phải xác định rõ loại, tên và giá trị của nó.
Tương thích với: Photoshop CC2015.
12. CSS3Ps
CSS3Ps là một plugin cho phép bạn chuyển đổi các lớp thành phong cách CSS3. Bạn chỉ cần chọn các lớp và sau đó, nhấp chuột vào nút CSS3Ps để áp dụng. Plugin sẽ chuyển bạn đến trang web CSS3Ps - nơi các Output được tạo. CSS3Ps cũng hỗ trợ nhiều layer, vendor prefix cho các trình duyệt tương thích, SASS và SCSS.
CSS3Ps cũng hỗ trợ nhiều phong cách như thuộc tính border radius, gradient overlay, bevel and emboss, stroke, shadow and glow, satin và nhiều hơn nữa. Tuy nhiên, một lưu ý là để thực hiện các chuyển đổi phù hợp thì bạn cần sử dụng hiệu ứng chính xác.
Tương thích với: CS3 trở lên, CC, CC2014, CC2015.
13. Breeezy
Breeezy là một phần mở rộng của Photoshop có chức năng xuất nhiều lớp, cho phép bạn xuất nhiều yếu tố đồ họa sang file PSD chỉ với một cú chạm, lý tưởng khi phát triển ứng dụng, website hoặc Flash Banner.
Breeezy nổi bật với khả năng lưu nền trong suốt của layer khi xuất, chuyển các tên layer thành file và tổ chức tất cả các file và Asset được xuất thành một thư mục.
Tương thích với: Photoshop CS5 trở lên.
Breeezy là một phần mở rộng của Photoshop có chức năng xuất nhiều lớp, cho phép bạn xuất nhiều yếu tố đồ họa sang file PSD chỉ với một cú chạm, lý tưởng khi phát triển ứng dụng, website hoặc Flash Banner.
Breeezy nổi bật với khả năng lưu nền trong suốt của layer khi xuất, chuyển các tên layer thành file và tổ chức tất cả các file và Asset được xuất thành một thư mục.
Tương thích với: Photoshop CS5 trở lên.
14. Pixel2Vector
Pixel2Vector là một công cụ đơn giản giúp chuyển đổi bất kỳ đồ họa pixel nào thành các hình dạng vector có khả năng tùy chỉnh kích thước chỉ với một cú chạm. Chức năng Vector Shape sẽ chuyển đổi tất cả các lớp đã được chọn hay nhóm các layer thành một hình dạng vector. Sau khi hoàn thành, bạn có thể chỉnh sửa các vector như mọi hình dạng vector khác, thu nhỏ mà không mất chi tiết hoặc đổi màu cảnh dễ dàng.
Tương thích với: CS5, CS6, CC, CC2014 và Photoshop CS3+.
Pixel2Vector là một công cụ đơn giản giúp chuyển đổi bất kỳ đồ họa pixel nào thành các hình dạng vector có khả năng tùy chỉnh kích thước chỉ với một cú chạm. Chức năng Vector Shape sẽ chuyển đổi tất cả các lớp đã được chọn hay nhóm các layer thành một hình dạng vector. Sau khi hoàn thành, bạn có thể chỉnh sửa các vector như mọi hình dạng vector khác, thu nhỏ mà không mất chi tiết hoặc đổi màu cảnh dễ dàng.
Tương thích với: CS5, CS6, CC, CC2014 và Photoshop CS3+.
15. Font Awesome
Font Awesome là một công cụ tìm kiếm biểu tượng mạnh mẽ, giúp bạn tìm và chèn biểu tượng ngay trong Photoshop. Plugin miễn phí này có bổ sung một bảng điều khiển mới cho phép bạn tìm kiếm icon bằng cách nhập từ khóa mong muốn.
Tương thích với: Photoshop CC.
Font Awesome là một công cụ tìm kiếm biểu tượng mạnh mẽ, giúp bạn tìm và chèn biểu tượng ngay trong Photoshop. Plugin miễn phí này có bổ sung một bảng điều khiển mới cho phép bạn tìm kiếm icon bằng cách nhập từ khóa mong muốn.
Tương thích với: Photoshop CC.
16. Render.ly
Render.ly sẽ xuất Asset và các thông số thiết kế chi tiết cho bạn nhưng chỉ có các yếu tố đã được thay đổi thì mới có thể xuất. Bạn chỉ cần sử dụng một tiền tố thích hợp và Render.ly sẽ xử lý tất cả các công việc khó khăn còn lại. Render.ly cho phép bạn thêm các biến vào dự án, quản lý Asset, thông số kỹ thuật thiết kế chi tiết và cuối cùng tự động xuất tất cả chúng với một cú nhấp chuột .
Để giữ tất cả các biểu tượng dưới dạng vector, hãy thêm tiền tố ico, đặt tên nhóm với btn, tạo trạng thái bằng cách thêm ":hover" vào cuối tên trong nhóm, để xuất ảnh, thêm tiền tồ img. Hình ảnh sẽ được xuất dưới dạng Raster Graphic.
Tương thích với: Photoshop CC2014, CC2015.
Render.ly sẽ xuất Asset và các thông số thiết kế chi tiết cho bạn nhưng chỉ có các yếu tố đã được thay đổi thì mới có thể xuất. Bạn chỉ cần sử dụng một tiền tố thích hợp và Render.ly sẽ xử lý tất cả các công việc khó khăn còn lại. Render.ly cho phép bạn thêm các biến vào dự án, quản lý Asset, thông số kỹ thuật thiết kế chi tiết và cuối cùng tự động xuất tất cả chúng với một cú nhấp chuột .
Để giữ tất cả các biểu tượng dưới dạng vector, hãy thêm tiền tố ico, đặt tên nhóm với btn, tạo trạng thái bằng cách thêm ":hover" vào cuối tên trong nhóm, để xuất ảnh, thêm tiền tồ img. Hình ảnh sẽ được xuất dưới dạng Raster Graphic.
Tương thích với: Photoshop CC2014, CC2015.
17. Griddify
Nhờ có Griddify, chúng ta có thể tạo nhiều hệ thống lưới có tính tùy biến, tạo nhịp điệu và làm nhiều hơn với các hướng dẫn trong Photoshop. Griddify sẽ bổ sung một bảng điều khiển trực quan bao gồm 3 tùy chọn đơn giản nhưng có tính mở rộng được gọi là Griddify, Divide và Wrap.
Tương thích với: Photoshop CS6, CC.
Nhờ có Griddify, chúng ta có thể tạo nhiều hệ thống lưới có tính tùy biến, tạo nhịp điệu và làm nhiều hơn với các hướng dẫn trong Photoshop. Griddify sẽ bổ sung một bảng điều khiển trực quan bao gồm 3 tùy chọn đơn giản nhưng có tính mở rộng được gọi là Griddify, Divide và Wrap.
Tương thích với: Photoshop CS6, CC.
18. UberColumn
Trong Photoshop, thật phiền phúc khi thiết kế mô hình cho một website để đặt haitext layer riêng biệt và sắp xếp chúng khi bạn muốn có nhiều cột văn bản. Trong trường hợp này, UberColumn là plugin rất hữu ích. Nó cho phép bạn chuyển đổi từng khối văn bản trên một layer thành một cột cụ thể, đồng thời dễ dàng tùy biến chiều rộng.
Để sử dụng plugin này, đơn giản mở hộp Textbox bằng cách sử dụng công cụ Type và nhập nội dung như bình thường. Sau đó, để áp dụng, chọn Window =>Extensions => Columns, thiết lập số cột và khoảng cách (độ rộng) => chọn OK.
Tương thích với: Photoshop CC, CC2014, CC2015.
Trong Photoshop, thật phiền phúc khi thiết kế mô hình cho một website để đặt haitext layer riêng biệt và sắp xếp chúng khi bạn muốn có nhiều cột văn bản. Trong trường hợp này, UberColumn là plugin rất hữu ích. Nó cho phép bạn chuyển đổi từng khối văn bản trên một layer thành một cột cụ thể, đồng thời dễ dàng tùy biến chiều rộng.
Để sử dụng plugin này, đơn giản mở hộp Textbox bằng cách sử dụng công cụ Type và nhập nội dung như bình thường. Sau đó, để áp dụng, chọn Window =>Extensions => Columns, thiết lập số cột và khoảng cách (độ rộng) => chọn OK.
Tương thích với: Photoshop CC, CC2014, CC2015.
19. Layer Craft
Với Layer Craft, bạn có thể dễ dàng xuất các layer được chọn trực tiếp sang các thiết bị Android hoặc iOS với tùy chọn tăng kích thước lên đến 200%, giảm kích thước xuống 50%, nhân đôi, cắt và loại bỏ các vùng trắng để tạo file PNG.
Tương thích với: Photoshop CC, CC2014, CC2015.
Với Layer Craft, bạn có thể dễ dàng xuất các layer được chọn trực tiếp sang các thiết bị Android hoặc iOS với tùy chọn tăng kích thước lên đến 200%, giảm kích thước xuống 50%, nhân đôi, cắt và loại bỏ các vùng trắng để tạo file PNG.
Tương thích với: Photoshop CC, CC2014, CC2015.
20. Composer
Composer cho phép bạn kiểm soát các thay đổi đã thực hiện bao gồm vị trí và biểu tượng con mắt của layer cùng lúc. Đơn giản là lựa chọn layer comp bạn muốn thay đổi để áp dụng và sau đó, chọn một lệnh bất kỳ trong 4 lệnh: Update Layer Style, Update Position, Update Visibility hoặc Update All.
Tương thích với: Photoshop CS5, CS6, CC.
Composer cho phép bạn kiểm soát các thay đổi đã thực hiện bao gồm vị trí và biểu tượng con mắt của layer cùng lúc. Đơn giản là lựa chọn layer comp bạn muốn thay đổi để áp dụng và sau đó, chọn một lệnh bất kỳ trong 4 lệnh: Update Layer Style, Update Position, Update Visibility hoặc Update All.
Tương thích với: Photoshop CS5, CS6, CC.
Nguồn: Hongkiat
No comments:
Write comments