Vytvorenie používateľského panela vo Photoshope. Vytvorenie používateľského panela vo Photoshope Ako vytvoriť vlastný používateľský panel

Pomocou tohto návodu si môžete ľahko vytvoriť svoj vlastný anime užívateľský panel v programe Adobe Photoshop. Lekcia ukáže dva spôsoby vytváranie užívateľských panelov.

1 spôsob

Vytvorte nový dokument (Ctrl + N) s veľkosťou 350 x 19 px (štandardná veľkosť pre používateľský panel).

Musíme vyplniť náš obrázok gradientom.

Pre gradient som zvolila čiernobielu. Môžete si však vybrať akékoľvek farby alebo dokonca jednu farbu.

V nastaveniach prechodu som nastavil výplň na kruh. Môžete uverejniť ten, ktorý sa vám páči.

Nebojte sa experimentovať.

Teraz vytvoríme polotovar na vyplnenie vo forme šikmých čiernych čiar. Za týmto účelom vytvorte nový dokument s parametrami 3x3 px, RGB, Transparent (Transparent).

Vyberte nástroj Ceruzka (ceruzka), čierna farba s veľkosťou 1 px.

Bodky dávame diagonálne ako na snímke obrazovky.

Kliknite na Upraviť >

Vyberte nástroj Vedro farby. V parametroch nastavíme Pattern (Pattern) a v roletke vyberieme textúru, ktorú sme robili. Vyplňte novú vrstvu.

Pridajte ľubovoľný obrázok bez pozadia.

Pridanie nápisu. V podstate je nápis napísaný fontom

Môžete však použiť akékoľvek písmo.

Teraz vytvoríme objemový efekt.

Vytvorme novú vrstvu. Nastavte farbu na bielu. Pomocou nástroja Elipsa (Kruh) vytvorte ovál rovnako veľký ako obrázok.

Prejdite na kartu Cesty (Cesty) a kliknite v spodnej lište nástrojov na prvé tlačidlo (čierny kruh). Potom presuňte pracovnú cestu do vedra.

Nastavte nepriehľadnosť vrstvy na 40%.

Ak chcete skomplikovať svoj používateľský panel, môžete pridať novú vrstvu a použiť rôzne štetce na vytvorenie kresby.

2 spôsobom

Druhý používateľský panel trochu zväčšíme.

Vytvorte nový dokument (Ctrl + N) s veľkosťou 350 x 40 px.

Vyberte ľubovoľný obrázok, ktorý sa vám páči, a presuňte ho do vytvoreného dokumentu.

Teraz vytvoríme polotovar na vyplnenie vo forme šikmých bielych čiar. Za týmto účelom vytvorte nový dokument s parametrami 5x5 px, RGB, Transparent (Transparent).

Naplňte prvú vrstvu čiernou farbou a vytvorte ďalšiu vrstvu. Vyberte nástroj Ceruzka (ceruzka), biela, veľkosť 1 px. Bodky dávame diagonálne ako na snímke obrazovky.

Odstráňte čiernu vrstvu a uložte.

Kliknite na Upraviť > Definovať vzor (Úpravy – Definovať vzor) a pomenujte našu textúru.

Vrátime sa k obrázku nášho budúceho používateľského panela a vytvoríme novú vrstvu.

Vyberte nástroj Vedro farby. V parametroch nastavíme Pattern (Pattern) a v roletke vyberieme textúru, ktorú sme robili. Vyplňte novú vrstvu. Nastavte parameter vrstvy Soft light (Soft light).

Čím sa budeme v tejto lekcii riadiť.

1. Veľkosť 350 x 19 pixelov.
2. Pozadie so šrafovaním pod uhlom 45°
3. Návštevník písma
4. Čierny okraj okolo celého obrázka používateľského panela má hrúbku 1 px. Dá sa vynechať, ale s čiernym obrysom užívateľský panel lepšie vynikne na pozadí príspevku na fóre.

1. Otvorte Adobe Photoshop. Vytvorte nový dokument s veľkosťou 350 x 19:

2. Vytvorenie rámu: vyplňte obrázok čiernou farbou (Upraviť --> Výplň --> Čierna) a potom vyberte nástroj Nástroj obdĺžnikového výberu. Vyberieme časť obrázka tak, aby okolo okrajov zostala nevybraná oblasť 1 pixel. Odstráňte vybranú oblasť. Po zrušení výberu (Ctrl + D) budeme mať po obvode používateľského panela čierny okraj.

3. Vytvorte novú vrstvu - pre pozadie (Layer - New - Layer alebo Shift-Ctrl-N) a umiestnite ju pod vrstvu rámu. Vyplňte ho správnou farbou

2a. Ak chcete vytvoriť čierny okraj, môžete to urobiť inak. Po vytvorení dokumentu (pozri krok 1) ho vyplňte požadovanou farbou. Potom na paneli Vrstvy kliknite pravým tlačidlom myši na našu vrstvu a vyberte položku Možnosti miešania. V zobrazenom paneli prejdite na kartu „Šrafovanie“ a postupujte podľa obrázka nižšie:

