Skip to content
View in the app

A better way to browse. Learn more.

Grunch

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

tutorial: Stylish Rounded Borders

Featured Replies

This is a cool tutorial that i use alot

I'll post a link to the site i got it off plus post the tutorial here.

I want to post it here just incase their site goes down or somthing. you can also find more tutorials on their site.

http://www.purephotoshop.com

==========================================

 

Stylish Rounded Borders

 

1.Create a new document about 500X500 pixels. Then make a new layer and using your rectangle marquee tool draw a box on your new layer. Name this layer Box. Then in your layers pallete select the Channel Tab. Then select your Create new channel button. Next hit X Then D to Reset your colors. Fill the selection with white. Then hit Ctrl D or go to Select>Deselect. Then go to Filter>Blur>Gaussian Blur. Set the Radius to about 20 and then hit ok. Next hit Ctrl+L and then drag the arrows toward the center to where they are touching each other and then press ok. Name this channel Rounded.

RB2.gif

 

2.Now go back to your layers pallete by selecting the layers tab. Then make sure your on layer 1 and go to Select>Load Selection. Select Rounded from your Channel drop down menu and press ok. Now you should see your selection on your document. I am going apply one of the interface metal styles to my selection. You can download the interface metal styles at Adobe Exchange. Just search for Interface Metals. To apply a style, Select your paint bucket tool then go to your styles pallete and Select your style and then go back to your document and fill the seletion.

 

RB1.gif

 

 

3.Now don't deselect yet, if you have already just go to Select>Reselct or ctrl+Click Layer 1 in your layers pallete. Now go to Select> Modify>Contract. I contracted mine by 15 pixels. You can vary this depending on how thick you want your border. Now After you contracted your selection hit the Delete Key or Press Backspace to clear the selection.

 

 

4.Now lets fill the inside of our document. With the selction still present select your BG layer and then create a new layer. Now fill it with a color/Gradient/Style of your choice. Thats it! I used the same techniques on alot of my web templates. This process works good for side boxes and Text Boxes for web pages, Interface Borders, Etc. This technique can be applied to any kind of shape so be creative and see what you can come up with.

 

 

RBFinal.gif

 

==========================================

i've used this technique on the picture on the main page plus with my current signature image.

Edited by Josh
fixed links

  • Replies 4
  • Views 257
  • Created
  • Last Reply

Top Posters In This Topic

  • 7 years later...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.