Tím, že nastavíte obrázky v typu, můžete vyjádřit víc než slova nebo obrázky samotné.

Efekt sbalí spoustu informací do těsného prostoru. Ale může to být škaredé, pokud text a obrázky jsou v rozporu s ostatními.

Návrháři mohou vyhýbat katastrofě tím, že udrží svůj účel v mysli: vyjádřením této myšlenky by mělo být zřejmé, že "wow" faktor techniky.

Nastavení obrázků přímo v textu míchá přímou komunikaci slov s emocionálním efektem fotografií.

Stav slova a fotky vyjadřují. Ale když se obraz ztratí, nebo se text zmlátí, nebo obojí, dostaneme konflikt. Obrázky a text lze bez problémů sladit, ale pouze pokud dodržujeme některé pokyny, které vyvažují čitelnost obou. Čtěte dále a zjistěte, jak efektivně míchat text a snímky.

Balancování textu a čitelnosti obrazu

Přemýšlejte o formátech dopisu jako o rámcích obrázků ... i když neobvyklé. Nastavení obrázku v textu vyžaduje odstranění kusů z obrázku. Chcete-li zachovat čitelnost obrazu, budete se muset rozhodnout, které části obrazu jsou důležité. Nejlepší je, když se na formátu příliš nezasahují do obrázku.

ukázka toho, jak se písmena dělí na fotografie

Dva trojúhelníky vyříznou fotografie nahoru a dolů. To je dobré pro text, který je nyní rozpoznatelný "N", ale špatný pro fotografii, protože některé detaily byly odstraněny z ohniska obrazu (tj. Květina).

Abychom zjistili, jak se obrazy a text mohou (a nemohou) mísit, začínáme s formami písmen. Zjevným výchozím bodem je výběr správné hmotnosti.

vzorek textu příliš tenký pro fotografii uvnitř

Myriad Pro Light je čitelná ve výše uvedené velikosti. Okraje písmen jsou jasné a většina barev je v kontrastu s pozadím. Ale fotografie je redukována na abstraktní texturu.

hrubší text zobrazuje více obrázků

Změna písma na Myriad Pro Black odhalí více fotografií. Text je těžší číst, protože je zde více detailů, které zachycují oko, ale slovo "jaro" je čitelné.

Volba silného písma není dost. Čitelnost snímku můžeme zlepšit pomocí dalšího sledování slova, a proto ho použijeme Gestalt principy - specificky "reification", termín z Gestalt psychologie, který popisuje, jak děláme celé obrazy a tvary s naší myslí, i když jsou naše oči dány jen kusy nebo náznaky.

lepší kerning pomáhá fotografii

Nahoře jsou písmena spojena dohromady, aby vytvořila koherentnější "fázi", na které se fotografie může objevit.

Podrobně 1 jsou formáty dopisu záměrně překrývají, aby zobrazovaly celé tvary uvnitř fotografie, nikoliv však tolik, že skryjí slovo.

V detailech 2 jsou tři písmena se svislými stranami rozmístěna dostatečně daleko od sebe, takže je můžete rozpoznat jako písmena, ale jsou dostatečně blízko, aby nechaly květy květů "přeskočit" přes bílé mezery. Černé čáry zobrazují implikované čáry, které se lidé podvědomě připojují. Přinejmenším jedna další linie Gestalt spočívá ve výše uvedeném slově. Pokud to vidíte, zanechte komentář níže .

Pevný kerning má tendenci vytvářet pevné bloky, které vypadají zajímavě, ale mohou být těžkopádné. Řešením je ponechat mezeru mezi odpovídajícími (nebo paralelními) liniemi, ale dotáhnout oblasti, které přirozeně neodpovídají.

pečlivé vyrovnání udržuje dopisy čitelné

