<!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">图层样式是PS中一个用于制作各种效果的强大功能，本课程将详细讲解图层样式的各种用法。</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/129/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/129/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/129/1.3.mp4"
                data-free="true"
                data-vip="false"
                data-name="移动和复制多个图层样式">
          <span class="lesson-index">3</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/129/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>
    </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/129/2.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/129/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/129/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/129/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/129/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>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/129/2.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/129/2.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/129/2.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>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/129/2.9.mp4"
                data-free="false"
                data-vip="true"
                data-name="斜面与浮雕 - 立体文字（1）">
          <span class="lesson-index">9</span>
          <span class="lesson-name">斜面与浮雕 - 立体文字（1）</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/129/2.10.mp4"
                data-free="false"
                data-vip="true"
                data-name="斜面与浮雕 - 立体文字（2）">
          <span class="lesson-index">10</span>
          <span class="lesson-name">斜面与浮雕 - 立体文字（2）</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/129/2.11.mp4"
                data-free="false"
                data-vip="true"
                data-name="斜面与浮雕 - 立体文字（3）">
          <span class="lesson-index">11</span>
          <span class="lesson-name">斜面与浮雕 - 立体文字（3）</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/129/2.12.mp4"
                data-free="false"
                data-vip="true"
                data-name="斜面与浮雕 - 立体文字（4）">
          <span class="lesson-index">12</span>
          <span class="lesson-name">斜面与浮雕 - 立体文字（4）</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/129/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/129/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/129/3.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/129/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/129/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/129/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>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/129/3.7.mp4"
                data-free="false"
                data-vip="true"
                data-name="图层 &amp; 矢量蒙版隐藏效果">
          <span class="lesson-index">7</span>
          <span class="lesson-name">图层 &amp; 矢量蒙版隐藏效果</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/129/3.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>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/129/3.9.mp4"
                data-free="false"
                data-vip="true"
                data-name="等高线轮廓 - 原理详解">
          <span class="lesson-index">9</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/129/4.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/129/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/129/4.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/129/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/129/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>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/129/4.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/129/4.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/129/4.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>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/129/4.9.mp4"
                data-free="false"
                data-vip="true"
                data-name="样式技巧 - 巧用挖空选项">
          <span class="lesson-index">9</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/129/4.10.mp4"
                data-free="false"
                data-vip="true"
                data-name="样式技巧 - 霓虹灯效果">
          <span class="lesson-index">10</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/129/4.11.mp4"
                data-free="false"
                data-vip="true"
                data-name="样式技巧 - 等高线修改边缘">
          <span class="lesson-index">11</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>
