İçindekiler:
- Adım 1: Belgeyi Ayarlayın
- 2. Adım: Dikdörtgen Aracı
- Adım 3: Kalıbı Klonlama
- 4. Adım: Daha Fazla Klonlama
- Adım 5: Uzman Nakliyatçılar
- 6. Adım: Klonlanmış Görüntüleri Kullanma Hakkında
- Adım 7: Son Dokunuşlar
- Adım 8: Nihai Ürün
Video: Web Sitesi Arka Plan Resmi için Eğilebilir Desenler Oluşturun: 8 Adım
2024 Yazar: John Day | [email protected]. Son düzenleme: 2024-01-30 13:22
İşte çok "ızgara benzeri" görünmeden döşenebilecek görüntüler oluşturmak için doğrudan ve basit (sanırım) bir yöntem. Bu öğretici, açık kaynaklı bir vektör grafik düzenleyicisi olan Inkscape'i (www.inkscape.org) kullanır. Bu yöntemin Adobe Illustrator gibi pahalı vektör grafik programlarına da uygulanabileceğini hayal ediyorum. Bu senin paran.
Adım 1: Belgeyi Ayarlayın
Inkscape'i açtıktan sonra belge özelliklerini ayarlamak isteyeceksiniz. ([Dosya -> Belge özellikleri])Önce, belgenin genişliğini ve yüksekliğini, üzerinde çalışması daha kolay bir sayıyla değiştirin. Bu öğretici için kare bir görüntü oluşturdum, ancak herhangi bir orantı yapacaktır. Sonra, ızgarayı kurmak isteyeceksiniz. Inkscape'in eski sürümlerinde yalnızca bir ızgara seçeneği vardı. Daha yeni sürümlerde, yeni bir ızgara oluşturmanız gerekecek. Kılavuz aralığını, bu değerlerin belge genişliği ve yüksekliği değerlerine eşit olarak bölünecek şekilde değiştirin. Genel olarak, büyük bir görüntüden çalışmak ve ardından gerektiği kadar küçültmek iyi bir fikirdir. Bu vektör sanatı olduğundan, teknik olarak boyut önemli değildir, ancak pratik olarak konuşursak, daha büyük sayılarla kavramsal olarak daha kolay olacaktır. Bu derste 500x500px bir resim kullandım ve gridim 10px aralıklarla. Son olarak, "Etkinleştirmeyi etkinleştir" seçeneğinin işaretli olduğundan emin olun.
2. Adım: Dikdörtgen Aracı
Tam belge boyutunu kaplayan bir kare/dikdörtgen çizmek için dikdörtgen aracını kullanın. Geniş bir ızgara aralığı değeri (önceki adıma bakın), dikdörtgen aracının belge sınırlarına kolayca oturmasını sağlar.
Adım 3: Kalıbı Klonlama
Grup])", "üst":0.38721804511278196, "sol":0.354, "yükseklik":0.35902255639097747, "genişlik":0.372}]">
Deseninizde olmasını istediğiniz resmi ekleyin. Resminiz bir SVG dosyasıysa, genellikle onu açık belgenize sürükleyip bırakabilirsiniz. Bu resmin bir klonunu oluşturun. ([Düzenle -> Klonla -> Klon oluştur] veya Alt+D tuşlarına basabilirsiniz) Orijinal görüntüyü çalışma alanınızı etkilemeyecek şekilde hareket ettirin. Klonlanan görüntüyü kareye taşıyın ve birkaç kopya oluşturun klonun. Orijinalin kopyaları yerine klonların kullanılmasının nedeni daha sonra anlaşılacaktır. Mürekkep alanında kopya oluşturmanın kolay bir yolu: kopyalanacak nesneyi sürükleyin ve o noktaya bir kopya bırakmak için boşluk çubuğuna basın (fare düğmesini basılı tutun)). Genel olarak, kalıbı oluşturmak için muhtemelen 2 veya 3 kopyadan fazlasına ihtiyacınız yoktur. Gördüğünüz gibi, görüntünün 3 kopyası vardı ama bir tanesini daha sonra sildim. Yeterince sahip olduğunuzu düşündüğünüzde, bu öğeleri birlikte gruplayın.
4. Adım: Daha Fazla Klonlama
Benim yaptığım gibi önceki adımda devre dışı bıraktıysanız, yakalamayı yeniden etkinleştirin. Ekran görüntüsünde ızgarayı görmüyorsunuz, ancak etkin. Yeni oluşturduğunuz nesne grubunu seçin ve o grubun bir klonunu yapın. Klonun kenarlarını sayfa kenarlığı ile hizalayın ve kopyalarını bırakmaya devam edin. Ortadaki orijinalin etrafında en az 3x3'lük bir klon ızgarası olana kadar klonu.
Adım 5: Uzman Nakliyatçılar
Artık klonları yaydığınıza göre, kalıbınızı düzeltmenin zamanı geldi. Şu anda desen oldukça bloklu ve fazla düzenli görünüyor, bu yüzden işleri biraz etrafa yaymak istiyoruz. Bir grup içindeki nesneleri taşımak için en basit yöntem, önce nesnelerin grubunu çözmek, söz konusu nesneyi hareket ettirmek, ve sonra nesneleri yeniden gruplandırın. Ancak bu, klonlara olan bağlantıları kesecektir. Bunun yerine, grup içindeki tek nesneleri işlerken grubu olduğu gibi tutmak istiyoruz. Bunu yapmak için Kontrol düğmesini basılı tutun ve değiştirmek istediğiniz nesneye tıklayın. Kontrol tuşuna basarak tıklama bir grup içindeki tek nesneleri seçer. Şimdi nesneleri hareket ettirirseniz, çevredeki klonlar da değişikliği yansıtır. Bu yöntemi kullanarak, genel deseninizden memnun kalana kadar görüntüleri hareket ettirebilirsiniz. Ayrıca görüntüleri yeniden boyutlandırabilir, döndürebilir veya silebilirsiniz. Görüntülerden birini sildim çünkü kalıbı yerine getirmek için sadece 2'ye ihtiyacım vardı.
6. Adım: Klonlanmış Görüntüleri Kullanma Hakkında
3. adımda orta kareyi ("orijinal") oluştururken görüntülerin kopyaları yerine klonları kullanmanız gerektiğini belirtmiştim. Bunun nedeni, görüntünüzün kendisi bir nesne grubuysa, gruplanmış öğeleri seçmeye yönelik kontrol-tıklama yöntemi görüntünün tek tek nesnelerini seçecektir. Klonların kendileri düzenlenemez (boyut ve renk hariç) ve bu nedenle kontrol-tıklama yöntemi, orijinal görüntünün kaç nesneden oluştuğuna bakılmaksızın tüm klon nesnesinin seçilmesine neden olur.
Adım 7: Son Dokunuşlar
İsteğe bağlı bir adım olarak, arka plan karesini seçin (Ctrl-tıklayın) ve dolgu rengini yok (yani saydam) veya arka planda olmasını istediğiniz renge ayarlayın. ([Nesne -> Doldur ve kontur])Ayrıca, desenin arka planda olması ve müdahaleci olmaması için grubun opaklığını bir bütün olarak düşürdüm (normal tıklama ile seçin). Son olarak, dışa aktarmanın önemli adımı. Dışa aktarma penceresini açın ([Dosya -> Bitmap'i dışa aktar]). "Sayfa" düğmesini tıklayın. Bu, belgenin yalnızca sayfa sınırları içinde kalan kısımlarını, yani "orijinalin" karesinin içinde dışa aktaracaktır. İsterseniz dışa aktarılan bitmap boyutunu değiştirin ve ardından "Dışa Aktar"ı tıklayın.
Adım 8: Nihai Ürün
Bitirdiniz! Masaüstünüze koyun, web siteniz için kullanın veya çıktısını alıp duvar kağıdı olarak satabilirsiniz!
Önerilen:
Web Sitesi Nasıl Oluşturulur (Adım Adım Kılavuz): 4 Adım
Bir Web Sitesi Nasıl Oluşturulur (Adım Adım Kılavuz): Bu kılavuzda, çoğu web geliştiricisinin sitelerini nasıl oluşturduğunu ve genellikle daha büyük bir site için çok sınırlı olan pahalı web sitesi oluşturucularından nasıl kaçınabileceğinizi göstereceğim. başladığımda yaptığım bazı hatalardan kaçınmana yardım et
TV için Solmaz Arka Plan LED Işıkları: 5 Adım (Resimlerle)
TV için Kararan Arka Plan LED Işıkları: Philips Ambilight teknolojisine her zaman hayran olmuşumdur. Sadece havalı olduğu için değil, TV'yi arkadan aydınlattığı için. Bu, zifiri karanlıkta televizyona bakmanın gözlerinizi çok yormadığı anlamına gelir. Ikea'dan LED şeritleri duvara yapıştırdım
Canlı Web Sitesi Kullanma Web Sürücüsü IO Eğitimi ve Çalışma Örnekleri: 8 Adım
Canlı Web Sitesi Kullanan Web Sürücüsü IO Eğitimi ve Çalışma Örnekleri: Canlı Bir Web Sitesi Kullanan Web Sürücüsü IO Eğitimi ve Çalışan Örnekler Son Güncelleme: 26/07/2015(Bu talimatları daha fazla ayrıntı ve örnekle güncellerken sık sık kontrol edin)Arka Plan Yakın zamanda sahip olduğum bana sunulan ilginç bir meydan okuma. ihtiyacım vardı
%100 Flash Web Sitesi Oluşturun!: 10 Adım
%100 Flash Web Sitesi Oluşturun!: Bu eğitim, %100 flash web sitesi oluşturmanıza yardımcı olacaktır. Bunu yayınlıyorum çünkü burada bu konu için bir eğitim bulamıyorum. Yalnızca "flash web sitesi şablonu oluşturma" burada yayınlandı, bu farklı bir konu sanırım;). Bu benim
Kitap Bilgilerini Keşfetmek, Düzenlemek ve Paylaşmak İçin Bir Web Sitesi olan Bookhuddle.com'u Oluşturma: 10 Adım
Kitap Bilgilerini Keşfetmek, Düzenlemek ve Paylaşmak için bir Web Sitesi olan Bookhuddle.com'u Oluşturma: Bu gönderi, okuyucuların kitap bilgilerini keşfetmesine, düzenlemesine ve paylaşmasına yardımcı olmayı amaçlayan bir web sitesi olan Bookhuddle.com'u oluşturma ve başlatmayla ilgili adımları açıklar. Burada açıklanan adımlar diğer web sitelerinin geliştirilmesi için geçerli olacaktır