Lag en Shiny Badge Photoshop Tutorial

28 februar 2006 av Oli · 30 Kommentarer




Denne veiledningen vil vise deg hvordan du oppretter en skinnende skilt, slik som type for pengene tilbake garanti eller noe annet du ønsker å fremheve på nettstedet ditt.

Å starte, opprette et tomt lerret og deretter velge den formen du ønsker å bruke.
Vi bruker den klassiske segl formen for denne opplæringen, men denne teknikken vil fungere på hvilken som helst form du velger.

hvordan du oppretter en skinnende badge trinn 1

Deretter gir vi noen effekter til formen - høyreklikk på figurens laget og velg blending alternativer.
Vi vil gi form noen ytre glød:

hvordan du oppretter en skinnende badge trinn 2

Og en innvendig slag på 3 punkter:

hvordan du oppretter en skinnende badge trinn 3

Skiltet bør nå se slik ut:

hvordan du oppretter en skinnende badge trinn 4

Deretter oppretter et nytt lag over din form og ctrl + klikk på formen under lag, vil dette skape en markering rundt kanten av formen slik:

hvordan du oppretter en skinnende badge trinn 5.

Deretter velger rødt for din forgrunnsfarge og hvit for bakgrunnslaget og skape en gradient i valget slik:

hvordan du oppretter en skinnende badge trinn 6.

Nå, gå til å velge> endre> kontrakt> 4 piksler
Dette gjør utvalget mindre, nå går til å velge> inverse> trykk slett.
Din formen skal nå se slik ut:

hvordan du oppretter en skinnende badge trinn 7.

Nå kan du legge litt tekst over toppen, og du er ferdig!

Ferdig Badge:

skinnende badge photoshop tutorial

Du kan også laste ned psd for denne opplæringen.

Om Oli
Oliver Dale løper Kooc Media, et britisk-basert web-selskap som spesialiserer seg på Web Apps, Online Communities, Wordpress Tutorials & Wordpress Plugins .

Kommentarer

30 Responses to "Lag en Shiny Badge Photoshop Tutorial"
  1. Matthijs - sier:

    Takk for disse flotte tutorials. Disse vil være nyttig å utvikle mine photoshop ferdigheter litt. Fortsett med det gode arbeidet.

  2. Braveman - sier:

    Nice Tut, takk

  3. Ubbe - http://www.ubbedall.dk sier:

    Jeg elsker ditt nettsted layout, så enkelt, spesielt overskriften, men likevel gir et veldig fint inntrykk. Også en veldig god tutorial, ikke prøve den ut ennå som jeg allerede vet hvordan de skal, men det virker veldig bra og pent detaljerte, men måtte bare kommentere ur layout : D

    Vennlig hilsen
    Ubbe

  4. John Williams - http://www.johnwilliams713.com sier:

    Jeg ville ta opacity tilbake til ca 70-50% på skinne å gjøre det ser mer glassaktig

  5. Rachit - sier:

    bare Fabulous !!!!! ... .. jeg liker det

  6. Kost - http://reg.kost.ru/ sier:

    Takk, fin tutorial!

  7. Ujin - http://none sier:

    Hei alle, thatâ € ™ s flott arbeid!

    Guys kanskje noen kunne hjelpe meg. Jeg leter etter frilanser som finnes i WEB 2.0 design!
    Hvis noen kan gjøre utformingen av full nettside i Web 2.0-stil kan du kontakte meg via erqDOGYlist.ru.

    Takk på forhånd.

  8. Pete White - http://imafish.co.uk/blog sier:

    Nice opplæringen vil gi det en sjanse!

  9. Jeff Adams - http://www.pubpublicity.com sier:

    wow - dette var virkelig inspirerende. Jeg har laget en haug med PNG-filer av forskjellige farger! takk!

  10. jason - http://www.sceneparty.com sier:

    fantastisk tutorial, iv bare gjort på og det ser stor takk!

  11. Svart Tiger - http://www.resimsite.com sier:

    Takk, fin tutorial!

  12. Sveits - http://www.swissworld.org sier:

    Fabulous spissen. Thanx for denne flotte artikkelen.

  13. Awais - sier:

    hei Ujin, hvis u fortsatt leter etter en webdesigner for freelance arbeid plz mail me [email beskyttet]

  14. Tom - http://www.yaway.de sier:

    Flott tutorial! Takk for deling av kunnskap.

Tutorial Blog