手把手一起做攻略封面(Photopea进阶体验)

喵爸联萌

发布于350天前
创意设计版霸·老掉牙的设计师·只能依仗AI的艺术家·落伍的伪全栈·除了舌毒嘴贱手残并没有什么别的优点

说真的,别再用简陋的图当封面了。

有的应用界面或LOGO非常好看,简单放上去蛮不错的。可有的技术类应用本身界面就是一团糟,做成封面又会被裁切,本强迫证看了实在是有点受不了。

下面我会用我另一篇攻略《懒猫极简制作曲谱》的封面做一个示例,然后再顺手做好这一篇的封面。

你可以在本文中学到一些很基础的设计流程和理念,以及了解Photoshop类软件的操作技巧。

首先还是祭出懒猫中的“高仿Photoshop”————Photopea.

https://appstore.lazycat.cloud/#/shop/detail/cloud.lazycat.app.ps

如果你感兴趣,也可以看一下我的前一篇关于Photopea的攻略:《Photopea:用懒猫做照片处理》

开始做封面

攻略封面大约是3:2,我这里直接选用一个YouTube封面的预设,应该差不太多:屏幕截图 2025-07-09 130840.png导入一张图片,这里是我用Midjourney生成的一张图:屏幕截图 2025-07-09 131228.png

顺便把这张图的提示语放出来,如果你想试用算力舱生图也不妨可以试试:

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
由于封面还是要明快一点,所以增加一个色阶调整层,只移动灰场让它稍微变亮一点:image.png贴入第一张素材图,是软件1的截图。屏幕截图 2025-07-09 155632.png
贴入第二张素材图,是软件2生成的曲谱。屏幕截图 2025-07-09 155702.png将截图一拉到屏幕宽度,分辨率被拉低不必太在意。屏幕截图 2025-07-09 155810.png
给它加一个遮罩层,拉一个透明渐变。屏幕截图 2025-07-09 155834.png使用“强光”复合模式,这样只有最亮的音轨部分突出,不会遮住唱片。屏幕截图 2025-07-09 155927.png
把乐谱放大,因为是SVG,所以不会被降低分辩率。屏幕截图 2025-07-09 155949.pngSVG在变形之前需要栅格化转为位图,不然会产生意想不到的变化。屏幕截图 2025-07-09 160039.png
Ctrl+T开始变形,在上方工具条选择“变形”,将乐谱拉成波浪的形状。屏幕截图 2025-07-09 160118.pngCtrl+I取反,把黑色变成白色。屏幕截图 2025-07-09 160141.png
选用“叠加”模式,闪亮的音符就做好了。屏幕截图 2025-07-09 160152.png开始加入大标题,用白字,但需要多加一个阴影,这样不会被背景中的白色干扰文字。屏幕截图 2025-07-09 160434.png
加入橙色的副标题,与主画面色调呼应,同样加一个阴影。屏幕截图 2025-07-09 160829.png将前四个字缩小,这样既突出关键目标,又不会遮住太多人物 (的美腿)屏幕截图 2025-07-09 160900.png

一个封面图就做好了。

曲谱.jpg


等等还没完……

不套娃怎么能做这篇攻略的封面?

重新建一个文件,同样大小,拖入一张新的封面图。image.png再拖入刚才做好的封面图image.png

顺便这张新背景图是用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变形旋转到大致合适的角度屏幕截图 2025-07-09 185601.png按住Ctrl再拖边角,可以产生透视效果,让它刚好与画板适配屏幕截图 2025-07-09 185638.png
给小封面加一个遮罩,调低透明度屏幕截图 2025-07-09 185725.png然后用黑色在遮罩上画要遮掉的部分,这样比用橡皮擦好多了,不会破坏原图。屏幕截图 2025-07-09 185826.png
如果有地方遮多了,只要用白笔就可以复原屏幕截图 2025-07-09 185954.png最后恢复透明度屏幕截图 2025-07-09 190014.png
适当调亮小封面并加入渐变,模仿屏幕反光屏幕截图 2025-07-09 190145.png画上手臂的影子屏幕截图 2025-07-09 190359.png
修改影子复合模式和深度屏幕截图 2025-07-09 190420.png整体给小封面加一个内阴影,模仿屏幕边缘屏幕截图 2025-07-09 190627.png
开始加文字,文字如果能与画面互动,会是很好的海报设计屏幕截图 2025-07-09 190905.png加上适当的特效屏幕截图 2025-07-09 191143.png
把后面的字用笔遮掉一点,产生前后层次感屏幕截图 2025-07-09 191303.png把Photopea logo放在手臂上当纹身(稍微画蛇添足也没什么不行),再加入副标题屏幕截图 2025-07-09 192632.png

这样做出的海报,文字与漫画的立体空间相配,产生了更多的层次感和表现张力。

新海报1.jpg

你学会了吗?

评论

0

暂无评论

说点什么呢~
收藏
0
0
0