Nhà thiết kế Nhận các mẫu nền SVG miễn phí từ các mẫu anh hùng

Tất cả các trình duyệt web hiện đại hỗ trợ SVG và nó định dạng hình ảnh linh hoạt nhất bạn có thể dùng. Nhưng thiết kế các SVG tùy chỉnh từ đầu không phải là nhiệm vụ dễ dàng.

Đó là lý do tại sao một công cụ như Mẫu anh hùng có thể rất có giá trị cho các nhà thiết kế. Đây là một thư viện miễn phí mẫu SVG lặp lại cái đó bạn có thể tùy chỉnh với các phong cách, màu sắc và opacity khác nhau.

Mẫu anh hùng có hơn 40 mẫu khác nhau để chọn và tất cả chúng được liệt kê ngay trên trang chủ. Khi bạn cuộn xuống, bạn sẽ thấy bản demo sống cho từng người và bạn có thể nhấp vào bất kỳ cái nào trong số chúng để xem chúng trông như thế nào.

Ở đầu trang, bạn sẽ tìm thấy một thanh cố định có cài đặt để thay đổi màu nền trước và sau. Màu nền áp dụng cho mặt phẳng và màu nền trước áp dụng cho các mẫu trong SVG.

Nhờ sự phong cách pha trộn tự nhiên, thật khó để đưa ra một kết hợp màu xấu (mặc dù chắc chắn vẫn có thể). Các mẫu từ rô đến biểu tượng lặp lại chi tiết như neo.

Khi bạn tìm thấy một mẫu bạn thích nhấp vào khối đó cho một cửa sổ phương thức với nhiều chi tiết hơn. Từ đây, bạn có thể điều chỉnh màu nền trước / sau, cùng với độ mờ phía trước cho các biểu tượng.

Nhưng phép màu thực sự xảy ra trong hộp đoạn mã nơi bạn có thể sao chép CSS để nhúng SVG hoàn toàn thông qua mã. Trong CSS có một cơ sở64 () phương pháp để chuyển đổi dữ liệu chuỗi thành dữ liệu SVG. Đây là khá phổ biến và nó cũng hoạt động với các hình ảnh khác như PNG.

Vì vậy, nếu bạn không muốn tệp SVG được lưu trữ cục bộ, bạn có thể chỉ cần sao chép / dán mã CSS ngay vào bản định kiểu của bạn. Điều này sẽ nhúng nền lặp lại với màu sắc phù hợp ngay vào trang web của bạn. Thật tuyệt!

Hoặc, nếu bạn muốn tự chỉnh sửa SVG bạn có thể tải về một bản sao của hình ảnh SVG chưa được chỉnh sửa. Bằng cách này bạn có thể thực hiện tất cả các chỉnh sửa bằng tay trong phần mềm thiết kế như Illustrator.

Mẫu anh hùng là một trong số ít các công cụ cho phép các nhà thiết kế kiểm soát hoàn toàn các SVG ngay từ trình duyệt. Lặp đi lặp lại các nền được sử dụng chỉ dựa vào PNG nhưng các tiêu chuẩn web đã tiến xa đến mức Các SVG có thể thay thế họ.

Đến bắt đầu, chỉ cần truy cập trang chủ Mẫu anh hùng và duyệt qua thư viện mẫu của họ. Mẫu mới được thêm thường xuyên, vì vậy hãy chắc chắn kiểm tra lại thường xuyên.