当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > Photoshop制作DVD电影商店网站模板

Photoshop
Photoshop文字特效:晶莹剔透的水果糖文字
矢量的ipad ui设计的PSD源文件
作品欣赏:PS设计的26个出色的动物机器人
作品欣赏:别出心裁的个性酒瓶设计实例
Photoshop调色教程:红润肤色的美女
Photoshop文字特效:梦幻彩色发光文字
Photoshop图片合成教程:水彩效果海报
Photoshop教程:时尚个性的撕皮特效
Photoshop教程:轻松绘制逼真的Apple IPAD
Photoshop影楼调色教程:可选颜色的使用
Photoshop教程:调色制作恐怖的电影场景
Photoshop图片:逼真的流泪特效
Photoshop绘制黑色的实用网页导航按钮
Photoshop绘制红色风格美丽的花瓣壁纸
Photoshop绘制碳纤维风格的网页导航按钮
Photoshop经典教程:90后女孩照片仿手绘
Photoshop教程:轻松绘制黑色风格导航条文字
Photoshop入门教程:制作搞笑的GIF动画
Photoshop入门教程:色彩搭配设计讲解
Photoshop教程:水彩特效的卡通小男孩

Photoshop制作DVD电影商店网站模板


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-27   浏览: 169 ::
收藏到网摘: n/a

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

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

下载笔刷: line and circle decoration brushes.

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

Photoshop制作DVD电影商店网站模板 1

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

RuanChen.Com

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

Photoshop制作DVD电影商店网站模板 3

导入电影影片图片素材。

Photoshop制作DVD电影商店网站模板 4

再下载一个笔刷 Grunge border brushes.

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

Photoshop制作DVD电影商店网站模板 5

使用笔刷修饰网页:

Photoshop制作DVD电影商店网站模板 6

使用椭圆橡皮擦工具:

Photoshop制作DVD电影商店网站模板 7

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

Photoshop制作DVD电影商店网站模板 8

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

 

Photoshop制作DVD电影商店网站模板 9

使用圆角矩形工具:

Photoshop制作DVD电影商店网站模板 10

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

Photoshop制作DVD电影商店网站模板 11

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

Photoshop制作DVD电影商店网站模板 12

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

Photoshop制作DVD电影商店网站模板 13

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

Photoshop制作DVD电影商店网站模板 14

复制矩形图层:

Photoshop制作DVD电影商店网站模板 15

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

Photoshop制作DVD电影商店网站模板 16

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

 

Photoshop制作DVD电影商店网站模板 17

I will make a selection.

Photoshop制作DVD电影商店网站模板 18

裁剪这块图形

Photoshop制作DVD电影商店网站模板 19

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

Photoshop制作DVD电影商店网站模板 20

并为其添加图层样式:

 

Photoshop制作DVD电影商店网站模板 21

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

Photoshop制作DVD电影商店网站模板 22

使用文字工具

Photoshop制作DVD电影商店网站模板 23

为电影网站添加文字:

Photoshop制作DVD电影商店网站模板 24

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

 

DVD Movie Shop Layout RuanChen.ComTutorial: Final Result