我要咨询 我要报名 开学时间 乘车路线

咨询中心

我校荣誉

中国CG艺术协会推荐项目

中国数码设计协会协作项目

武汉市诚信示范单位

中国工信部IT职业技术培训授权单位

前程无忧(武汉)设计专业人力资源服务

湖北科技厅指定高级人才输送基地

学员评价

姓名:谢龙

专业:建筑景观精英

班级:建筑景观1052期

作为一名转行来学习的学员,我关心的就是学校的师资教学质量,在这一点上IT新时空绝对可以给予肯定… …[点击查看详细]

姓名:杨欢

专业:新媒体平面设计

班级:平面设计1080期

在这里度过的几个月时间里,对我的影响很大。在这里每一个同学都目标很明确、坚定,学习非常刻苦……[点击查看详细]

姓名:谢琪

专业:新媒体平面设计

班级:平面设计1078期

早就听说朋友说起过IT新时空是一所专业的设计师培训学校。六月中旬,带着尝试的心情,我来到了IT新时空 ……[点击查看详细]

姓名:屈松

专业:网页设计

班级:网页设计1209期

于2011年4月22日入学以来,已经3个月了以围绕PS/DW/Flash/JS/PHP等相关知识来制作一个完整的网站……[点击查看详细]

姓名:李朝阳

专业:网页设计

班级:网页设计1210期

能在IT新时空学习非常开心,学到很多东西专业知识、工作经验方面、为人处事方面等。专业课老师……[点击查看详细]

姓名:黄霞

专业:网页设计

班级:网页设计1210期

这是第二次来到IT新时空学习。参加的是网页设计前端工程师暑假班课程,在网页设计的课堂上……[点击查看详细]

姓名:郭靖

专业:网页设计

班级:网页设计1213期

时间过得真快,网页设计课程就要结束了,到了要说再见的时侯。还是觉得应该写点什么,……[点击查看详细]

姓名:高元建

专业:网页设计

班级:网页设计1213期

通过了两个月多的学习,能够熟练掌握老师所教授的知识,并且也能够独立地完成一个完整的网页设计工作… …[点击查看详细]

姓名:陈鑫鑫

专业:新媒体平面设计

班级:平面设计1082期

上了将近2个月的平面课程,我坚持上课及努力完成老师布置的作业。收获是丰硕的,学到的知识……[点击查看详细]

姓名:陈朋

专业:室内设计先锋

班级:室内设计1689期

从9月份到现在,学习了室内精英班第一学期和第二学期,在这其中有很多感触,中间有过很多困难……[点击查看详细]

姓名:杨涛

专业:网页设计

班级:网页设计1213期

就像老师说我的那样:年纪不大,可社会经历却不少。回想当初的自己 不好好学习而总向往走上社会……[点击查看详细]

6大好礼免费申请处

  • 免费试听为您量身安排的培训课程
  • 免费白金级职业生涯规划
  • 免费专业能力测试
  • 免费精美练习本
  • 定期赠送学习光盘
  • 定期赠送设计素材
声明:我们保证不会将您的注册信息作本活动以外的任何用途!

PS制作一个糖果店网站教程

2014-03-04 11:50:06

在本教程中我将教你如何建立一个充满生机和丰富多彩的糖果了一个独特和创造性的背景和头店的布局。

终结果

\

教程开始

1.打开Photoshop和创建一个新文档的尺寸1200 × 1000。

\

制作背景

2. 第一个方面,我们将开始的是背景。 使用您的油漆桶工具(G)的填充#FD6E8A你的背景层。

3. 我们希望创造一个圆点图案,我们可以添加到我们的背景。 要做到这一点,我们需要创建一个新文档的尺寸45 × 53。

4. 创建一个新的透明层和删除你的背景层。接下来添加椭圆工具按以下方式两个圆圈。我用椭圆选取框。

\

5. 转到“编辑”》定义图案“,然后插入您的圆点图案名称的名称。 然后可以关闭了这个文件,并返回到您的模板,我们将使用我们的新创建的格局。

6. 在你的图层调色板创建一个新的空白图层,并将其命名点。 使用您的图案邮票(S)和发现在下拉菜单中的圆点刷。 然后继续用大刷子刷软,直到你有结果类似于以下内容:

\

7.然后,降低你的点层的不透明度约2%。 这将保持在非常微妙的背景。

 

 

 

 

8. 现在使用椭圆工具,创建一个圆圈,像下面的样子:

\

9. 然后,我们要用我们的钢笔工具(P)来创建一个看起来像下面的顶部形状:

\

10. 做完上一步,选择这两个层,然后右键单击并选择合并到一个层,把一层他们。降低你的层不透明度19%左右。然后,我们要重复两次CTRL+ j,这一层 以下列方式移动你的形状。让你的第二个副本24%不透明度,然后让你的第三个42%。

\

11. 后,我们将增加触摸到我们的背景是,增加了风车效果。 我们将使用从刷一刷这个 。随后设置颜色#FD6E8A前景,放置在它下面的方式。我不透明度降低至约22%。

\

标志

12. 为标志,我准备了“ 糖心图标“。就是下面的效果。

\

13. 把字添加下面的混合选项:

\

\

