Jak vytvořit online fotorámeček pomocí Photoshopu

reklama

Můžete dělat tolik skvělých věcí Adobe Photoshop je těžké vědět, kde začít. V tomto článku vám ukážeme, jak vytvořit online fotorámeček pomocí Photoshopu. Ten, který můžete použít napříč weby a aplikacemi, ať už obklopují váš avatar nebo v záhlaví vašeho blogu.

Krok 1: Nastavte svůj soubor

Než začneme tento tutoriál, musíte znát základy nástroje Custom Shape Tool. Chcete-li tak učinit, podívejte se na podrobný článek jak používat nástroj Custom Shape Tool ve Photoshopu Jak používat nástroj vlastního tvaru v aplikaci Adobe PhotoshopNáš podrobný průvodce používáním nástroje Custom Shape Tool v Adobe Photoshopu, všestranného nástroje, který je často přehlížen. Přečtěte si více .

Poté otevřete aplikaci Photoshop a nastavte dokument. V tomto tutoriálu řekněme, že vytvářený rámeček obrázku je avatar na sociálních médiích. Avatary mají obvykle stejné rozměry na všech stranách, bez ohledu na to, zda mají kruhový nebo čtvercový tvar.

S ohledem na to nastavte velikost dokumentu alespoň na 1 000 × 1 000 pixelů, i když můžete zvětšit. Tyto rozměry budou sloužit jako vodítko pro váš rámeček obrázku.

Krok 2: Nastavení vlastního nástroje pro tvarování

Po nastavení souboru vytvořte novou vrstvu Vrstvy panel - to je místo, kam váš rám půjde.

Dále se ujistěte, že vaše Nástroj pro vlastní tvar je aktivní. Poté zkontrolujte barvy vlastního tvaru v Vyplnit a Mrtvice sekce.

V současné době mám aktivní výchozí paletu barev. Nechci však používat tyto barvy na rámečku obrázku, takže je vypnu.

Chcete-li tyto barvy přepnout, přejděte na Vzorník panel. Klikněte na ikonu rozbalovací nabídky. Ze seznamu možností společnosti Adobe vyberte předem vytvořenou paletu.

Můžete také načíst vlastní paletu barev, pokud jste ji již vytvořili. Pokud jste tak ještě neučinili, podívejte se na náš tutoriál s vysvětlením jak vytvořit vlastní paletu barev ve Photoshopu.

Nyní, když je nová paleta načtena, vraťte se do své Vyplnit a Mrtvice možnosti pro váš vlastní tvarový nástroj. Vyberte barvy, které chcete použít.

Poté přejděte ke svému Tvar rozbalovací nabídka a vyberte design, který bude nejlépe vyhovovat vašemu obrázku.

V tomto tutoriálu přejděte dolů, dokud nenajdete dutý kruh a čtvercové tvary. Vyberte dutý kruh, který chcete použít jako rámeček obrázku, zobrazený červeně.

I když Adobe má mnoho předpřipravených rámečků, jsou pro náš účel příliš fantastické. Tento kruh by měl udělat trik.

Krok 3: Nakreslete svůj tvar

Poté, co jste vybrali tvar, klikněte a přetáhněte kurzor po stránce a vytvořte jej.

Pokud jste náhodou stáhli obrázek ze stránky - jako já - nebojte se. Můžete použít buď Nástroj pro výběr cesty nebo Přesunout nástroj vycentrovat rám. Je zde zvýrazněna červeně.

Krok 4: Použití stylu vrstvy

Jakmile bude váš rám vystředěn, možná budete chtít na něj aplikovat efekt, aby vypadal více „3D“.

Chcete-li to provést, jděte na Vrstva a poklepejte na vrstvu, která obsahuje váš tvar. Objeví se okno, které říká Styl vrstvy.

Pod Možnosti prolnutí, uvidíte Úkos a reliéf. Klepnutím na tuto možnost ji aktivujete a ujistěte se, že je zaškrtnuto políčko vedle názvu.

Jakmile je tato zaškrtávací značka aktivní, uvidíte, že váš fotorámeček získal 3D kvalitu.

Pod Struktura V této části si můžete vybrat, jaký typ zkosení se použije pro váš tvar, hloubku zkosení, velikost a kolik chcete jeho okraje změkčit.

Pod Stínování, budete moci změnit vzhled svých zvýraznění. Můžete změnit úhel dopadu světla na objekt a také to, jak světlo interaguje s objektem.

Až budou všechna vaše nastavení opravena k vaší spokojenosti, klikněte na OK.

Krok 5: Obnovte svou vrstvu

Po dokončení zkosení budete chtít vybrat rámeček a vytvořit „výběr rámečku“. To vám umožní vyvolat „tvar“ později a snadno použít barevnou výplň ve tvaru tohoto výběru - pouze v jiné vrstvě.

Přemýšlejte o tom jako o zkratce k úpravám.

Když vyberete svůj Nástroj Magic Wand, ujistěte se, že je váš obrázek aktuálně nastaven 16 bitů. Pokud tomu tak není, dostanete upozornění od Photoshopu.

Pokud tomu tak není, klikněte na Obrázek> Režim> 16 bitů. Protože pracujete v různých vrstvách, Photoshop se vás zeptá, zda chcete tyto vrstvy sloučit, když zmenšíte hloubku dokumentu.

