ホームページ > ウェブフロントエンド > PS チュートリアル > Photoshop制作菱形针织纹理无缝填充图案

Photoshop制作菱形针织纹理无缝填充图案

PHP中文网
リリース: 2017-03-19 16:41:32
オリジナル
2043 人が閲覧しました

这篇文章主要介绍了Photoshop制作菱形针织纹理无缝填充图案,教程很简单,喜欢的朋友可以一起来学习   效果图:

Photoshop制作菱形针织纹理无缝填充图案

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

Photoshop制作菱形针织纹理无缝填充图案

  下面教程开始:
  新建文件,并设置其大小为210像素×414像素

Photoshop制作菱形针织纹理无缝填充图案

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

Photoshop制作菱形针织纹理无缝填充图案

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

Photoshop制作菱形针织纹理无缝填充图案

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

Photoshop制作菱形针织纹理无缝填充图案

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

Photoshop制作菱形针织纹理无缝填充图案

  复制这条锯齿线,水平翻转,排列如下:

Photoshop制作菱形针织纹理无缝填充图案

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

Photoshop制作菱形针织纹理无缝填充图案

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

Photoshop制作菱形针织纹理无缝填充图案

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

Photoshop制作菱形针织纹理无缝填充图案

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

Photoshop制作菱形针织纹理无缝填充图案

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

Photoshop制作菱形针织纹理无缝填充图案

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

Photoshop制作菱形针织纹理无缝填充图案

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

Photoshop制作菱形针织纹理无缝填充图案

  复制线条图层,水平翻转,排列如下:

Photoshop制作菱形针织纹理无缝填充图案

  下面,我们添加背景,新建个图层,置于底层,填充深蓝色#373f64【好累.....】

Photoshop制作菱形针织纹理无缝填充图案

  接下来!为了给菱形图案一个真实的外观,我们要添加菱形图案上方的织物纹理。 创建一个新文件,然后使用铅笔工具,设置为1像素,
  使用多种灰度颜色,画随机像素图案。 这里用的是#ccccc,#b8b8b8,#9c9c9c,# c4c4c4,# e2e2e2,#b5b5b5,# dbdbdb,并自定义图案
  【编辑——定义图案】

Photoshop制作菱形针织纹理无缝填充图案

  返回菱形图案的文件,新建图层,置于顶层,双击图层弹出的图层样式窗口勾选图案叠加 选择我们刚做的这个图案,并改变图层混合模式为“划分”

Photoshop制作菱形针织纹理无缝填充图案

  好了,我们来自定图案【编辑——定义图案】

Photoshop制作菱形针织纹理无缝填充图案

  那么0.0 建个大点的文件,来检验下我们的图案吧【依旧是图层样式勾选图案叠加,我的心好累】

Photoshop制作菱形针织纹理无缝填充图案

  我们可以来改变下图案的色彩,类似那些调整色相阿,可选颜色阿,渐变映射的这里都不说了,这里来试试“颜色查找”

Photoshop制作菱形针织纹理无缝填充图案
Photoshop制作菱形针织纹理无缝填充图案
Photoshop制作菱形针织纹理无缝填充图案
Photoshop制作菱形针织纹理无缝填充图案
Photoshop制作菱形针织纹理无缝填充图案
Photoshop制作菱形针织纹理无缝填充图案
Photoshop制作菱形针织纹理无缝填充图案
Photoshop制作菱形针织纹理无缝填充图案
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート