Vytvoření banneru "Melting Skyscraper" v programu Photoshop

Návrh reklamních bannerů nabízí vzrušující možnost kombinovat kreativitu a designové dovednosti. Zvláště nápadné jsou Skyscraper-Bannery, umístěné na okrajích webových stránek. V tomto tutoriálu se naučíš, jak vytvořit ve Photoshopu Skyscraper s fascinujícím efektem rozpouštění, který přitahuje veškerou pozornost. S moderním barevným efektem a správnými písmy vytvoříš banner, který nejen skvěle vypadá, ale také efektivně reklamuje.

Nejdůležitější poznatky:

• Rozměry výřezu banneru lze flexibilně upravit.
• Cílený výběr a maskování jsou klíčové pro efekt.
• Stíny a barevné přechody dodají banneru hloubku a dimenzi.
• Výběr vhodného písma je důležitý pro čitelnost a efektivitu.

Krok za krokem návod

Nejprve otevři Photoshop a vytvoř nový soubor pomocí klávesové zkratky „Command + N“ nebo „Ctrl + N“. Nastav rozměry na 480 pixelů šířky a 1800 pixelů výšky. Tyto rozměry jsou vhodné pro Skyscraper, ale můžeš je upravit dle svých potřeb.

Předtím než začneš s designem, vytvoř si okenní mřížku. Jdi na „Zobrazit“ a vyber „Okenní mřížka“. Aktivuj možnosti okraje a zadej, že nahoře, vlevo a vpravo má být od okraje vždy 50 pixelů odstup. Aktivuj také 20 sloupců, které se počítají od levého okraje rámečku.

Nyní vytvoř gradient, aby tvůj pozadí získalo více dimenze. Otevři panel s gradienčními nástroji a vyber kód barvy 0885b1 pro jemně modrou nalevo a čistě bílou napravo. Nastav úhel gradienčního průběhu na 120° pro zajímavý vzhled.

Aby se zabránilo nechtěnému posunu okenní mřížky, jdi na „Zobrazit“ a aktivuj možnost „Zamknout mřížku“. Toto ti pomůže vyhnout se frustrujícím situacím při designu.

Nyní potřebuješ nápadité motiv. Najdi přitažlivý obrázek na unsplash.com nebo jiné platformě. Stáhni obrázek a otevři ho v Photoshopu. Použij nástroj Rychlý výběr k výběru požadovaného objektu. Aby dobře zapadl do tvého Skyscraperu, vyber láhev nebo jiný předmět.

Po použití nástroje výběr jdi na „Výběr a maska“, aby se výběr doladil. Odstraň nechtěné části pomocí znaménka mínus a přejeď nad oblast, kterou nechceš. Pro optimalizaci hran nastav měkkost a kontrast na zhruba 10 %.

Pokud jsi spokojen s výběrem, klikni na „Vrstvená maska“ a přetáhni vybraný motiv do nové pracovní plochy. Drž první klávesu a klávesu Shift, abys mohl motiv proporcionálně škálovat. Umísti ho tak, aby vypadal lákavě a měl dostatečné překrytí s okenními mřížkami.

Nyní vytvoříš charakteristický efekt rozpouštění. Vyber nástroj obdélník a táhni obdélník přes motiv. Použij kopírovací funkci „Command + J“ k přesunutí této oblasti do nové vrstvy. Táhněte dolní okraj obdélníku dolů pomocí nástroje Přesunutí vil a dosáhneš efektu rozpuštění.

Pro doladění efektu zkoušej různé výběry barev a různé obdélníky a konzistentní přechody zajisti pomocí stejných kroků v rytmu. Přidání více vrstev nad sebe zesílí sytý vzhled.

Pokud jsi spokojen s výsledkem, uprav stíny a volby výplně. Jdi do možností výplně pro svou vrchní vrstvu a aktivuj vnitřní a vnější stín. Optimalizuj hodnoty tak, aby dosáhly požadovaného efektu a tvůj banner vypadá živěji.

V dalším kroku přichází na řadu text. Použij písmo Roboto Slab, které můžeš najít na Google Fonts. Klikni nástrojem na text do oblasti, kterou chceš upravit, a vyber písmo a velikost. Pamatuj, že velikost písma by měla odpovídat čitelnosti a celkovému vzhledu banneru.

Pro zvýraznění designu přidej různé styly textu. Přidání efektního slogunu nebo výzvy k jednání může výrazně zvýšit účinnost tvého banneru.

Pamatuj, že barvy textu by měly ladit s barvami tvého motivu. Pěkný průběh barev na textu ho může zdůraznit a působit dynamicky.

Poslední pozornost si zaslouží ikony. Použij weby jako tutkit.com nebo flaticon.com k nalezení vhodných ikon. Stáhni je, zmenši a strategicky je umísti kolem textu, aby podpořily sdělení.

Shrnutí

Těmito kroky jsi se naučil, jak vytvořit působivý banner mrakodrapu s efektem tání. Nezapomeň přizpůsobit své kreativní myšlenky principům designu pro dosažení nejlepšího výsledku.