Beautiful Header Divider for websites

04:42 Vallabh 2 Comments

Better Header Divider for websites


Beautiful Header Divider for websites


When you are going to design a website/ form design / UX / UI , you have to use dividers for better look of partitioning of website.. Using these dividers the visitor or user understands the partitioning of your website.. Here is the tutorial for better looking website header divider.

Final view

Header Divider for website



Step 1: 
Create new file and fill background with dark gray color (Shft+f5 ---> color ---> Select Black color---> OK).


Header Divider - step 1


Make a new layer (Ctrl_Shft+N)
Select Rectangular Marquee Tool and Draw a line. Fill the line with darker gray color than background.


Header Divider - step 2



Step 2:

Now go to Blending Options (Fx) and select drop shadow property and make following changes.
Set
Blend mode = Normal
color = gray (Lighter than background  [Important])
angle = 120 degree
Opacity = 100%
Distance = 1
Speed and Size = 0

Header Divider - step 3


Hit OK. 

Header Divider - photoshop tutorial


shoptutorials - Header Divider Tutorial


Done..!!

2 comments:

  1. Interesting topic what you have shared with us. Your writing skill is really very appreciative. I love when you share your views through the best articles.Keep sharing and posting articles like these.This article has helped me a lot.Keep posting this stuff. clipping path

    ReplyDelete
  2. Thanks for posting this info. I just want to let you know that I just check out your site and I find it very interesting and informative. I can’t wait to read lots of your posts. clipping path service

    ReplyDelete