Photoshopes je velmi univerzální nástroj, jedním z obecně používaných způsobů je generování obsahu, který později použijeme na webových stránkách, a proto je důležité znát některé technické podrobnosti o tomto obsahu, abychom mohli předat to, co vidíme v Photoshop CS6 nebo CC 217 do HTML.
Jedna z věcí, kterou vždy potřebujeme vědět, jsou barevné kódy, protože jelikož se jedná o digitální formáty, pouze pomocí hexadecimálního kódu můžeme v HTML reprodukovat přesnou barvu, kterou vidíme v našem projektu CS6 nebo CC2021-2022.
1. Jak poznat barevný kód pomocí Možnosti panelu ve Photoshopu
Jedním ze způsobů, jak můžeme získat přesnou barvu, je prostřednictvím informačního panelu, čehož je dosaženo jednoduchým přetažením kurzoru a jeho přejetím přes oblasti, které chceme identifikovat, nicméně máme malý problém, tento panel je nakonfigurován tak, aby ve výchozím nastavení zobrazit barvu ve formátu RGB a CMYK, takže musíme udělat malou konfiguraci, abychom získali informace, které opravdu potřebujeme
Krok 1
Chcete -li to provést, v informačním panelu klikneme na malou šipku, kterou vidíme v pravé horní části, tam uvidíme novou nabídku, ve které vybereme možnost: Možnosti panelu.
PoznámkaPokud chcete vidět toto okno, přejděte do nabídky Okno - Informace.
Krok 2
V něm můžeme vybrat barvu webu a RGB, abychom viděli ta barevná data nebo jiná, pokud potřebujeme další kódování.
Krok 3
To nám umožní vidět hexadecimální kód našeho projektu hned vedle jeho kódu RGB, čímž budeme mít odpovídající informace:
2. Jak poznat barevný kód pomocí Informačního okna ve Photoshopu
Ze stejného panelu, který jsme viděli v předchozím bodě, existuje rychlý způsob, jak změnit hodnoty, které zobrazuje pro barvu. Chcete -li to provést, stačí kliknout na ikonu kapátka a vybrat požadovaný kód.
3. Jak poznat kód barvy pomocí kapátka ve Photoshopu
Přestože je předchozí forma správná a funguje, je trochu obsáhlá, takže uvidíme, že za pár sekund ji stejně můžeme mít.
Krok 1
Na panelu nástrojů vybereme nástroj Kapátko a zvolíme požadovanou barvu.
Krok 2
Přejdeme na paletu barev a dvojitým kliknutím otevřete panel.
Krok 3
K výběru barvy se dostaneme také z okna Barva v pravém horním rohu dvojitým kliknutím na barvu.
Krok 3
Jak vidíme na tomto panelu pro výběr barev, níže máme v dolní části kód barvy HTML, který můžeme snadno zkopírovat a vložit.
Jak vidíme, máme tři různé způsoby získávání informací, přičemž poslední dva jsou nejpřímější, což nám dává trochu větší agilitu a rychlost při lokalizaci potřebných dat.
Tím tutoriál dokončíme, nyní jsme schopni získat hexadecimální kód barvy ve Photoshopu CS6 nebo CC2021-2022, a tak jej moci použít v našich webových projektech nebo je sdílet, aby je bylo možné začlenit.