\

 

 

 

 

14. 在字体上加入阴影:

\

15. 使用您的圆角矩形工具(U)与10px半径,和一个#BC3D56前景,使一个矩形,它类似于以下内容:

\

16. 我们要突出我们的圆角矩形。为此,点击圆角矩形图层调色板,然后转到“选择》修改”》渐变“,并在对话框中输入1。 填写您的选择与#FFFFFF上一个新层,然后合同一改再进入“编辑”》清除“。你将留下一个白线,看起来像这样:

\

17. 改变混合模式为柔光在这一层,然后降低透明度为38%。现在添加到您的下列混合选项突出层:

\

\

18. 添加一些文本,以象征意义,它的颜色#FDDCE3链接,你就会有一些看起来像这样:

\

19. 现在我们需要创建一个搜索栏。 用你的钢笔工具,创建一个形状像一个下面的#72A0E5前景。

\

20. 使用CTRL+ J来重复你的形状,然后进入“编辑》变换》水平翻转和对齐下面的方式。选择这两个层次,然后右击。 选择合并图层从下拉菜单:

\

 

 

 

 

21. 现在添加下面混合选项到搜索框:

\

22. 所有这一切都为搜索框左边是添加一个输入字段与你的圆角矩形工具与5px半径。然后我用从NIXUS图标一个放大镜图标。

\

23. 我们的头部后一个方面是我们的主网站导航。使用您喜欢的矩形工具,画出一个矩形。 我们的第一个链接“糖果”是#FFFFFF,而其它的链接是#FDDCE3。

\

24. 下面我将着重表现点开的链接,我们使用的是一个矩形,颜色不重要,突出是重点:

\

25. 现在,在您的标签层,添加以下混合选项给它一个很好的渐变。

\

\

26. 要添加一些额外的细节,我们的标签,我们要在顶部切出一个小的块。 使用您的多边形套索工具(L)的,作出选择类似于以下命令,然后选择“选择》逆时针旋转”。 然后击中层图层蒙板图标调色板选项卡上选择与你的层。

\

 

 

 

 

27. 后一步是要增加一个像我们周围的白色边缘。我们将其设置为柔光,不透明度,然后降低到约62%。

\

28. 现在为头部的背景做个风车效果类似以下所示:

\

29. 现在添加下面层混合选项到您:

\

\

30. 为了实现我们的糖果装线,我们要创建一个模式。因此,为了这样做,我们要创建一个新文件的尺寸600 × 600。创建一个新层,并删除你的背景层,使您留下了一个透明的文件。然后添加以下方式(我做我的背景一束黑色的矩形,以便可以看到更好的,但你的将是透明的):

\

31. 然后进入“编辑”》定义模式“,并将其命名条纹。关闭了您的条纹文件,然后返回到您的模板了。CTRL+点击您的糖果背景使之成为选择,然后用你的模式邮票工具来刷上一层上方的新创建的模式:

\

32. 改变混合模式为叠加,不透明度和降低至28%和已完成的头会如下所示:

\

 

 

 

 

内容区

33. 内容方面将主要依赖于图像和文本的位置,并保持事情简单。 我们将有一个白色的背景,并使用我们的正文文本的颜色#28140D,为标题#AF3F55,和#我们联系5987CB。

\

页脚

34.后一步是添加一个脚注。使用您的圆角半径均为15px与矩形工具,使一个形状像在你的内容层以下所示:

\

35. 现在添加下面混合选项到新创建的圆角矩形层:

\

\

36. 我接着使用相同的糖果效果来增加条纹的页脚。我改变了混合模式柔光,不透明度,降低至15%的时间。

37. 这一切都在现在是添加一些文本和页脚中的任何图标和您的终结果将类似于以下内容:

 

 

温馨提示:因为版面有限,详细内容可咨询QQ:1218783896QQ:1218783896
开课时间咨询  学费咨询  上课地点咨询  在线咨询
班级安排
班级安排
可考证书
劳动部证书 中华人民共和国信息部证书 中国劳动部0STA证书 Adobe国际行业证书
选择IT新时空的十大理由2
十大理由
我校承诺
我校承诺
学员风采
学员作品 在线咨询 在线预约
开课时间咨询  学费咨询  上课地点咨询  在线咨询
咨询学费: QQ:1218783896 咨询培训周期: QQ:1218783896 咨询开班时间: QQ:1218783896 预约试听咨询: QQ:1218783896 咨询电话:027-87396663

合作企业

上海华厦伟业建筑规划 google香港公司 深圳世联地产公司 上海金丰易居网 上海合众传播文化设计 上海博尚包装设计 盛世长城国际广告
北京电通广告有限公司 东易日盛装饰集团 广州国软互动传媒公司 德国德杰盟工程技术 香港百灵圣火广告公司 百度营销服务公司 北京洛可可广告设计
北京紫禁城广告公司 博策堂地产营销策划 高美装饰有限公司 美国上奥建筑规划设计 51job(前程无忧) 绿维创景规划设计院 清华建筑设计研究院
腾讯互联网服务公司 武汉东风神龙汽车 武汉红金龙实业 360京东商城 武汉天龙黄鹤楼酒业 国际4A东道设计 武汉大众设计策划顾问