Hur Web 2.0-logotyper ritas (Photoshop)

Någonsin undrar hur dessa killar ritar sina Web 2.0-logotyper? Ibland är det trevligt att lära av andra, bygga upp de grundläggande färdigheterna och starta din egen kreativitet därifrån. I den här Photoshop-handledningen kommer jag att avslöja några av de fina Web 2.0-logotyperna, hur du kan rita deras logotyp exakt samma (ja, inte riktigt 100% men) med Photoshop.

1. Ladda ner och installera stilfil

Först av allt måste du ladda ner en stil jag har skapat och laddad den i Photoshop.

1. Ladda ner Photoshop stil här. (Högerklicka -> Spara som)
2. För Photoshop CS2-användare lägger du in denna stilfil “C: \ Program \ Adobe \ Adobe Photoshop CS2 \ Presets \ Styles” Photoshop av andra versioner, lägg in filen inuti Presets \ Styles

2. Ladda stil

Ring upp din stildialogrutan i Photoshop

1. Windows -> Styles
2. Lägg märke till en liten pilknapp längst upp till höger. Klicka på den och välj Ladda stilar från rullgardinsmenyn
3. Hitta web20 från listan och klicka Ladda. Om du inte hittar web20, försök stänga Photoshop, öppna den upprepa steg 1.
4. Klicka på pilknappen igen och välj Stor lista från drop down

Ditt resultat ska se något liknande bilden nedan.

3. De sex Web 2.0-logotyperna

Här är sex Web 2.0-logotyper; MyBlogLog, Imified, mixd, skype, Linked In och Go2Web20. Stilen du just har installerat kommer att avslöja hur man ritar dem. Jag ska gå igenom “mixd” och “Go2Web20” logotyper, resten använder bara samma teknik.

4. Hur man ritar

Anledningen till att jag använder Style här är att när de sparas i en. ASL-fil (filen du laddar ner) är de praktiska att tillämpa. Låt oss gå över att dra några av dessa logotyper.

Teckning mixd Logo

Initial observation, mixd logotyp består av

1. “mixd” text
2. rundad rektangulär
3. liten punkt
4. mindre prick

Vi ritar ungefär dem i Photoshop, varje element i ett annat lager, som illustreras i bilden nedan.

Nu är här tricket. Leta efter “mixd-etikett” i Style Dialog. Dra dem direkt till bakgrundslagret, litet punktlager och mindre punktlager. Om du drar dem ordentligt märker du att skiktet nu kommer att ärva färgerna och blandningen av stilen. Hitta “mixd-font” i Style Dialog, dra det till textlagret och din mixdlogotyp är komplett, 90% som det ursprungliga jag säger.

Ritning Go2Web20 Logo

Har 4 nya lager skapat, var och en för “GÅ“, “2“, “WEBB” och “2,0“

Drag “go2web20-lila” från Style Dialog till “GÅ” & “WEBB”, drag “go2web20-grön” in i “2” & “2,0” och du får den här slutliga utmatningen.

När det gäller resten (MyBlogLog, imified, skype och Linked In) handlar det om att dra in respektive stil och matcha med rätt teckensnitt.

5. Sammanfattning

Om du tittar på Blandningsalternativ av varje stil kommer du att märka att de flesta Web 2.0-logotyper är viktiga att spela med gradienter, stroke med kombinationen av rätt typsnitt. Detta kanske inte “exakt” sätt hur dessa killar hade gjort sin logotyp, men det är åtminstone ett sätt att uppnå det. Jag uppmuntrar dig inte att förfalska sin stil och skriva om din logotyp, men försök förstå det och förhoppningsvis kan du komma ut med en snygg slät web 2.0-logotyp. Jag älskar att sätta mina mönster i stil (.asl), jag kan återanvända dem närhelst jag vill.