1. 通过平面设计在线赚钱的潜力与Canva的优势 [0]

1.1. Fiverr上的收入证明与设计需求 [0]

  1. 平面设计收入潜力:人们通过学习简单的平面设计赚取大量金钱 [0]。
  2. Fiverr案例展示:Fiverr是一个自由职业平台,展示了多个设计师的收入情况 [2]。
    1. 案例一 (Amit):Amit制作YouTube缩略图,单个缩略图收费25美元 [5]。
    2. 他通常需要一到两小时制作,但交付时间为一天 [8]。
    3. 他目前有8个订单在排队,拥有8000多个评论,意味着服务了8000多位客户 [9]。
    4. 他还有其他套餐:3个缩略图收费65美元,5个缩略图收费110美元 [10]。
    5. 他在家就能赚取这些收入 [11]。
    6. 案例二 (Shui):Shui是二级自由职业者,拥有3665条评论 [12]。
    7. 他至少服务了3665位客户,目前有12个订单在排队 [14]。
    8. 他单个缩略图收费20美元,价格合理 [16]。
    9. 他的其他套餐包括5个缩略图70美元,10个缩略图100美元,价格很有竞争力 [17]。
    10. 设计简单性:Shui展示的缩略图设计非常简单 [19]。
  3. 初学者机会:即使是初学者,只要遵循正确策略,也能制作简单设计并赚取大量金钱 [21]。
  4. 平面设计的优势:在众多在线职业选项中,平面设计是简单、需求大且能赚取高收入的绝佳选择 [24]。
  5. 平面设计工作类型:
    1. 可以为YouTuber设计缩略图,因为他们没有时间自己设计 [26]。
    2. 讲者自己也请平面设计师设计缩略图,每张支付5到10美元 [28]。
    3. 有时讲者一天会给设计师5个缩略图任务 [31]。
    4. 设计师每天在家工作几小时,就能赚取50美元 [32]。
    5. 除了YouTube缩略图,还可以设计信息图表、社交媒体帖子、图表设计,甚至电子书 [33]。

1.2. Canva作为设计工具的优势 [35]

  1. 设计门槛低:任何人都可以设计图形,不一定需要Photoshop技能 [35]。
  2. Canva的高效性:可以使用Canva更高效地设计图形 [37]。
  3. 专业级设计:使用Canva,无需专业技能,只需拖放即可设计出完全专业的图形 [38]。
  4. Canva的应用范围:可以设计信息图表、Logo、广告横幅等 [39]。
  5. Canva的免费性:Canva是一个完全免费的工具 [42]。
  6. 课程目标:本课程将展示如何仅使用Canva中100%免费的元素,制作出超级专业的横幅和缩略图 [43]。

2. Canva界面与功能介绍 [47]

  1. 选择Canva的原因:Canva是少数几个无需学习曲线即可制作专业平面设计的工具之一 [47]。
    1. 相比Photoshop、Figma等高级工具,Canva拥有独特的在线素材库 [49]。
    2. 可以从素材库添加现成元素,即使没有专业经验也能轻松设计专业图形 [51]。
  2. 登录与版本选择:
    1. 访问Canva网站并登录/注册(可使用Google、Facebook或电子邮件) [52]。
    2. 登录后可以跳过调查问卷 [59]。
    3. 免费版与专业版 (Pro):本视频将使用完全免费版本 [62]。
    4. Canva Pro提供1亿多张高级照片、视频、元素、高级字体和现成模板 [64]。
    5. Pro版还提供高级功能,如调整大小、背景移除和高级动画 [65]。
    6. Pro版还提供1TB存储空间 [66]。
  3. Canva主界面 (UI) 介绍:
    1. 主页 (Home):显示主界面 [68]。
    2. 项目 (Projects):管理所有创建的项目(目前为空) [69]。
    3. 模板 (Templates):可以使用现成的预设或设计 [71]。
    4. 可以将设计拖入项目并开始自定义 [73]。
    5. 品牌 (Brand):用于设计品牌的一些高级功能 [74]。
    6. Canva AI:可以通过提示AI来制作设计 [76]。
    7. 应用 (Apps):可以增加工具的功能和特性 [77]。
    8. 例如,有的应用可以为图像着色,有的可以制作滑块 [78]。
    9. 可以查看所有类别,设计中也会用到一些应用 [80]。

3. 制作专业的社交媒体广告横幅(从零开始) [82]

