卡通动漫风格主题的Press模板UI界面.docx

卡通动漫风格主题的Press模板UI界面.docx

《卡通动漫风格主题的Press模板UI界面.docx》由会员分享，可在线阅读，更多相关《卡通动漫风格主题的Press模板UI界面.docx（7页珍藏版）》请在冰豆网上搜索。

卡通动漫风格主题的Press模板UI界面

本教程中我们利用photoshop设计制作一款卡通动漫风格主题的Press模板UI界面.

最后结果

步骤1:

创建新的文档

在ps中新建文档宽度为1024px高度为[b]height[/b].

步骤2:

焦外成像背景图片

你可以点击此处或者点击此处学习教程.

步骤3:

绘制布局

点击[b]圆角矩形工具[/b]（半径:

5px）,画一个[b]825[/b]x[b]940[/b]在文档中间,[b]透明度减少到[/b][b]60%[/b].

（字体:

Daniel）

然后,使用横向排版工具为你的主题添加名字（类似MyPersonalBlog）.

再一次使用[b]圆角矩形工具[/b]（半径:

5px）,在文档中间大的矩形里面画出[b]626[/b]x[b]418[/b]的图形,[b]透明度减少到[/b][b]75%[/b].增加[b]图层蒙版[/b],点击[b]渐变工具[/b],选择黑/白组合制作如下渐变.

在一次使用[b]圆角矩形工具[/b]（半径:

5px）画一个[b]81[/b]x[b]39[/b]的图形在坐上角.然后,透明度更改为[b]50%[/b].

增加一些图标（类似Rss订阅和Twitter）设置它们的[b]透明度为[/b][b]80%[/b].

步骤4:

绘制内容

我们先从文章的日期开始.点击[b]矩形圆角工具[/b]（半径为:

5px）,画一个[b]76[/b]x[b]29[/b]的图形[b]透明度为[/b][b]40%[/b].点击[b]图层[/b]>[b]图层样式[/b]>[b]阴影…[/b]参照如上设置.

（使用颜色:

#ffffff–#d4d4d4）

然后,选择[b]渐变叠加[/b]如上设置.

（字体:

Antipasto）

增加日期数字和月份（类似23May）.

选择[b]圆角矩形工具[/b]（半径:

5px）,画一个[b]504[/b]x[b]38[/b]图形,在距离文章日期160px的下方,点击[b]图层[/b]>[b]图层样式[/b]>[b]阴影…[/b].使用如上设置.

（Fontused:

Verdana）

点击[b]水平排版工具[/b],增加一些文字（像评论,分类,作者）,链接文字颜色[b]#ffa200[/b].

（字体:

Verdana）

最后,使用[b]横向排版工具[/b],增加帖子的标题（我使用意大利斜体）.

步骤5:

AddingNewset/OlderEntriesLinks

（Fontused:

Verdana）

最后一步我们写上”>”在文章最后面.

最终结果