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.

 

  • To create glow text effect, duplicate layer with text, go to Filter > Blur > Gaussian Blur(3).
  • Apply Screen Blending Mode for this layer.

How to design glossy black website layout in Adobe Photoshop

Neon spiral creation in Illustrator.

You may download .ai* file, click on the image below:

  • Create a new document in Illustrator.
  • Draw the following lines(one is blue and another is white) using Pen Tool and Convert Point Tool.

How to design glossy black website layout in Adobe Photoshop

How to design glossy black website layout in Adobe Photoshop

  • Choose Blend Tool.
  • Lead the Blend Tool from top of a point blue line up to top point of a white line.

How to design glossy black website layout in Adobe Photoshop

  • Set blending options by double-clicking the Blend tool  or choosing Object > Blend > Blend Options.

How to design glossy black website layout in Adobe Photoshop

  • Place created shape into Photoshop document.
  • In order to soften shape edges add vector mask and fill it with black/white Reflected Gradient.

How to design glossy black website layout in Adobe Photoshop

  • In order to modify a background pattern reduce a transparency and apply Gaussian Blur Filter.

How to design glossy black website layout in Adobe Photoshop

And here is the result! Click for larger view.

How to design glossy black website layout in Adobe Photoshop

Pages: 1 | 2 | 3 | 4