<!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必修课 - 职场课程 - 筱一PPT模板</title>
  <meta name="description" content="色彩理论PS必修课，筱一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必修课 - 职场课程 - 筱一PPT模板"/>
  <meta property="og:description" content="色彩理论PS必修课，筱一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必修课</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必修课</span>
      </div>
    </div>
    <div class="head-info">
      <h1>色彩理论PS必修课</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/128/1.1.mp4"
                data-free="true"
                data-vip="false"
                data-name="了解HSB模型的颜色法则">
          <span class="lesson-index">1</span>
          <span class="lesson-name">了解HSB模型的颜色法则</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/128/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/128/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/128/1.4.mp4"
                data-free="false"
                data-vip="true"
                data-name="Kuer - 提高颜色工作流程">
          <span class="lesson-index">4</span>
          <span class="lesson-name">Kuer - 提高颜色工作流程</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/128/1.5.mp4"
                data-free="false"
                data-vip="true"
                data-name="使用网页定义 Kuler 规则">
          <span class="lesson-index">5</span>
          <span class="lesson-name">使用网页定义 Kuler 规则</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/128/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>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/128/1.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/128/1.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/128/1.9.mp4"
                data-free="false"
                data-vip="true"
                data-name="通用色彩设计CUD的应用">
          <span class="lesson-index">9</span>
          <span class="lesson-name">通用色彩设计CUD的应用</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/128/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/128/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/128/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/128/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/128/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/128/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/128/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/128/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/128/3.2.mp4"
                data-free="false"
                data-vip="true"
                data-name="详细理解RGB颜色模式">
          <span class="lesson-index">2</span>
          <span class="lesson-name">详细理解RGB颜色模式</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/128/3.3.mp4"
                data-free="false"
                data-vip="true"
                data-name="详细理解CMYK颜色模式">
          <span class="lesson-index">3</span>
          <span class="lesson-name">详细理解CMYK颜色模式</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/128/3.4.mp4"
                data-free="false"
                data-vip="true"
                data-name="详细理解LAB颜色模式">
          <span class="lesson-index">4</span>
          <span class="lesson-name">详细理解LAB颜色模式</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/128/3.5.mp4"
                data-free="false"
                data-vip="true"
                data-name="详细理解INDEX颜色模式">
          <span class="lesson-index">5</span>
          <span class="lesson-name">详细理解INDEX颜色模式</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/128/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/128/3.7.mp4"
                data-free="false"
                data-vip="true"
                data-name="颜色深度 (8位,16位,24位)">
          <span class="lesson-index">7</span>
          <span class="lesson-name">颜色深度 (8位,16位,24位)</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/128/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>
    </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/128/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/128/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/128/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/128/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/128/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/128/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/128/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>

  <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>
