设为首页收藏本站
开启辅助访问 切换到窄版

仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
仓酷云»社区 › 软件教程 Design › Photoshop(PS) › 来一发具体先容假如用PS制造一个计划类主页-PS图片处理 ...
返回列表 发新帖
查看: 953|回复: 19
打印 上一主题 下一主题

[PS教程-广告设计] 来一发具体先容假如用PS制造一个计划类主页-PS图片处理

[复制链接]
莫相离 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-12 08:44:04 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

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

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

x
欢迎大家来到仓酷云论坛，看我们的PS教程！优设Joe译
制造一个好的网页，必要消费大批的工夫，包括的内容也长短常多的，个中有按钮、横幅、图标及别的素材等。制造的时分先计划好大抵的框架，然后由上至下渐渐细化各局部的内容，注重好全体搭配。
最后的效果
1、在我们翻开PSD网格模板创作前,我们起首必要先机关一下设想中的布局.从下面的这张图，你能够看出来：由于在一个排版中又有排版，以是这是一个有点庞大的布局。
 如果您觉得本篇PS教程写的好，请记得点击右边漂浮的分享程序，把好文章分享给你的小伙伴们！
PS图片处理, PS教程, 小伙伴, 文章, 计划

相关帖子
回复

使用道具 举报

莫相离 该用户已被删除
沙发
 楼主| 发表于 2015-1-12 08:44:54 | 只看该作者

来一发具体先容假如用PS制造一个计划类主页-PS图片处理

如果您觉得本篇PS教程写的好，请记得点击右边漂浮的分享程序，把好文章分享给你的好朋友们！2、机关了却构以后我们持续.翻开16栏式的PSD模板文件.翻开“图象>画布巨细”.把画布的宽度设置为1200px高度设置为1700px.把背景致设置为#ffffff既红色。
3、用长方形工具在顶部画一个宽100%宏伟概80px的长方形.用色彩：#dddddd添补它。
4、在长方形那层下面创立一个新层.按住CRTL键鼠标点击长方形层.长方形就被选中了，然后把方针移至刚建的新层上.选择半径600px的软笔刷（如图）,把其色彩设置为红色,然后就像图片所示那样在选框上边沿点几下。经由过程这个技能你画出了一个奇妙的照亮效果。你如今能够把这两层团结起来了。
5、建一个新层，再用长方形工具如图所示在上端画一个深灰色的小长方形。
6、在间隔上端长方形500px处入手下手画一个宽100%高575px的长方形.设置其由#d2d2d0到#ffffff的突变色,角度为-90,缩放为100%。
如果您觉得本篇PS教程写的好，请记得点击右边漂浮的分享程序，把好文章分享给你的好朋友们！
回复 支持 反对

使用道具 举报

变相怪杰 该用户已被删除
板凳
发表于 2015-1-12 08:44:09 | 只看该作者

来一发具体先容假如用PS制造一个计划类主页-PS图片处理

路过，看看PS教程。求带走。
回复 支持 反对

使用道具 举报

莫相离 该用户已被删除
地板
 楼主| 发表于 2015-1-12 08:45:20 | 只看该作者

来一发具体先容假如用PS制造一个计划类主页-PS图片处理

欢迎大家来到仓酷云论坛，看我们的PS教程！7、如今我们如第五步那样增加照亮效果。这个技能我们将很频仍地利用，因而下次用到的时分我只提醒是第五步的效果。在以后层之上简历一个新层。Ctrl+鼠标点击这个年夜的长方形。选择600px的软笔刷,设置色彩为红色，如图所示对选区的边沿点击多下。
8、创立一个新层画一个400px高的长方形。这是用作我们网页页头的。给它设置一个线性突变，由色彩#2787b7to#258fcd。以下展现色彩的奇妙变更。


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

使用道具 举报

莫相离 该用户已被删除
5#
 楼主| 发表于 2015-1-12 08:47:24 | 只看该作者

来一发具体先容假如用PS制造一个计划类主页-PS图片处理

