Οι σχεδιαστές αποκτούν δωρεάν μοτίβα φόντου SVG από μοτίβα ήρωας

Όλα τα σύγχρονα προγράμματα περιήγησης ιστού υποστήριξη SVG και είναι την πιο ευέλικτη μορφή εικόνας μπορείς να χρησιμοποιήσεις. Αλλά σχεδιάζοντας προσαρμοσμένα αρχεία SVG από την αρχή δεν είναι εύκολο έργο.

Γι 'αυτό ένα εργαλείο όπως το Μορφές ήρωας μπορεί να είναι τόσο πολύτιμη για τους σχεδιαστές. Είναι μια δωρεάν βιβλιοθήκη επαναλαμβανόμενα μοτίβα SVG ότι μπορείτε να προσαρμόσετε με διαφορετικά στυλ, χρώματα και αδιαφάνεια.

Τα πρότυπα των ηρώων είναι καλά πάνω από 40+ διαφορετικά μοτίβα για να διαλέξετε και είναι όλα αναγράφονται στην αρχική σελίδα. Καθώς μετακινηθείτε προς τα κάτω, θα δείτε ζωντανά demos για καθένα και μπορείτε να κάνετε κλικ σε οποιοδήποτε από αυτά για να δείτε πώς φαίνονται.

Στο επάνω μέρος της σελίδας, θα βρείτε μια σταθερή γραμμή με τις ρυθμίσεις αλλάξτε τα χρώματα του προσκηνίου και του φόντου. Το χρώμα φόντου ισχύει για το επίπεδη επιφάνεια και το χρώμα του προσκηνίου ισχύει για το μοτίβα στα SVG.

Χάρη στην φυσικό στυλ ανάμιξης, είναι δύσκολο να καταλήξουμε σε ένα κακό συνδυασμό combo (αν και είναι σίγουρα ακόμα πιθανό). Τα μοτίβα κυμαίνονται από ντάμα προς το λεπτομερή επαναλαμβανόμενα εικονίδια όπως άγκυρες.

Όταν βρείτε ένα μοτίβο που σας αρέσει ακριβώς κάντε κλικ στο μπλοκ για ένα παράθυρο με περισσότερες λεπτομέρειες. Από εδώ, μπορείτε να προσαρμόσετε το χρώματα προσκηνίου / φόντου, μαζί με αδιαφάνεια για τα εικονίδια.

Αλλά η πραγματική μαγεία συμβαίνει στο πλαίσιο του αποσπάσματος κώδικα όπου μπορείς αντιγράψτε το CSS για να ενσωματώσετε το SVG καθαρά μέσω κώδικα. Στο CSS υπάρχει a base64 () Μέθοδος για μετατρέψτε τα δεδομένα συμβολοσειράς σε δεδομένα SVG. Αυτό είναι αρκετά κοινό και λειτουργεί με άλλες εικόνες, όπως PNG, επίσης.

Έτσι, αν δεν θέλετε το αρχείο SVG να είναι αποθηκευμένο σε τοπικό επίπεδο, μπορείτε απλά αντιγράψτε / επικολλήστε τον κώδικα CSS δεξιά στο φύλλο στυλ σας. αυτό θα ενσωματώστε το επαναλαμβανόμενο υπόβαθρο με τα σωστά χρώματα δεξιά στον ιστότοπό σας. Τι τέλειο!

Ή, αν προτιμάτε επεξεργαστείτε το SVG τον εαυτό σας μπορείς κατεβάστε ένα αντίγραφο της μη επεξεργασμένης εικόνας SVG. Με αυτόν τον τρόπο μπορείτε κάντε όλες τις επεξεργασίες με μη αυτόματο τρόπο σε λογισμικό σχεδιασμού όπως το Illustrator.

Τα πρότυπα ήρωας είναι ένα από τα λίγα εργαλεία που αφήνουν τους σχεδιαστές πάρτε τον πλήρη έλεγχο των SVG από το πρόγραμμα περιήγησης. Τα επαναλαμβανόμενα υπόβαθρα που βασίζονταν αποκλειστικά σε PNG αλλά τα πρότυπα του ιστού έχουν προχωρήσει αρκετά Τα SVG μπορούν να πάρουν τη θέση τους.

Προς το ξεκίνα, απλώς επισκεφθείτε την αρχική σελίδα του περιηγηθείτε στη βιβλιοθήκη μοτίβου τους. Νέα σχέδια προστίθενται συχνά, οπότε βεβαιωθείτε ότι ελέγχετε κάθε τόσο συχνά.