3.1. 设置画布和添加背景 [82]

  1. 设计目标:制作一个专业的社交媒体广告横幅(如Facebook、YouTube、Instagram) [83]。
    1. 目标设计包含图标、文本、图像、背景图像和叠加层等元素,看起来非常专业 [85]。
  2. 创建新设计:
    1. 点击“创建”按钮,选择图像尺寸 [89]。
    2. 可以选择现成的选项(如演示文稿、视频、Instagram)或自定义尺寸 [91]。
    3. 为了制作方形广告,选择自定义尺寸 [94]。
    4. 设置宽度和高度均为1080像素 [97]。
    5. 点击“创建新设计”,打开一个方形画布 [99]。
  3. 添加背景图像:
    1. 左侧边栏是添加元素的地方 [102]。
    2. 设计 (Design) 选项提供模板,但本次将从头开始制作 [103]。
    3. 点击元素 (Elements),这里有框架、形状、线条、图标、背景等所有元素 [107]。
    4. 搜索“nature background”(自然背景) [112]。
    5. 在“照片”中寻找,选择一个干净的“mountain background”(山景背景) [114]。
    6. 将选中的图像拖放到画布内 [120]。
    7. 调整图像大小以完全覆盖画布(拖动到顶部和左侧,然后拉伸) [121]。
    8. 第一步:添加背景完成 [127]。

3.2. 添加叠加层和形状元素 [128]

  1. 添加叠加层 (Overlay):目标设计在图像上有一个浅蓝色叠加层 [128]。
    1. 清除搜索,点击形状 (Shape),选择方形形状 [131]。
    2. 调整形状大小以完全覆盖背景图像 [135]。
  2. 设置透明度和颜色:
    1. 选中形状,可以控制颜色、轮廓和圆角 [139]。
    2. 点击透明度 (Transparency),目前为100% [140]。
    3. 控制颜色:点击颜色选项,可以选择纯色或渐变色 [144]。
    4. 可以通过颜色选择器或输入颜色代码添加自定义颜色 [147]。
    5. 选择渐变色 (Gradient color),可以看到从蓝色平滑过渡到粉色 [153]。
    6. 更改渐变色:输入品牌颜色代码(例如第一个颜色代码,第二个颜色代码) [157]。
    7. 控制透明度:打开第一个颜色,通过滑块控制不透明度 [166]。
    8. 将不透明度设置为83左右,形成一个漂亮的渐变叠加层 [169]。
    9. 此时背景图像隐约可见,效果良好 [171]。
  3. 添加右上角形状:目标设计在叠加层上有额外的形状元素 [174]。
    1. 返回元素,搜索形状,点击图形 (Graphics) [175]。
    2. 找到并拖放一个喜欢的形状(有些是专业版,有些是免费的) [179]。
    3. 管理颜色:该元素是多色的,可以点击颜色选项进行更改 [183]。
    4. 将两种颜色都改为同一种颜色,使其成为单色 [186]。
    5. 放置和调整:使用旋转工具找到合适的角度 [189]。
    6. 调整大小并放置在右上角 [190]。
    7. 调整透明度:点击透明度,将不透明度设置为51左右 [193]。
    8. 这为设计增加了很好的深度 [195]。

3.3. 添加和样式化文本 [197]

  1. 添加第一个文本:
    1. 点击文本 (Text) 选项,有默认文本样式(标题、副标题、段落)和高级文本格式 [199]。
    2. 选择标题 (Heading) 文本,拖放到画布上 [205]。
    3. 双击更改文本,输入“200 plus” [207]。
  2. 调整文本样式:
    1. 调整大小:可以使用数字输入框更改字体大小(例如100) [211]。
    2. 也可以拖动文本元素的角来调整大小,但建议使用文本大小选项 [214]。
    3. 撤销操作:按Ctrl + Z,重做:按Ctrl + Y [219]。
    4. 将字体大小设置为118或120 [223]。
    5. 更改颜色:点击文本颜色,点击“添加新颜色” [230]。
    6. 将颜色拖动到接近纯白(例如F8 F8颜色代码),使其不是完全白色 [233]。
    7. 更改字体和粗细:文本的粗细取决于所使用的字体 [238]。
    8. 当前字体是Canva Sans,搜索并选择Poppins字体 [241]。
    9. 字体会立即变得更粗,看起来很好 [246]。
    10. 放置文本:将文本放置在画布中心,出现粉色线条表示完美居中 [248]。
  3. 添加第二个文本:
    1. 复制(Duplicate)第一个文本,拖动到下方 [256]。
    2. 更改文本为“Elementor kits” [259]。
    3. 调整字体大小,例如55像素 [261]。
    4. 放置在第一个文本下方,看起来不错 [263]。

