Pokud jste někdy strávili příliš dlouho hledáním barev, které skutečně spolupracují, Adobe má nástroj vytvořený přesně pro to:Adobe Color. Spousta designérů na to spoléhá při sestavování barevné palety. Místo ručního testování desítek odstínů používá Adobe Color osvědčená pravidla harmonie a nabízí vám kombinace, které fungují.
Dnes vás provedeme tím, jak pomocí Adobe Color vytvořit dobrou barevnou paletu a jak ji aplikovat na projekt, na kterém pracujete.
Část 1. Co je Adobe Color?
Adobe Color je bezplatný online nástroj vytvořený společností Adobe, který vám pomůže vytvářet, prozkoumávat a ukládat barevné palety. Vzhledem k tomu, že teorie barev může být hodně náročná na hlavu, Adobe Color to udělá za vás, když potřebujete barevný motiv rychle a připravený k použití.
K Adobe Color můžete přistupovat přímo na color.adobe.com bez jakékoli instalace. Pokud hledáte aplikaci Adobe Color pro mobilní zařízení, můžete místo toho použít Adobe Capture. Podporuje také funkci Motivy Adobe Express, která vám pomůže najít a použít konzistentní barevné palety ve vašich návrzích.
Co můžete dělat s Adobe Color
Adobe Color má alespoň čtyři hlavní funkce, které slouží různým účelům.
1. Vytvářejte barevné motivy
Na kartě Vytvořit můžete pomocí barevného kola Adobe vybrat základní barvu a harmonii barev a Adobe Color kolem nich vygeneruje barevný motiv. Můžete to udělat ručním přetažením značek na kole nebo vyražením konkrétní hexadecimální hodnoty. Nebo pokud máte referenční obrázek, můžete jej také nahrát a nechat Adobe Color vytáhnout paletu nebo přechod přímo z něj.
2. Objevte trendy
Karta Trendy přebírá palety barev Adobe z toho, co je aktuálně populární v Behance a Adobe Stock. Jsou seřazeny podle odvětví, jako je móda, grafický design, ilustrace, UI/UX, cestování, herní design a další. Můžete jej použít k tomu, abyste se zaměřili na to, co je pro vaši práci relevantní.
3. Prozkoumejte nabídky komunity
Na kartě Prozkoumat najdete tisíce palet Adobe vytvořených a sdílených ostatními uživateli Adobe Color. Můžete vyhledávat podle klíčového slova nebo procházet podle barvy. Pokud najdete nějakou, která se vám líbí, můžete ji uložit přímo do knihovny Adobe Creative Cloud.
4. Nástroje pro usnadnění přístupu:Kontrola kontrastu a Bezpečné barevně slepé
V každém designovém projektu je důležité být inkluzivní a Adobe Color vám pomůže pokrýt tento základ. V části Usnadnění na kartě Vytvořit jsou dva nástroje:
- Kontrast kontrola:Testuje, zda váš text a barevná kombinace pozadí splňuje standardy přístupnosti WCAG (pokyny používané k měření čitelnosti pro osoby se zrakovým postižením).
- Color Blind Safe:Porovná vaši paletu s různými typy barvosleposti, jako je deuteranopie, protanopie a tritanopie, a označí kombinace, které by mohly být těžko rozlišitelné.
Oba nástroje vám poskytnou okamžitou vizuální zpětnou vazbu, takže si můžete barvy upravit na místě, místo abyste objevovali problémy poté, co je váš návrh hotový.
Je Adobe Color zdarma?
Ano, Adobe Color je zdarma k použití přímo na jeho webových stránkách. Palety můžete vytvářet bez předplatného a nemusíte se ani přihlašovat, pokud nechcete palety uložit do svých Creative Cloud Libraries.
Část 2. Jak vytvářet barevné palety pomocí Adobe Color Palette Generator
Nyní, když víte, co je Adobe Color a co nabízí, zde je bližší pohled na část, pro kterou většina z vás přichází:vytváření barevných palet.
Použití Adobe Color Wheel
Když otevřete kartu Vytvořit, první věc, kterou uvidíte, je barevné kolečko Adobe. Chcete-li s ní vytvořit paletu, máte několik možností:
- Přetáhněte jeden z barevných úchytů kolem kola a ostatní značky se automaticky přesunou podle vámi zvoleného pravidla harmonie.
- Pokud již máte na mysli konkrétní barvu, zadejte hexadecimální kód. Kolečko k němu okamžitě zaskočí.
Než však začnete věci přesouvat, vyberte si nejprve pravidlo harmonie. Toto nastavení říká Adobe Color, jak vybrat ostatní barvy vzhledem k vaší základní barvě. A protože různá pravidla vedou k velmi odlišným výsledkům, jen vy víte, co váš návrh skutečně potřebuje.
Běžná pravidla harmonie v Adobe Color
- Analogický:Barvy sedící vedle sebe na volantu.
- Monochromatický:Jeden odstín, různý jas a sytost.
- Triad:Tři barvy rovnoměrně rozmístěné kolem kola.
- Doplňkové:Dvě barvy přímo naproti sobě. Vysoký kontrast.
- Rozdělit komplementární:Jako komplementární, ale vezme dvě barvy lemující opačný bod namísto samotné opačné barvy.
- Čtverec:Čtyři barvy rovnoměrně rozmístěné kolem kola.
- Složená:Kombinace dvou komplementárních párů.
- Odstíny:Světlejší a tmavší varianty jedné základní barvy.
- Vlastní:Nejsou použita žádná pravidla. Každou značku můžete volně pohybovat a stavět, co chcete.
Obrázek:Vysvětlení barev
Pokud například vyberete „Monochromatický“, zobrazí se kolečko Adobe Monochromatic se všemi značkami uzamčenými ve stejném odstínu. Hexadecimální kódy nebo hodnoty RGB můžete zkopírovat a přenést je přímo do svého projektu.
Pravidla harmonie barev pocházejí ze základní teorie barev. Jsou to barevné kombinace, které spolu přirozeně vypadají dobře na základě jejich pozice na barevném kole. Kromě výběru pravidla harmonie musíte také vybrat režim barev.
Barevný režim na druhé straně určuje, jak jsou vaše barvy definovány a měřeny číselně. A záleží na tom, zda je váš návrh určen pro obrazovky nebo tisk.
Barevný režim v Adobe Color
| RGB | HSB | LAB | |
| Jak to funguje | Mísí červené, zelené a modré světlo (0–255) a vytváří barvu | Definuje barvu podle úhlu odstínu, sytosti a jasu | Modeluje barvy na základě lidského vnímání a odděluje světlost od dvou barevných kanálů |
| Typické případy použití | Cokoli na obrazovce (webové stránky, aplikace, sociální média, digitální reklama). | Stejné jako RGB, ale preferováno při intuitivní úpravě barev | Produkce tisku a konzistence barev mezi zařízeními |
| Silné stránky | Univerzální standard pro digitální práci | Každá hodnota řídí jednu odlišnou kvalitu, díky čemuž jsou úpravy předvídatelnější | Nezávislý na zařízení a přesnější napříč různými typy výstupů |
| Omezení | Nevhodné pro tisk | Žádná výhoda přesnosti oproti RGB | Techničtější pro práci, zejména pro každodenní digitální design |
Extrahování palet barev z obrázků
Stále na kartě Vytvořit můžete přepnout z barevného kolečka na Extrahovat motiv a extrahovat barevnou paletu z existujícího obrázku. Nahrajte libovolnou fotografii, ilustraci nebo snímek obrazovky a Adobe Color přímo z ní stáhne paletu s pěti vzorky.
Způsob extrahování palety můžete ovládat pomocí jednoho z pěti režimů:Barevný, Jasný, Ztlumený, Hluboký a Tmavý. Každý režim cílí na jiný rozsah tónů v obrázku, takže stejná fotografie může vytvářet několik různých palet v závislosti na tom, který režim zvolíte.
Extrakce barevných přechodů
Kromě extrahování barevné palety z fotografie můžete také extrahovat přechod ze sekce Extrahovat přechod. Extrakce přechodu funguje podobně, ale místo vytváření pevných vzorků mapuje barvy z vašeho obrázku do přechodu.
Po nahrání obrázku Adobe Color vygeneruje přechod odrážející dominantní barevné přechody v něm. Můžete přepínat mezi lineárním a radiálním typem přechodu a přetažením barevných zarážek upravit výsledek.
Část 3. Kde Adobe Color zapadá do vašeho pracovního postupu návrhu
Adobe Color funguje prakticky pro každého, kdo se potřebuje rozhodovat o barvách. Většina lidí po ní sáhne v rané fázi projektu, například při zjišťování vizuálního směru nebo sestavování barevného systému. Ale je to také užitečné, když potřebujete rozšířit stávající paletu nebo zkontrolovat, zda vaše barvy vydrží pro přístupnost.
Konkrétně pro tvůrce videa lze Adobe Color použít při plánování vizuální identity kanálu nebo jedné produkce. Jakmile budete mít paletu, nástroje jako Wondershare Filmora vám umožní přenést tato barevná rozhodnutí přímo do vašich úprav.
1. Vybudujte si konzistentní identitu značky
Barevná paleta je často základem vizuální identity značky, a to platí pro video obsah stejně jako pro loga nebo webové stránky. Když každý prvek na obrazovce sleduje stejné barevné schéma, vaše videa vypadají pohromadě.
Paletu barev můžete použít na:
- Text a titulky
- Grafika na pozadí
- Prvky návrhu pohybu
Máte-li odlišné barevné schéma, lidé začnou rozpoznávat váš obsah pouze z vizuálů ještě předtím, než uvidí vaše jméno. Když tak učiní, znamená to, že jste úspěšně vybudovali silnou vizuální značku.
2. Podpora barevného třídění a vizuální nálady
Vaše paleta může také vést k rozhodování o třídění barev. Spíše než nastavování stínů, středních tónů a světel čistě hmatem, máte k dispozici konkrétní odkaz na barvu, což celý proces urychluje.
Ve Filmoře můžete začít pomocí funkce AI Color Palette. Dokáže vygenerovat barevný stupeň na základě referenčního obrázku, který vám poskytne pevný základ pro práci. Odtud pomocí barevných koleček Filmora HDR dolaďte stíny, střední tóny a světla, dokud nebudou v souladu s konkrétními hodnotami v paletě Adobe Color.
Bezpečné stahování
Část 4. Tipy pro vytváření lepších barevných palet v Adobe Color
Adobe Color pouze generuje paletu. Kvalita a rozhodnutí za ní stále závisí na vás. Tyto tipy vám pomohou získat z nástroje více.
1. Začněte s barvou, která se hodí k vašemu projektu
Nezačínejte tím, že se budete snažit vybrat pět barev najednou. Vyberte jednu barvu a nechte Adobe Color, aby kolem ní vytvořil zbytek. Může to být barva vaší značky nebo barva vytažená z vašeho předmětu. Pokud ještě nemáte na mysli konkrétní barvu, začněte tím, co chcete sdělit. Barvy mají význam a ten můžete použít jako výchozí bod.
2. Otestujte svou paletu v kontextu
Paleta, která na barevném kole vypadá skvěle, se ve skutečném designu nemusí vždy dobře promítnout. Nejlepší je vždy otestovat barvy proti skutečným prvkům, abyste viděli, jak se spolu skutečně chovají.
3. Před dokončením spusťte kontrolu usnadnění
Zabere to méně než minutu a může vás ušetřit od nutnosti později opakovat výběr barev. Nezapomeňte použít nástroj Contrast Checker v Adobe Color, abyste se ujistili, že je váš text čitelný, a nástroj Color Blind Safe k zachycení všech kombinací, které mohou být pro některé diváky obtížné rozlišit.
Závěr
Správné nastavení barev už nemusí trvat hodiny. Adobe Color vám vezme teoretickou část ze stolu, takže můžete strávit více času vlastním navrhováním. A pokud jste tvůrci videa, Filmora vám umožní snadno oživit tyto barvy ve vašich úpravách.
Tato příručka obsahuje vše, co potřebujete, abyste se dostali na zem. Vyzkoušejte Adobe Color, vyberte barvu, která se vám líbí, a začněte vytvářet lepší palety barev pro svůj projekt.
Nejčastější dotazy
-
1. Můžete exportovat palety Adobe Color do jiných návrhových nástrojů?
Ano. Pokud máte bezplatný účet Adobe, můžete palety ukládat přímo do svých knihoven Creative Cloud, díky čemuž jsou dostupné ve Photoshopu, Illustratoru a InDesignu. Pokud pracujete mimo ekosystém Adobe, můžete ručně zkopírovat hodnoty hex, RGB nebo LAB a přenést je do jakéhokoli nástroje, který používáte.
-
2. Kolik barev by měla mít dobrá barevná paleta?
Neexistuje žádné pevné pravidlo, ale většina palet funguje nejlépe se 3 až 5 barvami. Typické nastavení obsahuje jednu dominantní barvu, jednu nebo dvě podpůrné barvy a jeden akcent.
-
3. Můžete použít Adobe Color pro návrh webu?
Určitě ano. Adobe Color je zvláště užitečný pro webový design, protože ve výchozím nastavení pracuje v RGB a hexadecimálních hodnotách, což jsou standardní formáty pro web. Kontrola kontrastu je také užitečná, když se před dokončením návrhu potřebujete ujistit, že kombinace textu a pozadí splňují standardy přístupnosti WCAG.