Hoe Web 2.0-logo's worden getekend (Photoshop)

Ooit afgevraagd hoe deze mannen hun Web 2.0-logo's tekenen? Soms is het leuk om van anderen te leren, de basisvaardigheden op te bouwen en van daaruit je eigen creativiteit te beginnen. In deze Photoshop-zelfstudie laat ik je enkele van de leuke Web 2.0-logo's zien, hoe je hun logo precies hetzelfde kunt tekenen (wel, niet echt 100%) met Photoshop.

1. Stijlbestand downloaden en installeren

Allereerst moet je een stijl downloaden die ik heb gemaakt en deze in Photoshop laden.

1. Download Photoshop-stijl hier. (Klik met de rechtermuisknop -> Opslaan als)
2. Voor gebruikers van Photoshop CS2 plaatst u dit stijlbestand in “C: \ Program Files \ Adobe \ Adobe Photoshop CS2 \ Presets \ Styles” Photoshop van andere versies, plaats het bestand erin Presets \ Styles

2. Laad stijl

Roep uw Stijldialoogvenster op in Photoshop

1. ramen -> stijlen
2. Let op een kleine pijlknop in de rechterbovenhoek. Klik erop en selecteer Laad stijlen uit de vervolgkeuzelijst
3. Vind web20 uit de lijst en klik Laden. Als je geen web20 vindt, probeer dan Photoshop te sluiten, open het opnieuw en herhaal Stap 1.
4. Klik nogmaals op de pijlknop en selecteer Grote lijst van drop-down

Uw resultaat moet er ongeveer zo uitzien als de afbeelding hieronder.

3. De zes Web 2.0-logo's

Hier is zes Web 2.0-logo; MyBlogLog, Imified, mixd, skype, Linked In en Go2Web20. De stijl die je net hebt geïnstalleerd, zal onthullen hoe je ze kunt tekenen. Ik zal er doorheen gaan “mixd” en “Go2Web20” logo's, de rest gebruikt slechts dezelfde techniek.

4. Hoe te tekenen

De reden dat ik Stijl hier gebruik, is omdat ze, eenmaal ze zijn opgeslagen in een .asl-bestand (het bestand dat je hebt gedownload), gemakkelijk kunnen worden toegepast. Laten we een paar van deze logo's tekenen.

Tekeningmixd Logo

Eerste observatie, mixd-logo bestaat uit

1. “mixd” tekst
2. afgerond rechthoekig
3. kleine punt
4. kleinere punt

We zullen ze grofweg tekenen in Photoshop, elk element in een andere laag zoals geïllustreerd in de afbeelding hieronder.

Dit is de truc. Zoeken “mixd-label” in de Stijl Dialoog. Sleep ze rechtstreeks naar achtergrondlaag, kleine puntlaag en kleinere puntlaag. Als u ze correct sleept, ziet u dat de laag nu de kleuren en overvloeiing van de stijl overneemt. Vind “mixd-font” in Stijl Dialoog, sleep het naar de tekstlaag en je mixd-logo is compleet, 90% zoals het origineel dat ik zal zeggen.

Go2Web20-logo tekenen

Zorg dat er 4 nieuwe lagen zijn gemaakt, elk voor “GAAN“, “2“, “WEB” en “2.0“

Slepen “go2web20-paars” van Stijl Dialoog naar “GAAN” & “WEB”, slepen “go2web20-green” in “2” & “2.0” en je krijgt deze laatste uitvoer.

Wat de rest betreft (MyBlogLog, imified, skype en Linked In), het gaat allemaal om het slepen van hun respectieve stijl en matchen met het juiste lettertype.

5. Conclusie

Als je kijkt naar de Meng opties van elke stijl, zult u hebben gemerkt dat de meeste Web 2.0-logo's spelen met verlopen, lijnen met de combinatie van de juiste lettertypen. Dit is misschien niet het “exact” hoe deze jongens hun logo hadden gemaakt, maar het is op zijn minst een manier om dit te bereiken. Ik moedig je niet aan om hun stijl te vervalsen en je logo opnieuw te tekenen, maar probeer het te begrijpen en hopelijk kun je een mooi gestroomlijnd Web 2.0-logo gebruiken. Ik houd ervan mijn ontwerpen in Style (.asl) te plaatsen, ik kan ze elke keer opnieuw gebruiken.