1、打开ps之后我们创建一个透明的图层，然后在工具箱内找到椭圆形工具，如图所示：。

2、选择椭圆形工具按下shift键绘制一个圆形，然后给其添加描边效果，设置描边参数如图所示：。

3、再在工具箱内找到钢笔工具，如图所示：。

4、选择钢笔工具设置路径的额颜色为草绿色，如图所示：。

5、使用钢笔工具我们在圆形内画出一个电话的形状，如图所示：。

6、选择电话形状动态将其转化为选区，如图所示：。

7、转化为选区之后依次填充为草绿色，然后在设置圆形的颜色，这样我们的矢量图形就画好了，如图所示：。

1、打开愁戴驼PS后点击左上角【文件】-【新建】后弹出一个新建属性面板，在畜忌属性面板里输入属性后点击确定，。

2、在右下凤没角有一个折纸标图标点击一下新建图层（也可以按快捷键ctrl+j新建图层），新建图层后在工具箱中找到矢量图形具，选中矢量图形工具鼠标右击会弹出一个面板，在面板中选择要绘制的矢量图形。

3、在面板中选择要绘制的矢量图形后，在空白处单击会出现一个面板，在面板上输入要绘制矢量图形的大小和半径后点击确定（也可以按住鼠标左键不放，然后拖动的形式绘制）。

4、点击确定后矢量图形就绘制完成。在绘制完成后会弹出一个矢量图形的属性面板，在面板中可以对矢量图形进行后期的更改。。

1、首先把在网上找到的缩略图保存下来，之后用PS打开。

2、使用魔棒工具，容差看图片而定，这里设置的容差是150。

3、主要是为了能将尽量多的颜色选中。

4、在选区中，鼠标右键，选择“建立工作路径”，然后确定。

5、这样是为了将“选区”变成“路径”。

6、对斗余历于很多的图片来说，成为路径之后，需要进行“重叠区空搜域除外”的组合。

7、这样你转换成的路径，就变成了一个完整的整体路径了。

8、到了这一步，就可以算是完成了80%了。

9、很快就会得到一个的矢量图，点击“文件-导出-路径毁雀到Illustrator”。

10、图片会自动生成一个AI格式的文件。

11、然后我们使用AdobeIllustrator软件打开它。

12、进入到AdobeIllustrator软件界面之后，鼠标移动，画面是一片空白，看不到任何的图片。

13、这个时候，用鼠标框一下整个界面。

14、选中之后，进行颜色填充。

15、这样就完成了。

1、首先把在网上找到的缩略图保存下来，之后用PS打开。

1、在PS中打开要制作图形的图片，先复制一层图层；。

2、点击图像菜单--调整--去色（快捷键Ctrl+shift+u），操作和执行效果如图所示；。

3、键盘按住ctrl+L（也可以点击图像菜单--调整--色阶)，调整色阶，使图像的黑白对比更加强烈；。

4、切换到通道面板，选择一个通道进行复制，然后按住Ctrl键点击通道面板的小图标，使黑色部分的图形主体部分形成选区；注：如选区选定的范围不太恰当，可使用其他选区工具对选区进行适当调整。

5、然后切换到路径面板，点击路径面板右上角的下拉菜单图标--新建工作路径--设定容差值--确定；。

6、点击编辑菜单--定义自定形状--填写自定义形状的名称；。

7、接下来我们就可以新建一个文档，将定义好的矢量图形拿出来用了；。

8、长按工具栏中的矩形工具图标--自定义形状；。

9、在软件菜单栏下方的工具属性栏中，点击右侧形状旁的下拉小三角--滚动条拉到底部--找到我们刚刚定义好的形状；。

10、然后在画布上进行拖动，就可以画出我们所需要的矢量图形了（按住shift键拖动可以图形以固定比例尺寸大小进行缩放，不会变形）；。

11、这样，我们就得到一个可以随时使用，任意缩放大小的矢量图形啦。。

1、打开PS 建立一个尺寸 这里我先建一个1米*1米的。

2、点击左边工具 矩形工具。

3、长时间按住矩形工具。

4、会出来好多个选项 选择下面的自定形状工具 之后右上角会出来形状。

5、点击小倒三角 会出来话框 里面会有小图案！ 。

6、如果没有想要的 就点右上角的齿轮 点击全部 追加 。

7、会出来全部小图案。

1、打开PS 建立一个尺寸 这里我先建一个1米*1米的。

1、我在去年夏天写的那篇文章《在Photoshop中创建不规则无缝拼接图案》给大家提供了如何在Photoshop中创建以绿草地为内容的无缝拼接网页图案的方法。

2、今天我再来介绍一下如何在Photoshop中创建网格背景的无缝拼接图案。

3、r　　关于网页图案r　　首先需要说明的是，用作页面背景的网页图案一定要简单，效果不能太强烈，只需要提供一点点质感就可以了，要不就抢了页面内容的风头。

4、而实际上页面内容才应该是整个网站的视觉焦点。

5、这种经验我们可以在给手机换壁纸的时候收获到，我们经常是本能的去挑选那些漂亮的风景照或者抢眼的图片作为手机的背景图片，可等真正将壁纸换上去之后发现效果并不理想，原因是手机的屏幕不是光秃秃一片，什么也没有，而是摆满了各种图标、文字。

6、本来信息量就多，再添加上一张夺目的背景壁纸，只能是扰乱本来应该吸引注意力的内容，甚至让人产生纷繁杂乱的感觉。

7、在这点上我们要向iphone的壁纸设计师学习，iphone手机上的壁纸看上去都比较低调，但是壁纸效果却突出。

8、因为他们知道屏幕上各种图标才是视觉重点。

9、r　　我们使用网页图案也要遵循这样的原则。

10、使用网页图案的本意是为了打破背景单一色彩的单调性，给页面增加不同的特质，让网页内容和背景更有层次和区分性，并且给页面增加触感，可以让网页感觉更加优美、精致和专业。

11、这样会更加强调页面内容，给人留下深刻的印象。

12、哗陵局但是我们却不能偏离了设计中的视觉焦点。

13、关于这点还可以参考《弄清楚设计中视觉表达的重点》这篇文章。

14、r　　下图是这乱让次我们将要创建的网页图案效果、r　　十字网格图案r　　创建一个7像素乘7像素大小的文档，之所以选择7像素大小是因为我们要在文档中间画一条垂直线，使用奇数可以两边的空白同等大小。

15、然后使用放大镜工具将文档放大到2000%。

16、r　　新建一个图层，选择单列选区工具(M)，居中选取1个像素宽的垂直选区，颜色填充为#F3F3F3。

17、再新建一个图层，居中选取1个像素宽的水平选区，颜色仍然填充为#F3F3F3。

18、r　　接下来将其保存为图案。

19、选择编辑(Edit)》自定义图案(DifinePattern)命令。

20、之后就可以在图层样式(LayerStyle)中的图案叠加(PatternOverlay)中选择做好的图案样式使用了。

21、r　　这样就完成了网格图案的基本样式。

22、你还可以通过调整新建文档的大小，比如5个像素让网格密集一些，或者11个像素让网格稀疏一些。

23、无论怎样，你都要记住，细微的图案效果平铺到整个网页页面的也会看上去比之前强烈得多，所以一定要挑选柔和的色彩。

24、r　　对角交叉线图案r　　实际上，将之前的十字网格图案旋转45°就是对角交叉线图案，但是这次我们要使用8像素乘以8像素大小的文档，为什么不是之前的7个像素呢?想一想就知道只有偶数像素大小的图案才可能让两条对角线的交点处于文档的中心点。

25、所以这次我们要使用偶数像素大小的文档。

26、r　　新建一个文档(Ctrl+N)，8像素乘以8像素大小，使用放大镜工具将其放大至2000%。

27、r　　新建一个图层，选择线条工具(U)，将十字光标汪羡放置于文档的左上角，按住Shift键，向右下角方向画一条1像素宽的对角线，颜色选择#F3F3F再新建一个图层，从右下角向左上角画一条对角线，颜色任然为#F3F3F3。

28、r　　和上面一样，选择编辑(Edit)》自定义图案(DifinePattern)命令将其保存为图案。

29、在图层样式(LayerStyle)中的图案叠加(PatternOverlay)中选择已经保存的图案样式应用到大幅文档中。

30、r　　和上面的十字网格图案一样，你也可以调整线条之间的间距和线条颜色来获得让你满意的效果。

31、r　　单向对角线图案r　　这就更简单了，只需要将上面对角交叉线图案的其中一条线去掉保存为自定义图案就可以了。

32、r　　你还可以通过改变线条间的间距、线条的粗细以及线条的方向来创建不同样式的单向对角线图案。

33、如下图、r　　添加颜色和材质r　　到此为止，我们要给大家介绍的三种不同样式的网格背景图案就完成了。

34、接下来如果你还想让这些图案有些变化，还可以给它们添加一些颜色和材质。

35、添加颜色很简单，只需要给图案背景填充颜色就可以了。

36、需要注意的是，颜色要柔和，对比度不要太强烈，一点点颜色就可以了。

37、添加材质相对来说就要复杂一些，因为这些图案终作为网页背景被平铺到整个页面之后，很难让人看不出来材质的重复，就像《在Photoshop中创建不规则无缝拼接图案》中简单平铺的绿草地糟糕的效果一样，这也正是无缝拼接技术在相对复杂的图案上所发挥的作用。

38、以下有三点关于创建材质图案的要点、r　　让图案稍微大一些，这样平铺以后相对不容易看出来材质的重复性。

39、但是还要留意图案的文件大小对于页面载入时间的影响。

40、r　　图案的材质要低调一些，不要太突兀，有一点点感觉就可以了。

41、r　　使用无缝拼接技术让图案的材质更不容易察觉。

42、r　　接下来我们用一个例子来说明如何创建能够应用于网页背景的材质图案。

43、r　　新建一个99像素乘以99像素大小的文档。

44、新建一个图层，画出一个覆盖整个文档的矩形，给矩形应用之前我们创建的对角交叉线图案样式。

45、r　　将文档放大到200%，新建图层，使用和背景色颜色相同的画笔工具，选择有细微材质的笔触随机在图案上点击几次直到得到让你满意的效果。

46、切记效果不要太强烈。

47、之后就可以将此材质图案保存为自定义图案应用于网页页面了。

48、r　　(来源、飞鱼声纳)。

1、Ps无法做矢量图，因为ps本质就是一款位图处理软件，图片放大到一定级别，必然会出现马赛克。