买链接、卖链接
让您买链无忧、省心又省力

探索Adobe Photoshop中国官网,学习PS打造专业网站主页技巧

如何用Photoshop制作网站首页
Photoshop完成的,现在为你提供一份简易的教程:
1,启动Photoshop,创建一个全新空白画布:
2,打开图片1,剔除四周不必要的背景。
3,取消选区后,使用移动工具将提取的图片直接拖拽至之前创建的画布中(在线版需先选择复制再粘贴),此时会出现两个图层。
4,为背景图层填充你喜欢的颜色,并为图层1添加蒙版。
5,调整至以下形态
6,挑选合适的画笔,最好选择模糊款,以便呈现朦胧效果,也可根据需求调整透明度。
请注意:(1)我使用的是在线版Photoshop,蒙版下的女孩不可见,务必记住女孩的位置,用画笔勾勒出来,画笔划过的地方,女孩便会显现!(2)若使用专业版Photoshop,蒙版下的女孩可见,画笔划过的地方,女孩则会消失!
7,按照相同的方法处理其他图片
8,将两个图层调整至合适位置,9,添加文字。新建一个图层
10,使用矩形选框工具在新建图层上绘制矩形,填充红色,当然,方法多样,自行选择,大小自定。
11,使用文字工具,选择合适的字体、字号、颜色,写下所需文字。
12,使用多边形套索工具绘制箭头,填充颜色。
13,合并文字图层与图层3,调整至合适位置。通过自由变换可调整其大小、形状、角度等,由于时间紧迫,且电脑未携带回来,只能使用在线版的粗糙版进行制作,但效果相差不大,建议使用专业版Photoshop,功能更强大细致,效果更佳,操作更便捷。
如何用Photoshop制作网页,应从何入手呢
界面设计需遵循一定的规范,在此基础上可快速入门和提升。
【页面构成】
一般来说,一个网页包含导航栏(nav)、页脚(footer)和内容区域(body)。各个页面(二级页面)通过导航栏的链接进行访问。通过内容区域的链接和列表访问其他详细页面(三级页面)。因此,一个简单的CMS(内容管理系统)通常包含【首页index.html】【列表list.html】【正文/详情show.html】三个页面。
【页面模块区域】
了解页面结构和组成后,可以在内容上着手。内容的设计和制作需遵循规范,简单来说,就是链接看起来可点击,按钮看起来像按钮,文本框看起来可输入,保留默认控件的识别性和可用性(单选、复选,手机端通常为左右滑动式,PC端则为按钮式,这种符合设备操作体验的变化和设计),注意观察网页范例,可以整理出诸如【页面头部:logo+导航+其他】【主导航】【下拉菜单】【搜索框】【幻灯片】【文字列表】【图片列表】【选项卡/滑动门列表】【评论列表】【表单区域】等多种展示方式的模块。
【页面规划和设计】
从严格意义上讲,页面的设计除了根据设计师的创意外,还包含需求分析设计。需求分析是根据实际需求(假设我是做新闻的,希望多以列表形式展示;我是做商城的,希望多以图文列表形式展示等)分析来设计展示形式,以内容的权重(哪个模块更重要或更有意义)来布局。设计师的创意相对灵活,只需将整理好的模块按照自己的想法布局即可。
页面的尺寸没有严格限制,但常规布局的页面(如微博、腾讯等门户)都是按照显示器实际尺寸(适应1024768分辨率)进行设计,这便是960grid栅格,Flash整站则没有太多要求(它可以适时缩放,就像播放的电影),手机端设备需考虑普通分辨率尺寸(320480等)。
因此,设计师通常创建一个尺寸适中的新文档,然后创建对应尺寸的页面文档,后者作为辅助图形拖入第一个文档中,然后开始建立辅助线,例如:新建14403000的文档,保存。再创建9603000的文档,按下【V】键,点击文档,不松开鼠标拖动至第一个文档中,使用对齐方式居中顶对齐,从标尺拖出辅助线即可。
【细节和效果】
页面设计不同于排版,需适当考虑实际制作。有些效果看起来很炫酷,但通过代码无法实现(网页通常使用html文件编写),因此,我们需要了解一些效果,知己知彼,才能游刃有余。
良好的视觉效果可以让站点更具冲击力和亲和力(不同的风格有不同的感受),而视觉效果的设计除了灵活运用素材混合模式、滤镜和调色外,还需要一定的审美情趣,以前常说【眼高手低】,如今则要强调【眼低手高】,很多效果看似简单,但想不到,总是看到别人的东西时惊叹【这样也可以啊?】
细节的把握较为锻炼人,建议你参考一下图标和UI设计案例【iconfans】,你可以学会如何使用铅笔调整像素级的细节,也可以学会使用钢笔画笔绘制天马行空的图形,还可以学会输出清晰、锐利的图形图像,还可以学会设计更具体验意义的模块和结构(不要小看体验和设计,试想,太小的文字或图标,不仅看不清,相信你也无法点击,这就是体验)。
【其他】
Photoshop网页设计不仅要求你具备设计功底,还需要良好的工具使用习惯,这里主要说两点——【素材整理和图层操作】。
素材整理,Photoshop中比较灵活的素材包括【字体】【笔刷】【样式】【图案】,其中【样式】尤为重要,除了使用网上下载的素材外,平时常用的也可以新建到样式列表中,并注意及时备份样式列表(偶尔重装系统或更换电脑,你肯定不想再重建样式库吧)。图案通常可以快速铺设一些复杂的背景纹路(如:古典图案和格子、像素点阵等)和图片背景(如:木纹背景),字体就不必多说了。

素材搜集,在PS中运用较为便捷的素材包括【字体】【笔刷】【模板】【图案】,其中【模板】尤为关键。除了使用网络下载的素材,你还可以将自己平时常用的素材添加到模板列表中。同时,记得定期备份你的模板列表(毕竟,偶尔重装系统或更换电脑,你总不想再次构建模板库吧)。图案一般能迅速布置一些繁复的背景纹理(如:古典纹饰和格子、像素矩阵等)以及图片背景(如:木纹背景),至于字体,自不必多言。

图层处理,除了基本的图层样式调整外,你还需要掌握【Ctrl+G】这一快捷键,进行图层组合。图层组合能有效地管理你的图层和设置(一个网页往往包含众多图层,组合可以缩小图层列表的体积,还能将相关模块合并在一起),给予适当的命名,这样在寻找时便更加便捷了。暂时就分享到这里,清晨的阳光照耀着我敲字。

以上所转载内容均来自于网络,不为其真实性负责,只为传播网络信息为目的,非商业用途,如有异议请及时联系btr2020@163.com,本人将予以删除。链接买卖平台 » 探索Adobe Photoshop中国官网,学习PS打造专业网站主页技巧

分享到: 生成海报