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

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

Můžete s ním 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. Jeden, který můžete použít na webových stránkách a v aplikacích, ať už kolem vašeho avatara nebo v záhlaví vašeho blogu.





Krok 1: Nastavení souboru

Než zahájíme tento tutoriál, budete potřebovat znát základy nástroje Custom Shape Tool. Chcete -li to provést, podívejte se na náš článek s podrobnostmi jak používat nástroj Custom Shape Tool ve Photoshopu .





Poté otevřete dokument a nastavte dokument. Pro tento tutoriál řekněme, že rámeček obrázku, který vytváříte, je avatar sociálních médií. 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 x 1 000 pixelů, i když můžete být větší. Tyto rozměry budou sloužit jako vodítko pro váš rámeček obrázku.

Krok 2: Nastavte si nástroj pro vlastní tvar

Poté, co je váš soubor nastaven, vytvořte novou vrstvu v souboru Vrstvy panel --- sem bude směřovat váš rámeček.



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

V tuto chvíli mám aktuálně aktivní výchozí paletu barev. Nechci však tyto barvy použít na svém rámečku obrázku, takže je vypnu.





Chcete -li tyto barvy přepnout, přejděte do svého Vzorníky panel. V rozevírací nabídce klikněte na ikonu. Vyberte si předem připravenou paletu ze seznamu možností společnosti Adobe.

Můžete také načíst vlastní paletu barev, pokud jste ji již vytvořili. Pokud jste to ještě nevytvořili, podívejte se na náš vysvětlující návod jak vytvořit vlastní paletu barev ve Photoshopu .





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

přenášet soubory z jednoho disku Google na druhý

Poté přejděte ke svému Tvar v rozevírací nabídce a vyberte design, který bude pro váš obrázek nejvhodnější.

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

Přestože Adobe má spoustu předpřipravených rámců, jsou pro náš účel trochu příliš ozdobné. Tento kruh by měl stačit.

Krok 3: Nakreslete svůj tvar

Jakmile si vyberete tvar, vytvořte jej kliknutím a přetažením kurzoru přes stránku.

Pokud jste omylem vytáhli svůj obrázek ze stránky--jako já-, nebojte se. Můžete buď použít Nástroj pro výběr cesty nebo Přesunout nástroj pro vycentrování rámu. Je to zde zvýrazněno červeně.

Krok 4: Použijte styl vrstvy

Jakmile budete mít rám vycentrovaný, možná na něj budete chtít použít efekt, aby vypadal více „3D“.

Chcete -li to provést, přejděte do svého Vrstva panel a dvakrát klikněte na vrstvu, která obsahuje váš tvar. Vyskočí pole, které říká Styl vrstvy .

Pod Možnosti míchání , uvidíte Zkosení a reliéf . Kliknutím na tuto možnost ji aktivujete a ujistěte se, že je zaškrtávací políčko vedle jména vyplněno.

Jakmile je toto zatržítko aktivní, uvidíte, že váš fotorámeček získal větší 3D kvalitu.

Pod Struktura sekci, můžete si vybrat, jaký typ úkosu použijete na svůj tvar, hloubku úkosu, velikost a jak moc chcete změkčit jeho hrany.

Pod Stínování , budete moci změnit, jak vypadají vaše hlavní body. Můžete také změnit úhel dopadu světla na objekt a způsob, jakým světlo s objektem interaguje.

Jakmile budete mít všechna svá nastavení opravená ke své spokojenosti, klikněte na OK .

Krok 5: Rastrujte svou vrstvu

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

Představte si to jako zkratku pro úpravy.

Když vyberete svůj Nástroj kouzelná hůlka , ujistěte se, že je váš obrázek aktuálně nastaven na 16 bitů . Pokud tomu tak není, dostanete varování z 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 Nesloučit . Stále chcete tyto vrstvy oddělené.

Poté, co změníte hloubku obrázku, budete ještě muset svoji vrstvu „rastrovat“, abyste mohli používat kouzelnou hůlku. To znamená, že převádíte vektorovou grafiku na pixelovou.

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

Krok 6: Proveďte výběr

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

Když jsou vybrány tyto dvě oblasti, klikně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 se to zdát jako spletitý krok, ale existuje dobrý důvod pro výběr v tomto pořadí.

Pokud se pokusíte kliknout přímo na svůj 3D rámeček, Photoshop vybere pouze barvy s přesně stejnou hodnotou a odstínem-ne celé.

S Vyberte Inverzní Nyní máte čistý výběr rámečku.

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 Zvolte> Uložit výběr .

Dejte svému výběru smysluplný název a poté klikněte 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 do svého Vrstvy panel a vytvořte novou vrstvu v horní části vrstvy, která drží rámeček obrázku. Poté klikněte Vyberte> Načíst výběr .

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

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

windows 7 lepší než windows 10

Až budete mít barvu dole, budete chtít, aby spolupracovala s rámečkem obrázku pod ním.

Chcete -li to provést, klikněte na Režim prolnutí rozevírací nabídka ve vašem Vrstvy panel. Vyberte efekt.

Jak vidíte, tento efekt rozjasní můj rám a současně zachytí světlé a tmavé odstíny 3D úkosu pod ním.

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

Až budete hotovi s rámečkem obrázku, budete pravděpodobně chtít do něj umístit obrázek. K demonstraci této části jsem použil headshot sebe sama.

Chcete -li tento headshot vložit do svého rámečku, vyberte Přestěhovat se poté klikněte a přetáhněte svůj headshot na kartu souboru pro rámeček obrázku v horní části. Zvýraznil jsem záložku červeně.

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

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

Jakmile je tento headshot v nové vrstvě, přesuňte tuto vrstvu headshotu pod vrstvu 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 Upravit> Bezplatná transformace . Tažením kotevních bodů dovnitř jej zmenšíte.

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

Jakmile je vybrána oblast mimo rámeček, vraťte se zpět do vrstvy headshotu. Přejděte do nabídky v horní části obrazovky a klikněte na Upravit> Střih.

To rychle odstraní zbytek vašeho obrázku mimo rámeček a vytvoří tak efekt „obrazu“.

Krok 9: Uložte soubor na web

Nyní, když je vložen váš headshot a rámeček obrázku je hotový, můžete uložit.

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

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

Přizpůsobení online přítomnosti

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

Nezastavujte však své vzdělání ve Photoshopu. Doporučujeme se naučit jak vytvořit vlastní přechod pomocí Photoshopu další.

Podíl Podíl tweet E-mailem Zde je důvod, proč FBI vydala varování před ransomwarem Hive

FBI vydala varování před obzvláště ošklivým kmenem ransomwaru. Zde je důvod, proč si musíte dávat obzvlášť pozor na ransomware Hive.

jak poznám, kterou základní desku mám?
Číst dále Související témata
  • Tvořivý
  • Sdílení fotek
  • Adobe Photoshop
  • Design
  • Výukový program Photoshopu
O autorovi Shianne Edelmayer(136 publikovaných článků)

Shianne má bakalářský titul v oboru designu a vzdělání v podcastingu. Nyní pracuje jako hlavní spisovatelka a 2D ilustrátorka. Pokrývá kreativní technologie, zábavu a produktivitu pro MakeUseOf.

Více od Shianne Edelmayer

Přihlaste se k odběru našeho zpravodaje

Připojte se k našemu zpravodaji a získejte technické tipy, recenze, bezplatné elektronické knihy a exkluzivní nabídky!

Kliknutím sem se přihlásíte k odběru