You may get .psd* file of "Black Website Design" Photoshop tutorial by making a payment. Put the tutorial title in "Add special instructions to seller" line of PayPal and it will be sent to you shortly.

 

  • Create black rectangular form on the top of the page using Rectangle Tool.

How to design glossy black website layout in Adobe Photoshop

  • Add gradient stroke to this shape.

How to design glossy black website layout in Adobe Photoshop

  • In order to create second black rectangular duplicate the previous layer and transform it using free transformation.

How to design glossy black website layout in Adobe Photoshop

Creation of the pressed button.

  • Create a rectangular using The Rectangle Tool.

How to design glossy black website layout in Adobe Photoshop

  • Apply the following adjustments to this shape:

How to design glossy black website layout in Adobe Photoshop

How to design glossy black website layout in Adobe Photoshop

How to design glossy black website layout in Adobe Photoshop

  • Ctrl + Click on the rectangular layer to load selection.
  • Fill selection with white color in a new layer. Opacity 20-30%.
  • Create round selection using Elliptical Marquee and remove bottom part of white rectangular.

How to design glossy black website layout in Adobe Photoshop

Pages: 1 | 2 | 3 | 4