3.4. 添加焦点图像和网站文本 [267]

  1. 添加焦点图像:需要展示广告宣传的主要产品图像 [267]。
    1. 图像来自kitpapa.com,这是一个流行的Elementor模板商店 [268]。
    2. 访问网站,找到并右键保存图像(注意:图像格式可能是webp) [270]。
  2. 上传和放置图像:
    1. 打开文件夹,将下载的图像拖放到Canva中 [273]。
    2. 拖动角点调整图像大小 [276]。
    3. 将图像水平居中放置,看起来很好 [281]。
  3. 添加网站文本:
    1. 复制(Duplicate)上一个文本,拖动到下方 [285]。
    2. 需要更改字体大小和字体系列,使用较浅的文本 [287]。
    3. 搜索并选择Portland字体,该字体适用于较小的文本 [289]。
    4. 取消粗体(Deselect the bold),使其变细 [292]。
    5. 调整大小至28像素左右 [293]。
    6. 更改文本为“www.kitpapa.com”,放置在图像下方 [295]。

3.5. 添加图标和背景框 [297]

  1. 添加图标背景:目标设计包含两个图标和一个背景框 [297]。
    1. 图标是Figma和Elementor的Logo [299]。
    2. 可以通过Google搜索并下载这些Logo [300]。
    3. 首先添加一个形状作为图标的背景 [303]。
    4. 点击形状,选择圆角方形 (rounded corner square shape) [306]。
    5. 调整大小,并设置圆角:点击“角点”,手动控制圆角,设置为20 [309]。
    6. 调整形状大小和高度 [315]。
    7. 可以使用滑块放大画布以进行精确调整 [317]。
    8. 放置背景框 [321]。
  2. 设置背景框样式:
    1. 更改背景颜色为纯白色 [324]。
    2. 使用透明度,将其降低到17左右 [326]。
    3. 这样背景框将与背景融合,看起来不错 [328]。
  3. 添加图标:
    1. 打开文件夹,将下载的Figma和Elementor Logo拖放到画布中 [330]。
    2. 调整Figma Logo:手动调整大小,并放置在背景框内 [333]。
    3. 调整Elementor Logo:为了确保宽度一致,选中Figma Logo,点击位置 (Position),查看宽度(例如70像素) [335]。
    4. 选中Elementor Logo,在位置中输入70像素宽度 [338]。
    5. 将Elementor Logo放置在Figma Logo旁边 [341]。
    6. 居中对齐:按住Shift键同时选中两个图标 [342]。
    7. 拖动它们,直到出现粉色线条,表示垂直和水平完美居中 [343]。
    8. (可选):如果对Elementor图标不满意,可以上传另一个图标,调整大小为70像素,替换旧图标 [345]。
  4. 完成:至此,海报上的所有元素都已添加,看起来非常漂亮 [348]。

3.6. 调整图层和背景(可选) [350]

  1. 更改背景图像:如果想更改背景图像,但无法轻松选中它(因为它在最底层) [350]。
    1. 点击位置 (Positions) 选项,然后点击图层 (Layers) [351]。
    2. 可以看到所有元素的图层顺序(文本、图标、图像等) [352]。
    3. 找到背景图像图层,点击选项并删除 [353]。
  2. 添加新背景:
    1. 在元素中再次搜索“mountains”(山脉) [355]。
    2. 在“照片”中选择一张新图像 [357]。
    3. 调整新图像大小以适应画布 [358]。
  3. 将图像发送到后面:新图像会覆盖所有元素 [360]。
    1. 选中图像,打开位置,在图层中将图像拖动到最底部 [361]。
    2. 图像将被发送到所有元素的后面 [362]。
  4. 总结:所有元素都非常吸引人,且全部是免费元素,但看起来非常华丽 [364]。
  5. 下一步:接下来将展示如何设计一个专业的YouTube缩略图 [366]。

4. 制作专业的YouTube缩略图 [369]

