当前位置: 移动技术网 > IT编程>UI设计>PhotoShop > PhotoShop简单制作漂亮的格子背景

PhotoShop简单制作漂亮的格子背景

2018年07月20日  | 移动技术网IT编程  | 我要评论

爹爹不是人,纪实文学,闽南

photoshop怎么制作漂亮的格子背景?其实ps制作格子背景的方法有很多,但最常用的方法是定义图案,作为填充的背景。其制作流程也非常简单、快捷,比较实用。下面就教大家如何制作格子背景,希望能帮到你。

photoshop简单制作漂亮的格子背景

一、定义图案

首先打开ps新建

打开ps后,新建(ctrl+n)。自定:宽度(w)10x高度(h)10像素,分辨率72,并命名为“图案”,设置好后点击“确定”。

photoshop简单制作漂亮的格子背景

(ctrl+o)放大工作区

新建之后,有些人会问工作区怎么这么小,其实这是由像素决定的。按快捷键(ctrl+0)把工作区放大到最大化。

photoshop简单制作漂亮的格子背景

填充颜色

工作区最大化后,打开【标尺】分四个格子。选择【矩形选框工具】,在分开好的四个格子里填充颜色,如图所示:(可以根据自己的喜欢选择填充的颜色)

photoshop简单制作漂亮的格子背景

定义图案

菜单栏里选择【编辑】,在下拉框中找到【定义图案】点击。接下来会弹出一个对话框,我们点击【确定】这样我的图案就完成了!

photoshop简单制作漂亮的格子背景

photoshop简单制作漂亮的格子背景

二、填充背景图案

新建(ctrl+n)

定义图案后,我们再新建(ctrl+n)。自定:宽度(w)700x高度(h)500像素,分辨率72,并命名为“格子背景”,设置好后点击“确定”。

photoshop简单制作漂亮的格子背景

解锁背景层

选择【背景图层】,鼠标左键双击解锁,在弹出来的对话框中我们点击【确定】,其他设置默认。

photoshop简单制作漂亮的格子背景

混合选项

解锁图层后,鼠标右键图层,会弹出对话框,在对话框中选择【混合选项】。如图所示:

photoshop简单制作漂亮的格子背景

图案叠加

接下来在【图层样式】对话框中选择【图案叠加】,混合模式(b)选择“正常”,不透明度(y)100%,然后选择我们刚做好的图案,点击【确定】。

photoshop简单制作漂亮的格子背景

背景

确定“图案叠加”后,我们可以看出一张漂亮的格子背景就做好了,保存或另存为jpg或者其他格式。好了,打完收工!

photoshop简单制作漂亮的格子背景

注意事项

背景格子的大小,跟定义图案的宽度(w)和高度(h)像素有关。

以上就是photoshop简单制作漂亮的格子背景方法介绍,操作很简单的,大家学会了吗?希望这篇文章能对大家有所帮助!

如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复

相关文章:

验证码:
移动技术网