Poslední dobou se na propagaci log a jednoduchých grafik hodně používá rozmazané pozadí. Dá se to vytvořit snadno ve Photoshopu, ale málokdo ví, že v Illustrátoru to jde také a výsledek je pak plně vektorový. Navíc to není nic těžkého, protože veškerou práci za nás odvede nástroj Gradient Mesh.

Vyberte si fotku, kterou chcete použít, otevřete si ji v Illustrátoru, označte ji a z horní nabídky zvolte Object / Create Gradient Mesh…. V následujícím dialogu pak jen experimentujete s hustotou mřížky:

Možnosti hustoty mřížky nástroje Gradient Mesh

A to je vše – jak vidíte byla to otázka několika sekund.

Pár tipů pro lepší výsledky

  • lepší je používat méně hustou mřížku (cca 15 x 15), při vyšší hustotě vzniká nepříjemné „čtverečkování“ (ale záleží na použité fotografii) – viz porovnání níže
  • pokud chcete mít realističtější výsledek, použijte nejprve klasické bitmapové rozostření Effect / Blur / Gaussian Blur…, to musíte expandovat Object / Expand Appearance a teprve následně převeďte na Gradient Mesh
  • chcete-li ještě lepší výsledek, proveďte rozmazání ve Photoshopu a oživte barvy fotografie, které díky rozmazání trochu „vyblednou“ (zvyšte kontrast nebo upravte křivky)
  • čím méně detailů podkladová fotografie obsahuje, tím lepší bude výsledek
  • pokud i přes aplikaci výše uvedených rad vám připadá, že je obrázek trochu čtverečkovaný, použijte nástroj přímý výběr (bílá šipka) a editací kotevních bodů mřížky ji ručně zdeformujte – narušte rušivé pravoúhlé linie

Srovnání aplikace Gradient Meshe na rozmazanou a nerozmazanou fotografii:

Nerozmazaná fotka

Zde byla použita nerozmazaná fotografie – jasně jsou patrné pravoúhlé hrany

Rozmazaná fotografie

V tomto případě byla fotografie před převodem na mřížku rozmazaná pomocí gausovského rozostření – výsledek je mnohem lepší, přirozenější.

Několik mých povedených ukázek

Ukázky vektorového rozmazaného pozadí

Ukázky vektorového rozmazaného pozadí

Ukázky vektorového rozmazaného pozadí

Ukázky vektorového rozmazaného pozadí

Nebojte se a sdílejte:Facebook0Twitter0Google+0Email