|
Somebody asked me what is Web 2.0 Design, and how to design it. You can read about the web 2.0 design at wikipedia.  Requirements: Adobe Photoshop – any version can do 1. File > New (width: 300px and height: 300px). And choose a black background. 2. Draw an object. You can use the Custom Shape Tool and choose a shape you want to use. I used star. 3. Already drawn a shape? Go to tool bar and use the Elliptical Marquee Tool. 4. Select approximately half part of the star. Refer to the second illustration below. 5. Now go to tool bar and use Gradient Tool. and apply the following here. 6. Go to layers palette and add a new layer. Then apply gradient. Please refer on the third illustration below. 7. On layers palette again while the gradient layer selected, hold the Ctrl key on the keyboard and click the layer’s thumbnail of star or the object you used. Refer to the 4th illustration below. 8. While the star is selected on your workspace and on your layers palette the gradient layer is selected, go to Menu Bar > Select > Modify > Contract > Contract by: 1 > OK. 9. Then on the Menu bar again > Select > Inverse. 10. Finally, delete the selected space for gradient. See the final results. You can use the different colors.  Please don’t re-post this tutorial instead, trackback this post. Thanks for reading! Tags: design, filipino, graphic, information technology, philippines, tutorial, web, web design |
An International Web and Graphic Designer. Blogging since 2006 and blogs about the different graphic related designs and tutorials. Typically quiet but used to express my feelings on my own designs. There you will know who I am ;-)
Get updated on my latest post! Subscribe below by entering your active email address. Thanks for following my blog! Have a pleasant day :-)
46 Comments to Web 2.0 Design TutorialLeave a Reply |
June 14th, 2008 In
July 14th, 2009 at 9:19 pm
no prob child, just trust your self, sabhin mo sa sarili mo na “kaya ko to”
Good luck~
[Reply]
July 14th, 2009 at 11:54 am
gusto ko talaga matutunan yung mga website na pure css ang gamit, mga tableless.. nalilito lang ako sa code
Thanks again
[Reply]
July 14th, 2009 at 11:45 am
Favorite ko rin CSS kaya, gusto ko pa pag aralan
Anyway thanks sa response.. Thanks sa site 
[Reply]
July 10th, 2009 at 11:37 am
Hi child! welcome to my blog
I hope this W3School CSS Tutorial will help you more about CSS coding. Madali lng ung CSS, basta kabisado mo ung bawat elements and attributes
Pwede kayo ask sakin about CSS problem, favorite coding ko kc un 
[Reply]
July 9th, 2009 at 12:23 pm
Hi..
hindi ko maintindihan kung panu mag aask.. ask ko lang naguguluhan kasi ako sa yung mga webasite n tableless naka lang lahat.. bka may alam ka na magandang site na may free code ng .. yung css nun. para mapag aralan ko.. Thanks alot. New graduate lang ako, eh ang tinuro lang sa amin , kya medyo nahihirapan ako sa .. Nakakaintindi namn ako ng css pero di ko pa kaya mag code ng sa sarili ko pagdating dun sa mga float,margin etc. Basic css alam ko (may basic ba nun hehe) i mean, yung mga attribute ng font, body, img, links, ul lang.. Thanks sa help.
[Reply]
June 16th, 2009 at 2:01 am
thanks khevz.. this is the old post aw.. those old comments was approved during my hectic times. apology for those who commented without my answers
[Reply]
June 14th, 2009 at 9:44 pm
[Reply]
May 19th, 2009 at 7:31 pm
i like it..but this piece does’t like me perhaps……uuuuu
[Reply]
April 4th, 2009 at 11:23 pm
[Reply]
March 25th, 2009 at 7:14 pm
Hi, nice tuts and easy to learn. By the way san pala makakakuha ng hosting dito na mura, I’m a fresh grad lang po ng web dev eh hindi ko pa alam mga masikot sikot sa wed eh. If you would say na web hosting from other countries, wala po me credit card or paypal.
[Reply]