下载吧 - 绿色安全的游戏和软件下载中心

软件下载吧

当前位置:软件下载吧 > 图形图象 > PHOTOSHOP > Photoshop设计电影商店网站模板

Photoshop设计电影商店网站模板

时间:2024-02-03 17:15作者:下载吧人气:26

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

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

下载笔刷:line and circle decoration brushes.

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

Photoshop设计电影商店网站模板

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

Photoshop设计电影商店网站模板

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

Photoshop设计电影商店网站模板

导入电影影片图片素材。

Photoshop设计电影商店网站模板


再下载一个笔刷 Grunge border brushes.

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

Photoshop设计电影商店网站模板

使用笔刷修饰网页:

Photoshop设计电影商店网站模板

使用椭圆橡皮擦工具:

Photoshop设计电影商店网站模板

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

Photoshop设计电影商店网站模板

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

Photoshop设计电影商店网站模板


使用圆角矩形工具:

Photoshop设计电影商店网站模板

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

Photoshop设计电影商店网站模板

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

Photoshop设计电影商店网站模板

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

Photoshop设计电影商店网站模板


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

Photoshop设计电影商店网站模板

复制矩形图层:

Photoshop设计电影商店网站模板

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

Photoshop设计电影商店网站模板

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

Photoshop设计电影商店网站模板

I will make a selection.

Photoshop设计电影商店网站模板

裁剪这块图形

Photoshop设计电影商店网站模板

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

Photoshop设计电影商店网站模板


并为其添加图层样式:

Photoshop设计电影商店网站模板

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

Photoshop设计电影商店网站模板

使用文字工具

Photoshop设计电影商店网站模板

为电影网站添加文字:

Photoshop设计电影商店网站模板

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

Photoshop设计电影商店网站模板



标签Photoshop设计商店网站,ps电影商

相关下载

查看所有评论+

网友评论

网友
您的评论需要经过审核才能显示

公众号