怎么开社交网络 图标图标

来源：蜘蛛抓取(WebSpider) 时间：2012-05-15 03:27 标签： 社交网络 图标
　　社交网络是最近几年互联网领域最热门的关键词之一，如今，各种社会网络化媒体成为我们信息获取和传播的重要途径。今天，本文与大家分享30套漂亮的社交网络图标集素材，希望大家会喜欢！
1. Teacup Social Icon
2. Cake Style Social Icons
3. Button-style Social Icons
4. Rss Icons
5. Social Media Badges
6. Grunge Peeling Stickers
7. Mini Social Icon Set
8. Wood Social Icons
9. Clover Social Icons
10. Vintage Icon Set
&梦想天空博客关注，展示最新和应用，分享插件，推荐优秀案例。
11. Stickers Icons
12. Social Media Icon Badges
13. Jeans Pocket Social Icons
14. Broken Social Icons
15. Robotic Social Icons
您可能还喜欢
英文来源：
编译来源：
阅读(...) 评论()【教程】用Photoshop快速制作一套高雅的社交网络图标 | 设计癖
› 【教程】用Photoshop快速制作一套高雅的社交网络图标
本教程旨在教会大家如何利用Photoshop创建一系列高雅的社交图标。另外，PS CS6中的形状工具新增了选项面板，可以使用新的描边样式。这对我们接下来制作的一些效果非常有帮助。
还没有用上Photoshop CS6的同学可以去Adobe的官网下载beta版。如果你对制作本图标很感兴趣，又苦于没有时间去下载PS CS6，不用担心，你照样能跟得上。
话不多说，我们开始吧。
PSD文档下载链接：
最终效果：
步骤1：建立文档
新建一个570像素x470像素的文档，背景色为：#333236。
对背景色使用滤镜（Filter）-杂色（Noise）-添加杂色（Add Noise）
接下来，我们使用笔刷工具（Brush Tool）在背景中央画上一抹白色柔光。
将该图层模式改为柔光（Soft Light），不透明度调至50%。
步骤2：建立基本形状
基本形状如下图所示。首先建立一个大小为80像素 x 120像素，颜色为#3b5997的圆角矩形，圆角半径为5像素。然后使用直线选择工具（Direct Selection Tool）和钢笔工具（Pen Tool）对其进行修饰：先将顶部拉直，并在底部中央添加一个锚点（anchor point），然后用直线选择工具向下拖拽，效果就出来了。在之前的教程中也提到过。
为该形状图层应用样式：
描边：采用渐变色描边，渐变颜色为 #7796cb, #7b97c6, #324579，其它参数详见下图。
渐变叠加（参数详见下图）
最终效果：
步骤3：添加样式
新建一个5像素 x 5像素的文档，背景一定要设成透明。
使用缩放工具（Zoom Tool）放大整个画布，或使用快捷键，按住Ctrl++亦可。放大之后，使用铅笔工具（Pencil Tool）勾勒出下图所示的图案。
将本文档保存成图案：编辑（Edit）-定义样式（Define Pattern），并为其命名。然后将该图案应用到基本形状上去。
图案叠加（参数见下图）
步骤4：添加高光
为基本形状添加一些高光看起来更有质感。首先，在形状图层上新建一个高光图层，并按照下图的指示将其与基本形状图层链接。
使用减淡工具（Soft Brush Tool）在形状的底部进行涂抹，之后将图层模式设为柔光，不透明度调至80%。
新建另一图层，使用渐变工具（Gradient Tool）-对称渐变（Reflected Gradient），颜色为 #fff ，将其应用在靠近基本形状的顶部的位置。然后将图层模式设为：柔光（Soft Light），不透明度修改为50%。
再新建一个图层，制作阴影效果。对该图层运用对称渐变（ Reflected Gradient），颜色为#000，将其运用到基本形状的顶部位置。将该图层模式修改为正片叠底（Multiply），不透明度设为50%。
步骤5：添加缝线效果
缝线效果在PS CS6中很容易实现（直接应用Dash Stroke）。PS CS6对图形工具进行了升级，额外增加了描边和形状的选择项。如果你尚未使用PS CS6，不用着急，你依然能够跟上我们。不过，用PS CS6处理起来更方便。下面是新版的形状工具新增的选择面板。
填充选项面板
描边选项面板
为了制作出缝线效果，首先创建一个形状，做法跟前面的基本形状一样，只不过将宽度调整为70像素。
点击更多选项（More Options）调整描边，将Dash值设为5，Gap值设为6。.接着将描边的颜色改为#a4b1cf。完毕之后，去掉填充的颜色，这样我们的缝线效果就诞生了。
在CS5以下的版本，你可以手动用直线工具（Line Tool）搞定，每行5像素，间隔6像素。
接下来，我们要删除顶部多余的缝线，栅格化（Rasterize）图层，最后擦去顶部的缝线即可。
投影效果（参数见下图）
步骤6：添加图标
将图标素材放置于外形的中央。
描边效果（参数见下图）
渐变叠加颜色：
#dddddd, #fff（其余参数见下图）
投影效果（参数见下图）
用文字工具（ Text Tool）写上文字。
复制文本图层，颜色修改为 #2b406a，然后用键盘上的方向键上移至合适的位置。
步骤7：添加投影
复制基本形状图层，并用 #000000颜色填充。并将复制之后的基本形状图层置于原始形状图层下方。现在对复制之后的图层运用滤镜（Filter）-模糊（Blur）-高斯模糊（Gaussian Blur）。（具体参数见下图）
将图层和不需要的部分模糊，参加下图所示：
使用线性渐变（ Linear Gradient）添加下图的阴影效果，颜色为 #000000。
用直线工具（Line Tool）画出一条颜色为#515055，1像素的细线，将其放图中的阴影之上。
最后，将阴影和细线两边模糊一下，就算大功告成了
通过本教程的学习，各位同学需要掌握和强化的技巧包括：钢笔工具勾勒图案的技巧，高光的使用（增加质感）以及渐变工具等的使用。希望本教程能对大家有帮助。下次再见。
文章来源：
除非特别声明，本文版权归设计癖所有，未经授权不得转载，添加（微信/手机）申请授权。
标签： , ,
试试手气？　　如今，社交网络成为我们信息获取和传播的重要途径，很多网站都有把内容分享到社交媒体的功能。社交媒体图标作为向用户传递信息的重要媒介，不管是在网页还是&Web&应用程序中都非常需要。今天这篇文章和大家分享12套你没见过的社交媒体 & 社交网站图标，可以免费下载使用。
您可能感兴趣的相关文章
您可能感兴趣的相关文章
本文链接：
编译来源：
阅读(...) 评论()中文社交网站图标集锦矢量图_行业标志
常用中文社交网站 集锦 豆 人 淘 四叶草 对话框 人人网 QQ空间 开心网 百度 淘宝 新浪微博 腾讯微博 图标汇总 网页按钮 网页标签 网页按钮图标 图标 图形标识 标志图标 标志 logo 公司标志 公司logo 企业标志 矢量素材
中文社交网站图标集锦
素材编号 ： 1995565
图片像素 ： &像素
素材格式 ： 其他
素材大小 ： 2.12 MB
收藏次数 ： 2
(仅供参考学习使用，商业使用需要作者授权)
红动创办于2005年，老品牌值得信赖
在线客服 :
客服热线 :
周一至周日：8:00-22:30
(12:00-13:00及法定假日除外)
周一至周日：8:00-22:30
(12:00-13:00及法定假日除外)
您的意见是我们不断进步的动力！

我要回帖

更多关于 社交网络 图标 的文章

 

随机推荐