@飞屋睿UIdesign:最近老刷到那种文字和人物互相遮挡的图,层次感直接拉满!我就在想,花能不能也这么玩?这篇教程教你怎么用蒙版把文字塞进花里,超有感觉~
手绘板得准备好哈,后面会用上!
第一步 先搞一束花
STEP 01
找花这事挺看缘分,自己家里有鲜花最好,没有就得去图库里淘。重点是背景要白!白了才方便抠图,花最好全在画面里,别被裁掉边边角角。当然你有特别构图想法也OK,但我们今天先按常规来——花放正中间。
我从四张图里挑了一束最合适的,其他几个花型虽好,但背景太乱,pass!
STEP 02
开始抠花。这种细碎花瓣,用普通选区工具根本搞不定,得上通道大法(具体可以去看我有特殊的抠图技巧)。不过去背景这步其实很自由,别死磕一种方法,怎么顺手怎么来。
我自己是用手绘板一点点修边缘,是有点费时间,但我信慢工出细活,细节到位了,成片才够精致!
第二步 排文字
STEP 03
打开PS,新建一个3000×3000的画布,白色背景。把你抠好的花拖进来,居中放好。
STEP 04
原图花有点暗,我加了曲线提亮,再用色彩平衡加点暖调,最后上了个渐变映射让颜色过渡更自然,整体就更通透了。
STEP 05
字体我用了Roboto Bold,线条顺滑,适合这个风格。字号450px,每个字母单独一层,方便调整位置。
颜色选了个偏黄的绿,跟花区分开,对比强烈一点反而更有视觉冲击,而且刚好呼应主题spring。
还给文字加了个矩形框,增加分量感,让视线更聚焦。
STEP 06
把所有文字和边框图层打个组,然后复制一份花图层,放到最上面。现在结构就是:底下的花 → 文字组 → 上面的花,像夹心饼干一样。
给最上面那层花加个蒙版,蒙版整个填黑。这时候看起来啥都没变,但实际上已经埋好伏笔了——图层已经被黑蒙版盖住了,只有用白画笔刷过的地方才会露出来。
第三步 玩遮挡,造立体感
我们眼睛很吃谁挡谁这套,只要让花挡住一部分文字,立马就有前后关系,平面图也能看出深度。
现在最上面那层花带着黑蒙版,等于看不见。但我们拿白色画笔在蒙版上画,就能擦出前面的花,让它盖住文字的一部分。
相当于你在画哪些花瓣是在文字前面的,一边画一边调整,直到看起来像是文字真的嵌在花丛里。
手绘板得准备好哈,后面会用上!
第一步 先搞一束花
STEP 01
找花这事挺看缘分,自己家里有鲜花最好,没有就得去图库里淘。重点是背景要白!白了才方便抠图,花最好全在画面里,别被裁掉边边角角。当然你有特别构图想法也OK,但我们今天先按常规来——花放正中间。
我从四张图里挑了一束最合适的,其他几个花型虽好,但背景太乱,pass!
STEP 02
开始抠花。这种细碎花瓣,用普通选区工具根本搞不定,得上通道大法(具体可以去看我有特殊的抠图技巧)。不过去背景这步其实很自由,别死磕一种方法,怎么顺手怎么来。
我自己是用手绘板一点点修边缘,是有点费时间,但我信慢工出细活,细节到位了,成片才够精致!
第二步 排文字
STEP 03
打开PS,新建一个3000×3000的画布,白色背景。把你抠好的花拖进来,居中放好。
STEP 04
原图花有点暗,我加了曲线提亮,再用色彩平衡加点暖调,最后上了个渐变映射让颜色过渡更自然,整体就更通透了。
STEP 05
字体我用了Roboto Bold,线条顺滑,适合这个风格。字号450px,每个字母单独一层,方便调整位置。
颜色选了个偏黄的绿,跟花区分开,对比强烈一点反而更有视觉冲击,而且刚好呼应主题spring。
还给文字加了个矩形框,增加分量感,让视线更聚焦。
STEP 06
把所有文字和边框图层打个组,然后复制一份花图层,放到最上面。现在结构就是:底下的花 → 文字组 → 上面的花,像夹心饼干一样。
给最上面那层花加个蒙版,蒙版整个填黑。这时候看起来啥都没变,但实际上已经埋好伏笔了——图层已经被黑蒙版盖住了,只有用白画笔刷过的地方才会露出来。
第三步 玩遮挡,造立体感
我们眼睛很吃谁挡谁这套,只要让花挡住一部分文字,立马就有前后关系,平面图也能看出深度。
现在最上面那层花带着黑蒙版,等于看不见。但我们拿白色画笔在蒙版上画,就能擦出前面的花,让它盖住文字的一部分。
相当于你在画哪些花瓣是在文字前面的,一边画一边调整,直到看起来像是文字真的嵌在花丛里。
