PS设计教程网欢迎你!

Photoshop制作一个糖果店网站教程(3)

文章来源于 Pspsd.com,感谢作者 全球经典设计聚合网 给我们带来经精彩的文章!
设计教程/PS教程/设计教程2010-07-01
17. 改变混合模式为柔光在这一层,然后降低透明度为38%。现在添加到您的下列混合选项突出层: 18. 添加一些文本,以象征意义,它的颜色#FDDCE3链接,你就会有一些看起来像这样: 19. 现在我们需要创建一个搜索栏。

17. 改变混合模式为柔光在这一层,然后降低透明度为38%。现在添加到您的下列混合选项突出层:

Photoshop制作一个糖果店网站教程

Photoshop制作一个糖果店网站教程

18. 添加一些文本,以象征意义,它的颜色#FDDCE3链接,你就会有一些看起来像这样:

Photoshop制作一个糖果店网站教程

19. 现在我们需要创建一个搜索栏。 用你的钢笔工具,创建一个形状像一个下面的#72A0E5前景。

Photoshop制作一个糖果店网站教程

20. 使用CTRL+ J来重复你的形状,然后进入“编辑>变换>水平翻转和对齐下面的方式。选择这两个层次,然后右击。 选择合并图层从下拉菜单:

Photoshop制作一个糖果店网站教程

21. 现在添加下面混合选项到搜索框:

Photoshop制作一个糖果店网站教程

22. 所有这一切都为搜索框左边是添加一个输入字段与你的圆角矩形工具与5px半径。然后我用从NIXUS图标包一个放大镜图标。

Photoshop制作一个糖果店网站教程

23. 我们的头部最后一个方面是我们的主网站导航。使用您喜欢的矩形工具,画出一个矩形。 我们的第一个链接“糖果”是#FFFFFF,而其它的链接是#FDDCE3。

Photoshop制作一个糖果店网站教程

24. 下面我将着重表现点开的链接,我们使用的是一个矩形,颜色不重要,突出是重点:

Photoshop制作一个糖果店网站教程

25. 现在,在您的标签层,添加以下混合选项给它一个很好的渐变。

Photoshop制作一个糖果店网站教程

Photoshop制作一个糖果店网站教程

26. 要添加一些额外的细节,我们的标签,我们要在顶部切出一个小的块。 使用您的多边形套索工具(L)的,作出选择类似于以下命令,然后选择“选择>逆时针旋转”。 然后击中层图层蒙板图标调色板选项卡上选择与你的层。

Photoshop制作一个糖果店网站教程

27. 最后一步是要增加一个像我们周围的白色边缘。我们将其设置为柔光,不透明度,然后降低到约62%。

Photoshop制作一个糖果店网站教程

28. 现在为头部的背景做个风车效果类似以下所示:

Photoshop制作一个糖果店网站教程

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa