• PS+AI教程!手把手教你快速打造蜂巢炫彩背景图案 - 优设网 - UISDC

    PS+AI教程!手把手教你快速打造蜂巢炫彩背景图案

    2015/03/05 29131评论区

    PS-AI-Hive-background-1

    @飞屋睿UIdesign?:今天我们要学的蜂巢炫彩图案,过程简单,且学会这个方法,可以帮你打造成千上万的背景。相信我,相比到图库里找现成的背景,动手制作永远是退货?#39318;畹投?#33258;己?#26448;?#20174;中学习到更多的方式。来收 >>>

    fw201503051

    一、制作背景色

    这里,我将采用我习惯的利用图片作为炫彩背景色素材的取色方式,我曾经写过的教程《配色弱有救了!教你利用图片创建独有的色彩方案!》已经有具体地阐述过,找图的时候最好找一些颜色相对丰富一点的图片。然后打开PS,新建一个1800px*1200px的文档,将图片拖入其中,调整到合适的大小。

    fw201503052

    采用快捷键Ctrl+J复制背景图,将复制后的背景层的图层名称?#22856;?#27169;糊层。根据改动的名称,大家也许已经猜到我要做什么了。没错!对这个模糊层进行高斯模糊。进入【滤镜>模糊>高斯模糊】,模糊大小尽量偏大,我在这里设?#26790;?00px。

    fw201503053

    接下来让我们为图层增加一点杂色颗粒效果,复制模糊层(Ctrl+J),进入【滤镜>杂色>添加杂色】,杂色数?#35838;?5%,高斯分布,取消单色。大家可以在玩参数的时候,仔细观察相应的效果变化,日后对该滤镜的运用会更加自如,?#27604;?#20063;就更加方便快捷。

    fw201503054

    这时,让我们将杂色层的混合模式?#22856;?#21472;加?#20445;?#24182;对填充降低至60%。

    fw201503055

    如果对色彩效果不甚满意,还可以利用调色工具继续调试。例如我在这里利用“亮度/对比?#21462;?#35843;整图层,稍微增加了一些亮度?#25237;?#27604;?#21462;?#36825;里由于使用的图片不一样,大家对图片调色方?#25581;?#19981;太一样。我的背景色最后效果如下:

    fw201503056

    二、绘制蜂巢图案

    打开AI,绘制蜂巢图案。新建一个和PS里原有图像大小相同的文档。

    fw201503057

    在新建文档中,利用多边形工具,在画布上绘?#39057;?#19968;个六边形。对于蜂巢,相信大家已经见过很多,大自然的视觉秘密之一就是任何图案都可以利用最基础的几何图形加以组合就能绘制出来。对于这个秘密,AI软件应该?#28304;?#24515;知肚明,所以只为我们准备了基础的几何图形,通过相应的组合和变化我们就可以创作出任何图像。对于这一点,我们平时就要?#24863;?#30041;意大自然给我们的视觉信息,加以收集积累。

    选?#23567;?#22810;边形图形工具?#20445;?#22312;画布上双击鼠标左键,即弹出多边形的对话框。在此可以设置多边形的大小和边数。我们的蜂巢图案是由6个等边组成,因此边数设?#26790;?,这里的半径?#24425;侵?#22810;边形的边长到?#34892;?#28857;的距离,这里我设?#26790;?0px。这时的填充是保持为默认的白色填充和黑色描边。

    fw201503058

    如果我们再仔细回忆蜂巢的图案造型,就会发现组成蜂巢的多边形角度和我现在画上的多边形角度是不同的,我所画的多边形是边长为底,蜂巢的图案则是边角为底。这就需要为这个基础图案进行旋转处理。旋转的角度,根据多边形的法则,每个边角角度为60°,那么现在我们要将边角旋转60°的一半,也就是30°。艺术的本?#36866;强?#23398;,大?#20197;?#36825;里可以稍加体会。

    选中图形,点击鼠标右键,右键弹出的菜单中点击“旋转?#20445;?#22312;旋转设置面板中,旋转角度设?#26790;?0°。

    fw201503059

    让我们为蜂巢填色,我在这里打算利用渐变来为它填色,描边继续保持不变。这样的填色方式让最终效果显现出透明感。选中图形,然后进入外观的面板。在外观的填色中选择渐变色板,然后打开渐变填色,渐变的设?#33804;?#19979;图所?#23613;?/p>

    fw2015030510

    采用快捷键Ctrl+U,打开智能参考线,然后选中这个多边形后,同时按下ALT键,拖动图形,这时智能参考线会帮助你?#20113;?#20004;个图形。?#30431;?#20204;并?#20449;?#21015;在一起。这时再选中复制后的图形,继续使用快捷组合键Ctrl+D,重复上一步操作。也就是不?#29616;?#22797;将新的拷贝图形再进行拷贝并?#20113;?#25490;?#23567;?#36825;样我们很轻松就获得一排整齐多边形。这时为了让多边形方便不?#29616;?#22797;操作形成排列,最好把第一个多边形放置于画布的一角。

    fw2015030511

    把一整排多边形编组后,再复制该组,放置于其上方。然后继续这样复制,让多边形铺满差不多整个画布。?#27604;?#20320;也可以完成第一次复制后,剩下的重复步骤采用Ctrl+D的快捷键方法。前提是要保证第一步要让多边形的边?#20113;搿?/p>

    这时,它已经有了蜂巢的样式了。

    fw2015030512

    三、融合背景色

    做好的蜂巢图案可以将它们在AI全部编组后,点击Ctrl+C,直接复制,然后打开第一步在PS中做好的背景色文档,直接?#31243;鵆trl+V。在弹出的?#31243;?#36873;项中选择“智能对象?#20445;?#28857;击确定。

    fw2015030513

    如果我们要为这个图案变换颜色,只需要增加一个颜色叠加的图层样式。例如我在这里选择白色叠加。

    fw2015030514

    然后将这个图案图层的混合模式?#22856;把?#33394;减淡?#20445;?#36879;明度降低为30%。

    fw2015030515

    作为背景来搭配相应的图形和文字,表现效果?#24049;謾?/p>

    fw2015030516

    看了我的实例,相信还?#20405;?#26377;动手才能对本篇教程深入体会。认真感受每个步骤所能探索的极限,而不要完全参照实例。尝试让自己走得更远!

    【飞屋同学的精品教程合集】

    设计感超强的多边形背景轻松完成!
    《AI新手教程!教你简单快速地将图片变成多边形背景》

    最迎合IOS 7的毛玻璃背景轻松完成!
    《PS新手教程!教你创建超简单的炫彩背景》

    私人收藏的免费高清大图轻松找到!
    ?#31471;?#23478;好货!设计师的高清图库收藏夹(附使用技巧)》

    原文地址:ifeiwu
    作者:@飞屋睿UIdesign

    【优设网 原创文章 投稿邮箱:[email protected]

    ================关于优设网================
    “优设网uisdc.com“是国内人气最高的网?#25104;?#35745;师学习?#25945;ǎ?#19987;注分享网?#25104;?#35745;、无线端设计以及PS教程。
    【特色推荐】
    设计师需要读的100本书:?#39134;?#26368;全的设计师图书导航:http://hao.uisdc.com/book/
    设计微博:拥有粉丝量91万的人气微博@优秀网?#25104;?#35745; ,欢迎关注获取网?#25104;?#35745;资源、下载顶尖设计素材。
    设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
    ———————————————————–
    想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
    添加 优秀网?#25104;?#35745; 微信号:【youshege】优设哥的全拼
    您也可以通过扫描下方二维码快速添加:

    sdcweixin

    优设大课堂

    非特殊说明,本文版权归原作者所有,转载请注明出处
    本文地址:http://www.caxp.icu/ps-ai-hive-background

    发表评论 加载中....

    评论加载中....

    uisdc

    评论区都快饿瘪了,看看我期盼的小眼神...

    版式设计 设计师 扁?#20132;?#35774;计 交互设计师 界面设计 优设专访 优设大课堂 排版布局 职场 配色 视觉设计 素材下载 web前端开发 设计流程 AI教程 设计理论 神器下载 设计师专访 字体下载 psd下载 平面设计 设计趋势 用户体验设计 设计规范 海报设计 动效设计 图标设计 logo设计 产?#39134;?#35745; ICON 神器推荐 App设计 职场规划 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网?#25104;?#35745; ps技巧 酷站 用户体验 PS教程 网?#25104;?#35745; 经验分享

    您还没有登录

    优设启用更安全省心的 微信扫码登录

    微信扫码

    300万设计师聚集地!优设网是极具人气的设计师?#25945;?
    2012年成立至今,一直专注于设计师的学习成长交流

    把好文章收藏到微信

    打开微信,扫码分享
    学设计 优设网 在这里

    017期神七是特码
  • 河北快三形态丨走势图一定 今天竞彩足球推荐 天津时时开奖客户端 重庆时时手机版app下载 时时彩被骗去哪报警 一分钱彩票软件 pk10开奖直播开奖视频直播 法甲第戎转会 重庆时时走势图 平码组49选6计算公式 36选7复式投注表 重庆时时3胆 梭哈玩法发牌规则 北京pk赛车10官网 快乐十分技巧黑龙江时时走势图 七乐彩开奖结果今天