Photoshop快速的制作像素风格背景图案

2016-02-16 00:30 17 1 收藏

今天天气好晴朗处处好风光,好天气好开始,图老师又来和大家分享啦。下面给大家推荐Photoshop快速的制作像素风格背景图案,希望大家看完后也有个好心情,快快行动吧!

【 tulaoshi.com - PS 】

授人以鱼不如授之以渔,教会大家一个案例,不如教会大家一种方法。设计的思维模式绝对不能僵化,在学习各种教程时,要留意他们使用的方法,并注意时间,这样你的水平便能提高很快。

图案能让你的网页背景更加漂亮。本教程将展示如何在5-10分钟内快速打造像素风格图案。废话不多说,开始了。

Photoshop快速的制作像素风格背景图案,PS教程,图老师教程网

步骤一:

先来创建画布,画布大小可任意调整,但不能少于10×10 px,因为我们做出来的图案大小不能小于10 x10 px,文中采用了100 x 100 px,这样便能进行放大、缩小。

Photoshop快速的制作像素风格背景图案,PS教程,图老师教程网

步骤二:

放大到最大

Photoshop快速的制作像素风格背景图案,PS教程,图老师教程网

步骤3:

用铅笔工具开始绘制

Photoshop快速的制作像素风格背景图案,PS教程,图老师教程网

步骤4:

默认设置即可;大小1px,颜色使用#000000 不透明度100%

Photoshop快速的制作像素风格背景图案,PS教程,图老师教程网

步骤5:

创建新图层,该图层将用来绘制形状。

Photoshop快速的制作像素风格背景图案,PS教程,图老师教程网

步骤6:

在图层1中这么画几个点

Photoshop快速的制作像素风格背景图案,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

步骤 7:

使用矩形选框工具选中它们。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

Photoshop快速的制作像素风格背景图案,PS教程,图老师教程网

步骤8:

图像-裁剪

Photoshop快速的制作像素风格背景图案,PS教程,图老师教程网

步骤9:

隐藏背景图层

Photoshop快速的制作像素风格背景图案,PS教程,图老师教程网

步骤10:

编辑-定义图案

Photoshop快速的制作像素风格背景图案,PS教程,图老师教程网

步骤11:

会弹出这样的对话框

Photoshop快速的制作像素风格背景图案,PS教程,图老师教程网

这不就有这款图案了吗

Photoshop快速的制作像素风格背景图案,PS教程,图老师教程网

效果展示:

Photoshop快速的制作像素风格背景图案,PS教程,图老师教程网

用克莱因蓝(RGB 0.47,147)试一下效果还不错的。这张图呢?

Photoshop快速的制作像素风格背景图案,PS教程,图老师教程网

Photoshop快速的制作像素风格背景图案,PS教程,图老师教程网

Photoshop快速的制作像素风格背景图案,PS教程,图老师教程网

Photoshop快速的制作像素风格背景图案,PS教程,图老师教程网

Photoshop快速的制作像素风格背景图案,PS教程,图老师教程网

结论

希望这个小教程对你有所帮助,举一反三,打造自己的图案吧。

Photoshop快速的制作像素风格背景图案,PS教程,图老师教程网

来源:http://www.tulaoshi.com/n/20160216/1565866.html

延伸阅读
标签: PS PS基础
先看看我们要做的图案 如果你没保存,可以新建一个1000*1000px的白色文件,在上面再建一层,用上次做的圆图案填充,如图所示。 给背景层添加纯色solid color: 我们完全可以像平时那样用PS常用颜色的填充命令给背景层换个颜色,但是为了使我们自己以后更具灵活性(下面我会演示和说明的),请跟我一起做。 首先选中背景层,点击图层面...
Patterns是设计师经常需要的素材之一。这个小小的素材可以瞬间改变设计的整体布局,在设计师中使用的很频繁和流行。对于不熟悉的朋友其实也间接的运用过这个功能。比如我们的微博背景图,很多朋友就是用小图平铺整个屏幕的。Patterns也类似一样的原理。可以让你的设计打底更完美和迅速。今天我们要分享的就是45个免费有用的高质量矢量Patterns...
标签: Web开发
先来看图: 如何实现这样的效果呢? 首先,要准备一张这样的图片:   如何做出这样的图片呢? 一、打开Photoshop,新建一个640×480像素的文档 二、新建图层,按D键将前景色和背景色恢复为前黑后白,再按X键交换前景色和背景色。选择圆角矩形工具(快捷键U),半径设置为10个像素,画一个宽400像素,高50像素的...
标签: PS PS基础
先看看效果图 新建一个800*800像素文档 大功告成,最终效果图
标签: PS PS基础
最终效果 1、准备一张作为banner背景的照片,下面我们以下图作为演示。 2、复制两次背景层。 3、先对最上面的图层使用自由变换工具(Ctrl + T 或选择主菜单编辑自由变换)让图像水平倾斜45度。 4、主菜单滤镜像素化马赛克,调整单元格的大小,大小根据你的banner图像大小来设置,这里是3888x2554px,所以我们设置为128px大小...

经验教程

218

收藏

39
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部