乐观 发表于 2015-1-12 09:52:40

带来一篇PS制造简便时髦的杂志类主页-PS图片特效

欢迎大家来到仓酷云论坛,看我们的PS教程!Luycas
本教程先容较为公道的网站计划的流程和***。在操纵之前必要对网站的性子有必定的懂得,并画好架构图。然后依据架构图渐渐用PS或其他图象软件着色及排版,必要注重好全体效果和谐及色彩的搭配。大抵架构做好今后再布置素材图片便可失掉整体的效果,前期略微调剂一下细节便可。实践操纵中分歧人操纵流程大概有所分歧,只需能做出好的作品用甚么***都是能够的。
最后的效果

1、上面让我们用线框来动手结构。下图就是我们绘制的复杂结构,这么做的目标是要断定每一个元素的地位。断定主导航栏包括几个局部、和最新增添的内容在主页面中的展现地位。
如果您觉得本篇PS教程写的好,请记得点击右边漂浮的分享程序,把好文章分享给你的好朋友们!

乐观 发表于 2015-1-12 10:00:09

带来一篇PS制造简便时髦的杂志类主页-PS图片特效

欢迎大家来到仓酷云论坛,看我们的PS教程!2、新建文件,宽960px、高1200px。这关于屏幕分辩率为1024*768的伴侣来讲是黄金尺寸。远景色设为#85848c,背景致设为#414048.拉一个径向突变当背景以下图所示。

3、新建图层,重定名为“Header”。利用钢笔工具,绘制帽子外形的路径以下图。右击“Header”图层,选择“夹杂选项”。勾选“突变叠加”,选择”线性突变”,把从上到下的色彩设为#242429->#363640。

技能:利用钢笔工具绘制直线的同时按住Shift键,能包管线的平直度。
如果您觉得本篇PS教程写的好,请记得点击右边漂浮的分享程序,把好文章分享给你的小伙伴们!

乐观 发表于 2015-1-12 10:00:28

带来一篇PS制造简便时髦的杂志类主页-PS图片特效

如果您觉得本篇PS教程写的好,请记得点击右边漂浮的分享程序,把好文章分享给你的好朋友们!4、新建图层,重定名为“Containers”。利用色彩#2e2d33持续依据之前计划好的草图,绘制线框。

5、输出笔墨。

6、新建图层,重定名为“NavDivider”。利用铅笔工具绘制垂直分界限。选择铅笔工具,直径设为1px,色彩#000000,绘制别的一条1px的垂直支解线。然后绘制别的一条,色彩#6e6f74。
如果您觉得本篇PS教程写的好,请记得点击右边漂浮的分享程序,把好文章分享给你的好朋友们!

乐观 发表于 2015-1-12 10:01:26

带来一篇PS制造简便时髦的杂志类主页-PS图片特效

如果您觉得本篇PS教程写的好,请记得点击右边漂浮的分享程序,把好文章分享给你的小伙伴们!7、按Q进进疾速蒙版形式,点击“突变工具”,选择“反射突变”,拖拽出一个小的反射突变以下:

8、再次按Q推出疾速蒙版形式,这时候候我们获得选区。按Delete键,你将取得支解线高低双方缘隐往的效果。

9、新建图层,重定名为“Highlight”。远景色设为#242329,,绘制一个圆角矩形,右击图层,选择“夹杂选项”。勾选“内发光”,夹杂形式设为“一般”,色彩#000000,不通明度30%,内发光半径5px。

10、新建图层,重定名为“SearchBox”。反复“Highlight”图层的做法,绘制圆角搜刮框框时,远景色设为#504f57。

