<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8"/>
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <meta name="baidu-site-verification" content="codeva-TRbnNlplmM"/>
  <title>图层进阶之混合模式 - 职场课程 - 筱一PPT模板</title>
  <meta name="description" content="图层进阶之混合模式，筱一PPT职场课程。"/>
  <meta name="keywords" content="职场课程,PPT教程,视频课"/>
  <meta name="robots" content="index, follow"/>
  <link rel="canonical" href="https://www.xywl666.top/job-course/图层进阶之混合模式.json"/>
  <meta property="og:type" content="website"/>
  <meta property="og:site_name" content="筱一PPT模板"/>
  <meta property="og:title" content="图层进阶之混合模式 - 职场课程 - 筱一PPT模板"/>
  <meta property="og:description" content="图层进阶之混合模式，筱一PPT职场课程。"/>
  <meta property="og:url" content="https://www.xywl666.top/job-course/图层进阶之混合模式.json"/>
  
  <link rel="icon" type="image/png" href="/assets/app-logo.png?v=1"/>
  <link rel="stylesheet" href="/assets/site.css"/>
</head>
<body class="job-detail-page">
<header class="site-header">
  <div class="header-inner page-container-h">
    <a class="logo" href="/ppt">
      <img src="/assets/app-logo.png?v=1" alt="" class="logo-img"/>
      <span class="logo-text">筱一PPT模板</span>
    </a>

    <nav class="main-nav">
      <a href="/ppt" class="nav-link">首页</a>
      <div class="nav-dropdown">
        <span class="nav-link">分类</span>
        <div class="dropdown-panel">
          
          <a href="/ppt">PPT模板</a>
          <a href="/course">PPT课件</a>
          <a href="/shouchao">手抄报模板</a>
          <a href="/zhichang">职场课程</a>
          <a href="/ai-create">AI创作</a>
        </div>
      </div>
    </nav>

    <form class="search-wrap" id="siteSearchForm" method="get"
          action="/ppt">
      <select id="siteSearchType" class="search-type" aria-label="搜索分类">
        <option value="/ppt" selected="selected">PPT模板</option>
        <option value="/course">PPT课件</option>
        <option value="/shouchao">手抄报</option>
      </select>
      <input type="text" name="q" class="search-input"
             placeholder="搜索PPT模板，如：工作总结"
             value=""/>
      
      <button type="submit" class="btn-search" aria-label="搜索">
        <svg viewBox="0 0 24 24" width="18" height="18" fill="#fff">
          <path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0016 9.5 6.5 6.5 0 109.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/>
        </svg>
      </button>
    </form>

    <div class="header-actions">
      <div class="vip-entry">
        <a href="/vip" class="btn-vip-trigger">
          <span class="btn-vip-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24" width="16" height="16" fill="currentColor">
              <path d="M12 2l2.4 7.4H22l-6 4.6 2.3 7-6.3-4.6L5.7 21l2.3-7-6-4.6h7.6L12 2z"/>
            </svg>
          </span>
          <span>VIP</span>
        </a>
        <div class="vip-hover-panel" role="tooltip" aria-label="会员权益介绍">
          <div class="vip-hover-card">
            <div class="vip-hover-banner">
              <div class="vip-banner-deco" aria-hidden="true">
                <span class="vip-diamond-shape">
                  <span class="vip-diamond-v">V</span>
                </span>
              </div>
              <div class="vip-banner-text">
                <strong>开通VIP</strong>
                <p>立享全站模板素材下载</p>
              </div>
            </div>
            <ul class="vip-hover-benefits">
              <li><i class="vip-check" aria-hidden="true"></i>会员免费下载</li>
              <li><i class="vip-check" aria-hidden="true"></i>全站可下载</li>
              <li><i class="vip-check" aria-hidden="true"></i>每日更新</li>
              <li><i class="vip-check" aria-hidden="true"></i>尊贵会员铭牌</li>
              <li><i class="vip-check" aria-hidden="true"></i>专享高速下载</li>
              <li><i class="vip-check" aria-hidden="true"></i>享有专属客服</li>
            </ul>
            <div class="vip-hover-cta-wrap">
              <span class="vip-promo-tag">限时特惠</span>
              <a href="/vip" class="vip-hover-cta">立即开通会员</a>
            </div>
          </div>
        </div>
      </div>

      <div class="auth-btns" id="siteAuthBtns">
        <a class="btn-outline" href="/login">登录</a>
        <a class="btn-outline primary" href="/login?tab=register">注册</a>
      </div>
    </div>
  </div>
  <script src="/assets/site-header.js?v=5" defer></script>
  <script>
    (function () {
      var form = document.getElementById('siteSearchForm');
      var sel = document.getElementById('siteSearchType');
      if (!form || !sel) return;
      sel.addEventListener('change', function () {
        form.action = sel.value;
        form.querySelectorAll('input[name=l1], input[name=cat]').forEach(function (el) { el.remove(); });
      });
    })();
  </script>
