<!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>PS CC从入门到精通 - 职场课程 - 筱一PPT模板</title>
  <meta name="description" content="PS CC从入门到精通，筱一PPT职场课程。"/>
  <meta name="keywords" content="职场课程,PPT教程,视频课"/>
  <meta name="robots" content="index, follow"/>
  <link rel="canonical" href="https://www.xywl666.top/job-course/PS从入门到精通.json"/>
  <meta property="og:type" content="website"/>
  <meta property="og:site_name" content="筱一PPT模板"/>
  <meta property="og:title" content="PS CC从入门到精通 - 职场课程 - 筱一PPT模板"/>
  <meta property="og:description" content="PS CC从入门到精通，筱一PPT职场课程。"/>
  <meta property="og:url" content="https://www.xywl666.top/job-course/PS从入门到精通.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">PS CC从入门到精通</span>
  </nav>

  <div class="detail-head">
    <div class="head-cover-wrap job-course-cover">
      <div class="cover-generated" style="background:linear-gradient(135deg,#ff6b6b 0%,#ee5a24 100%)">
        <span class="cover-tab">PPT课程</span>
        <span class="cover-title">PS CC从入门到精通</span>
      </div>
    </div>
    <div class="head-info">
      <h1>PS CC从入门到精通</h1>
      <p class="excerpt">零基础全面学习PS CC课程！只要坚持学习，明日你就可以成为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/126/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/126/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/126/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/126/1.4.mp4"
                data-free="true"
                data-vip="false"
                data-name="预览图片的基本操作方式（下）">
          <span class="lesson-index">4</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/126/1.5.mp4"
                data-free="true"
                data-vip="false"
                data-name="常用文件格式的简单理解">
          <span class="lesson-index">5</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/126/1.6.mp4"
                data-free="true"
                data-vip="false"
                data-name="画布大小、图像大小的调整">
          <span class="lesson-index">6</span>
          <span class="lesson-name">画布大小、图像大小的调整</span>
          <span class="tag-free">试看</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/126/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/126/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/126/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/126/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/126/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/126/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/126/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>
    </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/126/3.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/126/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/126/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/126/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>
    </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/126/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/126/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/126/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/126/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/126/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/126/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/126/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>
    </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/126/5.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/126/5.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/126/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/126/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/126/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/126/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/126/5.7.mp4"
                data-free="false"
                data-vip="true"
                data-name="使用HDR色调调整图像">
          <span class="lesson-index">7</span>
          <span class="lesson-name">使用HDR色调调整图像</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/126/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/126/6.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/126/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/126/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>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/126/6.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/126/6.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/126/6.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/126/6.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/126/6.8.mp4"
                data-free="false"
                data-vip="true"
                data-name="加深减淡 &amp; USM锐化">
          <span class="lesson-index">8</span>
          <span class="lesson-name">加深减淡 &amp; USM锐化</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/126/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/126/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/126/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/126/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>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/126/7.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/126/7.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/126/7.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/126/7.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/126/7.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/126/7.10.mp4"
                data-free="false"
                data-vip="true"
                data-name="Camera Raw 黑色风格">
          <span class="lesson-index">10</span>
          <span class="lesson-name">Camera Raw 黑色风格</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/126/8.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/126/8.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/126/8.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/126/8.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/126/8.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/126/8.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/126/8.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/126/8.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/126/8.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/126/8.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/126/8.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>

  <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/126/9.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/126/9.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/126/9.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/126/9.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/126/9.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/126/10.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/126/10.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/126/10.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/126/10.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/126/11.1.mp4"
                data-free="false"
                data-vip="true"
                data-name="使用联系表II 快速排版">
          <span class="lesson-index">1</span>
          <span class="lesson-name">使用联系表II 快速排版</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/126/11.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/126/11.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/126/11.4.mp4"
                data-free="false"
                data-vip="true"
                data-name="合并多张图像到 HDR Pro">
          <span class="lesson-index">4</span>
          <span class="lesson-name">合并多张图像到 HDR Pro</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/126/11.5.mp4"
                data-free="false"
                data-vip="true"
                data-name="优化存储为WEB图像格式">
          <span class="lesson-index">5</span>
          <span class="lesson-name">优化存储为WEB图像格式</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>
