Shiny, Glossy and Slick Web Design Interface in PhotoShop

 
Filed under Photoshop Design

designgloss11 Shiny, Glossy and Slick Web Design Interface in PhotoShop

Create a shiny and glossy web design interface in photoshop.

  • Fill background layer with white color.
  • Apply following pattern layer style effect to it.
  • Create rectangular shape using Rounded Rectangle Tool, set radius around 14 px.
  • Apply Gradient Overlay to it.

continue

Share on Facebook




Related Posts :

  • Typical examples of rich user interfaces can be found on a variety of iPhone apps, where designers have created detailed skins based around a ...

  • Create a new document in Photoshop, 700 * 700 px.Fill Background layer with linear black/white gradient.Choose Filter > Noise > Add No ...

  • Learn how to create a simple three-dimensional icon of a paint bucket, complete with paint splotches, with this colorful tutorial. Harnessing ...

  • So let’s start with a new document of 3300 px width and 2336 px height at 300 resolutions. I created large document because I wanted to print ...

  • I really love this kind of style, so I thought just I’d share another tutorial with you guys (and girls, of course) on how to design something ...

  • In this tutorial, I will show you how to design a Modern Glossy Navigation Bar in Photoshop. This is a beginner tutorial with a just few simple ...

  • Choosing colors for a background is important because it will influence how your image stands out. Since we are going to be creating a vibrant ...

  • Creating a fantasy photo montage with various resources in photoshop.*  Duplicate sky image layer. Apply Color Balance settings. Add yello ...

  • I will explain how to make a Christmas illustration using Photoshop. So let's begin.Choose a background color scheme. Use as usual a color fil ...

  • You will need to define a pattern that you can tile seamlessly across the work document. Some nice patterns can be found here.Open the pattern ...

  • Open New Document. I use 530 x 438 pixels on this tutorial. Use color #000000 for the background. Move the Image to the Working document using ...

  • Open up a new document (600X300px) and create a new layer called ‘background. Then drag a radial gradient ranging from D2EAFF to 9DCFFB from the ...

  • In this tutorial, you’ll go through easy steps and techniques to design a simple illustration for Christmas. You’ll learn how to use the brush ...

  • This tutorial is mostly based on Layer style settings and a combination of a lot of Curves. When combined together, they give a rich, deep and ...

  • Last weekend I was watching the Iron Man movie and I was blown away by some of the effects I saw. Loved the bombs and some interface designs, in ...


Subscribe to our feed for news & updates !

Enter your email address :


Related posts :


Design A Slick Rich User Interface With Photoshop

Typical examples of rich user interfaces can be found on a variety of iPhone apps, where designers have created detailed skins based around a theme, often paying close attention to the smallest detail to...


Design A Shiny Paint Bucket

Learn how to create a simple three-dimensional icon of a paint bucket, complete with paint splotches, with this colorful tutorial. Harnessing the power of paths, layer effects and consistent lighting we’ll obtain an effective,...


Simple Glossy Navigation Bar Design in Photoshop

In this tutorial, I will show you how to design a Modern Glossy Navigation Bar in Photoshop. This is a beginner tutorial with a just few simple steps, aiming to help beginner web designer...


Design A Dark Composition in Photoshop

Create a new document size 1900×1200 and fill the background with black. Then take 3 of those scratch textures that Julia Star has created, and apply these effect to them. Leave the first texture...


Create a 3D Glossy Box Logo in Photoshop

Choosing colors for a background is important because it will influence how your image stands out. Since we are going to be creating a vibrant glossy box, let’s use a dark background. Create a...


Design a glossy icon in photoshop tutorial.

We’ll begin this tutorial, by creating a new canvas at a size of 300 x 155 using White as the color. Now right click on the background layer in the Layers Palette and select,...


Design a pill icon in photoshop.

Today I will show you how to create Photoshop tutorial website pill button icon design in photoshop. [1] Take a new file of 400 pixels, 400 pixels, of resolution 72 dpi in the RGB...


Create a Glowing Effect Scene in Photoshop

Open New Document. I use 530 x 438 pixels on this tutorial. Use color #000000 for the background. Move the Image to the Working document using Move Tool (V). Name the image to “Stock...


Design a Coca Cola Splash with Photoshop

In this lesson we will create a Coke Splash effect by using some filters and custom made brush to give effects. Open a document 500 x  500. Create two layers and apply black color to...


Glossy Carbon Fibre Navigation Buttons

I really love this kind of style, so I thought just I’d share another tutorial with you guys (and girls, of course) on how to design something like what I’ve shown below, a kind...





Vertical1238097 = false; ShowAdHereBanner1238097 = true; RepeatAll1238097 = false; NoFollowAll1238097 = false; BannerStyles1238097 = new Array( "a{display:block;font-size:11px;color:#888;font-family:verdana,sans-serif;margin:0 4px 10px 0;text-align:center;text-decoration:none;overflow:hidden;}", "img{border:0;clear:right;}", "a.adhere{color:#666;font-weight:bold;font-size:12px;border:1px solid #ccc;background:#e7e7e7;text-align:center;}", "a.adhere:hover{border:1px solid #999;background:#ddd;color:#333;}" ); document.write(unescape("%3Cscript src='"+document.location.protocol+"//s3.buysellads.com/1238097/1238097.js?v="+Date.parse(new Date())+"' type='text/javascript'%3E%3C/script%3E"));