Skip to content
View in the app

A better way to browse. Learn more.

Tip.It Forum

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.

How to make a feathered border?

Featured Replies

I have never posted here for help, but there has got to be a first time :anxious:

 

 

 

 

 

 

 

I am making an own website, to fill up my spare time.

 

 

 

Now I need a place to put my text on, and I dont want a simple

 

 

 

squared border.

 

 

 

 

 

 

 

I need a softened border (I think it is called a feathered border)

 

 

 

and it looks like this;

 

 

 

 

 

 

 

009.gif

 

 

 

(offcourse I meen the left part of the image)

 

 

 

 

 

 

 

That picture is from a tutorial, but it doesnt fit my version of photoshop.

 

 

 

 

 

 

 

I tried searching everywhere, and I hardly ask for help.

 

 

 

But now I just dont know, maybe you can help?

carsignatureis3.jpg

[http://woopidoo2.deviantart.com]

[Tip.it Moderator from Dec 10, 2006 to 03 Sep, 2008]

Knew I got it on top of my head.

 

 

 

 

 

 

 

Anyways.

 

 

 

 

 

 

 

On the rectangle select, there is a small option on top of screen (In CS it is)

 

 

 

That there is feather: 0px (I think it was)

 

 

 

Changed it to 25px, or just play around with it.

 

  • Author
Knew I got it on top of my head.

 

 

 

 

 

 

 

Anyways.

 

 

 

 

 

 

 

On the rectangle select, there is a small option on top of screen (In CS it is)

 

 

 

That there is feather: 0px (I think it was)

 

 

 

Changed it to 25px, or just play around with it.

 

 

 

 

 

 

 

I tried doing that, but when i want to stroke it, I get this big, black

 

 

 

area, and not a straight line like normal borders.

carsignatureis3.jpg

[http://woopidoo2.deviantart.com]

[Tip.it Moderator from Dec 10, 2006 to 03 Sep, 2008]

I'll try to make a small tut for you ::'

 

First make a new layer(the border layer)

 

 

 

Fill it with the color of border.

 

 

 

Use the Rounded Rectangle tool to make a rounded rectangle inside the sig.

 

 

 

Make selection with the rounded rectangle tool.

 

 

 

Delete things inside the border.

 

 

 

 

 

 

 

You should end up with something like this.

 

 

 

esimbordermg2.jpg

 

 

 

 

 

 

 

Hope this helps. Feel free to PM me.

mini-eerikki.jpeg

runemetsauserbar.jpg

[Star Wreck][PM me][My gallery][DeviantArt][Cool T-shirts!]

[iron Sky - Trailer is now out!]

smalltut.jpg

 

 

 

 

 

 

 

Here ya go.

 

  • Author
smalltut.jpg

 

 

 

 

 

 

 

Here ya go.

 

 

 

 

 

 

 

Thanks you Kitsu and Metsa, gonna try it now.

carsignatureis3.jpg

[http://woopidoo2.deviantart.com]

[Tip.it Moderator from Dec 10, 2006 to 03 Sep, 2008]

Create an account or sign in to comment

Important Information

By using this site, you agree to our Terms of Use.

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.