首页 >PC >正文

设计师教你制作商用图片,免费banner头图实战教学

再次感谢我的设计师朋友黄先生!


今天的文章接着上一篇的免费又不涉及到侵权的图片网站推荐,没看的朋友们可以点击头像,看上一篇的介绍。上一篇的最后说到,如果拿到这些素材之后怎么用呢?今天用几个实例给大家介绍怎么做商用图片,目前比较典型的就是电商banner、自媒体头图等,图片制作是一通百通的,本文就以带网站Logo的banner头图为例给大家做个实战教学。

设计师教你制作商用图片,免费banner头图实战教学

首先找一个现在比较流行的在线设计平台,在百度上一找就会有很多,基本上这些在线设计平台都是有提供免费版和商业版给大家选择。我的设计师朋友习惯用Canva可画,这里给大家介绍的都是基于免费版功能上的,用免费的模板和免费的素材,快速设计一个基本的电商宣传banner。

一、搜集模板

先打开网站https://www.canva.cn/,支持微信等的快速登录。

设计师教你制作商用图片,免费banner头图实战教学

打开了之后登录好账号,接下来要找一些贴合主题的设计,比如要做上一篇文章(免费又不涉及到侵权的图片网站)的头图,就可以把所有这些免费网站的logo做一个集合,再用2022作为点缀,所以我在搜索上打上2022这个关键词去找素材。

设计师教你制作商用图片,免费banner头图实战教学

出来了全部的有关于2022的全部素材,选择微信公众号封面去选横向的素材,如果要做纵向的、正方形的图片,也都有相关类型的大量素材可供选择。

设计师教你制作商用图片,免费banner头图实战教学

选好之后就看哪个比较符合心里的模板,最后选了中间红框的模板,然后可以点一个收藏,再继续看其他的模板,最后在收藏那里再进行比较,决定选哪个。

设计师教你制作商用图片,免费banner头图实战教学

点左边菜单显示的已经收藏的模板就可以查看了,最后选择了第一个收藏的模板,作为这次的原始模板。点开创建设计,会选择自定义尺寸,1484*628,以什么值得买为标准,当你上传头图的时候它会建议你用这个尺寸,所以这次也自定义这个尺寸。

设计师教你制作商用图片,免费banner头图实战教学

先把文字改了,按照自己需要的内容改成预定的文字标题。

设计师教你制作商用图片,免费banner头图实战教学

二、收集网站logo

下一步收集网站logo,怎么收集呢?教大家一个方法,就是通过网页代码去进行收集。

设计师教你制作商用图片,免费banner头图实战教学

打开其中一个网站,在网页中点右键,选择 view pages source(我是英文系统)中文系统是“显示网页源代码”。

设计师教你制作商用图片,免费banner头图实战教学

找到这个png图片,但不是全部网站都这么容易找的,所以看下图。

设计师教你制作商用图片,免费banner头图实战教学

在浏览器上打开寻找,或者用快捷键Ctrl+F,苹果电脑就用Command+F,在寻找框上打png。一般都有很多种大小的logo,尽量选择最大尺寸的。

设计师教你制作商用图片,免费banner头图实战教学

设计师教你制作商用图片,免费banner头图实战教学

设计师教你制作商用图片,免费banner头图实战教学

点进去之后就来到这个logo的页面,点右键图片保存就可以拿到网站的logo了。 其他网站都一样的,这里就不多说了,大家可以试试。以下的都是收集好的logo。

设计师教你制作商用图片,免费banner头图实战教学

三、外观调整

把这些收集好的logo上传到Canva,点击上传媒体文件。

设计师教你制作商用图片,免费banner头图实战教学

把全部logo点进去,觉得有点乱,颜色、形状、大小都不统一,这就需要进一步的外观调整了。

设计师教你制作商用图片,免费banner头图实战教学

常用方法是在每一个logo下加一个白色的描边。

设计师教你制作商用图片,免费banner头图实战教学

两个图层有前后区分,所以通过右键选择图层的前后顺序

设计师教你制作商用图片,免费banner头图实战教学

选择素材,把正方形,长方形,圆形等选出来作为底图的白色描边。做好之后把每一个底图和logo都建组,这样就合在一起,不会每次拉动都要选两个图层。

设计师教你制作商用图片,免费banner头图实战教学

有些图不是直角的,所以通过边框样式去调整边框的圆角。

设计师教你制作商用图片,免费banner头图实战教学

最后把logo排整齐一下,就完成了。

设计师教你制作商用图片,免费banner头图实战教学

现在有了这些在线设计平台,做这些简单的头图就很轻松了,素材模板都有很多选择,以前设计师最常用的就是Photoshop,有机会再请我的设计师朋友给大家介绍,如何用Photoshop来设计图片吧。大家的鼓励是分享的动力,感谢大家~

设计师教你制作商用图片,免费banner头图实战教学

作者声明本文无利益相关,欢迎值友理性交流,和谐讨论~

网友评论

验证码 换一张
取 消
暂无评论...
三日内热门评论文章
为您推荐
  • 相关阅读
  • 业界资讯
  • 手机通讯
  • 电脑办公
  • 新奇数码
  • 软件游戏
  • 科学探索