4.1. 设置画布和添加背景/人物图像 [369]

  1. 项目保存:项目是自动保存的,因为Canva是基于在线的工具 [370]。
  2. 创建缩略图项目:
    1. 点击菜单,可以看到新创建的项目(可以重命名) [373]。
    2. 再次点击“创建”,选择YouTube缩略图预设 [377]。
    3. 尺寸为1280 x 720像素的画布将被加载 [381]。
  3. 分析目标缩略图:
    1. 目标缩略图包含许多正确的元素,使其看起来非常华丽 [386]。
    2. 左侧显示负面信息(Day One,下降图标,低观看量,红色) [388]。
    3. 右侧显示正面信息(Day 30,上升图标,更多观看量,绿色) [389]。
    4. 制作起来会很容易,因为大部分元素相同,只需改变颜色 [390]。
  4. 添加背景图像:
    1. 目标缩略图有一个纹理背景 [393]。
    2. 在元素中搜索“black background”(黑色背景) [395]。
    3. 在“照片”中找到一个合适的纹理背景 [396]。
    4. 调整大小以适应画布 [400]。
  5. 添加人物图像:
    1. 缩略图中的人物图像能显著增加注意力 [404]。
    2. 可以使用自己的透明图像,或使用透明的库存图像 [406]。
    3. 获取透明图像:在Freepik等网站搜索“person images”和“close-up” [408]。
    4. 找到一张合适的图像,如果它有背景,可以使用“Remove Background”工具移除背景 [412]。
    5. 下载PNG格式的透明图像 [420]。
  6. 上传和放置人物图像:
    1. 将下载的图像拖放到Canva中 [422]。
    2. 将图像居中并放置在底部 [425]。
    3. 增加图像宽度,使其更大,以吸引更多注意力 [426]。
    4. 再次居中放置,确定位置 [429]。