欢迎大家来到仓酷云论坛，看我们的PS教程！9、在页首长方形块底端画一条1px的灰蓝色的线,夹杂属性中增加暗影效果。暗影参数:正底叠加,通明度:65%,偏向:-90,间隔:1px，宽度:6px。以后再建一个新层，在灰蓝色线上面画一条1px的白线。经由过程这类体例，我们就能够创立一个表面光显的边沿。能够说在你的计划中，你能够把这个技能用于其他色块。
10、创立一个新层,在画布顶端用”长方形”工具化一个50px高的长方形,就如图所示，这个长方形是用作导航的。
11、为其增加暗影效果.参数如图所示。
12、入手下手话导航啦.利用”圆角工具”，设置半径为5px,画一个圆角长方形，用色彩#f6a836添补它,以后给他增加以下效果:内暗影-色彩:#ffffff,夹杂形式:正底叠加,通明度:60%,角度:120*,间隔:7px,巨细:6px；
内发光C夹杂形式:一般,色彩:#ffffff,巨细:4px.其他参数默许设置；
描边C巨细:1px,地位:外部,色彩:#ce7e01。
13、Ctrl+鼠标点击层发生如图选区.选择：选择->修正>压缩然后在弹出框中输出1px，断定。
14、在下面再建一层,把夹杂形式设置成叠加，然后仿佛第五步那样加照亮效果，不外此次用的是小笔刷。然后就是增添导航笔墨了。我用Arial字体作为导航的毗连字体,一切效果设置为“无”。
 如果您觉得本篇PS教程写的好，请记得点击右边漂浮的分享程序，把好文章分享给你的好朋友们！
回复 支持 反对

使用道具 举报

莫相离 该用户已被删除
6#
 楼主| 发表于 2015-1-12 08:54:26 | 只看该作者

来一发具体先容假如用PS制造一个计划类主页-PS图片处理

欢迎大家来到仓酷云论坛，看我们的PS教程！15、如今我们入手下手创立搜刮框,圆角长方形，半径5px,在如第四步所示的网格的右侧、顶端灰色背景网格纹两头创立一个用于搜刮的色块.为它增添以下款式:内暗影C色彩:#000000,夹杂形式:正片叠加,通明度:9%,角度:90*,间隔:0px,巨细:6px；
描边C巨细:1px,地位:外部,色彩:#dfdfdf。
16、给它增加”search”的文本和一个亮底暗色的”GO”按钮.以下图所示。
17、到今朝为止已创立了良多层了，为了条例分明，我们创建一个叫”search”的层文件夹.把一切于搜刮相干的层一并拖到这个层文件夹内里往.迟点，我们城市如许处置，可让我们的创作更公道。
18、新建一个新层，然后就像画”搜刮框”一样在这层下面画一个”SignUp”按钮（字长恰好为背景长的一半）.把这个组合放在搜刮框下方条纹竖直偏向两头。
19、再一次如第五步那样创立亮光效果。
20、利用更小的软笔刷.此次的笔触巨细为45px。
 如果您觉得本篇PS教程写的好，请记得点击右边漂浮的分享程序，把好文章分享给你的小伙伴们！
回复 支持 反对

使用道具 举报

莫相离 该用户已被删除
7#
 楼主| 发表于 2015-1-12 08:55:25 | 只看该作者

来一发具体先容假如用PS制造一个计划类主页-PS图片处理

如果您觉得本篇PS教程写的好，请记得点击右边漂浮的分享程序，把好文章分享给你的小伙伴们！21、加了logo和网站形貌以后，我们的网页就如上所示。
22、如今我们回到层布局那边延迟做一些事情。创立一个空的层文件夹并定名为”top_bar”。挪动一切的图层到这个文件夹内里（包含logo,条纹,搜刮框,注册按钮，导航和背景）。
23、创立别的一个空层文件夹并定名为”header”。这里用于安排头部图层。如上图所示。
24、头部看起来有的平平，因而我们能够再恣意地位加不异的亮光效果。选中蓝色的头部地区.在它下面创立一个新层并设置其夹杂款式为“叠加”。
25、选一个年夜点的600px软笔刷，色彩为#ffffff红色。然后再导航下方点击几回。假设想更有条理感，你还能够把色彩调为玄色，然后在头部区底部反复一样操纵。
26、在这一步我先容一下我是怎样完成头部图片的反光效果的。选择两张图片，我用了我本人别的做的两个网页模板图片，缩放个中一个然后把他放在对照年夜的谁人的下方。

复制这两层，用自在变更工具按住shift键等比例缩放一下，用长方形工具在下层的图片下端内部画一个选区，到选择->修正->成仙，填进30px大概年夜点成仙一下选框。（这里原教程说得不年夜分明，我完成的***是如许的：成仙以后选择反选，然后拔取画笔工具，选红色，再在图片的右边角和右下角点击数下，然后用长方形选框和delete键修整边沿）。
 如果您觉得本篇PS教程写的好，请记得点击右边漂浮的分享程序，把好文章分享给你的好朋友们！
回复 支持 反对

使用道具 举报

