欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-03-30 12:09:01
photoshop怎么制作漂亮的格子背景?其实ps制作格子背景的方法有很多,但最常用的方法是定义图案,作为填充的背景。其制作流程也非常简单、快捷,比较实用。下面就教大家如何制作格子背景,希望能帮到...

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简单制作漂亮的格子背景方法介绍,操作很简单的,大家学会了吗?希望这篇文章能对大家有所帮助!