Hoe te om tot een Web 2.0 het Embleem van het Voer te maken

web20-voer-logo.png

Onlangs onderwees ik mijn lezers Hoe te om tot een Glanzend Web 2.0 Embleem te maken welke van waardeerde een partij door iedereen vriendelijk was. I zelf hield van het idee van het delen van mijn photoshop voor het eerst ooit ontwerpend vaardigheden met iedereen. Ik ben niet zeer goed bij het maken van en het schrijven van ontwerpleerprogramma's maar wanneer ik met creatief op de proppen kom iets houd van ik delend het met iedereen en hier ben een ander stuk van mijn creativiteit.

Maak tot een Boeiend Web 2.0 het Embleem van het Voer

Dit kleine leerprogramma is op een bepaalde manier verwant met Web 2.0 embleemleerprogramma maar heeft een verschillende en koelere output. De emblemen van het voer zijn zeer belangrijk voor uw blog aangezien zij instrumentaal blijken te zijn in het vangen van het oog van meer lezers en daarom het een goede kans is dat een boeiend Web 2.0 het embleem van het Voer u zal helpen de telling van voerabonnees op uw blog verhogen.

Hier beginnen wij met ons leerprogramma:

  1. Open een leeg document in Adobe Photoshop met een pixeldimensie van 400 x 200 met de standaardmontages en zorg ervoor u de voorgrondkleur aan #FC6F02 plaatst
  2. Pluk nu het „Hulpmiddel van de Rechthoek“ en maak een rechthoek van geschikte breedte en hoogte die zich horizontaal uitrekt. Klik op deze laag met de rechtermuisknop aan en noem het „intekenen“ door op de „Eigenschappen van de Laag te klikken“. Dan klik opnieuw op deze laag met de rechtermuisknop aan opnieuw en klik „Laag Rasterize“.
  3. Open de „het Mengen Opties“ voor deze laag en controleer dichtbij de doos „BuitenGloed“ waarbij het de volgende reeks eigenschappen wordt gegeven
  4. buiten-gloed-voer-logo.png
    Uw embleem zou onderhand moeten kijken iets in die aard
    voer-embleem-stadium-1.png

  5. Selecteer het „Hulpmiddel van de Tekst“ en schrijf de tekst „!“ nu intekent. Zorg ervoor de font-stijl „lidstaten Trebuchet“ is, is het font-gewicht „Regelmatig“, is de font-kleur #FFFFFF anti-aliasing is „Vlot“ en de font-grootte is vergelijkbaar of rond 30pt.
  6. Selecteer de „Subscribe“ laag en gebruikend hulpmiddel het van de „Vrije Transformatie“ pas de rechthoek aan dusdanig dat het de tekstachtergrond volledig behandelt. U krijgt deze output:
  7. voer-embleem-stadium-2.png

  8. Herhaal stappen 2-5 om een rechthoek betrekkelijk te maken in grootte kleiner aan wij en dit tijdgebruik hierboven de tekst „in een syndicaat organiseren“ en positie maakten zodanig dat het iets in die aard kijkt:
  9. voer-embleem-stadium-3.png

  10. Use the 'Free Transform Tool' to expand the 'Subscribe' and 'Syndicate' layers horizontally on the left side. Then select the 'Elliptical Marquee Tool' and stretch across the upper half curvature of the 'Subscribe Now' layer.
  11. feed-logo-stage-4.png

  12. Make a new layer above your other layers and name it ‘gloss’. Fill this layer with ‘White’ color using the ‘Paint Bucket Tool’ within the portion which we just selected using the Elliptical Marquee Tool. Set the opacity of this layer to 30%
  13. feed-logo-stage-5.png

  14. Take a good looking open source feed logo with a transparent background and position it as shown to make your final logo. I used this one
  15. feed-logo-stage-6.png
    Here is your final logo
    feed-logo-stage-7.png

I hope the tutorial was fun for most of you :) Please share your views

  • Easy, fast, and nice result. Good work DJ !
  • You're becoming design expert as well. aren't you? Good work!
  • Wow! great DJ, finally i learnt this. I always used to try gradient for the glass effect and never got it right !! Finally this made me aware that the thing was very easy !! After reading this i tried with different different colors, Red and green, but those doesnt look as glossy as the orange color, but still, I am happy to learn this . Thanks for this tutorial :D
  • WOW FLUSH!! great job ..great tutorial ill use it for my blog when its back up, great jobonce more i was sick of the old feed burner logo =(
  • Cool yaar. Gr8 and easy to understand tips 4 ppl. like me( less familiar with photoshop) thanks.
  • Another great tutorial buddy , keep up the good work .
  • Hey rocking tutorial dude, Can I use the one you made for my site?

    Anyways, these steps work in Paint.NET also easily! :D
  • Amazing. It looks so cool. I'm terrible at design, so these tips are great!
  • Fast and easy. Nicely done buddy.
  • Thanks a lot for the tutorial. I'm still a beginner at Photoshop. This is going to help me a lot!
  • Wow! Awesome :D
  • Thanks buddy. Good tutorial. I'm very poor in Photoshop. Maybe now I can try this. Ok let me try and create one for my domain blog.
  • Thanks to everyone of you who appreciated this tutorial.

    The image created is of course open-source and anyone can use it freely on his/her blog.

    I will be coming up with new and more interesting tutorials soon :)
  • Wow I love it :) More Photoshop Tutorial plz :)
  • Mike
    It is not cool at all. It is total baby stuff.

    I know you won't post my comment. but your tutorial sucks.
  • Mike Thanks a lot for your negative comment. I indeed decided to publish this comment even though you did not like the tutorial.

    Criticism is always welcome my friend.
blog comments powered by Disqus