莫相离 该用户已被删除
8#
 楼主| 发表于 2015-1-12 08:55:57 | 只看该作者

来一发具体先容假如用PS制造一个计划类主页-PS图片处理

如果您觉得本篇PS教程写的好，请记得点击右边漂浮的分享程序，把好文章分享给你的好朋友们！27、为了让两个图片加倍凸起，能够新建一层，设置该层形式为叠加，反复第四步的效果增加的操纵。
28、条纹以后，头部地区就是像下面那模样的。不要丹方把图层都放在’header’层文件夹内里。
29、最后的效果内里你会看到在内容地区内里有很大度的切换页。为了创立这类切换页我们必要完成分外的一些操纵，这是很有需要的。起首用圆角长方形工具创立一个高70px圆角半径为10px的图形（注重要画路径图），如今我们不要底部圆角的局部而为它郑家一个更好的角效果。用间接拔取工具单击这个图形的路径，单击垂直点然后按住shift键往下拉直到如图所示形态.如今看起来不错了，可是仍是对照大略。
30、如图创立了一个对照好的角。
31、选择直线工具，设置巨细为1px。
32、按住shift键画灰色的支解线。
 如果您觉得本篇PS教程写的好，请记得点击右边漂浮的分享程序，把好文章分享给你的好朋友们！
回复 支持 反对

使用道具 举报

莫相离 该用户已被删除
9#
 楼主| 发表于 2015-1-12 09:03:09 | 只看该作者

来一发具体先容假如用PS制造一个计划类主页-PS图片处理

欢迎大家来到仓酷云论坛，看我们的PS教程！33、为每一个切换题目增加小图标。一般一个切换题目激活了其他的就处于非激活形态了。为了分明表达这一点，我们必要想个举措完成它。我下降其他图标的饱和度而且下降题目字眼和形貌笔墨的通明度一包管激活的题目处于高亮形态。
34、为了使激活的按钮加倍分明，我们将给它增加一个时髦的背景。为了到达如许的效果我们把全部工具选中然后裁切选区（按住alt画选区便可把不要的选区往失落）终极使选中的局限只要第一个按钮。
35、如上图所示即为所要到达的选区。
36、用一个更小的软笔刷，画出一个红色背景。
37、增添一个暗影：在切换菜单的前面如上图所示画一个深灰色的长方形。
38、点击图层区底部的小图标给该层增添一个蒙版。
 如果您觉得本篇PS教程写的好，请记得点击右边漂浮的分享程序，把好文章分享给你的小伙伴们！
回复 支持 反对

使用道具 举报

莫相离 该用户已被删除
10#
 楼主| 发表于 2015-1-12 09:09:05 | 只看该作者

来一发具体先容假如用PS制造一个计划类主页-PS图片处理

欢迎大家来到仓酷云论坛，看我们的PS教程！39、把远景色设置为玄色，选一个年夜的软笔刷，在蒙版层下面点击（如图所示，蒙板下面出了红色以外的色彩城市遮挡图层）使局部玄色往失落。了局，我们创立了一个对照悦目的暗影效果。
40、最初我们加点细节。在切换菜单下方画一个1px的灰线。然后如上一步一样用蒙版的体例使摆布两头突变。如今我们就失掉一条对照时髦悦目的线了。
41、如今切换菜单就像如许。
42、如今入手下手计划第一个切换按钮的内容。我们必要一个精准计划的图象（有悦目的题目和一些笔墨内容）。起首我们得创立这个精准的图片。这里我以为我们最好冲破这个图片尖利的棱角计划，从而制造一个多彩的效果。因而我如今画一个红色有1像素灰色边框的长方形，再给它加上渺小的暗影效果。
43、复制这一层并用变形工具略微扭转。反复这个操纵几回。
44、把你选好的图片导出去，放在红色长方形下面。不必忧虑图片会溢出，我们会修整它。选中最下层的长方形，按选择->修正->压缩，输出5px,确认，然后在图层办理区下方点击增加图层蒙版，如许图片就只显现选区局限。
45、这就是你如今图层的形态。
 如果您觉得本篇PS教程写的好，请记得点击右边漂浮的分享程序，把好文章分享给你的小伙伴们！
回复 支持 反对

使用道具 举报

莫相离 该用户已被删除
11#
 楼主| 发表于 2015-1-12 09:09:23 | 只看该作者

来一发具体先容假如用PS制造一个计划类主页-PS图片处理

