Photoshop设计电影商店网站模板

本文电影DVD商店网站界面设计翻译自国外教程,整体设计风格简洁直白,有主有次,主要使用到PS笔刷来制作网站界面的变化效果,使得电影DVD商店网站整体上不单调,设计制作过程如下: 先在PS里新建760×770大小文件,白色背景 下载笔刷:line and circle decoration brushes.

网页广告条图片设计的几个步骤

结合阿里巴巴和taobao的一些广告条在此总结一些实用的方法,希望对大家有些帮助首先是把所有元素都堆上去,文字图片,然后参考设计的内容定一个颜色.此外我暂时把广告条分为两类:一类是产品展示型,主要是对客户需要展示的产品做一个排版和设计.二类可能是一个活动,没有产品

本文电影DVD商店网站界面设计翻译自国外教程,整体设计风格简洁直白,有主有次,主要使用到PS笔刷来制作网站界面的变化效果,使得电影DVD商店网站整体上不单调,设计制作过程如下:

先在PS里新建760×770大小文件,白色背景

下载笔刷: line and circle decoration brushes.

使用PS里的画笔笔刷工具:

Photoshop设计电影商店网站模板插图

接下来使用将之前安装的笔刷。

Photoshop设计电影商店网站模板插图(1)

在新建的图层上用笔刷绘制背景图形,颜色为 #f3f3f3。

Photoshop设计电影商店网站模板插图(2)

导入电影影片图片素材。

Photoshop设计电影商店网站模板插图(3)

再下载一个笔刷 Grunge border brushes.

安装笔刷后选择如下图笔刷图形。

Photoshop设计电影商店网站模板插图(4)

使用笔刷修饰网页:

Photoshop设计电影商店网站模板插图(5)

使用椭圆橡皮擦工具:

Photoshop设计电影商店网站模板插图(6)

对网页图形进行涂抹修饰。

Photoshop设计电影商店网站模板插图(7)

将涂抹后的图层进行复制,旋转180度,完成后如下图

Photoshop设计电影商店网站模板插图(8)

使用圆角矩形工具:

Photoshop设计电影商店网站模板插图(9)

使用颜色#e3f7fe 制作简单的圆形,如下图:

Photoshop设计电影商店网站模板插图(8)

继续制作图形,颜色为 #91bcdc

Photoshop设计电影商店网站模板插图(11)

制作矩形,颜色为#90a6bd:

Photoshop设计电影商店网站模板插图(12)

使用钢笔工具为矩形制作折角:

Photoshop设计电影商店网站模板插图(13)

复制矩形图层:

Photoshop设计电影商店网站模板插图(14)

制作颜色为#004995的圆形,用来制作折角背景

Photoshop设计电影商店网站模板插图(15)

在圆形图层上按鼠标右键栅格化图形

Photoshop设计电影商店网站模板插图(16)

I will make a selection.

Photoshop设计电影商店网站模板插图(17)

裁剪这块图形

Photoshop设计电影商店网站模板插图(18)

随后将裁减下的图形翻转180度:

Photoshop设计电影商店网站模板插图(3)

并为其添加图层样式:

Photoshop设计电影商店网站模板插图(20)

自由变形调整其位置与之前的圆形组合成如下折角圆形样子:

Photoshop设计电影商店网站模板插图(21)

使用文字工具

Photoshop设计电影商店网站模板插图(22)

为电影网站添加文字:

Photoshop设计电影商店网站模板插图(23)

最后加入影片图片,整体电影网站设计完成,效果图如下:

Photoshop设计电影商店网站模板插图(24)

本文电影DVD商店网站界面设计翻译自国外教程,整体设计风格简洁直白,有主有次,主要使用到PS笔刷来制作网站界面的变化效果,使得电影DVD商店网站整体上不单调,设计制作过程如下:

先在PS里新建760×770大小文件,白色背景

下载笔刷: line and circle decoration brushes.

使用PS里的画笔笔刷工具:

Photoshop设计电影商店网站模板插图

接下来使用将之前安装的笔刷。

Photoshop设计电影商店网站模板插图(1)

在新建的图层上用笔刷绘制背景图形,颜色为 #f3f3f3。

Photoshop设计电影商店网站模板插图(2)

导入电影影片图片素材。

Photoshop设计电影商店网站模板插图(3)

再下载一个笔刷 Grunge border brushes.

安装笔刷后选择如下图笔刷图形。

Photoshop设计电影商店网站模板插图(4)

使用笔刷修饰网页:

Photoshop设计电影商店网站模板插图(5)

使用椭圆橡皮擦工具:

Photoshop设计电影商店网站模板插图(6)

对网页图形进行涂抹修饰。

Photoshop设计电影商店网站模板插图(7)

将涂抹后的图层进行复制,旋转180度,完成后如下图

Photoshop设计电影商店网站模板插图(8)

使用圆角矩形工具:

Photoshop设计电影商店网站模板插图(9)

使用颜色#e3f7fe 制作简单的圆形,如下图:

Photoshop设计电影商店网站模板插图(8)

继续制作图形,颜色为 #91bcdc

Photoshop设计电影商店网站模板插图(11)

制作矩形,颜色为#90a6bd:

Photoshop设计电影商店网站模板插图(12)

使用钢笔工具为矩形制作折角:

Photoshop设计电影商店网站模板插图(13)

复制矩形图层:

Photoshop设计电影商店网站模板插图(14)

制作颜色为#004995的圆形,用来制作折角背景

Photoshop设计电影商店网站模板插图(15)

在圆形图层上按鼠标右键栅格化图形

Photoshop设计电影商店网站模板插图(16)

I will make a selection.

Photoshop设计电影商店网站模板插图(17)

裁剪这块图形

Photoshop设计电影商店网站模板插图(18)

随后将裁减下的图形翻转180度:

Photoshop设计电影商店网站模板插图(3)

并为其添加图层样式:

Photoshop设计电影商店网站模板插图(20)

自由变形调整其位置与之前的圆形组合成如下折角圆形样子:

Photoshop设计电影商店网站模板插图(21)

使用文字工具

Photoshop设计电影商店网站模板插图(22)

为电影网站添加文字:

Photoshop设计电影商店网站模板插图(23)

最后加入影片图片,整体电影网站设计完成,效果图如下:

Photoshop设计电影商店网站模板插图(24)

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部