Search
Search titles only
By:
Search titles only
By:
Log in
Register
Search
Search titles only
By:
Search titles only
By:
Menu
Install the app
Install
Forums
New posts
All threads
Latest threads
New posts
Trending threads
Trending
Search forums
What's new
New posts
New ads
New profile posts
Latest activity
Free Ads
Latest reviews
Search ads
Members
Current visitors
New profile posts
Search profile posts
Contact us
Latest ads
Ad icon
ZTE MF283U 4G Unlocked Router (Used)
ayanthamaxi
Updated:
Jul 19, 2026
ලංකාවේ හොඳම උපකාරක පන්ති සහ ගුරුවරුන් එකම තැනකින් - TopTuition.lk
dulithapathum
Updated:
Jul 18, 2026
Colombo
RidhMathraa ’26 🎶✨
Tmadhusanka
Updated:
Jul 15, 2026
Ad icon
Colombo
PXN V10 Pro Direct Drive Racing Wheel (Under Warranty)
Abdur Rahman
Updated:
Jul 15, 2026
Ad icon
USDT ණය සේවාව - USDT Loan Service
පුරවැසියා
Updated:
Jul 15, 2026
Electronics
Vehicles
Property
Search
Reply to thread
Forums
General
ElaKiri Talk!
Photoshop Trix To You My Friend .....
Get the App
JavaScript is disabled. For a better experience, please enable JavaScript in your browser before proceeding.
You are using an out of date browser. It may not display this or other websites correctly.
You should upgrade or use an
alternative browser
.
Message
<blockquote data-quote="creativeN" data-source="post: 8523261" data-attributes="member: 224119"><p>20 Go to Edit > Transform > Scale (Ctrl/Cmd + T). From the Options bar, click in the rotation box and type <strong>-4</strong> and press enter twice to adjust the angle. Stay on the same layer ("fp image"), and select <em>Luminosity</em> as the blending mode of this layer.</p><p> <img src="http://images.sixrevisions.com/2010/02/22-18_design_smashing_website.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p><p> 21 Next we are going to create the title and description bar for the featured project image. Select the Rectangle Tool (U) and create a rectangle shape with the size of <strong>630px</strong> by <strong>90px</strong> using color <strong>#161718</strong>. Change opacity of this layer to <strong>90%</strong> and name it "<strong>title bg</strong>". Place this rectangle as shown in the image below.</p><p> <img src="http://images.sixrevisions.com/2010/02/22-19_design_smashing_website.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p><p> 22 Create another rectangle with the size of <strong>630px</strong> by <strong>1px</strong> using color <strong>#9c9c9c</strong> and name it "<strong>title horizontal line</strong>". Place this rectangle on the top edge of the contents of the "title bg" layer.</p><p> 23 Add a title and description inside the rectangle we created in Step 21, using the following settings for title and description.</p><p> <strong>For the title:</strong></p><p></p><p> </p><ul> <li data-xf-list-type="ul">font: <em>Arial</em>, color: <strong>#ffffff</strong>, size: <strong>25pt</strong> and anti-aliasing method option: <em>Sharp </em></li> </ul><p><strong>For the description:</strong></p><p></p><p> </p><ul> <li data-xf-list-type="ul">font: <em>Arial</em>, color: <strong>#a4a4a4</strong>, size: <strong>12pt</strong> and anti-aliasing method option: <em>None</em></li> </ul><p><img src="http://images.sixrevisions.com/2010/02/22-20_design_smashing_website.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p><p> <strong>Creating the "quick quote" section</strong></p><p></p><p> 24 Create another group inside the header group and name it "<strong>quick quote</strong>". Select the Rectangle Tool (U) and create a rectangle with the size of <strong>300px</strong> by <strong>340px</strong>. Place this rectangle at the distance of <strong>10px</strong> to the right of the featured project section and name it "<strong>qq container</strong>".</p><p> 25 We will copy a Layer Style from another layer we created in a previous step. Go inside the "navigation" group, right-click the "hover" layer, select <em>Copy Layer Style</em>, go back to the "qq container" layer, right-click and select <em>Paste Layer Style</em>. We have the same Layer Style of the "hover" layer for our "qq container" now.</p><p> <img src="http://images.sixrevisions.com/2010/02/22-21_design_smashing_website.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p><p> 26 Select the Horizontal Type Tool (T). Write "<strong>Quick Quote</strong>" inside "qq container" at the distance of <strong>20px</strong> from the top and left edges of the containing box. Set the font family to <em>Trebuchet MS</em> (or a web-safe font of your preference) with thecolor of white (<strong>#ffffff</strong>) and anti-aliasing method option set to <em>Sharp</em>. We are going use the Rounded Rectangle Tool (U) to create three form fields. Select the Rounded Rectangle Tool (U) and set the radius to <strong>3px</strong>. Then create two rounded rectangles with the size <strong>260px</strong> by <strong>35px</strong> using the color of white (<strong>#ffffff</strong>). Then name the shape layers as "<strong>field1</strong>" and "<strong>field2</strong>" respectively. Create the third rounded rectangle with the size of <strong>260px</strong> by <strong>75px</strong> using a white color (<strong>#ffffff</strong>) and name it "<strong>field3</strong>". Select the Horizontal Type Tool (T) and create labels for each form field.</p><p> <img src="http://images.sixrevisions.com/2010/02/22-22_design_smashing_website.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p><p> 27 Select the Rounded Rectangle Tool (U) and create a box of <strong>80px</strong> by <strong>35px</strong> and name it "<strong>submit btn</strong>".</p><p> 28 Double-click the layer to open the Layer Styles dialog window and tick the Gradient Overlay checkbox from left. Click the Gradient Editor and change colors of the gradient as shown below.</p><p> <img src="http://images.sixrevisions.com/2010/02/22-24_design_smashing_website.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p><p> 29 Select the Horizontal Type Tool (T) and type "<strong>Submit</strong>" using the font <em>Arial</em>, style <em>Bold</em> and size at <strong>13pt</strong>. Select both layers in the Layers panel ("submit btn" and "Submit text").</p></blockquote><p></p>
[QUOTE="creativeN, post: 8523261, member: 224119"] 20 Go to Edit > Transform > Scale (Ctrl/Cmd + T). From the Options bar, click in the rotation box and type [B]-4[/B] and press enter twice to adjust the angle. Stay on the same layer ("fp image"), and select [I]Luminosity[/I] as the blending mode of this layer. [IMG]http://images.sixrevisions.com/2010/02/22-18_design_smashing_website.jpg[/IMG] 21 Next we are going to create the title and description bar for the featured project image. Select the Rectangle Tool (U) and create a rectangle shape with the size of [B]630px[/B] by [B]90px[/B] using color [B]#161718[/B]. Change opacity of this layer to [B]90%[/B] and name it "[B]title bg[/B]". Place this rectangle as shown in the image below. [IMG]http://images.sixrevisions.com/2010/02/22-19_design_smashing_website.jpg[/IMG] 22 Create another rectangle with the size of [B]630px[/B] by [B]1px[/B] using color [B]#9c9c9c[/B] and name it "[B]title horizontal line[/B]". Place this rectangle on the top edge of the contents of the "title bg" layer. 23 Add a title and description inside the rectangle we created in Step 21, using the following settings for title and description. [B]For the title:[/B] [LIST] [*]font: [I]Arial[/I], color: [B]#ffffff[/B], size: [B]25pt[/B] and anti-aliasing method option: [I]Sharp [/I] [/LIST] [B]For the description:[/B] [LIST] [*]font: [I]Arial[/I], color: [B]#a4a4a4[/B], size: [B]12pt[/B] and anti-aliasing method option: [I]None[/I] [/LIST] [IMG]http://images.sixrevisions.com/2010/02/22-20_design_smashing_website.jpg[/IMG] [B]Creating the "quick quote" section[/B] 24 Create another group inside the header group and name it "[B]quick quote[/B]". Select the Rectangle Tool (U) and create a rectangle with the size of [B]300px[/B] by [B]340px[/B]. Place this rectangle at the distance of [B]10px[/B] to the right of the featured project section and name it "[B]qq container[/B]". 25 We will copy a Layer Style from another layer we created in a previous step. Go inside the "navigation" group, right-click the "hover" layer, select [I]Copy Layer Style[/I], go back to the "qq container" layer, right-click and select [I]Paste Layer Style[/I]. We have the same Layer Style of the "hover" layer for our "qq container" now. [IMG]http://images.sixrevisions.com/2010/02/22-21_design_smashing_website.jpg[/IMG] 26 Select the Horizontal Type Tool (T). Write "[B]Quick Quote[/B]" inside "qq container" at the distance of [B]20px[/B] from the top and left edges of the containing box. Set the font family to [I]Trebuchet MS[/I] (or a web-safe font of your preference) with thecolor of white ([B]#ffffff[/B]) and anti-aliasing method option set to [I]Sharp[/I]. We are going use the Rounded Rectangle Tool (U) to create three form fields. Select the Rounded Rectangle Tool (U) and set the radius to [B]3px[/B]. Then create two rounded rectangles with the size [B]260px[/B] by [B]35px[/B] using the color of white ([B]#ffffff[/B]). Then name the shape layers as "[B]field1[/B]" and "[B]field2[/B]" respectively. Create the third rounded rectangle with the size of [B]260px[/B] by [B]75px[/B] using a white color ([B]#ffffff[/B]) and name it "[B]field3[/B]". Select the Horizontal Type Tool (T) and create labels for each form field. [IMG]http://images.sixrevisions.com/2010/02/22-22_design_smashing_website.jpg[/IMG] 27 Select the Rounded Rectangle Tool (U) and create a box of [B]80px[/B] by [B]35px[/B] and name it "[B]submit btn[/B]". 28 Double-click the layer to open the Layer Styles dialog window and tick the Gradient Overlay checkbox from left. Click the Gradient Editor and change colors of the gradient as shown below. [IMG]http://images.sixrevisions.com/2010/02/22-24_design_smashing_website.jpg[/IMG] 29 Select the Horizontal Type Tool (T) and type "[B]Submit[/B]" using the font [I]Arial[/I], style [I]Bold[/I] and size at [B]13pt[/B]. Select both layers in the Layers panel ("submit btn" and "Submit text"). [/QUOTE]
Insert quotes…
Verification
Haya warak paha keeyada? (haya wadi kireema paha)
Post reply
Top
Bottom