Photoshop设计网页股权发布专题页面

2016-02-15 23:32 7 1 收藏

只要你有一台电脑或者手机,都能关注图老师为大家精心推荐的Photoshop设计网页股权发布专题页面,手机电脑控们准备好了吗?一起看过来吧!

【 tulaoshi.com - PS 】

通常设计师接到设计任务时,如果没有跟创意点相符的原画素材,这时候就需要自己动手。下面给大家介绍一下关于素材再创造打造场景氛围的例子。

下面是一个老玩家分红利的页面,要求有股票、红利一些元素在页面中体现,所以联想到用工作台场景来展现,这样可以更容易的把一些带有股票、红利的元素融入到场景中,再根据构思,寻找一些图片素材,提取并进行修饰,拼接再创造,打造场景氛围。

需要素材的朋友下载教程源文件:网游大股东专题页面模板PSD源文件

Photoshop设计网页股权发布专题页面,PS教程,图老师教程网

最终效果

Photoshop设计网页股权发布专题页面,PS教程,图老师教程网

收集与创意表现相符的图片素材

Photoshop设计网页股权发布专题页面,PS教程,图老师教程网

将图①桌面素材平铺整个画面

Photoshop设计网页股权发布专题页面,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

新建高光图层,使用画笔工具模糊笔触,画在高光区域。

Photoshop设计网页股权发布专题页面,PS教程,图老师教程网

将高光图层叠加在桌面图层上

Photoshop设计网页股权发布专题页面,PS教程,图老师教程网

将图②、③、⑤、⑥、⑦摆放在画面中,加图层阴影效果。

Photoshop设计网页股权发布专题页面,PS教程,图老师教程网

将与页面主题相关的图④走势图,放在ipad屏幕中。

Photoshop设计网页股权发布专题页面,PS教程,图老师教程网

使用多边形套索工具绘制便签形状

Photoshop设计网页股权发布专题页面,PS教程,图老师教程网

使用椭圆工具绘制圆形,并复制多个。

Photoshop设计网页股权发布专题页面,PS教程,图老师教程网

按CTRL点击多个圆形图层,选中多个圆图层之后删除图层。

Photoshop设计网页股权发布专题页面,PS教程,图老师教程网

选中红色标签图层,按删除键。

Photoshop设计网页股权发布专题页面,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

将图⑨纸质感图片创建剪贴蒙版,叠加在红色标签图层上,

Photoshop设计网页股权发布专题页面,PS教程,图老师教程网

使用钢笔工具画出标签折角效果,并使用图层样式渐变。

Photoshop设计网页股权发布专题页面,PS教程,图老师教程网

将图⑧曲别针素材放到画面中,与标签纸融合,标签加入文字。

Photoshop设计网页股权发布专题页面,PS教程,图老师教程网

使用矩形工具画出卡片形状,加图形样式描边、阴影效果。

Photoshop设计网页股权发布专题页面,PS教程,图老师教程网

同样使用矩形工具画出卡片内标签,局部颜色变浅。

Photoshop设计网页股权发布专题页面,PS教程,图老师教程网

卡片内加入相应的文字与图形

Photoshop设计网页股权发布专题页面,PS教程,图老师教程网

以相同方式制作出其他卡片,均匀放在画面中。

Photoshop设计网页股权发布专题页面,PS教程,图老师教程网

截取图⑩光晕部分放在画面中

Photoshop设计网页股权发布专题页面,PS教程,图老师教程网

图层样式选择滤色

Photoshop设计网页股权发布专题页面,PS教程,图老师教程网

图层样式选择滤色

Photoshop设计网页股权发布专题页面,PS教程,图老师教程网

新建图层,选取画笔工具半透明模糊笔触,使用棕色颜色,画在画面四周。

Photoshop设计网页股权发布专题页面,PS教程,图老师教程网

最后加入SLOGAN文字与LOGO。

小结:只要前期的构思工作做充分,整个拼接和修图的方法非常简单,只要多练习就可以了。希望对大家能有帮助。

来源:http://www.tulaoshi.com/n/20160215/1565309.html

延伸阅读
红字重点,黑字详解&吐槽。 一般活动页面设计的结构 头部:重点的区域,直接影响导航、内容、底部的设计。确定了头部的设计,页面的整体风格基本就出来了。 1 很多时候会给头部顶个规则比如要多少高以内,必须看到产品,这样的限制过于局限,每个人的显示器大小有别,网购的人也基本了解页面内容的设置,设计完全可以灵活多样些。 ...
设计的生活中,很多时候都被那些琐碎的,日常的需求充斥着,这些需求一般不需要我们花费太多的想法和精力去支持,在这种时候,效率就显得尤为重要了,如果能够适当的运用一些技巧,将会大大的提高我们的工作效率!接下来,就为大家简单介绍几种最常见也最实用的处理招式。 第一招 模版 对于一些定期推出的规律性比较明显的活动专题(标题+时间+...
来源:PConline 作者:李华仁 水晶按钮是非常常用的,制作方法按个人操作也有一些区别。下面的教程是用图层样式来完成主体操作。制作的时候只需用选区工具做出想要的按钮形状,然后添加图层样式和高光即可。 最终效果 1、打开Adobe Photoshop,执行菜单:“文件”/“新建”(快捷键Ctrl+N),弹出新建对话框,设置名称:按钮,宽度:570像...
来源:一起PS吧 作者:不详 水晶按钮的制作关键是把水晶质感渲染出来。可能勾出的图层较多,注意好每一个图层都需要用图层样式等添加光感,然后再根据光源方向设定好高光位置,这样做出的按钮不仅质感好,而且比较合逻辑。 最终效果 1、新建文档,800x600像素,背景白色,画2个矩形,分别添加样式。 2、底部矩形样式。 3、上部...
最终效果 1.创建新文件:1100 x 1250像素。 背景颜色:#e8e8e8。  2.复制背景图层(CTRL + J),然后滤镜杂色添加杂色,设置如下。 3.创建一个圆角矩形、白色的形状在中间的空间布局. 4.简单的图层样式: 5.在右边的位置,加增iPad的图片。 6.复制两个ipadi图片,添加高斯模糊效果,移动到后方,左右分开, 产生空间感。(...

经验教程

614

收藏

87
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部