PS网页设计教程XXVI——如何在PS中创建一个专业的网页布局

作为编码者，美工基础是偏弱的。我们可以参考一些成熟的网页PS教程，提高自身的设计能力。套用一句话，“熟读唐诗三百首，不会作诗也会吟”。

Create a button for More Tweets.

为More Tweets创建一个矩形（864，1302，194，58）

Apply these styles.

添加下面的样式

渐变编辑器的颜色： #efefef和#ffffff

描边的颜色： #cdcdcd

Add text.

添加文字， 字体如下。颜色： #000000

Step 14 : Creating Footer and Finishing

步骤14：创建页脚并完成布局

Make a selection for the footer and fill it with a grey value.

为页脚创建一个选区（0，1397，1200，103），并填充灰色

Apply Color Overlay.

添加颜色叠加， 颜色： #162623

Finally add footer navigation and copyright info.

最后添加页脚导航栏和版权信息。字体如下。 颜色： #1eafb5

And that concludes the session. Take a look at the final image.

现在结束教程。看看最终的效果图片

后记：本网页布局是一个偏暗色系的布局。该教程整体上中规中矩。亮点是该教程中多次利用蒙版的效果来实现高亮和平滑直线的边缘。也利用高对比的直线实现强烈对比的分块。

更多PS网页设计教程XXVI——如何在PS中创建一个专业的网页布局 相关文章请关注Gxl网photoshop图片处理教程栏目

查看更多关于PS网页设计教程XXVI——如何在PS中创建一个专业的网页布局的详细内容...