BG'nin Döşemeyi Photoshop'ta Düzgün Tekrarlayıp Tekrarlamayacağını test etmek?

9

Web'de kullanılacak Photoshop'ta arka plan dokuları oluşturmak için sık sık çalışıyorum. Maalesef genellikle tahmin etmek zorundayım veya sadece diğer web sitelerinden freebies kullanmalıyım.

Photoshop'ta kendi dokularımı oluşturmak ve görüntüyü dışa aktarmadan önce düzgün bir şekilde döşeyip döşemediklerini kontrol etmek istiyorum . Bunu hızlı bir şekilde yapmanın bir yolu var mı? Ofset kullanan bir yöntemi hatırlıyorum, ancak araçlara aşina değilim.

Aşağıda, neden bahsettiğimi görebilmeniz için birkaç örnek arka plan döşemesi verilmiştir:

tile1

tile2

adobe-photoshop  website-design  background  tiles 
— Destiny Adaları
kaynak

Yanıtlar:

17
  • imajınızı oluşturun. Diyelim ki 200 piksel kare
  • FİLTRELER> DİĞER> OFSET'e gidin ve resim boyutunuzun yarısı olan x ve y sayılarını girin (bu durumda 100 piksel)
  • bu, görüntünüzü o kadar çok pikselin üzerine kaydırır ve tuvalden taşınan pikselleri diğer tarafa yerleştirir. Şimdi görüntünüzün ortasında, desenin tamamen tekrarlanmadığı bir dikiş göreceksiniz.
  • istediğiniz araçları kullanarak pürüzsüz bir karışım yapmak için bu dikişe dokunun (klon aracı ortak bir seçenektir).
  • yeni görüntünüzü kaydedin.

Daha karmaşık görüntüler için, tuvalin kenarına ilk kez düştüğünüzde kaçırmış olabileceğiniz kenarlara dokunmak için piksel boyutlarının 1 / 4'lük bir son ofsetini yapmanız gerekebilir.

— DA01
kaynak
Teşekkür ederim bu mükemmel! Tam olarak aradığım şey
— Destiny Adaları
5

DA01 bunu nasıl yapacağınızı cevaplar ancak sorunuz nasıl test edeceğinizdir. Bu sorunun cevabı:

  1. Desen katmanınızı seçin
  2. Düzenle> Desen Tanımla
  3. Yeni Katman Oluştur
  4. Hepsini seç
  5. Düzen> Dolgu> Desen> Deseninizi seçin
  6. Tamam'ı tıklayın ve iyi görünüp görünmediğine bakın
— Ryan
kaynak
2
öf. Soruyu tamamen yanlış okudum! İyi bahşiş. Başka bir seçenek, tekrarlayan bir arka plana sahip bir test HTML dosyası yapmaktır. Ardından dosyayı yeniden kaydetmeye ve tarayıcıyı yeniden yüklemeye devam edin.
— DA01
1
Evet, HTML / CSS'de nasıl yapılacağını biliyordum, ancak Photoshop'un da test edebileceğinin farkında değildim. Tavsiye için teşekkürler!
— Destiny Islands
2

Geleneksel olarak görüntüyü jpg veya png olarak kaydediyorum ve ardından döşemeyi test etmek için temel html kullanıyorum.

<html>
<head></head>
<body style="background: url(image.jpg) repeat 0 0;">
</body>
</html>

Bunu bir tarayıcıda açın ve döşemeyi görün ve "image.jpg" dosyasını yeniden kaydedin ve düzeltmeleri kontrol etmek için web sayfasını yenileyin.

— Scott
kaynak
1

Bunu yapmanın başka bir yolu da var, ancak sınır, diğer tüm desenlerin nedenini göreceğiniz aynı boyutta olması gerektiğidir.

Adımlar:

  • 200 piksel x 200 piksel kutu yapın.
  • Akıllı bir nesneye dönüştürün.
  • Yatay olarak 3 kutu olacak şekilde çoğaltın ve hizalayın. Çakışma veya aralarında boşluk olmadığından emin olun.
  • Seçilen üç kutuyu 3 dikey sütuna çoğaltın.
  • Zaten etkinleştirilmemişse, kayan pencereleri Tercih'te etkinleştirin.
  • Akıllı nesneyi çift tıklatıp açın.
  • Her iki dosyayı da görebilmek için her iki pencereyi de hizalayın.
  • Akıllı nesneyi istediğiniz desenle doldurun ve aynı anda diğer pencerede çalışırken görünmesini sağlayın.
— Muhammed Umer
kaynak
1

AMP Tile Viewer adlı bir görüntünün tileable ve nasıl döşenmiş görüneceğini çok hızlı bir şekilde kontrol etmenizi sağlayan harika (kişisel kullanım için ücretsiz) bir araç var . Her zaman kullanıyorum ve harika çalışıyor. Photoshop'ta desen yapmaya gerek yoktur, daha sonra asla kullanmazsınız veya silmeniz gerekmez.

— TaranQ
kaynak
0

Ben bunu sadece bir jpg olarak kiremit kaydetmek ve masaüstümde kiremit ayarlamak olduğunu. Oldukça hızlı ve kolay.

— Jill
kaynak
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.