Promoting yourself on the internet, which is the biggest place where you can do it, is a great idea. Actually, is a must if you`re working on the internet as a freelancer, for example. There are many ways to do it, through personal websites, portfolios, online CV and virtual cards or vCards. I decided to design a nice and clean vCard in Photoshop and I`m going to explain you step by step what you need to know to build your own vCard.
Create a new file, and name it “vcard”. Give the width : 922px and height : 780px
Now, let’s we make a layout with a width 500px, the first step is create a guides, open View > New Guide, in the box that pops open select vertical and enter 211px.
Then go to View > New Guide, in the box that pops open select vertical and enter 711px.
Apply the gradient to your “background” layer. When applying the gradient start from the top-middle of the canvas and drag half way down, this should give us a nice sized effect. If you hold down the Shift key while dragging the gradient down it will lock the gradient line vertically.
Next is to make the object box, using the rounded rectangle tool, Width: 500px, Height: 500px, Radius: 10px, dan Color: white (#ffffff)
Now add these layer styles, change the Fill of Opacity to 20%, add Drop Shadow, Inner Shadow,and Gradient Overlay
Then edit Gradient on Gradient Overlay
The next step, duplicate the rectangle layer using [ ctrl ]+[ j ] or choose menu layer > Duplicate Layer, then send backward layer using [ ctrl ]+[ [ ].
Next, sliding down the object.
Change the fill of Opacity to 20%, and edit the layer style.
Again, duplicate the rectangle layer using [ ctrl ]+[ j ] or choose menu layer > Duplicate Layer, then send backward layer using [ ctrl ]+[ [ ].
Then change Fill Opacity to 0%, and edit layer style.
Now we’ll make the header, the first step is add your name at this header
Change the Fill of opacity to 50%, and edit the layer style.
Then, please add a little description about us.
Creat two lines below the title (your name) with a height 1px, for the first line give the color: #95b6c3 dan the second line color: #dcf2fa.
Then we add the logo and label to the righ side.
Now we add some heading text “About Me”.
Then change the Fill of Opacity to 70%, and edit the layer style
Next please add some text below the heading “About Me”
And create a dividing lines, like that we created on step 6
Create some heading text again, below the lines with same style as on step 7
Give some text below the heading “Links”, change the Fill of Opacity to 80%
Give the dividing lines
And add the icon like teh picture below
Again let’s create some heading “Skills” text with same style as on step 7
Then add some text, change the Fill of Opacity to 80%
Give the dividing lines
And add the icon like the picture below
Finally, for the last step is create a footer. We’ll add some text and change the Fill of Opacity to 80%
There we have it! Hopefully you should have something like this:
Download the PSD file with the icon
Please download the zip file here (0.8Mb) : FavoriteLinks of The Week (0 downloads)