如果您觉得本篇PS教程写的好，请记得点击右边漂浮的分享程序，把好文章分享给你的好朋友们！46、不要健忘收拾图层，这里新建图层夹把图层回类。
47、增添一个大度的题目、一些文本和列表，我们的计划事情又完成一局部。如今持续下一步吧。
48、再构造一下图层。
49、我以为这一个局部要对照年夜的，因而我把局限限制在主地区上的一个年夜的盒子内里。起首创立一个年夜的淡灰色的也许高220像素的长方形。设置其有1像素的灰色边。
50、然后再画一个高低摆布都比它小10像素的另外一个长方形。一样设置其1像素的淡灰色边框。
51、最初写上文本就能够了。
52、终究要做页脚啦。画一个400像素高的、深玄色的长方形。
 如果您觉得本篇PS教程写的好，请记得点击右边漂浮的分享程序，把好文章分享给你的好朋友们！
回复 支持 反对

使用道具 举报

莫相离 该用户已被删除
12#
 楼主| 发表于 2015-1-12 09:11:16 | 只看该作者

来一发具体先容假如用PS制造一个计划类主页-PS图片处理

欢迎大家来到仓酷云论坛，看我们的PS教程！53、如第四步一样给它加亮光效果。
54、上去，如图所示，在地区上方画一个10像素高的长方形，而且经由过程在顶端和底部各多加两条线加强细节处置。
55、创立低端局部用于安排反复的导航。你能够拷贝顶端安排导航的长方形，挪动并变形使其40像素高。把它放到你画布的最低端。你要注重你大概要扩大你的画布使一切器材都有合适的地位。制约扩大画布的操纵你能够如许：图象->画布巨细设置便可。
56、再次强化细节。给页脚的导航区顶端加一条红色边，如许有对照好的边框效果。
57、给页脚增添内容，你能够根据网格公道安装它们。
58、然后就是把页脚相干的图层整合起来。
最后的效果：
如果您觉得本篇PS教程写的好，请记得点击右边漂浮的分享程序，把好文章分享给你的好朋友们！
回复 支持 反对

使用道具 举报

若相依 该用户已被删除
13#
发表于 2015-1-18 05:22:25 | 只看该作者
真心想学PS，看过楼主的PS文字教程，实在是高明。
回复 支持 反对

使用道具 举报

谁可相欹 该用户已被删除
14#
发表于 2015-1-27 05:32:16 | 只看该作者
也不能说我什么都没有学到,最起码我上课认真听课了,就是下课后不好好练习.我对摄影比较感兴趣,照片的后期处理又要用ptotoshop做.所以平时上课就要留意怎么简单的处理图片.我学到一点经验:
回复 支持 反对

使用道具 举报

再现理想 该用户已被删除
15#
发表于 2015-2-5 10:39:14 | 只看该作者
学习PS教程图形图像处理时，没太多的必要学许多其他乱七八糟的软件，如果你实在很感兴趣学别的，又有充足的时间，充沛的精力，我当然也不反对。
回复 支持 反对

使用道具 举报

飘飘悠悠 该用户已被删除
16#
发表于 2015-2-11 14:10:32 | 只看该作者
我的学习PS心得也就这么多，学习PS教程,简单的来说就是"多练习""有耐心"
回复 支持 反对

使用道具 举报

小妖女 该用户已被删除
17#
发表于 2015-3-2 17:14:48 | 只看该作者
真心想学PS，看过楼主的PS文字教程，实在是高明。
回复 支持 反对

使用道具 举报

乐观 该用户已被删除
18#
发表于 2015-3-11 07:30:38 | 只看该作者
还是强烈建议研习透某款Photoshop每项功能，学习PS教程，熟透每个工具的使用方法，自然攻下PS就不在话下，说不定，你一不小心，就成了PS高手或其它类似软件的高手。
回复 支持 反对

使用道具 举报

admin 该用户已被删除
19#
发表于 2015-3-18 05:27:43 | 只看该作者
从这PS门课中我不仅学到了技术,更重要的是学到了做事要有耐心,要有恒心.，学习PS教程，在以后人生道路中难免要遇到挫折,不吃点苦是不可能的.还要学会吃苦耐劳.失败了,重头在\再来,成功就在前面等这你.
回复 支持 反对

使用道具 举报

愤怒的大鸟 该用户已被删除
20#
发表于 2015-3-25 19:29:21 | 只看该作者
还有一点遗憾,就是没有把我的博客整理好，学习PS教程,我原来以为学习博客没有用.后来才知道老师在锻炼我们的自学能力,哎!遗憾!这么好的一次锻炼机会给我白白浪费了.
回复 支持 反对

使用道具 举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-5-20 00:51

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表