Illustrator tutoriál: Seamless pattern (plynule navazující tapeta)

29. červen 2009 | Grafika | Komentováno: 1×

Illustrator tutoriál: Seamless pattern (plynule navazující tapeta) Tento tutoriál o tvorbě vzorku, který na sebe navazuje, napsal jeden z mých čtenářů Johny Drake. Věřím, že se vám bude líbit a že jej shledáte užitečným – sám jsem stejný postup pro tvorbu vzorků několikráte úspěšně použil. Máte-li zajímavý článek / tutoriál, který chcete zde zveřejnit, klidně se mi ozvěte.

Seamless pattern je tapeta která plynule navazuje.Pokud se taková tapeta zobrazí víckrát vedle sebe (v ose X i Y) působí dojmem jednoho celku.Já jsem v tom vždy viděl spojitost s Karnaughovou mapou.Existuje víc postupů jak takový obrázek vytvořit, po měsíci (přerušovaného) bádání jsem objevil rychlý a jednoduchý postup.Tady je.

Kvítka z kterých bude tapeta vytvořena.

Jednotlivé prvky rozmístíme tak, aby protínaly ořezovou masku (crop area).

Kvítka která protíná spodní ořezová čára označíme, zkopírujeme (CTRL+C) a vložíme na identickou pozici jako originál (CTRL+F).

Kopii posuneme v ypsilonové ose o 200px. (V závislosti na velikosti ořezové masky, u mého příkladu to je 200px na 300px)

Zopakujeme pro kvítka která protínají ořezovou masku z levé strany.Pokud se nám grafické elementy překryjí a je třeba je posunout, musíme zároveň posunout všechny kopie daného prvku.

Výsledek z kterého již můžeme exportovat.

Jak tapetu otestovat?

Z pohodlnosti jsem si vytvořil na ploše HTML soubor, kterým tapety testuji:

<html>
  <body background="bg.jpg">
    <div style="height:800px;width:800px"></div>
  </body>
</html>

Vždy stačí výsledek uložit na plochu pod názvem „bg.jpg“ (odsouhlasit přepsání souboru který tu zbyl po předchozím testování)a otevřít zmíněný HTML soubor v kterém už je vidět, jak tapeta vypadá v praxi.Pro testování je lepší uložit obrázek v menším rozlišení, snáze tak vyniknou chyby.

Vyexportovaný výsledek z tutoriálu.

Takto vypadá tapeta v praxi.

A tady je zdrojový soubor pro illustrator: vzorek.ai

Napsal: Johny Drake

Přidej komentář

Pište prosím slušně, s diakritikou a k věci. Dodržujte pravidla a využijte možnosti formátování uvedená pod formulářem.

Jméno		Zapamatovat
Email		Email nebude zveřejněn
Web
Zpráva

Pravidla a možnosti formátování

Nepoužívejte HTML značky, blog podporuje formátování texy. Nový odstavec získáte 2x odřádkováním, odkaz: "text odkazu":odkaz, **tučně**, *kurzíva*
Adresy začínající na http:// budou automaticky převedeny na odkazy
Jediné dvě povinné položky formuláře jsou Jméno a zpráva
Na předchozí komentáře odkazujte zápisem [2]

Illustrator tutoriál: Seamless pattern (plynule navazující tapeta)

Jak tapetu otestovat?

Související články

Komentáře

Přidej komentář

Pravidla a možnosti formátování

Důležité články

Vše o fotobankách

Výprodej odborných knih

Hledám dům za Prahou

Reklama

Poslední komentáře

Právě dočtené knihy

Aktuálně z Twitteru

Sekce

Náhodný snímek

Zajímavé odkazy

Informace o webu