Startpagina » Photoshop » Photoshop zelfstudie Web 2.0-badge die terugslaat

    Photoshop zelfstudie Web 2.0-badge die terugslaat

    Als je denkt dat de zegelvormige Web 2.0-badges te veel worden gebruikt op internet, is hier iets bij voor de verandering - de afgerond flip-back embleem. Het is niet zo breed aangepast als het embleem van de zegelvorm, maar absoluut cool. Volledige tutorial na de sprong.

    Stap 1

    Ga naar Photoshop, maak een nieuw document ter grootte van 450 x 300 pixels. Begin met een donkere achtergrond (# 393939). Maak een nieuwe laag, teken in het midden een cirkel (# a1b86e).

    Stap 2

    Selecteer de cirkellaag, klik met de rechtermuisknop -> Overvloeimogelijkheden of dubbelklik om het te starten Laagstijlen.

    1. In Innerlijke schaduw, reeks Dekking tot 32%, Afstand tot 0px; Stikken naar 0% en Grootte tot 62px;
    2. In Stroke, Change Type vulling naar verloop, en voeg de volgende kleur in:
      • # a4c855 op locatie 0%
      • # ccea89 op locatie 100%

    Stap 3

    Maak een nieuwe laag bovenop de cirkellaag. Houd de Command / Control-toets ingedrukt, selecteer beide lagen (degene die je hebt gemaakt en de cirkellaag), klik met de rechtermuisknop -> Lagen samenvoegen.

    Stap 4

    Selecteer de Veelhoekige lasso-tool. Selecteer een klein stukje van de rand, knip het uit (Bewerken -> knippen of Command / Control X) en plak het terug (Bewerken -> Plakken of Command / Control V) in een nieuwe laag.

    Stap 5

    Selecteer de Rechthoekig selectiekader. Op het kleinere stuk cirkel, klik met de rechtermuisknop -> Vrije transformatie of Command / Control T. Draaien en plaats het gewoon mooi aan de rand van het grotere stuk cirkel.

    Stap 6

    Selecteer de kleinere cirkellaag, klik met de rechtermuisknop -> Overvloeimogelijkheden of dubbelklik om het te starten Laagstijlen.

    1. In Slagschaduw, reeks Dekking tot 21%, Afstand tot 0px, Verspreid tot 0%, Grootte tot 8px;
    2. In Overlay met kleurovergang, reeks Mengmodus naar Hard licht, Dekking tot 100%. Voeg de volgende verloopinstellingen in:
      • # 000000 op locatie 0%
      • #FFFFFF op locatie 100%

      Verander de Hoek tot 131.

    Stap 7

    Laten we het grotere stuk cirkel wat schaduw geven. Klik met de rechtermuisknop -> Overvloeimogelijkheden of dubbelklik om het te starten Laagstijlen.

      1. In Slagschaduw, reeks Dekking tot 29%, Afstand op 3px; Verspreiden tegen 0%, Grootte bij 9px.

    Stap 8

    Je badge is bijna klaar. Voeg een tekstlaag in tussen de cirkellagen. Verberg een klein stukje van de tekst onder de klep om het flip-effect naar voren te brengen.