Dostaneme rovnaký výsledok ako po krokoch 2 a 3.

4. Môžete pridať vnútorný tieň. Prejdeme do rovnakého okna ako v odseku 2a a vyberieme položku Vnútorný tieň(Vnútorné tiene):

Nie je potrebné nastavovať rovnaké parametre ako v našom príklade, môžete experimentovať.

5. Robíme liahnutie. Za týmto účelom vytvoríme novú textúru. Robí sa to takto.

Vytvorme dokument 4x4 pixelov s priehľadným pozadím.

Zväčšíme výsledný dokument na maximum (1600%), aby sa s ním pohodlnejšie pracovalo. Vyberte nástroj Ceruzka ( Ceruzka) s veľkosťou 1px a nakreslite čiaru s farbou #91E780, ako je uvedené nižšie:

Teraz uložte výsledný výkres ako Vzor: Ponuka Upraviť --> Definovať vzor a pomenujte svoj vzor:

6. Vrátime sa na náš používateľský panel. Znovu otvorte Možnosti miešania(pozri odsek 2a), prejdite na kartu Prekrytie vzorom, v kroku vzor Vyberte textúru, ktorú sme práve vytvorili, a zmeňte nasledujúce parametre:

7. Pridávanie textu. Vyberte písmo Návštevník - je dobre čitateľné aj pri malej veľkosti (stiahnite si písmo). Biela farba. Po vytvorení nášho nápisu aplikujeme efekt na text Vonkajší tieň:

A pridajte vonkajší poklop (ťah) s hrúbkou 1 pixel:

výsledok:

8. K nášmu obrázku môžeme pridať sklenený efekt. Ak to chcete urobiť, vytvorte novú vrstvu (Vrstva - Nová - Vrstva alebo Shift-Ctrl-N) nad vrstvou pozadia, ale pod vrstvou titulkov. Pomocou nástroja vyberte hornú časť obrázka Nástroj Eliptical Marquee Tool a naplňte ho bielou pomocou nástroja Nástroj vedierka farby (G). Ďalej znížte priehľadnosť tejto vrstvy. (Nepriehľadnosť) až 30%:

Náš používateľský panel je pripravený.

Namiesto skleneného efektu môžete použiť inú techniku, ktorá sa často používa pri vytváraní užívateľských panelov - vyplňte pozadie gradientom namiesto jednotnej farby. Ak to chcete urobiť, vyberte na paneli s nástrojmi dve farby na vyplnenie pozadia:

Potom použijeme nástroj Výplň prechodom (nástroj na prechod). Klikneme na hornú časť nášho výkresu a bez uvoľnenia ľavého tlačidla myši nakreslíme čiaru do spodnej časti dokumentu (môžete naopak, potom pôjde gradient v opačnom smere).

Potom bude hotový používateľský panel vyzerať takto:

Môžete si stiahnuť zdroj PSD tohto používateľského panela, aby ste s ním sami experimentovali a naučili sa kresliť svoje vlastné používateľské panely. Nezabudnite, že obrázky môžete vkladať do používateľských panelov! Toto vám odporúčame urobiť sami. ;-)

Vytvorte nový dokument s rozmermi 8 x 8 pixelov a vyplňte ho nasledovne. Môžete si vziať ľubovoľné odtiene šedej, ale je potrebné dodržať poradie odtieňov.

Potom otvorte štýly vrstiev kliknutím na príslušnú ikonu v palete vrstiev. Vyberte položku
"Prekrytie vzorom" (Prekrytie vzorom), v ňom vyberieme vytvorený vzor a dáme mu nasledujúce nastavenia:

Všetko, pozadie je pripravené. Malo by to vyzerať asi takto:

Vyberte príslušné logo alebo obrázok a otvorte ho vo Photoshope. Vzal som si tento:

Urobíme režim zobrazenia "Windows" (režimy zobrazenia sa menia pomocou klávesu F) a myšou pretiahneme logo na dokument pomocou používateľskej lišty. Bola vytvorená nová vrstva a automaticky som ju pomenoval „Vrstva 3“. Na paneli Vrstvy skontrolujte, či je vrstva s logom aktívna, pomocou nástroja „Presunúť“ dajte logu požadovanú horizontálnu polohu. Ďalej zapnite režim prichytávania, ak nie je povolený (karta Zobraziť --> Ukotvenie alebo stlačte klávesy Shift + Ctrl +;) a podržte kláves Shift a posuňte logo nadol tak, aby sa horný okraj loga „prilepil“ “ na spodný okraj používateľského panela.

Poďme napísať nejaký text. Do používateľských panelov sa dobre hodí písmo Visitor, stiahnete si ho v článku Používateľské písmo Visitor s podporou ruských písmen. Ako nainštalovať písmo, pozrite si časť Práca s písmami a pridávanie písem v aplikácii Adobe Photoshop