Zde jsou písmena se shodnými čarami (např. Svislé strany písmen "r", "i" a "n") nejsou tak snadno čitelné, když jsou stisknuty dohromady. Ten otevřený prostor je vhodný pro fotky, ale špatný pro dopisy. Samozřejmě, přiložení dopisů, jejichž tvary odpovídají, není vždy špatný nápad, ale měly by být co nejvíce čitelné.

Fotky Mo, Mo 'Problémy

Jedna fotografie a krátké slovo je snadné. Více fotografií na dvou řádcích vyžaduje větší úsilí.

vzor dvanácti písmen s mnoha různými obrázky

"Aktivní léto" vyvolává určitý druh obrazu. Výše uvedené složení má nějaké zásluhy. Zobrazuje celou řadu fotografií: portréty, makra, krajiny. Text je nastaven na vyrovnaný blok. A písmo je dostatečně tlusté, aby zobrazovalo většinu snímků. Ale existují problémy.

schéma problémů

Zatímco několik věcí funguje dobře, kompozice je plná problémů. Specifika jsou označeny výše uvedeným diagramem, ale většina z nich má stejnou příčinu: písmena a fotografie vzájemně narušují. Problémy můžeme vyřešit změnami.

lepší kompozice s fotografiemi

Mezi naše hlavní změny patří:

  • Obraz osoby v "S" je přesunut do "e" v "aktivní".
  • Nové snímky jsou nastaveny v položkách "m", "e" a "r" v "létě".
  • Obraz osoby v "e" v "létě" je přesunut do "u".
  • Obraz řeky se v létě přesune z "i" na "S" a zmenšuje se, aby se odhalil jeho zdroj.
  • Potápěčská deska se přesune do bodu "i" a potápěč se vejde do bodu nad.
schéma řešení a zbývající problémy

Je to lepší, ale ne dokonalé. Druhý "m" se stále ztrácí na pozadí. Také přidání fotografií s živými barvami rozšiřuje paletu barev, což může být problém. Pojď to zkusit znovu.

zbývající řešení

Můžeme dát tenké hranice "e" v "aktivním" a druhém "m" v "létě". Hranice zde jsou záměrně ztraceny (45% opacity), aby nedošlo k upozornění na sebe. Můžeme také dát "S" v "letním" hranici, ale pouze tam, kde je to nutné (na bílé vodě). Okraje jsou nutné pouze tam, kde světlé barevné prvky splňují bílé pozadí.

"R" v "létě" obsahuje bílé mraky, které se mísí do pozadí. Návrhář však rozhodl, že tvar "r" je ještě čitelný, takže hranice nebyla nutná.

Někdy se objeví řešení, když hledáte problémy. Během třetího kola změn, např. Návrhář izoloval dělostřeleckého potápěče od pozadí, což vytváří přímou interakci mezi obrazem a textem.

Konečným dotykem je smíchání barev. Toto sjednocuje každé slovo.

fotky v textu, tónované

Od nepatrných posunů odstínů až po jednoznačné monotony, každé výše uvedené slovo přijímá různé stupně odstínu. Navzdory rozmanitosti objektů, měřítek a úhlů, podobné barvy pomáhají každému slovu stát sám. Je to nutné? Záleží na cílech.

Pokud je spojování slov více důležitější než mít realistické barvy, pak výše uvedená technika může fungovat. Tónování je však řešení, které by mělo být aplikováno pouze v případě, že existuje nějaký problém - to znamená, že se ztratí zamýšlený význam.

Snížení, opětovné použití a recyklace fotografií

Posledním problémem s tímto kompozicí je pouhý počet použitých obrázků. Zdá se, že každý dopis obsahuje odlišnou fotku; pokud je zakoupeno jako výtvarné umění, 12 fotek by mohlo spustit velkou kartu.

Ve skutečnosti bylo v této skladbě použito pouze sedm fotografií. Dvě ze sedmi byly použity pouze jednou. Jeden byl použit třikrát. Podívej se:

sedm obrázků bylo použito více než dvanácti písmen

