Reply to thread

Message: <blockquote data-quote="fazaal24" data-source="post: 2585263" data-attributes="member: 9342">Web 2.0 Eclipse (Bubble) Tutorial <ul> <li data-xf-list-type="ul">First make a new file in Photoshop, 128x128 with transparent background.Select the Elliptical Marquee Tool, hold down the SHIFT key (to make it a perfect circle) & draw a circle not quite as big as the whole image, (to allow room for the drop shadow).</li> </ul> <img src="http://img142.imageshack.us/img142/6940/bubble1kb4.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> <ul> <li data-xf-list-type="ul">Select the Gradient Fill Tool & set it to Foreground to Background & the shape as Radial Gradient. Select your foreground colour as the lighter one & your background colour as the darker one. Then drag the cursor from bottom to the top & fill.</li> </ul> <img src="http://img142.imageshack.us/img142/1289/bubble2zi1.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> <ul> <li data-xf-list-type="ul">Then tick the Inner Glow box, make the colour the same as the darker colour of you circle (mine's black) & set the Blend Mode to  Multiply & it should be looking something like the pic below (unless you've chosen different colours).</li> </ul> <img src="http://img142.imageshack.us/img142/792/bubble3bz4.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> <img src="http://img120.imageshack.us/img120/3290/bubble4la3.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> <ul> <li data-xf-list-type="ul">For the drop shadow duplicate the circle layer, select the bottom circle layer & set the Fill to 0% (in the the layers palette) so that it's transparent. Double click on the bottom circle layer to select the Layer Style. Tick the Drop Shadow box & enter details similar to the pic below. Then move the shadow up so you can see it.</li> </ul> <img src="http://img120.imageshack.us/img120/7381/bubble5jr8.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> <ul> <li data-xf-list-type="ul">To make the shadow the correct shape go to  Edit &  select Free Transform. In the properties boxes at the top of the screen enter 70% for the width & 35% for the height. Then position the shadow so that it's similar to below.</li> </ul> <img src="http://img516.imageshack.us/img516/6659/33885150uz6.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> <img src="http://img120.imageshack.us/img120/7705/bubble6jo6.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> <ul> <li data-xf-list-type="ul">Create a new layer, select the Elliptical Marquee Tool & make an oval about a third of the width of the circle. Select the Gradient Fill Tool, set it to Foreground to Transparent & Linear Gradient as the shape & select the colour as white. Drag the cursor from top to bottom to about three quarters of the way down & fill. Then alter the opacity to what you think looks best.</li> </ul> <img src="http://img120.imageshack.us/img120/9853/bubble7vw4.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> Now Its Almost done and you can insert an icon,picture or text. Whatever You want<img src="/styles/default/xenforo/smilies/default/D.gif"  class="smilie" loading="lazy" alt=":D" title="Big grin    :D" data-shortname=":D" /> Remove the Background and Save it as .PNG <img src="http://img379.imageshack.us/img379/1209/27955986pm9.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /> Enjoy..!! </blockquote>

Verification: Payakata winadi keeyak tibeda?

Top Bottom