Je dôležité si zapamätať, že pri použití písiem s hrúbkou 1-2 pixely je potrebné vypnúť akékoľvek vyhladzovanie v palete písiem.

Urobil som dva nápisy, "spracovanie obrazu" a "graphics-video.ru", každý nápis na samostatnej testovacej vrstve, nazval som tieto vrstvy "spracovanie obrazu" a "text:graphics-video.ru". Budú potrebné na animáciu textu, konkrétne na animáciu vzhľadu textu po písmenách.

Poďme k animácii.

Teraz hlavnou vecou nie je zamieňať si poradie akcií, inak dostanete krakozyaba. Ale v každom prípade, úžasný program Photoshop nám vždy umožňuje vrátiť späť jednu alebo viac nesprávnych akcií stlačením kombinácie kláves Shift + Alt + Z.

Otvorte panel animácií (záložka Okno --> Animácia). Ak sa panel neotvorí v režime po jednotlivých snímkach, kliknite na tlačidlo (2). Prvá snímka animácie bola vygenerovaná automaticky. Nastavte čas zobrazenia snímky na 0,1 sekundy kliknutím na trojuholník v pravom dolnom rohu ikony snímky.

Pamätáte si, že naše logo je v spodnej časti, mimo dohľadu? Tu je to neviditeľné.

Vytvorte druhú snímku (kliknite na tlačidlo (1) na paneli animácií). Podržte kláves Shift a ťahajte logo „Vrstva 3“ zvisle nahor, kým nezmizne zo zobrazenia, aby sa jeho spodný okraj prilepil k hornému okraju používateľského panela. Kliknite na tlačidlo (3), v okne, ktoré sa otvorí, vytvorte 10 medzirámcov.

Skontrolujeme, či všetky snímky majú čas zobrazenia 0,1 sekundy. Ak nie, potom môžete vybrať tie, ktoré potrebujete, podržaním Ctrl, kliknutím na trojuholník v pravom dolnom rohu ikony ľubovoľného rámca a zmeniť čas na paneli, ktorý sa otvorí. Zmení sa pre všetky vybrané snímky.
Kliknite na hrať a vychutnajte si výsledok.

Keď sme si užili pridelený čas, pristúpme k druhej časti tanca s logom. Kliknite na posledný rámček v palete animácií (uistite sa, že v poli používateľskej lišty nie je viditeľné žiadne logo), potom vytvorte nový rám. Kliknite na "Vrstva 3" na paneli Vrstvy, stlačte Ctrl+J. Tým sa klonuje „Vrstva 3“. Výsledkom je nová vrstva „Layer 3-copy“. Presuňte ho do zobrazenia, stlačte Ctrl+T a upravte veľkosť loga tak, aby sa zmestilo na používateľský panel:

Ide o grafický obrázok s rozmermi 350x19 pixelov. Používateľské lišty sa používajú na fórach, umiestňujú sa do podpisov a vyjadrujú náladu, postoj k niečomu, závislosti, záľuby atď. Pre každú náladu alebo príležitosť je potrebné vytvoriť užívateľskú lištu a umiestniť ju podľa potreby do podpisu.

Ako vytvoriť užívateľský panel?

Vytváranie používateľských panelov je jednoduchý proces. Používateľský panel si môžete vytvoriť online pomocou bezplatného grafického editora alebo tvorcu bannerov, alebo môžete použiť vlastného tvorcu používateľských panelov, ktorý sa veľmi ľahko používa a vytvára pekné obrázky pevnej veľkosti s vaším textom.

Ak chcete vytvoriť používateľský panel v aplikácii Userba, začnite nastavením pozadia výberom smeru a farby prechodu. Ďalej rozhodnite o ďalších efektoch, ktoré sa použijú na používateľskom paneli. Z rozbaľovacieho zoznamu vyberte šrafovanie pozadia (Zárez) a prekrytie vzorom (Efekt), aby ste vytvorili originálny efekt na obrázku, a nastavte umiestnenie zvýraznení (Odlesky), aby ste pridali trojrozmernosť a osobitosť používateľskej lište. Veľké množstvo šablón vám umožní stelesniť rôzne nápady.

Zostáva upraviť farbu rámčeka a textovú zložku používateľskej lišty. Zadajte písmo, veľkosť, farbu textu a napíšte samotný text. Na zobrazenie finálnej verzie stačí kliknúť na tlačidlo „Vytvoriť“ a vami vytvorený online používateľský panel sa zobrazí v okne náhľadu.

Služby na vytváranie a úpravu obrázkov, fotografií a inej grafiky:

A firemná identita, obálky a vizitky

Podobne ako v známom Photoshope

Zaujímavá služba pre tých, ktorí radi kreslia

Brashechka

Len v službe BannerFans