ps设计教程:ipad主题网页制作教程

最终效果图 ipad电脑图片 #3a3a3a,#111111。以增加背景的层次感。 新建图层,用矩形工具拉出一个矩形框,使用渐变来填充矩形框。 副标题 用矩形选择工具选中ipad显示屏区域,添加一些好看的图片进去 文本区域看起来很单调,最好的方法是加入一些按钮与图标等,这里先

PS设计制作摄影主题网站主页教程

作者:Limiy 翻译 出处: 本文为外文翻译,但对初学做网页设计的人很有用,可以借鉴一下。 1. 首先按ctrl+n新建一个760 x 770文件 2. 文件-打开,导入素材图片 3. 选择滤镜-渲染-镜头光晕 4. 输入值如图 5. 按ctrl+j新建一个图层,导入草地素材图片,选择橡皮工具,选择画笔为

最终效果图

ps设计教程:ipad主题网页制作教程插图

ipad电脑图片

ps设计教程:ipad主题网页制作教程插图(1)

ps设计教程:ipad主题网页制作教程插图(2)

#3a3a3a,#111111。以增加背景的层次感。

ps设计教程:ipad主题网页制作教程插图(3)

ps设计教程:ipad主题网页制作教程插图(4)

ps设计教程:ipad主题网页制作教程插图(5)

新建图层,用矩形工具拉出一个矩形框,使用渐变来填充矩形框。

ps设计教程:ipad主题网页制作教程插图(6)

ps设计教程:ipad主题网页制作教程插图(7)

用矩形选择工具选中ipad显示屏区域,添加一些好看的图片进去

ps设计教程:ipad主题网页制作教程插图(8)

ps设计教程:ipad主题网页制作教程插图(9)

文本区域看起来很单调,最好的方法是加入一些按钮与图标等,这里先加入以个圆角矩形按钮

ps设计教程:ipad主题网页制作教程插图(10)

加入一些图标

ps设计教程:ipad主题网页制作教程插图(11)

同样的方法在ipad功能说明去添加其他矩形文字区块

ps设计教程:ipad主题网页制作教程插图(12)

在功能区域最右下方加入一个下载按钮,按钮制作方法很简单,图层样式如下图。

ps设计教程:ipad主题网页制作教程插图(13)

之后在功能区域下方加入文本内容区域,这里使用矩形工具先建立一个颜色偏黑的背景区块。

ps设计教程:ipad主题网页制作教程插图(14)

ps设计教程:ipad主题网页制作教程插图(15)

在文本右边加入一些图片案例,这里使用网格来对其图片

ps设计教程:ipad主题网页制作教程插图(16)

ps设计教程:ipad主题网页制作教程插图(17)

继续添加新的资源区块。

ps设计教程:ipad主题网页制作教程插图(18)

ps设计教程:ipad主题网页制作教程插图(19)

这里将ipad图片放置在两个资源区之间,可以起到承上启下作用,同时让网站看上去更有整体感

ps设计教程:ipad主题网页制作教程插图(20)

ps设计教程:ipad主题网页制作教程插图(21)

ps设计教程:ipad主题网页制作教程插图(22)

这一步要说下,其实也很简单,就是做一个斜面区块,然后让ipad看上去是从某个袋子中取出的效果

ps设计教程:ipad主题网页制作教程插图(23)

根据上面的斜面区块继续进行细节处理,这里我们用矩形工具制作个渐变图层,透明度设置为30%。然后将其旋转与斜面平行放置,为斜面添加一些阴影效果,看上去更立体

ps设计教程:ipad主题网页制作教程插图(24)

ps设计教程:ipad主题网页制作教程插图(25)

ps设计教程:ipad主题网页制作教程插图(26)

最终效果图

ps设计教程:ipad主题网页制作教程插图

ipad电脑图片

ps设计教程:ipad主题网页制作教程插图(1)

ps设计教程:ipad主题网页制作教程插图(2)

#3a3a3a,#111111。以增加背景的层次感。

ps设计教程:ipad主题网页制作教程插图(3)

ps设计教程:ipad主题网页制作教程插图(4)

ps设计教程:ipad主题网页制作教程插图(5)

新建图层,用矩形工具拉出一个矩形框,使用渐变来填充矩形框。

ps设计教程:ipad主题网页制作教程插图(6)

ps设计教程:ipad主题网页制作教程插图(7)

用矩形选择工具选中ipad显示屏区域,添加一些好看的图片进去

ps设计教程:ipad主题网页制作教程插图(8)

ps设计教程:ipad主题网页制作教程插图(9)

文本区域看起来很单调,最好的方法是加入一些按钮与图标等,这里先加入以个圆角矩形按钮

ps设计教程:ipad主题网页制作教程插图(10)

加入一些图标

ps设计教程:ipad主题网页制作教程插图(11)

同样的方法在ipad功能说明去添加其他矩形文字区块

ps设计教程:ipad主题网页制作教程插图(12)

在功能区域最右下方加入一个下载按钮,按钮制作方法很简单,图层样式如下图。

ps设计教程:ipad主题网页制作教程插图(13)

之后在功能区域下方加入文本内容区域,这里使用矩形工具先建立一个颜色偏黑的背景区块。

ps设计教程:ipad主题网页制作教程插图(14)

ps设计教程:ipad主题网页制作教程插图(15)

在文本右边加入一些图片案例,这里使用网格来对其图片

ps设计教程:ipad主题网页制作教程插图(16)

ps设计教程:ipad主题网页制作教程插图(17)

继续添加新的资源区块。

ps设计教程:ipad主题网页制作教程插图(18)

ps设计教程:ipad主题网页制作教程插图(19)

这里将ipad图片放置在两个资源区之间,可以起到承上启下作用,同时让网站看上去更有整体感

ps设计教程:ipad主题网页制作教程插图(20)

ps设计教程:ipad主题网页制作教程插图(21)

ps设计教程:ipad主题网页制作教程插图(22)

这一步要说下,其实也很简单,就是做一个斜面区块,然后让ipad看上去是从某个袋子中取出的效果

ps设计教程:ipad主题网页制作教程插图(23)

根据上面的斜面区块继续进行细节处理,这里我们用矩形工具制作个渐变图层,透明度设置为30%。然后将其旋转与斜面平行放置,为斜面添加一些阴影效果,看上去更立体

ps设计教程:ipad主题网页制作教程插图(24)

ps设计教程:ipad主题网页制作教程插图(25)

ps设计教程:ipad主题网页制作教程插图(26)

作者: 791650988

为您推荐