Photoshop设计时尚的个人作品网页界面

Step 4

侧边栏为我们展示联系方式、作导航,让我们来建设它吧。

选择矩形工具,前景色改为 #11171c,在左侧栏的图层组里画一个大小230x1320px的矩形,移到左侧边缘,紧贴着第四条参考线就对咯,如图:

Photoshop设计时尚的个人作品网页界面,PS教程

Step 5

在左侧栏的图层组新建一个图层组,位置在矩形上边,命名为轮廓图。

然后利用椭圆工具,摁住Shift,绘制大小100x100px的圆形,移到左数第三条参考线的中间,上边紧贴水平参考线,如图:

Photoshop设计时尚的个人作品网页界面,PS教程

Step 6

现在,请听指挥 ^_^ ,把电脑里最帅气最漂酿的头像找出来,拖进去,摁住Alt,单击圆形,作为剪切蒙版,然后移动调整到合适(看得到脸)的位置。

Photoshop设计时尚的个人作品网页界面,PS教程

Step 7

改变前景色为 #FFFFFF,选择文字工具,选择安装好的字体,大小16pt,写上你的英文名,移动到距头像下25px的位置,确保在第三条参考线的中间。

Photoshop设计时尚的个人作品网页界面,PS教程

Step 8

现在为自己添加点个人介绍吧,作者使用的字体大小14pt,距名字20px,这样界面看起来有呼吸感。

Photoshop设计时尚的个人作品网页界面,PS教程