Veb saytın arxa planı şəkli üçün əlverişli nümunələr yaradın: 8 addım

2024 Müəllif: John Day | [email protected]. Son dəyişdirildi: 2024-01-30 07:49

İşdə çox "gridlike" görünmədən döşənə bilən şəkillər yaratmaq üçün düz və sadə (zənnimcə) bir üsuldur. Bu dərslik açıq mənbəli vektor qrafik redaktoru Inkscape-dən (www.inkscape.org) istifadə edir. Bu metodun Adobe Illustrator kimi bahalı vektor qrafik proqramlarına da tətbiq oluna biləcəyini düşünürəm. Hey, bu sənin pulun.

Addım 1: Sənədi qurun

Inkscape'i açdıqdan sonra sənəd xüsusiyyətlərini qurmaq istəyəcəksiniz. ([Fayl -> Sənədin xüsusiyyətləri]) Əvvəlcə sənədin genişliyini və hündürlüyünü işləmək daha asan olan bir rəqəmə dəyişin. Bu təlimat üçün bir kvadrat şəkil yaratdım, amma hər hansı bir nisbət olacaq. Sonra, ızgaranı qurmaq istəyəcəksiniz. Inkscape -in köhnə versiyalarında yalnız bir ızgara var idi. Yeni versiyalarda yeni bir şəbəkə yaratmalısınız. Şəbəkə aralığını dəyişdirin ki, bu dəyərlər sənəd genişliyi dəyərlərinə bərabər şəkildə bölünsün & Ümumiyyətlə, böyük bir şəkildən işləmək və sonra lazım olduqda kiçiltmək yaxşı bir fikirdir. Bu vektor sənəti olduğuna görə ölçülərin texniki baxımdan heç bir əhəmiyyəti yoxdur, amma praktik olaraq desək, daha böyük rəqəmlərlə konseptual olaraq daha asan olacaq. Bu dərslikdə 500x500 piksellik bir şəkil istifadə etdim və ızgaram 10 piksel aralığındadır. Nəhayət, "Çəkməyi aktiv et" seçiminin yoxlanıldığından əmin olun.

Addım 2: Dikdörtgen Aləti

Tam sənəd ölçüsünü alan bir kvadrat/düzbucaq çəkmək üçün düzbucaqlı alətdən istifadə edin. Böyük bir şəbəkə aralığının dəyəri (əvvəlki addıma baxın), düzbucaqlı aləti sənəd sərhədlərinə asanlıqla yapışdıracaq.

Addım 3: Nümunəni klonlaşdırmaq

Qrup]) "," yuxarı ": 0.38721804511278196," sol ": 0.354," hündürlük ": 0.35902255639097747," en ": 0.372}]">

Şablonunuzda olmasını istədiyiniz şəkli əlavə edin. Şəkliniz bir SVG faylıdırsa, adətən onu açıq sənədinizə sürükləyib ata bilərsiniz. ([Redaktə et -> Klonla -> Klon yaradın] və ya Alt+D düymələrinə basa bilərsən) İş sahənə mane olmayacaq şəkildə orijinal görüntünü kənara çıxar. klondan. Mənşə nüsxələri yerinə klonların istifadə edilməsinin səbəbi sonradan bəlli olacaq. Boşluqda nüsxə çıxarmağın asan bir yolu var: kopyalanacaq obyekti sürükləyin və bir nüsxəni o yerə atmaq üçün boşluq düyməsini basın (siçan düyməsini basılı saxlayın) Ümumiyyətlə, naxış yaratmaq üçün 2 və ya 3 nüsxədən çox ehtiyacınız yoxdur. Gördüyünüz kimi, şəklin 3 nüsxəsi var idi, amma sonra bir silməyi bitirdim. Kifayət qədər aldığınızı düşündükdən sonra bu maddələri bir yerə yığın.

Addım 4: Daha çox klonlaşdırma

Əvvəlki addımda, mənim etdiyim kimi söndürsəniz, yenidən bağlamağı yenidən aktiv edin. Ekran görüntüsündə ızgara görmürsünüz, ancaq aktivdir. Yeni yaratdığınız obyektlər qrupunu seçin və həmin qrupun klonunu yaradın. ortada orijinalın ətrafında ən azı 3x3 klon ızgarası olana qədər klonlayın.

Addım 5: Mütəxəssis Daşınanlar

İndi klon yaydığınıza görə, nümunənizi hamarlaşdırmağın vaxtı gəldi. Hal-hazırda model olduqca bloklu və çox nizamlı görünür, buna görə bir az ətrafa şeylər yaymaq istəyirik. Bir qrupun içərisində olan obyektləri hərəkət etdirmək üçün ən düz yol əvvəlcə obyektləri qrupdan çıxarmaq, sözü gedən obyekti hərəkət etdirmək olar. və sonra obyektləri yenidən qruplaşdırın. Ancaq bu, klonlara olan bağlantıları pozacaq, bunun əvəzinə qrupdakı tək obyektləri manipulyasiya edərkən qrupu sağlam saxlamaq istəyirik. Bunu etmək üçün Control düyməsini basıb saxlayın və dəyişdirmək istədiyiniz obyekti vurun. Control-klik qrupdakı tək obyektləri seçir. İndi obyektləri hərəkət etdirsəniz, ətrafdakı klonlar da dəyişikliyi əks etdirəcək. Bu üsuldan istifadə edərək, şəkillərinizi ümumi modelinizdən razı qalana qədər hərəkət etdirə bilərsiniz. Şəkillərin ölçüsünü dəyişə, çevirə və ya silə bilərsiniz. Nümunəni yerinə yetirmək üçün yalnız 2 -yə ehtiyacım olduğu üçün şəkillərdən birini silməyi bitirdim.

Addım 6: Klonlanmış Şəkillərdən istifadə haqqında

3 -cü addımda qeyd etdim ki, orta kvadrat ("orijinal") yaratarkən şəkillərin kopyaları yerinə klonlardan istifadə etməlisiniz. Bunun səbəbi, şəklinizin özü bir obyektlər qrupu olduğu təqdirdə, qruplaşdırılmış elementləri seçmək üçün nəzarət düyməsini basaraq görüntünün fərdi obyektlərini seçməsidir. Klonların özləri düzəldilə bilməz (ölçü və rəng istisna olmaqla) və buna görə də nəzarət klik metodu, orijinal görüntünün neçə obyektdən ibarət olmasından asılı olmayaraq bütün klon obyektinin seçilməsinə səbəb olacaq.

Addım 7: Toxunuşları bitirmək

İsteğe bağlı bir addım olaraq, arxa plan kvadratını seçin (Ctrl düyməsini basın) və doldurma rəngini heç birinə (yəni şəffaf) və ya arxa plana sahib olmaq istədiyiniz rəngə qoyun. ([Obyekt -> Doldur və vur] Həm də qrupun qeyri -şəffaflığını bir bütün olaraq azaltdım (nizamlı klik ilə seçin) ki, model arxa planda olsun və müdaxilə etməsin. Nəhayət, ixracın vacib addımı. İxrac edən pəncərəni açın ([Fayl -> Bitmapi ixrac et]). "Səhifə" düyməsini basın. Bu, sənədin yalnız səhifə sərhədləri daxilində olan hissələrini ixrac edəcək - yəni "orijinal" ın kvadratına. İstəsəniz ixrac edilən bitmap ölçüsünü dəyişdirin və sonra "İxrac et" düyməsini basın.

Addım 8: Son Məhsul

İşiniz bitdi! Masaüstünüzə qoyun, veb saytınız üçün istifadə edin və ya çap edin və divar kağızı olaraq satın! Zövq alın.