Hoe Maak Je Een Geanimeerde Gebruikersbalk

Inhoudsopgave:

Hoe Maak Je Een Geanimeerde Gebruikersbalk
Hoe Maak Je Een Geanimeerde Gebruikersbalk

Video: Hoe Maak Je Een Geanimeerde Gebruikersbalk

Video: Hoe Maak Je Een Geanimeerde Gebruikersbalk
Video: Animatie stokken (wiskunde B-dag 2015) 2024, December
Anonim

Een gebruikersbalk is een grafische afbeelding die in forumhandtekeningen wordt geplaatst om het lidmaatschap van verschillende interesses, overtuigingen of groepen te identificeren. Zo'n afbeelding kan worden gemaakt met behulp van animatie.

Hoe maak je een geanimeerde gebruikersbalk
Hoe maak je een geanimeerde gebruikersbalk

instructies:

Stap 1

Photoshop starten. Maak een nieuw object van de vereiste grootte door op "Bestand" en "Nieuw" te klikken als u de Russische versie gebruikt, of op "Bestand" en vervolgens op "Nieuw" als u een Engelse versie van het programma heeft. Vul het document met zwart door op Bewerken, Vullen en Zwart te klikken.

Stap 2

Klik op het "Rechthoekig selectiekader" en maak een selectie zodat er bij alle randen een niet-geselecteerd gebied is met een dikte van één pixel. Verwijder de selectie door op "Verwijderen" op uw toetsenbord te drukken. Deselecteer de selectie door op Ctrl + D te drukken. Maak een nieuwe laag door op het tabblad "Laag", "Nieuw", "Laag" ("Laag", "Nieuw", "Laag") te klikken. Plaats in het lagenpaneel een nieuw object onder de framelaag. Maak de verplaatste laag actief en vul deze met grijs door op Bewerken, Vullen, 50% Grijs te klikken.

Stap 3

Maak een nieuwe laag, verplaats deze in het objectenpaneel boven de grijze opvullaag. Vul de gemaakte laag met elke gewenste kleur. Klik met de rechtermuisknop op het object en ga naar het menu "Blending Options". Klik in het geopende venster op het item "Gradient Overlay" en stel de waarden in: "Mode" - "Hard color" ("Blend mode" - "Hard Light"), "Transparency" - "45%" ("Dekking") "-" 45% ")," Verloop "-" Metaal "-" Stalen staaf "(" Verloop "-" Metalen "-" Stalen staaf "). Klik OK.

Stap 4

Maak een nieuwe laag en plaats deze na de framelaag. Vul het met elke kleur. Ga naar de "Blending Options" en stel in het item "Inner Glow" de parameters in: "Mode" - "Linear light" ("Blend mode" - "Linear Dodge"), "Dekking "-" 100% "(" Dekking "-" 100% ")," Kleur "-" Wit "(" Kleur "-" Wit ")," Maat "-" 4 "(" Maat "-" 4 ") …

Stap 5

Maak een nieuw object van 1 bij 2 px. Selecteer "Borstel" ("Potloodgereedschap"). Reset de kleuren door op de "D"-TOETS te drukken. Plaats een punt op de bovenste pixel van het document, klik op "Bewerken" - "Patroon definiëren" - "Ok" ("Bewerken" - "Patroon definiëren" - "Ok"). Sluit het bestand zonder het op te slaan en ga met de gebruikersbalk naar het document.

Stap 6

Maak een nieuwe laag, plaats deze boven alle lagen behalve het object met een frame. Vul een nieuwe laag met de gemaakte textuur. Klik hiervoor op "Bewerken" - "Vullen". Klik op de knop "Patroon". Selecteer je textuur: het zou de laatste in de lijst moeten zijn ("Bewerken" - "Vullen", "Gebruik" - "Patroon", "Aangepast patroon" - klik erop).

Stap 7

Selecteer het gereedschap Horizontale tekst. Schrijf de gewenste inscriptie van de juiste grootte, met behulp van het lettertype uit de lijst met beschikbare.

Stap 8

Verbind de onderste drie lagen. Klik hiervoor in het lagenpaneel op het oogpictogram naast de lagen die niet kunnen worden samengevoegd, waardoor ze onzichtbaar worden. Selecteer "Laag" - "Samenvoegen" ("Laag" - "Zichtbaar samenvoegen").

Stap 9

Maak een nieuwe laag, deze moet boven de onderste worden geplaatst. Maak animatie op deze laag. Om dit te doen, dupliceert u de laag door op "Laag" - "Dupliceren" ("Laag" - "Laag dupliceren") te klikken. Ga op het duplicaat naar de "Blending Options" en stel de waarden in: "Mode" - "Lighten" ("Blend mode" - "Lighten"). Open het animatievenster door Venster> Animatie te kiezen. Maak het vereiste aantal duplicaten van het frame, stel de laagzichtbaarheid en de vereiste tijd in.

Stap 10

Sla de resulterende gebruikersbalk op door op "Bestand" - "Opslaan voor web" te klikken.

Aanbevolen: