
喵爸联萌
有的应用界面或LOGO非常好看,简单放上去蛮不错的。可有的技术类应用本身界面就是一团糟,做成封面又会被裁切,本强迫证看了实在是有点受不了。
下面我会用我另一篇攻略《懒猫极简制作曲谱》的封面做一个示例,然后再顺手做好这一篇的封面。
你可以在本文中学到一些很基础的设计流程和理念,以及了解Photoshop类软件的操作技巧。
首先还是祭出懒猫中的“高仿Photoshop”————Photopea.
如果你感兴趣,也可以看一下我的前一篇关于Photopea的攻略:《Photopea:用懒猫做照片处理》
攻略封面大约是3:2,我这里直接选用一个YouTube封面的预设,应该差不太多:![]() | 导入一张图片,这里是我用Midjourney生成的一张图:![]() |
|---|
顺便把这张图的提示语放出来,如果你想试用算力舱生图也不妨可以试试:
jazz-blues vibe, 70's bar, kawaii, tiny girl toy doll sitting on a slowly turning vinyl record singing sadly, night, dark light, a black cat sitting by her side, a huge red wine glass goblet to show their mini size, lazy, charming vibe, micro-photograph
由于封面还是要明快一点,所以增加一个色阶调整层,只移动灰场让它稍微变亮一点:![]() | 贴入第一张素材图,是软件1的截图。![]() |
|---|---|
贴入第二张素材图,是软件2生成的曲谱。![]() | 将截图一拉到屏幕宽度,分辨率被拉低不必太在意。![]() |
给它加一个遮罩层,拉一个透明渐变。![]() | 使用“强光”复合模式,这样只有最亮的音轨部分突出,不会遮住唱片。![]() |
把乐谱放大,因为是SVG,所以不会被降低分辩率。![]() | SVG在变形之前需要栅格化转为位图,不然会产生意想不到的变化。![]() |
Ctrl+T开始变形,在上方工具条选择“变形”,将乐谱拉成波浪的形状。![]() | Ctrl+I取反,把黑色变成白色。![]() |
选用“叠加”模式,闪亮的音符就做好了。![]() | 开始加入大标题,用白字,但需要多加一个阴影,这样不会被背景中的白色干扰文字。![]() |
加入橙色的副标题,与主画面色调呼应,同样加一个阴影。![]() | 将前四个字缩小,这样既突出关键目标,又不会遮住太多人物 ![]() |
一个封面图就做好了。

不套娃怎么能做这篇攻略的封面?
重新建一个文件,同样大小,拖入一张新的封面图。![]() | 再拖入刚才做好的封面图![]() |
|---|
顺便这张新背景图是用Niji-journey生成的,提示如下:
anime illustraion, of an anime style cute girl who is wearing a teal colored pea-pod-shaped outfit, with swirling spouse, drawing on a very big drawing tablet, the scene focus on the tablet with prespective angle, beautiful view, full body
Ctrl+T变形旋转到大致合适的角度![]() | 按住Ctrl再拖边角,可以产生透视效果,让它刚好与画板适配![]() |
|---|---|
给小封面加一个遮罩,调低透明度![]() | 然后用黑色在遮罩上画要遮掉的部分,这样比用橡皮擦好多了,不会破坏原图。![]() |
如果有地方遮多了,只要用白笔就可以复原![]() | 最后恢复透明度![]() |
适当调亮小封面并加入渐变,模仿屏幕反光![]() | 画上手臂的影子![]() |
修改影子复合模式和深度![]() | 整体给小封面加一个内阴影,模仿屏幕边缘![]() |
开始加文字,文字如果能与画面互动,会是很好的海报设计![]() | 加上适当的特效![]() |
把后面的字用笔遮掉一点,产生前后层次感![]() | 把Photopea logo放在手臂上当纹身(稍微画蛇添足也没什么不行),再加入副标题![]() |
这样做出的海报,文字与漫画的立体空间相配,产生了更多的层次感和表现张力。

你学会了吗?
评论
0暂无评论