网页背景,快速制作简约的双色调背景图片(4)

这种双色调的背景图片,经常在国外网站上看到,十分简约好看,色调统一。这种背景图片用途十分广泛,网页、APP、海报上都都能用到,大家一起来学习一下。 下面几张是我用几张普通的素材处理成双色调风格做的网页。

用ps快速制作彩色背景条

先看效果图。 新建文档。 D键恢复默认颜色,滤镜渲染云彩。 滤镜像素化铜版雕刻。 副标题 滤镜模糊动感模糊。 建新层,渐变工具直线渐变,设置如下,图层模式叠加。 建新层,用椭圆工具做如下选区。 羽化30像素,ctrl+shift+I反选,填充黑色,图层不透明度75%左右。 #

这种双色调的背景图片,经常在国外网站上看到,十分简约好看,色调统一。这种背景图片用途十分广泛,网页、APP、海报上都都能用到,大家一起来学习一下。

下面几张是我用几张普通的素材处理成双色调风格做的网页。

 

网页背景,快速制作简约的双色调背景图片(4)插图

 

网页背景,快速制作简约的双色调背景图片(4)插图(1)

网页背景,快速制作简约的双色调背景图片(4)插图(2)

 

网页背景,快速制作简约的双色调背景图片(4)插图(3)

马上进入正题!咱们用第一张图片为例。

第一步:

打开Photoshop,新建文件。拉一个炫酷装逼的渐变色,角度如图,然后先吸好深色放在色板中备用。

网页背景,快速制作简约的双色调背景图片(4)插图(4)

第二步:

选一个高品质的好图,最好主体物能够突出一些,方便分离双色调。然后在Photoshop中打开这张图片。

网页背景,快速制作简约的双色调背景图片(4)插图(5)

第三步:

1.进入通道,选区人与背景比较明显的蓝色通道。

2.按住Alt点击蓝色通道,选择通道中的白色区域。

3.反选选区,用刚才保存的深色填充选区。

网页背景,快速制作简约的双色调背景图片(4)插图(6)

第四步:

1.将填充好的图层移到渐变色的文件中,调整叠加的位置。

网页背景,快速制作简约的双色调背景图片(4)插图(7)

2.我们可以发现,右上角的填充图层上面的颜色将浅色挡掉太多,使得色调不够明朗。所以可以拉一个渐变蒙板将让浅色露出来一些。

网页背景,快速制作简约的双色调背景图片(4)插图(8)

第五步:

排上装逼的版式~ 然后装逼成功 ^_^

网页背景,快速制作简约的双色调背景图片(4)插图(9)

网页背景,快速制作简约的双色调背景图片(4)插图(6)

第四步:

1.将填充好的图层移到渐变色的文件中,调整叠加的位置。

网页背景,快速制作简约的双色调背景图片(4)插图(7)

2.我们可以发现,右上角的填充图层上面的颜色将浅色挡掉太多,使得色调不够明朗。所以可以拉一个渐变蒙板将让浅色露出来一些。

网页背景,快速制作简约的双色调背景图片(4)插图(8)

第五步:

排上装逼的版式~ 然后装逼成功 ^_^

网页背景,快速制作简约的双色调背景图片(4)插图(9)

这种双色调的背景图片,经常在国外网站上看到,十分简约好看,色调统一。这种背景图片用途十分广泛,网页、APP、海报上都都能用到,大家一起来学习一下。

下面几张是我用几张普通的素材处理成双色调风格做的网页。

 

网页背景,快速制作简约的双色调背景图片(4)插图

 

网页背景,快速制作简约的双色调背景图片(4)插图(1)

网页背景,快速制作简约的双色调背景图片(4)插图(2)

 

网页背景,快速制作简约的双色调背景图片(4)插图(3)

马上进入正题!咱们用第一张图片为例。

第一步:

打开Photoshop,新建文件。拉一个炫酷装逼的渐变色,角度如图,然后先吸好深色放在色板中备用。

网页背景,快速制作简约的双色调背景图片(4)插图(4)

第二步:

选一个高品质的好图,最好主体物能够突出一些,方便分离双色调。然后在Photoshop中打开这张图片。

网页背景,快速制作简约的双色调背景图片(4)插图(5)

第三步:

1.进入通道,选区人与背景比较明显的蓝色通道。

2.按住Alt点击蓝色通道,选择通道中的白色区域。

3.反选选区,用刚才保存的深色填充选区。

这种双色调的背景图片,经常在国外网站上看到,十分简约好看,色调统一。这种背景图片用途十分广泛,网页、APP、海报上都都能用到,大家一起来学习一下。

下面几张是我用几张普通的素材处理成双色调风格做的网页。

 

网页背景,快速制作简约的双色调背景图片(4)插图

 

网页背景,快速制作简约的双色调背景图片(4)插图(1)

网页背景,快速制作简约的双色调背景图片(4)插图(2)

 

网页背景,快速制作简约的双色调背景图片(4)插图(3)

马上进入正题!咱们用第一张图片为例。

第一步:

打开Photoshop,新建文件。拉一个炫酷装逼的渐变色,角度如图,然后先吸好深色放在色板中备用。

网页背景,快速制作简约的双色调背景图片(4)插图(4)

第二步:

选一个高品质的好图,最好主体物能够突出一些,方便分离双色调。然后在Photoshop中打开这张图片。

网页背景,快速制作简约的双色调背景图片(4)插图(5)

第三步:

1.进入通道,选区人与背景比较明显的蓝色通道。

2.按住Alt点击蓝色通道,选择通道中的白色区域。

3.反选选区,用刚才保存的深色填充选区。

网页背景,快速制作简约的双色调背景图片(4)插图(6)

第四步:

1.将填充好的图层移到渐变色的文件中,调整叠加的位置。

网页背景,快速制作简约的双色调背景图片(4)插图(7)

2.我们可以发现,右上角的填充图层上面的颜色将浅色挡掉太多,使得色调不够明朗。所以可以拉一个渐变蒙板将让浅色露出来一些。

网页背景,快速制作简约的双色调背景图片(4)插图(8)

第五步:

排上装逼的版式~ 然后装逼成功 ^_^

网页背景,快速制作简约的双色调背景图片(4)插图(9)

作者: 791650988

为您推荐