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

zhaobing199903

zhaobing199903

2016-02-15 23:32

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

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

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

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

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

最终效果

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

(本文来源于图老师网站,更多请访问http://m.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。

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

展开更多 50%)
分享

猜你喜欢

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

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

用核心路径法设计网页专题页面

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
用核心路径法设计网页专题页面

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

关于网页专题页面设计心得

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
关于网页专题页面设计心得

Photoshop设计网页游戏UI的专题页棕色系网页教程

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop设计网页游戏UI的专题页棕色系网页教程

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

怎样设计网页

Web开发
怎样设计网页

Photoshop设计网页丝带样式教程

电脑网络
Photoshop设计网页丝带样式教程

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Photoshop调出可爱女孩秋季暖色效果

Photoshop调出可爱女孩秋季暖色效果

详细解析设计师如何看懂照片的直方图

详细解析设计师如何看懂照片的直方图
下拉加载更多内容 ↓