优艾设计网

Photoshop设计教程之如何制作一个时尚的商业模

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络 作者:佚名 发布
今天我们将在Adobe Photoshop中设计一个时尚的商业模板。该模板包含页眉(header)、图片轮换、服务区域、视频,关于我们、页脚(footer)等内容。通过本教程,结合图案、纹理、颜色等元素,轻松几步即可制作出3D效果的

页面的footer包含以下内容:Quick Links, Latest Posts, Latest Tweets, We Socialize, 和 Copyright.它的宽度与之前在service中所划分的4列宽度一样。

首先创建基底背景。在画布较底部创建一个宽不变,高为45像素的矩形,颜色为#04203b。顶部的宽仍然不变,高设为450像素,颜色为 #052342。复制head和slideshow部分制作好的背景纹理,放在footer之下。

Photoshop设计教程之如何制作一个时尚的商业模

Quick Links

Photoshop设计教程之如何制作一个时尚的商业模

Quick Links距footer顶部距离为30像素。每个链接与分割线之间的距离为15像素。分割线的颜色:#265686。

字体设置

字体名:Helvetica Neue

字体样式:Condensed

字体大小: 18pt

字体颜色:#fff

Links

字体名:Arial

字体样式:regular

字体大小:12pt

字体颜色:#fff

Latest Posts

Photoshop设计教程之如何制作一个时尚的商业模

Latest Post的文字格式与Quick Links相同

Date

Date的字体设置

字体名: Arial

字体样式: Regular

字体大小: 11pt

字体颜色: #8496a9

Latest Tweet

Photoshop设计教程之如何制作一个时尚的商业模

Text

字体名: Arial

字体样式: Regular

字体大小: 12pt

字体颜色: #8496a9

Link

字体名: Arial

字体样式: Regular

字体大小: 12pt

字体颜色: #fcc757

We Socialize

Photoshop设计教程之如何制作一个时尚的商业模

提示:键盘也能翻页,试试"← →"键
0

精彩评论

暂无评论...
验证码 换一张
取 消