4.2. 制作左侧(负面)部分:Day One [433]

  1. 添加“Day One”背景条:
    1. 在元素中搜索形状 (shape),选择矩形 (rectangle) [438]。
    2. 将其放置在顶部左侧 [441]。
    3. 调整大小,向右拖动直到出现粉色线条(表示占据了50%的宽度) [442]。
    4. 调整高度,保持在164像素左右 [443]。
    5. 更改颜色:点击颜色,输入红色颜色代码(例如FF3131),得到一个好看的红色 [446]。
  2. 添加“Day One”文本:
    1. 点击文本,添加一个简单的标题文本 [450]。
    2. 更改文本为“Day One” [452]。
    3. 更改字体:选择Poppins字体 [454]。
    4. 调整大小:字体大小设置为64像素,看起来不错 [456]。
    5. 将文本完美居中放置在红色框内 [457]。
    6. 更改文本颜色:设置为纯白色 [458]。
    7. 添加轮廓 (Outline):选中文本,点击效果 (Effects),选择轮廓 (Outline) [459]。
    8. 调整轮廓厚度为51像素 [463]。
    9. 更改轮廓颜色为纯黑色 [464]。
  3. 添加“noob SEO”文本(发光效果):
    1. 目标缩略图有“newio”文本,带有漂亮的发光效果 [468]。
    2. 添加一个简单文本,更改为“noob S E Oo” [472]。
    3. 更改字体为Poppins,大小为48像素 [474]。
    4. 更改颜色:点击“添加新颜色”,使用“拾色器”工具,点击红色背景条,使文本颜色与背景完全相同 [475]。
    5. 添加发光效果:点击“效果”,选择霓虹 (Neon) 选项 [481]。
    6. 调整强度(例如40),文本开始发光,效果很好 [483]。
    7. 放置文本,使其与“Day One”文本对齐 [485]。
  4. 添加向下箭头图标:
    1. 在元素中搜索“Gradient charts, arrow” [489]。
    2. 在“图形”中找到一个合适的渐变箭头图标,拖放进来 [493]。
    3. 这是一个渐变箭头,末端逐渐消失 [496]。
    4. 更改颜色:选择红色(#FF3131) [501]。
    5. 翻转:点击“翻转 (flip)”,选择“垂直翻转 (flip vertically)”,使其向下指向 [504]。
    6. 放置箭头 [506]。
  5. 制作“Views”信息框:
    1. 添加背景条:在元素中添加一个圆角形状 (rounded shape) [510]。
    2. 调整大小(例如宽度400,高度200) [512]。
    3. 着色:选择纯白色 [516]。
    4. 添加轮廓:点击“描边样式 (stroke style)”,选择实线,将描边宽度设置为3 [519]。
  6. 添加信息框内容:
    1. 添加“Views”文本:添加一个标题文本,更改为“Views” [525]。
    2. 关闭粗体模式,使文本更细 [527]。
    3. 居中放置,减小字体大小(例如35像素) [529]。
    4. 添加“200”文本:添加另一个标题文本,更改为“200” [533]。
    5. 字体系列应为Poppins Bold [535]。
    6. 添加向下箭头:在元素中搜索“arrow down” [537]。
    7. 许多图标是专业版,需要寻找免费的替代品 [539]。
    8. 找到一个合适的免费图标 [545]。
    9. 使用裁剪功能:找到一个包含所需箭头的图标,双击或点击裁剪图标 [558]。
    10. 仅选择所需的箭头部分 [562]。
    11. 删除旧图标,放置新箭头,它看起来与目标图标非常接近 [564]。
    12. 更改颜色为红色,使其更小 [566]。
    13. 对齐内容:选中“Views”和箭头,调整位置使其居中 [572]。
    14. 选中“200”和箭头,确保它们垂直和水平居中 [576]。
  7. 添加渐变光效:
    1. 目标缩略图有渐变光效 [578]。
    2. 在元素中搜索“gradient light”和“free” [580]。
    3. 找到所需的精确形状,添加进来 [583]。
    4. 调整和放置:放大到600宽度左右 [585]。
    5. 拖动到左下角 [586]。
    6. 调整图层:打开位置,进入图层,将此渐变拖动到白色框和人物图像的后面 [587]。
    7. 调整大小,使其看起来更自然 [589]。
    8. 可以复制讲者提供的宽度、高度和X/Y坐标,以获得完全相同的位置 [591]。
  8. 完成左侧部分:左侧部分的所有元素都已添加 [597]。

4.3. 制作右侧(正面)部分:Day 30 [599]

  1. 人物图像图层调整:在复制之前,需要将人物图像移到最前面 [600]。
    1. 选中人物图像,打开图层,点击“向前移动 (bring forward)” [601]。
  2. 复制左侧元素:
    1. 按住Shift键,选中左侧的所有元素 [602]。
    2. 右键点击并选择复制 (duplicate) [606]。
    3. 将复制的元素拖动到右侧 [607]。
  3. 调整图层顺序:新复制的元素可能在人物图像前面 [609]。
    1. 选中整个复制组,打开图层,点击“发送到后面 (send to backward)” [612]。
  4. 更改颜色和文本:
    1. 更改背景条颜色:点击背景条,输入绿色颜色代码(例如01 D F2 E),得到一个漂亮的绿色 [616]。
    2. 更改文本:将“Day One”改为“Day 30” [621]。
    3. 更改“noob SEO”文本:改为“PRO SEO”(大写) [623]。
    4. 对齐文本:重新对齐文本,确保间距一致 [629]。
    5. 更改文本颜色:将“PRO SEO”的颜色改为与背景条相同的绿色 [631]。
  5. 调整箭头:
    1. 将箭头移动到右侧 [633]。
    2. 旋转箭头,并点击“垂直翻转 (flip vertical)” [634]。
    3. 再次旋转,调整大小和角度 [636]。
  6. 调整信息框:
    1. 选中整个信息框并居中 [640]。
    2. 更改文本:将“200”改为“13.2m” [642]。
    3. 调整箭头:将信息框内的箭头移动到新文本旁边 [644]。
    4. 确保箭头居中 [646]。
    5. 翻转箭头:点击翻转,选择垂直翻转 [648]。
    6. 更改箭头颜色:改为相同的绿色 [650]。
  7. 调整渐变光效:
    1. 复制左侧的渐变光效 [657]。
    2. 拖动到右侧 [658]。
    3. 调整图层:在图层中,点击“发送到后面”,直到它到达最底层 [659]。
    4. 更改颜色:将渐变光效的颜色改为绿色 [664]。
    5. 再次确保它在最底层 [665]。
  8. 完成:整个设计现在看起来非常合理 [668]。

4.4. 优化人物图像以融合背景 [669]

  1. 调整人物图像大小:将人物图像稍微放大,以吸引更多注意力 [672]。
  2. 编辑图像:选中图像,点击编辑 (edit) [675]。
    1. 有许多编辑选项和应用可用 [677]。
    2. 点击调整 (adjust),可以看到温度、色调、亮度、对比度等基本设置 [680]。
  3. 应用调整:
    1. 温度 (Temperature):调低一点,使其更冷(例如-5) [684]。
    2. 色调 (Tint):稍微偏向绿色,以配合背景 [685]。
    3. 对比度 (Contrast):增加到40左右,使其看起来更专业 [688]。
    4. 最终调整:进一步降低温度,保持色调不变 [689]。
  4. 结果:图像现在看起来超级吸引人 [692]。
    1. 当用户在YouTube信息流中滚动时,这张图片会立即抓住他们的注意力 [693]。
  5. 总结:这是仅使用Canva免费版制作超级专业YouTube缩略图的方法 [694]。