给大家带来PS制造大度的暗白色网页框架-PS图片处理

只看该作者 · 发表于 2015-1-12 08:36:17

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有帐号？立即注册

x

欢迎大家来到仓酷云论坛，看我们的PS教程！Feizhuliuchi
本教程先容十分简便的网页制造***。作者重点先容顶部及导航栏的制造。打造历程：起首是衬着背景和底纹，然后再制造顶部粉饰和笔墨。能够依据实践必要到场本人喜好的图案或素材。
最后的效果

登录/注册后可看大图

1、创立一个1000x750像素巨细的文件，双击背景图层将其变成可编纂的图层，并翻开图层款式>色彩叠加，用#47382e叠加。

登录/注册后可看大图

如果您觉得本篇PS教程写的好，请记得点击右边漂浮的分享程序，把好文章分享给你的小伙伴们！

只看该作者 · 发表于 2015-1-12 09:49:42

欢迎大家来到仓酷云论坛，看我们的PS教程！2、翻开标尺（视图>标尺），按下图增加一些参考线。

登录/注册后可看大图

3、用矩形工具创立一个矩形，将该图层定名为header.

登录/注册后可看大图

4、将远景色设为玄色，选择椭圆工具创立一个暗影地区，巨细要高于红色的矩形。将卵形图层定名为shadow，并将其置于header图层上面。然后翻开滤镜>转换智能滤镜，以后滤镜>含混>高斯含混，半径为10像素，并把不通明度设为60%，失掉下图效果：

登录/注册后可看大图

如果您觉得本篇PS教程写的好，请记得点击右边漂浮的分享程序，把好文章分享给你的好朋友们！

只看该作者 · 发表于 2015-1-12 09:53:54

如果您觉得本篇PS教程写的好，请记得点击右边漂浮的分享程序，把好文章分享给你的小伙伴们！5、选中header图层，双击翻开图层款式，选择突变叠加，依照下图参数设置。

登录/注册后可看大图

6、利用直线工具画一条亮白色直线，然后再用玄色画别的一条直线（1像素），以后将红线和黑线图层编组，组定名为vDivider。翻开图层>图层蒙版>实际全体。利用径向突变工具，从玄色到红色，自上而下拉往，在组上增加突变效果。

登录/注册后可看大图

如果您觉得本篇PS教程写的好，请记得点击右边漂浮的分享程序，把好文章分享给你的好朋友们！

只看该作者 · 发表于 2015-1-12 09:54:44

如果您觉得本篇PS教程写的好，请记得点击右边漂浮的分享程序，把好文章分享给你的好朋友们！7、利用笔墨工具创立导航栏（字体红色）。然后将一切标签编组，定名为WhiteLinks。复制这个组，将其置于whitelinks组上面，将字体色彩设为玄色，然后将其向上和向左挪动1像素巨细的地位。如许是为了制造3D效果。

登录/注册后可看大图

8、依照第六步的***制造分栏线。

登录/注册后可看大图

9、选择一切分栏线图层将其编组，并定名为hDividers，然后翻开图层>图层蒙版>显现全体。利用线性突变（黑-白）在蒙版做突变效果。

登录/注册后可看大图

如果您觉得本篇PS教程写的好，请记得点击右边漂浮的分享程序，把好文章分享给你的小伙伴们！

只看该作者 · 发表于 2015-1-12 09:55:31

如果您觉得本篇PS教程写的好，请记得点击右边漂浮的分享程序，把好文章分享给你的小伙伴们！10、保留上面的纹理图片，然后用ps翻开，选择编纂>界说图案，将其定名为webPattern。复制header图层，定名为pattern。然后双击翻开图层款式，作废突变叠加，翻开图案叠加，选择之前我们创立的webpattern图案叠加，然在pattern图层上增加图层蒙版，在图层蒙版创立径向突变效果。

登录/注册后可看大图

如果您觉得本篇PS教程写的好，请记得点击右边漂浮的分享程序，把好文章分享给你的好朋友们！

只看该作者 · 发表于 2015-1-12 09:57:11

如果您觉得本篇PS教程写的好，请记得点击右边漂浮的分享程序，把好文章分享给你的小伙伴们！11、如今来增加LOGO和勺子。敲进Chinavisual.com，个中Chinavisual利用粗一些的字体。然后增加图层款式。

登录/注册后可看大图

如果您觉得本篇PS教程写的好，请记得点击右边漂浮的分享程序，把好文章分享给你的小伙伴们！

只看该作者 · 发表于 2015-1-12 10:05:15

如果您觉得本篇PS教程写的好，请记得点击右边漂浮的分享程序，把好文章分享给你的好朋友们！12、下载勺子图片，然后增加图层款式。

登录/注册后可看大图

最后的效果：

登录/注册后可看大图

如果您觉得本篇PS教程写的好，请记得点击右边漂浮的分享程序，把好文章分享给你的小伙伴们！

只看该作者 · 发表于 2015-1-19 23:05:07

要时常总结、吸收自己和其它人的小敲门、技巧.用一个小笔记本计下来，学习PS教程.要学会搜索,找一些photoshop好的例子,自己琢磨,尝试着去做一下.

只看该作者 · 发表于 2015-1-28 16:30:55

看了很多想学软件的提问一直不想这么说，学习PS教程，其实无论学习那种软件都是在有一定基础情况下大量实践，但是一般辅导班的教学都不实用，比较花哨

只看该作者 · 发表于 2015-2-6 00:14:41

我感觉到学习这门课程要有耐心，学习PS教程,要肯下苦工夫,有的图形一次做不好,两次,三次.....,知道做好为止.我在学习平面设计就容易犯这个毛病,简单的图形随便做作,比较复杂的就不去理会.

只看该作者 · 发表于 2015-2-14 15:39:25

因为你从失败中得到了经验.试图掌握photoshop的每一个功能，熟悉每一个工具的运用.拿到一个例子的时候要分析图形中的每一个元素，学习PS教程

只看该作者 · 发表于 2015-3-11 18:24:08

photoshop只是一个工具而已，它也要靠人来操作,不要把它看的太神秘,不感去打开,认真的做.还有不要死看书,听理论.那时没有用的,看十本书,还不如亲手做一做,做不好也不要气馁.

只看该作者 · 发表于 2015-3-19 13:01:44

画面太美，，楼主的PS教程，简直无法直视。

只看该作者 · 发表于 2015-3-28 20:27:16

因为你从失败中得到了经验.试图掌握photoshop的每一个功能，熟悉每一个工具的运用.拿到一个例子的时候要分析图形中的每一个元素，学习PS教程

		自动登录	找回密码
密码			立即注册

[PS教程-广告设计] 给大家带来PS制造大度的暗白色网页框架-PS图片处理

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

相关帖子