Klikněte na Nespojujte se. Stále si přejete tyto vrstvy oddělit.

Po změně hloubky obrázku budete muset vrstvu „rastrovat“, abyste mohli používat kouzelnou hůlku. To znamená, že převádíte vektorovou grafiku na grafiku založenou na pixelech.

Chcete-li vrstvu rastrovat, klepněte pravým tlačítkem myši na vrstvu, která obsahuje váš fotorámeček, a vyberte Obnovte styl vrstvy.

Krok 6: Proveďte výběr

Dále se vraťte ke svému Nástroj Magic Wand a vyberte prázdné místo uvnitř a vně rámečku obrázku.

Když jsou tyto dvě oblasti vybrány, klepněte pravým tlačítkem na prázdné místo a vyberte Vyberte Inverzní. Photoshop místo toho vybere tvar vašeho rámečku.

Může to vypadat jako spletitý krok, ale existuje dobrý důvod k výběru v tomto pořadí.

Pokud se pokusíte kliknout přímo na svůj 3D snímek, Photoshop vybere pouze barvy se stejnou hodnotou a odstínem - ne celá věc.

S Vyberte Inverzní, nyní máte čistý výběr rámu.

Chcete-li tento výběr uložit pro další použití, přejděte na panel nabídek v horní části pracovního prostoru. Klikněte na Zvolte> Uložit výběr.

Zadejte svému výběru smysluplné jméno a klikněte na OK.

Krok 7: Upravte barvu

Nyní, když jste vytvořili svůj online fotorámeček, možná budete chtít upravit jeho barvu.

Chcete-li upravit barvu, přejděte na Vrstvy panel a vytvořte novou vrstvu v horní části vrstvy, která obsahuje rámeček obrázku. Poté klikněte na Vyberte> Načíst výběr.

Z Kanál rozevírací seznam, vyberte výběr, který jste provedli z rámečku obrázku.

Jakmile je výběr aktivní, přejděte k vašemu Plechovka barvy nebo Spád nástroj, a použít určitou barvu na tuto vrstvu. Zůstane v mezích tohoto výběru.

Až barvu snížíte, budete chtít, aby interagovala s rámečkem obrázku pod ní.

Klikněte na ikonu Režim prolnutí rozbalovací nabídka ve vašem Vrstvy panel. Vyberte efekt.

Jak vidíte, tento efekt rozjasní můj rám a zároveň zachytí světlé a tmavé odstíny 3D zkosení pod nimi.

Krok 8: Přidejte svůj obrázek

Až skončíte s rámečkem na obrázek, pravděpodobně budete chtít do něj vložit obrázek. Pro demonstraci této části jsem použil headshot sebe sama.

Chcete-li tento snímek vložit do rámečku, vyberte ikonu Přestěhovat se klikněte na a přetáhněte váš headshot na kartu souboru pro rámeček obrázku podél vrcholu. Tuto kartu jsem zvýraznil červeně.

Jakmile přetáhnete headshot na kartu, Photoshop přinese headshot do pracovního prostoru vašeho rámečku obrázku.

Uvolněte soubor. Photoshop automaticky umístí headshot do nové vrstvy ve vaší Vrstvy panel.

Jakmile je tento headshot v nové vrstvě, přesuňte tuto vrstvu headshot pod vrstvu vašeho rámečku obrázku. Rám musí být viditelný nahoře.

V případě potřeby upravte headshot tak, aby lépe odpovídal vašemu rámu Úpravy> Zdarma transformace. Přetáhněte kotevní body dovnitř a zmenšete je.

Dále přejděte do vrstvy rámečku obrázku. Aktivujte svůj Kouzelná hůlka nástroj, poté vyberte místo kolem vnějšího rámečku.

Jakmile je vybrána oblast mimo váš rámeček, přejděte zpět k vaší hlavové vrstvě. Přejděte do nabídky v horní části obrazovky a klikněte na Upravit> Střih.

Tím se rychle odstraní zbytek obrázku mimo rámeček a vytvoří se „efekt podobný obrázku“.

Krok 9: Uložte soubor na web

Nyní, když je vložen váš headshot a rámeček obrázku je hotový, jste připraveni uložit.

Před uložením se ujistěte, že je vrstva pozadí v souboru vypnutá. Váš rámeček obrázku je kulatý a kolem něj bude určitá průhlednost. Pokud tuto vrstvu pozadí ponecháte zapnutou, nebude tato průhlednost ovlivněna.

Po vypnutí pozadí přejděte na Soubor> Export> Uložit na web (starší). Uložte soubor jako PNG. A tady to máte. Jsi hotový.

Přizpůsobení vaší online přítomnosti

Nyní, když víte, jak vytvořit digitální fotorámeček, můžete jej použít k přizpůsobení vaší online přítomnosti, čímž získáte konzistentní pohled na různé weby a aplikace.

Nezastavujte však tam své vzdělávání ve Photoshopu. Doporučujeme se učit jak vytvořit vlastní přechod pomocí Photoshopu Jak vytvořit vlastní přechod pomocí Photoshopu CCV tomto článku vás provedeme čtyřmi jednoduchými kroky, jak vytvořit vlastní přechod pomocí Photoshopu CC. Přečtěte si více další.