vb.org Archive - Designing a Professional Web 2.0 Logo [Photoshop]

Quote:

Originally Posted by Alex LD (Post 1633592)

Hello vBulletin.org!

I am Alex the Founder and Administrator At TransverseGFX.com

I Decided to share my tutorial with you guys. This tutorial will show you 2 basic things that are key in web design and development. Those 2 elements are, Opacity/Fill. Opacity can be many things in this tutorial we will use it to represent the reflection in this tutorial. And the 2nd thing you will be looking at is the style. Style is key to standing out and being noticed. It is not recommend you copy this tutorial EXACTLY! feel free to tweak around and add your own effects and tricks. I am just demonstrating a few basics. I hope once you'r finished you can start making your own logos and banners for your own vBulletin!

I hope you guys like the tutorial.

Start of by making a New Document>File New>

1.) Type the words you'd like to make glossy and web2.0 like, With the font "Tahoma" Selected with a 48 PT as the font size.
>>>Feel free to make words bolder or bigger with different colors at your own desire.

https://vborg.vbsupport.ru/external/2011/09/23.jpg

2.(optional) Go to Layer>Layer Style>Gradient Overlay and make something so that the top color of the font is lighter then the bottom or you can just leave it.

3.) Select the Text layer you want to be reflective then go to Layer>Duplicate layer. You will now have 2 of the exact same text layers overlapping each other. With the Move tool Drop it just under the original text.

https://vborg.vbsupport.ru/external/2011/09/24.jpg

4.) Select the layer on the bottom. Go to Edit>Transform Flip Vertically.
https://vborg.vbsupport.ru/external/2011/09/25.jpg

5.) On the text layer. Change the "Opacity" And the "Fill" to 45% for both! If you feel this isn't strong enough or it is to strong then you can either lower the number for a lighter effect or raise the number for more boldness.

https://vborg.vbsupport.ru/external/2011/09/26.jpg

6.) To add a cool little effect select the line tool and make it be a 3 PT Line, Select a 3 PT soft brush. Then make something similar to this. With the pen tool. Click Create new layer for this layer will be the layer of this pen tool.

https://vborg.vbsupport.ru/external/2011/09/27.jpg
Right click and go to "Stroke Path" With "simulate" Pressure on. You will get something similar to this
https://vborg.vbsupport.ru/external/2011/09/28.jpg

This is great!

I have an issue trying to get a person or an object out of the crowd. How can I do that?

Thanks.

Vic

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01121 seconds Memory Usage 1,729KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)pagenav (1)pagenav_curpage (2)pagenav_pagelink (1)post_thanks_navbar_search (1)printthread (3)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start pagenav_page pagenav_complete bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: