xiaohutu 发表于 2014-7-17 21:05:47

Photoshop设计菱形针织纹理填充图案

      本文教大家制作一种常见的菱形编织纹理图案。大家可以学习一下。所谓无缝拼接背景图，即是整幅图像可以看做是由若干个矩形小图像拼接而成，并且各个矩形小图像之间没有接缝的痕迹，各个小图像之间也完全吻合。
这种无缝拼接图像在日常生活中也很常见，如地面上铺的地板革、墙纸、花纹布料、礼品包装纸等，无缝拼接图像在电脑图像处理上应用广泛，特别是在一些平面设计和网页背景方面，对主题内容进行烘托，不仅美观别致，而且简便易行，又不至于浪费大量的时间和空间。
教程图案和源文件：链接: http://pan.baidu.com/s/1jGHsnZ4 密码: qrm5
效果图：

http://pic.16xx8.com/allimg/140717/204J43627-0.png

这个是用了颜色查找功能后的展示图

http://pic.16xx8.com/allimg/140717/204J42392-1.png

下面教程开始：提示：教程详细步骤在二楼，不用回复也能看到！想下载该教程的可以回复获取下载网址:点击进入下载页教程编号:133960 作者：MohammadJeprie 出处：P大点S

xiaohutu 发表于 2014-7-17 21:05:49

Photoshop设计菱形针织纹理填充图案


新建文件，并设置其大小为210像素×414像素

http://pic.16xx8.com/allimg/140717/204J433H-2.png

xiaohutu 发表于 2014-7-17 21:05:50

Photoshop设计菱形针织纹理填充图案


ctrl+R调出你的标尺工具 在上边标尺出右键选择单位为像素

http://pic.16xx8.com/allimg/140717/204J410H-3.png

xiaohutu 发表于 2014-7-17 21:05:51

Photoshop设计菱形针织纹理填充图案


放大画布到800%左右，选择“矩形选框工具”，绘制一个矩形选区，矩形位置(99,0)到(108,3)，填充颜色#92c6de

http://www.missyuan.net/uploads/allimg/140717/1H93TB6-4.png

xiaohutu 发表于 2014-7-17 21:05:52

Photoshop设计菱形针织纹理填充图案


移动矩形选区，向右移动3像素，向上移动6像素，继续填充浅蓝色#92c6de

http://pic.16xx8.com/allimg/140717/204J43023-5.png

xiaohutu 发表于 2014-7-17 21:05:53

Photoshop设计菱形针织纹理填充图案

      
移动矩形选区，向右移动3像素，向上移动6像素，继续填充浅蓝色#92c6de

http://pic.16xx8.com/allimg/140717/204J4CD-6.png

xiaohutu 发表于 2014-7-17 21:05:54

Photoshop设计菱形针织纹理填充图案


复制这条锯齿线，水平翻转，排列如下：

http://pic.16xx8.com/allimg/140717/204J4E12-7.png

xiaohutu 发表于 2014-7-17 21:05:55

Photoshop设计菱形针织纹理填充图案


合并这两条锯齿线，并复制一层，垂直翻转，排列如下：

http://pic.16xx8.com/allimg/140717/204J4GM-8.png

xiaohutu 发表于 2014-7-17 21:05:56

Photoshop设计菱形针织纹理填充图案


合并所有锯齿线，使用套索工具选择锯齿线内的选区，填充浅蓝色#92c6de，将图层重命名为“菱形”，效果如下：

http://pic.16xx8.com/allimg/140717/204J42J7-9.png

xiaohutu 发表于 2014-7-17 21:05:57

Photoshop设计菱形针织纹理填充图案


复制“菱形”图层，置于相对的右下侧，排列如下：

http://pic.16xx8.com/allimg/140717/204J45I7-10.png

xiaohutu 发表于 2014-7-17 21:05:58

Photoshop设计菱形针织纹理填充图案


再复制“菱形”图层，分别置于左下和右上的位置，并改变填充颜色为#5b6589，如下图：

http://pic.16xx8.com/allimg/140717/204J44450-11.png

xiaohutu 发表于 2014-7-17 21:05:59

Photoshop设计菱形针织纹理填充图案


放大画布到3200%，使用“铅笔工具”用1像素的铅笔画出如下形状，颜色为#5a7d9b

http://pic.16xx8.com/allimg/140717/204J44K9-12.png

xiaohutu 发表于 2014-7-17 21:06:00

Photoshop设计菱形针织纹理填充图案

      
载入这个图形的选区，右移3像素，上移6像素，不断重复填充

http://pic.16xx8.com/allimg/140717/204J44L6-13.png

xiaohutu 发表于 2014-7-17 21:06:01

Photoshop设计菱形针织纹理填充图案


复制这个线条，放置于左上和右下，然后合并线条图层

http://pic.16xx8.com/allimg/140717/204J45563-14.png

xiaohutu 发表于 2014-7-17 21:06:02

Photoshop设计菱形针织纹理填充图案


复制线条图层，水平翻转，排列如下：

http://pic.16xx8.com/allimg/140717/204J43N0-15.png
页: [1] 2
查看完整版本: Photoshop设计菱形针织纹理填充图案