</header>

<main class="page-container detail-main">
  <nav class="breadcrumb">
    <a href="/zhichang">职场课程</a>
    <span class="sep">&gt;</span>
    <span class="current">图层进阶之混合模式</span>
  </nav>

  <div class="detail-head">
    <div class="head-cover-wrap job-course-cover">
      <div class="cover-generated" style="background:linear-gradient(135deg,#ff7979 0%,#eb4d4b 100%)">
        <span class="cover-tab">PPT课程</span>
        <span class="cover-title">图层进阶之混合模式</span>
      </div>
    </div>
    <div class="head-info">
      <h1>图层进阶之混合模式</h1>
      <p class="excerpt">系统学一下图层的混合模式！</p>
    </div>
  </div>

  <section class="session-block">
    <h2 class="session-title">图层混合模式基础</h2>
    <p class="session-desc">图层混合模式基础</p>
    <ul class="lesson-list">
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/131/1.1.mp4"
                data-free="true"
                data-vip="false"
                data-name="为什么使用图层混合模式">
          <span class="lesson-index">1</span>
          <span class="lesson-name">为什么使用图层混合模式</span>
          <span class="tag-free">试看</span>
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/131/1.2.mp4"
                data-free="true"
                data-vip="false"
                data-name="混合模式的位置和无损混合">
          <span class="lesson-index">2</span>
          <span class="lesson-name">混合模式的位置和无损混合</span>
          <span class="tag-free">试看</span>
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/131/1.3.mp4"
                data-free="true"
                data-vip="false"
                data-name="理解6组27个混合模式">
          <span class="lesson-index">3</span>
          <span class="lesson-name">理解6组27个混合模式</span>
          <span class="tag-free">试看</span>
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/131/1.4.mp4"
                data-free="false"
                data-vip="true"
                data-name="不透明度和填充的区别">
          <span class="lesson-index">4</span>
          <span class="lesson-name">不透明度和填充的区别</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/131/1.5.mp4"
                data-free="false"
                data-vip="true"
                data-name="支持填充透明度的8个模式">
          <span class="lesson-index">5</span>
          <span class="lesson-name">支持填充透明度的8个模式</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/131/1.6.mp4"
                data-free="false"
                data-vip="true"
                data-name="使用调整图层减少文档尺寸">
          <span class="lesson-index">6</span>
          <span class="lesson-name">使用调整图层减少文档尺寸</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
    </ul>
  </section>

  <section class="session-block">
    <h2 class="session-title">正常模式和溶解模式</h2>
    <p class="session-desc">正常模式和溶解模式</p>
    <ul class="lesson-list">
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/131/2.1.mp4"
                data-free="false"
                data-vip="true"
                data-name="正常模式 vs 溶解模式">
          <span class="lesson-index">1</span>
          <span class="lesson-name">正常模式 vs 溶解模式</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/131/2.2.mp4"
                data-free="false"
                data-vip="true"
                data-name="制作一种动态的溶解效果">
          <span class="lesson-index">2</span>
          <span class="lesson-name">制作一种动态的溶解效果</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/131/2.3.mp4"
                data-free="false"
                data-vip="true"
                data-name="溶解特效文字的制作方法">
          <span class="lesson-index">3</span>
          <span class="lesson-name">溶解特效文字的制作方法</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/131/2.4.mp4"
                data-free="false"
                data-vip="true"
                data-name="画笔工具中的背后与清除">
          <span class="lesson-index">4</span>
          <span class="lesson-name">画笔工具中的背后与清除</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/131/2.5.mp4"
                data-free="false"
                data-vip="true"
                data-name="填充工具中的背后与清除">
          <span class="lesson-index">5</span>
          <span class="lesson-name">填充工具中的背后与清除</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
    </ul>
  </section>

  <section class="session-block">
    <h2 class="session-title">变暗模式和深色模式</h2>
    <p class="session-desc">变暗模式和深色模式</p>
    <ul class="lesson-list">
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/131/3.1.mp4"
                data-free="false"
                data-vip="true"
                data-name="变暗模式 vs 深色模式">
          <span class="lesson-index">1</span>
          <span class="lesson-name">变暗模式 vs 深色模式</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/131/3.2.mp4"
                data-free="false"
                data-vip="true"
                data-name="变暗模式的组合应用">
          <span class="lesson-index">2</span>
          <span class="lesson-name">变暗模式的组合应用</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/131/3.3.mp4"
                data-free="false"
                data-vip="true"
                data-name="正片叠底 vs 加深模式">
          <span class="lesson-index">3</span>
          <span class="lesson-name">正片叠底 vs 加深模式</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/131/3.4.mp4"
                data-free="false"
                data-vip="true"
                data-name="逆转图层混合模式的顺序">
          <span class="lesson-index">4</span>
          <span class="lesson-name">逆转图层混合模式的顺序</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/131/3.5.mp4"
                data-free="false"
                data-vip="true"
                data-name="蒙版中黑白保护的应用">
          <span class="lesson-index">5</span>
          <span class="lesson-name">蒙版中黑白保护的应用</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/131/3.6.mp4"
                data-free="false"
                data-vip="true"
                data-name="使用渐隐去除蒙版中的光晕">
          <span class="lesson-index">6</span>
          <span class="lesson-name">使用渐隐去除蒙版中的光晕</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
    </ul>
  </section>

  <section class="session-block">
    <h2 class="session-title">变亮模式和浅色模式</h2>
    <p class="session-desc">变亮模式和浅色模式</p>
    <ul class="lesson-list">
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/131/4.1.mp4"
                data-free="false"
                data-vip="true"
                data-name="变亮模式 vs 浅色模式">
          <span class="lesson-index">1</span>
          <span class="lesson-name">变亮模式 vs 浅色模式</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/131/4.2.mp4"
                data-free="false"
                data-vip="true"
                data-name="变亮模式在滤镜中的应用">
          <span class="lesson-index">2</span>
          <span class="lesson-name">变亮模式在滤镜中的应用</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/131/4.3.mp4"
                data-free="false"
                data-vip="true"
                data-name="滤色模式 vs 减淡模式">
          <span class="lesson-index">3</span>
          <span class="lesson-name">滤色模式 vs 减淡模式</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/131/4.4.mp4"
                data-free="false"
                data-vip="true"
                data-name="白色文字与背景的混合">
          <span class="lesson-index">4</span>
          <span class="lesson-name">白色文字与背景的混合</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/131/4.5.mp4"
                data-free="false"
                data-vip="true"
                data-name="可再次修改的工作流程">
          <span class="lesson-index">5</span>
          <span class="lesson-name">可再次修改的工作流程</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
    </ul>
  </section>

  <section class="session-block">
    <h2 class="session-title">叠加模式</h2>
    <p class="session-desc">叠加模式</p>
    <ul class="lesson-list">
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/131/5.1.mp4"
                data-free="false"
                data-vip="true"
                data-name="叠加模式 vs 柔光 vs 强光">
          <span class="lesson-index">1</span>
          <span class="lesson-name">叠加模式 vs 柔光 vs 强光</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/131/5.2.mp4"
                data-free="false"
                data-vip="true"
                data-name="亮光 vs 线性光 vs 点光">
          <span class="lesson-index">2</span>
          <span class="lesson-name">亮光 vs 线性光 vs 点光</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/131/5.3.mp4"
                data-free="false"
                data-vip="true"
                data-name="特殊模式 - 实色混合模式">
          <span class="lesson-index">3</span>
          <span class="lesson-name">特殊模式 - 实色混合模式</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/131/5.4.mp4"
                data-free="false"
                data-vip="true"
                data-name="两种对立的混合模式">
          <span class="lesson-index">4</span>
          <span class="lesson-name">两种对立的混合模式</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/131/5.5.mp4"
                data-free="false"
                data-vip="true"
                data-name="使用叠加模式清晰化图像">
          <span class="lesson-index">5</span>
          <span class="lesson-name">使用叠加模式清晰化图像</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/131/5.6.mp4"
                data-free="false"
                data-vip="true"
                data-name="使用叠加模式添加光晕">
          <span class="lesson-index">6</span>
          <span class="lesson-name">使用叠加模式添加光晕</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/131/5.7.mp4"
                data-free="false"
                data-vip="true"
                data-name="在纹理上使用对比模式组">
          <span class="lesson-index">7</span>
          <span class="lesson-name">在纹理上使用对比模式组</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/131/5.8.mp4"
                data-free="false"
                data-vip="true"
                data-name="使用纹理制作石化效果">
          <span class="lesson-index">8</span>
          <span class="lesson-name">使用纹理制作石化效果</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
    </ul>
  </section>

  <section class="session-block">
    <h2 class="session-title">反向模式和取消模式</h2>
    <p class="session-desc">反向模式和取消模式</p>
    <ul class="lesson-list">
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/131/6.1.mp4"
                data-free="false"
                data-vip="true"
                data-name="反向模式 vs 取消模式">
          <span class="lesson-index">1</span>
          <span class="lesson-name">反向模式 vs 取消模式</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/131/6.2.mp4"
                data-free="false"
                data-vip="true"
                data-name="使用差值混合白色文字">
          <span class="lesson-index">2</span>
          <span class="lesson-name">使用差值混合白色文字</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/131/6.3.mp4"
                data-free="false"
                data-vip="true"
                data-name="逆转剪切图层蒙版的操作">
          <span class="lesson-index">3</span>
          <span class="lesson-name">逆转剪切图层蒙版的操作</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
    </ul>
  </section>

  <section class="session-block">
    <h2 class="session-title">色彩模式和混合颜色带</h2>
    <p class="session-desc">色彩模式和混合颜色带</p>
    <ul class="lesson-list">
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/131/7.1.mp4"
                data-free="false"
                data-vip="true"
                data-name="色彩模式组的混合原理">
          <span class="lesson-index">1</span>
          <span class="lesson-name">色彩模式组的混合原理</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/131/7.2.mp4"
                data-free="false"
                data-vip="true"
                data-name="混合颜色带 - 本图层">
          <span class="lesson-index">2</span>
          <span class="lesson-name">混合颜色带 - 本图层</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/131/7.3.mp4"
                data-free="false"
                data-vip="true"
                data-name="混合颜色带 - 下一图层">
          <span class="lesson-index">3</span>
          <span class="lesson-name">混合颜色带 - 下一图层</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/131/7.4.mp4"
                data-free="false"
                data-vip="true"
                data-name="混合颜色带 - 通道混合">
          <span class="lesson-index">4</span>
          <span class="lesson-name">混合颜色带 - 通道混合</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
    </ul>
  </section>

  <p id="playMsg" class="play-msg hidden"></p>
</main>

<div id="videoModal" class="video-modal-mask hidden" aria-hidden="true">
  <div class="video-modal">
    <div class="video-modal-head">
      <h3 class="video-modal-title" id="videoModalTitle">视频播放</h3>
      <button type="button" class="btn-close-video" id="btnCloseVideo" aria-label="关闭">×</button>
    </div>
    <div class="video-modal-body">
      <video id="videoPlayer" class="video-player" controls playsinline></video>
    </div>
    <p class="video-modal-tip" id="videoModalTip"></p>
  </div>
</div>

<div id="jobCourseConfig" class="hidden"
     data-play-mode="video"></div>
<script src="/assets/job-course-detail.js" defer></script>
</body>
</html>
