PS教程:卡通动漫WordPress主题网页设计(3)

作者:佚名 出处:发现吧 最后结果 步骤1: 创建新的文档 在ps中新建文档宽度为1024px高度为 height . 步骤2: 焦外成像背景图片 步骤3: 绘制布局 点击 圆角矩形工具 (半径: 5px) ,画一个 825 x 940 在文档中间, 透明度

photoshop如何设计绿色的时尚Web网站(3)

, 31、选择矩形工具(ü),设置颜色为#A6A43F,并创建一个矩形的尺寸610px的220px。这将是背景,精选项目形象。 32、插入您想要的任何图像文件到您使用移动工具(五)(我用的屏幕截图Envato网站)。 33、把上图

 

作者:佚名   出处:发现吧

最后结果

PS教程:卡通动漫WordPress主题网页设计(3)插图

步骤 1: 创建新的文档

PS教程:卡通动漫WordPress主题网页设计(3)插图(1)

ps中新建文档宽度为 1024px高度为height.

步骤 2: 焦外成像背景图片

PS教程:卡通动漫WordPress主题网页设计(3)插图(2)

 

 


步骤  3: 绘制布局

PS教程:卡通动漫WordPress主题网页设计(3)插图(3)

点击 圆角矩形工具(半径: 5px), 画一个 825x940在文档中间,透明度减少到60%.

PS教程:卡通动漫WordPress主题网页设计(3)插图(4)(字体: Daniel)

然后, 使用横向排版工具为你的主题添加名字(类似 My Personal Blog).

PS教程:卡通动漫WordPress主题网页设计(3)插图(5)

再一次使用圆角矩形工具(半径: 5px), 在文档中间大的矩形里面画出  626x418 的图形,透明度减少到 75%. 增加 图层蒙版, 点击渐变工具, 选择 黑/白组合制作如下渐变.

PS教程:卡通动漫WordPress主题网页设计(3)插图(6)

在一次使用 圆角矩形工具(半径: 5px) 画一个 81x39 的图形在坐上角. 然后, 透明度更改为50%.

PS教程:卡通动漫WordPress主题网页设计(3)插图(7)

增加一些图标(类似Rss订阅和Twitter) 设置它们的 透明度为80%.

 


步骤  4: 绘制内容

PS教程:卡通动漫WordPress主题网页设计(3)插图(8)

我们先从文章的日期开始. 点击矩形圆角工具(半径为: 5px), 画一个 76x29 的图形透明度为40%. 点击 图层 > 图层样式阴影… 参照如上设置.