11、绘制搜刮框的右半局部。(从上到下,色彩设置为#b8b7c5-#95949c)。
如果您觉得本篇PS教程写的好,请记得点击右边漂浮的分享程序,把好文章分享给你的小伙伴们!

乐观 发表于 2015-1-12 10:11:09

带来一篇PS制造简便时髦的杂志类主页-PS图片特效

欢迎大家来到仓酷云论坛,看我们的PS教程!12、安排必需的文章和搜刮图标。

13、如今看起来页面还很粗拙,让我们持续制造两头的滑动模块。

14、新建图层,重定名为“SlideshowBorder”。利用钢笔工具绘制左上角、右上角凸起的边框。获得“header”选区,点击Delete键失掉边框。

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

乐观 发表于 2015-1-12 10:13:08

带来一篇PS制造简便时髦的杂志类主页-PS图片特效

如果您觉得本篇PS教程写的好,请记得点击右边漂浮的分享程序,把好文章分享给你的小伙伴们!15、在滑动模块的两次绘制两个玄色的小圆角矩形按钮。

16、拼合一切的玄色图形到统一图层,右击图层缩略图,选择“夹杂形式”。勾选“突变叠加”,突变色设置以下(从左到右顺次是:#8d8e92,#cbcbcd,#323137,#c3c5d4)勾选“外发光”,夹杂形式设为“一般”,外发光色彩:#000000,不通明度4%,外发光巨细5px。

17、绘制左边箭头,复制“程度翻转”失掉右边箭头。

18、如今看起来很多多少了。让我们持续为图片展现区和漫笔区制造边框。
如果您觉得本篇PS教程写的好,请记得点击右边漂浮的分享程序,把好文章分享给你的好朋友们!

乐观 发表于 2015-1-12 10:16:05

带来一篇PS制造简便时髦的杂志类主页-PS图片特效

欢迎大家来到仓酷云论坛,看我们的PS教程!19、新建图层,重定名为“ThumbnailBorder”。在原始图片形下方绘制圆角矩形如左一,按住Ctrl键获得原始图片形的选区,按Delete键删除,只留下边框。先复制之前做过的滑动模块边框的图层款式,右击“SlideshowBorder”图层粘贴图层款式,效果以下:

20、在“ThumbnailBorder”图层上方新建图层,沿边框外边沿绘制一条1px宽的围绕边框,右击图层款式,勾选“突变叠加”,色彩从上到下设置为#ffffff-#666666,利用不异的***为外部矩形块增加边框,突变色与后面相反。

21、经由过程复制失掉其他几个边框,这里不细说了。上面我们接着来增补笔墨内容。

22、如今我们离开题目这。字体色彩利用玄色#000000,然后为笔墨增加投影,投影色#ffffff,角度90°,巨细2px,间隔1px。

对一切的主副题目使用该图层款式。你能够增添需要的Icon图标来粉饰页面。
如果您觉得本篇PS教程写的好,请记得点击右边漂浮的分享程序,把好文章分享给你的好朋友们!

乐观 发表于 2015-1-12 10:16:39

带来一篇PS制造简便时髦的杂志类主页-PS图片特效

欢迎大家来到仓酷云论坛,看我们的PS教程!23、我们基础上已做好了,入手下手导进图片。

24、上面是导进图片后的效果。

25、最初我们要思索下怎样让宽屏用户失掉优秀的视觉效果,这是网站计划事情中常常被无视的一点。完成最后的效果。
如果您觉得本篇PS教程写的好,请记得点击右边漂浮的分享程序,把好文章分享给你的好朋友们!

柔情似水 发表于 2015-1-13 10:27:01

带来一篇PS制造简便时髦的杂志类主页-PS图片特效

路过,打酱油的,带走楼主的PS教程。

愤怒的大鸟 发表于 2015-1-13 20:23:42

带来一篇PS制造简便时髦的杂志类主页-PS图片特效

楼主,你是PS高手么,为什么你的PS教程如此厉害,都不知道总么形容!

灵魂腐蚀 发表于 2015-1-25 15:52:03

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

愤怒的大鸟 发表于 2015-2-3 12:21:22

如果真想学出来,主要靠自己大量的练习,在练习中发现问题,然后使用网络或询问他人解决,然后开始接触实际工作,慢慢的熟悉软件的实际应用

谁可相欹 发表于 2015-2-9 04:25:58

路过,看看PS教程。求带走。

柔情似水 发表于 2015-2-27 03:26:58

路过,看看PS教程。求带走。

活着的死人 发表于 2015-3-8 22:08:09

这么好的PS教程,不看实在可惜了。

金色的骷髅 发表于 2015-3-17 00:11:10

就象我上面总结的那样,学习PS教程,如果有不懂和不足之处,还要请老师多多指教.

飘灵儿 发表于 2015-3-23 18:11:03

画面太美,,楼主的PS教程,简直无法直视。
页: [1]
查看完整版本: 带来一篇PS制造简便时髦的杂志类主页-PS图片特效