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
Sell your Land, House on idamata.lk for FREE
sajith.xp.pk
Updated:
Yesterday at 9:03 AM
Handmade Character Soft Toys
anil1961
Updated:
Tuesday at 2:11 PM
Bodim.lk out now !
Manoj Suranga Bandara
Updated:
Sunday at 3:05 AM
Power Lifting Lever Belt
SkullVamp
Updated:
Jun 13, 2026
Ad icon
port.lk Domain for sale
Lankan-Tech
Updated:
Jun 13, 2026
Electronics
Vehicles
Property
Search
Reply to thread
Forums
General
Education
.::ElaKiri - PhotoShop Support Thread::.
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="fazaal24" data-source="post: 2880105" data-attributes="member: 9342"><p><span style="font-family: 'Georgia'"><strong><span style="font-size: 22px">Wireframing in Photoshop</span></strong></span></p><p></p><p><strong>Final OutPut</strong>:</p><p><img src="http://img61.imageshack.us/img61/4807/finalwo9.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p><p></p><p>----------------------------------------------------------------------------------------------------</p><p>Open a new document, <strong>500 x 250 pixels. </strong></p><p>Fill the background with a blue color. Select the<strong> brush tool</strong> and select a <strong>1 pixel hard edge</strong>.<strong> Press 'D'</strong> to make your<strong> foreground color black</strong> to paint with.</p><p></p><p>Now <strong>create a new layer </strong>and paint a box like here I use. </p><p></p><p><strong>Tip: Hold down the shift key at each corner to have photoshop draw a straight line to the next point.</strong></p><p></p><p><img src="http://img235.imageshack.us/img235/3948/56986864qk8.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p><p></p><p>Next, <strong>hide the background layer </strong>so only your black box is showing. Grab the <strong>rectangular marquee tool</strong> and draw a selection around the box looks like below.</p><p></p><p><img src="http://img390.imageshack.us/img390/8968/31619722rp8.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p><p></p><p>Then go to <strong>Edit => Define Brush.</strong> Name your brush <strong>"Wireframe" </strong>and click OK.</p><p></p><p><img src="http://bp0.blogger.com/_rYaVWow4Vz0/SIYmTPk45lI/AAAAAAAABOg/Wf8yHWTwTOk/s400/fig3.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p><p></p><p><strong>Hide the brush layer</strong> and <strong>create a new layer</strong> on top of it. <strong>Make white your foreground color</strong> because that is the color we want our wire frame to be. </p><p></p><p>Move over to the <strong>paths palette </strong>and click the <strong>new path button</strong> on the bottom of the palette. Then <strong>select the pen tool</strong> and draw a path like I have across your image.</p><p></p><p><img src="http://img73.imageshack.us/img73/9607/29749870lz5.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p><p></p><p>Now go into the <strong>brushes palette</strong>. </p><p></p><p>First, in the "<strong>Brush Tip Shape</strong>" section, <strong>select the brush that we just created</strong>. Then go to the <strong>shape dynamics</strong> section. Select <strong>Angle Jitter </strong>control drop down box to <strong>"Fade"</strong>. Then enter a v<strong>alue of around 100</strong> in the box. Now<strong> go back </strong>to the <strong>brush tip shape</strong> and you may need to play with the spacing setting.</p><p></p><p>I have set around 10-20 percent. Just look at the preview area to see the style that you are going for.</p><p></p><p><img src="http://bp3.blogger.com/_rYaVWow4Vz0/SIYmrBeDN3I/AAAAAAAABOw/91uDvApFjEc/s400/fig5.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p><p></p><p>Once you have your brush the way you want it, <strong>go back to the paths palette</strong>. </p><p></p><p><strong>Make sure your brush tool is active first and that you are on the new layer</strong>, and make sure <strong>white is your foreground color.</strong> Click the "<strong>Sroke path with brush"</strong> button in the bottom of the paths palette. </p><p></p><p>This will stroke the path with the brush that you just created on the active layer.</p><p></p><p><img src="http://img61.imageshack.us/img61/4807/finalwo9.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p></blockquote><p></p>
[QUOTE="fazaal24, post: 2880105, member: 9342"] [FONT=Georgia][B][SIZE=6]Wireframing in Photoshop[/SIZE][/B][/FONT] [B]Final OutPut[/B]: [IMG]http://img61.imageshack.us/img61/4807/finalwo9.jpg[/IMG] ---------------------------------------------------------------------------------------------------- Open a new document, [B]500 x 250 pixels. [/B] Fill the background with a blue color. Select the[B] brush tool[/B] and select a [B]1 pixel hard edge[/B].[B] Press 'D'[/B] to make your[B] foreground color black[/B] to paint with. Now [B]create a new layer [/B]and paint a box like here I use. [B]Tip: Hold down the shift key at each corner to have photoshop draw a straight line to the next point.[/B] [IMG]http://img235.imageshack.us/img235/3948/56986864qk8.jpg[/IMG] Next, [B]hide the background layer [/B]so only your black box is showing. Grab the [B]rectangular marquee tool[/B] and draw a selection around the box looks like below. [IMG]http://img390.imageshack.us/img390/8968/31619722rp8.jpg[/IMG] Then go to [B]Edit => Define Brush.[/B] Name your brush [B]"Wireframe" [/B]and click OK. [IMG]http://bp0.blogger.com/_rYaVWow4Vz0/SIYmTPk45lI/AAAAAAAABOg/Wf8yHWTwTOk/s400/fig3.gif[/IMG] [B]Hide the brush layer[/B] and [B]create a new layer[/B] on top of it. [B]Make white your foreground color[/B] because that is the color we want our wire frame to be. Move over to the [B]paths palette [/B]and click the [B]new path button[/B] on the bottom of the palette. Then [B]select the pen tool[/B] and draw a path like I have across your image. [IMG]http://img73.imageshack.us/img73/9607/29749870lz5.jpg[/IMG] Now go into the [B]brushes palette[/B]. First, in the "[B]Brush Tip Shape[/B]" section, [B]select the brush that we just created[/B]. Then go to the [B]shape dynamics[/B] section. Select [B]Angle Jitter [/B]control drop down box to [B]"Fade"[/B]. Then enter a v[B]alue of around 100[/B] in the box. Now[B] go back [/B]to the [B]brush tip shape[/B] and you may need to play with the spacing setting. I have set around 10-20 percent. Just look at the preview area to see the style that you are going for. [IMG]http://bp3.blogger.com/_rYaVWow4Vz0/SIYmrBeDN3I/AAAAAAAABOw/91uDvApFjEc/s400/fig5.gif[/IMG] Once you have your brush the way you want it, [B]go back to the paths palette[/B]. [B]Make sure your brush tool is active first and that you are on the new layer[/B], and make sure [B]white is your foreground color.[/B] Click the "[B]Sroke path with brush"[/B] button in the bottom of the paths palette. This will stroke the path with the brush that you just created on the active layer. [IMG]http://img61.imageshack.us/img61/4807/finalwo9.jpg[/IMG] [/QUOTE]
Insert quotes…
Verification
Winadiyakata thappara keeyak tibeda?
Post reply
Top
Bottom