PS教程:卡通动漫WordPress主题网页设计(3)插图(9)(使用颜色: #ffffff – #d4d4d4)

然后, 选择渐变叠加 如上设置.

PS教程:卡通动漫WordPress主题网页设计(3)插图(10)(字体: Antipasto)

增加日期数字和月份(类似 23 May).

PS教程:卡通动漫WordPress主题网页设计(3)插图(11)

选择 圆角矩形工具(半径: 5px), 画一个 504x38 图形,在距离文章日期160px的下方,点击图层 > 图层样式阴影…. 使用如上设置.

PS教程:卡通动漫WordPress主题网页设计(3)插图(12)(Font used: Verdana)

点击 水平排版工具, 增加一些文字(像 评论, 分类, 作者) ,链接文字颜色#ffa200.

PS教程:卡通动漫WordPress主题网页设计(3)插图(13)(字体: Verdana)

最后, 使用横向排版工具, 增加帖子的标题(我使用意大利斜体) .

 


步骤 5: Adding Newset/Older Entries Links

PS教程:卡通动漫WordPress主题网页设计(3)插图(14)(Font used: Verdana)

最后一步我们写上”<< 最新文章” 和 “旧的文章 >>” 在文章最后面.

最终结果

PS教程:卡通动漫WordPress主题网页设计(3)插图




 

作者:佚名   出处:发现吧

最后结果

PS教程:卡通动漫WordPress主题网页设计(3)插图

步骤 1: 创建新的文档

PS教程:卡通动漫WordPress主题网页设计(3)插图(1)

在ps中新建文档宽度为 1024px高度为height.

步骤 2: 焦外成像背景图片

PS教程:卡通动漫WordPress主题网页设计(3)插图(2)

 

 


步骤  3: 绘制布局

PS教程:卡通动漫WordPress主题网页设计(3)插图(3)

点击 圆角矩形工具(半径: 5px), 画一个 825x940在文档中间,透明度减少到60%.

PS教程:卡通动漫WordPress主题网页设计(3)插图(4)(字体: Daniel)

然后, 使用横向排版工具为你的主题添加名字(类似 My Personal Blog).

PS教程:卡通动漫WordPress主题网页设计(3)插图(5)

再一次使用圆角矩形工具(半径: 5px), 在文档中间大的矩形里面画出  626x418 的图形,透明度减少到 75%. 增加 图层蒙版, 点击渐变工具, 选择 黑/白组合制作如下渐变.

PS教程:卡通动漫WordPress主题网页设计(3)插图(6)

在一次使用 圆角矩形工具(半径: 5px) 画一个 81x39 的图形在坐上角. 然后, 透明度更改为50%.

PS教程:卡通动漫WordPress主题网页设计(3)插图(7)

增加一些图标(类似Rss订阅和Twitter) 设置它们的 透明度为80%.

 


步骤  4: 绘制内容

PS教程:卡通动漫WordPress主题网页设计(3)插图(8)

我们先从文章的日期开始. 点击矩形圆角工具(半径为: 5px), 画一个 76x29 的图形透明度为40%. 点击 图层 > 图层样式阴影… 参照如上设置.

PS教程:卡通动漫WordPress主题网页设计(3)插图(9)(使用颜色: #ffffff – #d4d4d4)

然后, 选择渐变叠加 如上设置.

PS教程:卡通动漫WordPress主题网页设计(3)插图(10)(字体: Antipasto)

增加日期数字和月份(类似 23 May).

PS教程:卡通动漫WordPress主题网页设计(3)插图(11)

选择 圆角矩形工具(半径: 5px), 画一个 504x38 图形,在距离文章日期160px的下方,点击图层 > 图层样式阴影…. 使用如上设置.

PS教程:卡通动漫WordPress主题网页设计(3)插图(12)(Font used: Verdana)

点击 水平排版工具, 增加一些文字(像 评论, 分类, 作者) ,链接文字颜色#ffa200.

PS教程:卡通动漫WordPress主题网页设计(3)插图(13)(字体: Verdana)

最后, 使用横向排版工具, 增加帖子的标题(我使用意大利斜体) .

 


步骤 5: Adding Newset/Older Entries Links

PS教程:卡通动漫WordPress主题网页设计(3)插图(14)(Font used: Verdana)

最后一步我们写上”<< 最新文章” 和 “旧的文章 >>” 在文章最后面.

最终结果

PS教程:卡通动漫WordPress主题网页设计(3)插图




 

作者:佚名   出处:发现吧

最后结果

PS教程:卡通动漫WordPress主题网页设计(3)插图

步骤 1: 创建新的文档

PS教程:卡通动漫WordPress主题网页设计(3)插图(1)

在ps中新建文档宽度为 1024px高度为height.

步骤 2: 焦外成像背景图片

PS教程:卡通动漫WordPress主题网页设计(3)插图(2)

 

 


步骤  3: 绘制布局

PS教程:卡通动漫WordPress主题网页设计(3)插图(3)

点击 圆角矩形工具(半径: 5px), 画一个 825x940在文档中间,透明度减少到60%.

PS教程:卡通动漫WordPress主题网页设计(3)插图(4)(字体: Daniel)

然后, 使用横向排版工具为你的主题添加名字(类似 My Personal Blog).

PS教程:卡通动漫WordPress主题网页设计(3)插图(5)

再一次使用圆角矩形工具(半径: 5px), 在文档中间大的矩形里面画出  626x418 的图形,透明度减少到 75%. 增加 图层蒙版, 点击渐变工具, 选择 黑/白组合制作如下渐变.

PS教程:卡通动漫WordPress主题网页设计(3)插图(6)

在一次使用 圆角矩形工具(半径: 5px) 画一个 81x39 的图形在坐上角. 然后, 透明度更改为50%.

PS教程:卡通动漫WordPress主题网页设计(3)插图(7)

增加一些图标(类似Rss订阅和Twitter) 设置它们的 透明度为80%.

 


步骤  4: 绘制内容

PS教程:卡通动漫WordPress主题网页设计(3)插图(8)

我们先从文章的日期开始. 点击矩形圆角工具(半径为: 5px), 画一个 76x29 的图形透明度为40%. 点击 图层 > 图层样式阴影… 参照如上设置.

PS教程:卡通动漫WordPress主题网页设计(3)插图(9)(使用颜色: #ffffff – #d4d4d4)

然后, 选择渐变叠加 如上设置.

PS教程:卡通动漫WordPress主题网页设计(3)插图(10)(字体: Antipasto)

增加日期数字和月份(类似 23 May).

PS教程:卡通动漫WordPress主题网页设计(3)插图(11)

选择 圆角矩形工具(半径: 5px), 画一个 504x38 图形,在距离文章日期160px的下方,点击图层 > 图层样式阴影…. 使用如上设置.

PS教程:卡通动漫WordPress主题网页设计(3)插图(12)(Font used: Verdana)

点击 水平排版工具, 增加一些文字(像 评论, 分类, 作者) ,链接文字颜色#ffa200.

PS教程:卡通动漫WordPress主题网页设计(3)插图(13)(字体: Verdana)

最后, 使用横向排版工具, 增加帖子的标题(我使用意大利斜体) .

 


步骤 5: Adding Newset/Older Entries Links

PS教程:卡通动漫WordPress主题网页设计(3)插图(14)(Font used: Verdana)

最后一步我们写上”<< 最新文章” 和 “旧的文章 >>” 在文章最后面.

最终结果

PS教程:卡通动漫WordPress主题网页设计(3)插图




作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

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

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

微信扫一扫关注我们

关注微博
返回顶部