Nastavení fotografií na formáty písmen vždy vyžaduje oříznutí, takže zaneprázdněné obrázky - například fotografie čtyř lidí - mohou být řezány různými způsoby a opakovaně používány opakovaně.

Změna textu pro přizpůsobení snímků

Dvě slova, která jsme právě řešili, "Aktivní léto", jsou nastavena ve stejném písmu, avšak v různých rozměrech bodů, aby byly jejich hrany konzistentní. Při použití jednoho písmena na obrázek je rozhodnutí návrhu libovolné. Při jednáním s jediným obrázkem je však kritický tvar textu; udržování celkového tvaru textu co nejblíže možným rozměrům obrazu je nejlepší. Například:

vzorky textových tvarů

"Espresso House" je dlouhá fráze, špatně vhodná pro 4 × 3 obraz. Řešením je přizpůsobit text tak, aby odpovídal fotografii:

  • Slova jsou uložena do bloku.
  • Slovo "dům" je zvětšeno tak, aby jeho levý a pravý okraj odpovídal výrazu "espresso".
  • "H" v "domě" je velká, ale zmenšená, aby odpovídala výšce "ouse". Mezi oběma slovy zůstává co nejmenší prostor.
  • Ačkoli to není vždy žádoucí, tady se dělič v "espresso" smí setkat s "o" v "domě".

Čitelnost je důležitá, ale do určité míry i subjektivní. Některé techniky upřednostňují obraz a jiné preferují text. Tato souhra je ponechána na návrháře, který rozumí cílům úkolu.

příklady důrazu na text vs. obrázek

Text můžeme zdůraznit zvýšením kontrastu kolem okrajů písmen (vlevo). Chcete-li zvýraznit obrázek, zobrazujeme vybledlý obrázek v bílém rámečku mezi písmeny (vpravo). "Ghosting" zmlátí text, ale zobrazuje obrázek jako celek.

Jak nastavit obrázky v textu pomocí aplikace Photoshop

Existuje mnoho způsobů, jak překrýt obrázky na text, ale tyto příklady byly vytvořeny s receptorem vyvinutým zkušební a chybou.

technika, krok 1

Nejprve nastavte text v dokumentu aplikace Photoshop. Tato kompozice je široká 615 pixelů, protože vyhovuje specifikacím Webdesigner Depot. Při vytváření své vlastní velikosti přizpůsobte svůj projekt.

Chcete-li jasně vidět okraje písmen, začněte černým textem na bílém pozadí. Po dokončení nastavte opacitu textové vrstvy na 20%.

paleta, krok 1

V první fázi palety vrstev Photoshopu.

technika, krok 2

Za druhé, zplošťujte slovo do pozadí a vytvořte šedé písmo na pevné bílé. Pak znovu napište písmena, jeden na jednu vrstvu, pomocí pozadí jako vodítko.

paleta, krok 2

V paletě vrstev Photoshopu ve druhém kroku.

technika, krok 3

Za třetí, přidat fotky nebo části fotografií do kompozice jako samostatné vrstvy. "Oříznutí" vrstev (Vrstva → Vytvořit ořezovou masku) umožňuje horní vrstvě (v tomto případě každá fotografie) zobrazit pouze tam, kde se objeví podkladová vrstva (každé písmeno).

paleta, krok 3

Nad paletami vrstev Photoshopu přidáváme fotky, jak přidáváme fotky.

technika, krok 4

Opakujte podle potřeby.

Přizpůsobení myšlenky

Jakákoli fotografie, ilustrace nebo textura mohou tímto způsobem pracovat s textem. Klíčem je dosažení správné rovnováhy jasnosti mezi textem a zobrazením.

kompozici, která kombinuje nefotografické snímky s textem


Napsáno výhradně pro Webdesigner Depot by Ben Gremillion . Ben je nezávislý webový designér, který řeší komunikační problémy s lepším designem.

Jak zvládnete kolizi typu a obrázků? Podělte se o své myšlenky níže ...