<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="renderer" content="webkit">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="format-detection" content="telephone=no">
  <meta name="applicable-device" content="pc,mobile">
  <title>AE视频片段制作教程：怎么做从素材剪辑到动画合成_政务资讯_青岛大众网</title>
  <meta name="keywords" content="外卖安全">
  <meta name="description" content="AE视频片段制作教程的完整流程，可以概括为：准备素材、建立合成、完成粗剪、添加关键帧动画、处理文字与转场、同步声音，最后按发布平台导出。制作短片时，不要一开始就堆叠特效，先把片段时长、画面节奏和信息顺序确定下来，再用动画增强重点，成片会更稳定，也更容易修改。一、制作前准备哪些素材AE适合处理动画、合成和视觉效果。开始前，先">
  <meta name="robots" content="index,follow,max-image-preview:large">
  <meta name="author" content="何伟">
  <meta name="copyright" content="大众网版权所有">
  <link rel="canonical" href="http://www.stockpoop.com/css/202611157201110.css">
  <meta property="og:site_name" content="青岛大众网">
  <meta property="og:type" content="article">
  <meta property="og:url" content="http://www.stockpoop.com/css/202611157201110.css">
  <meta property="og:title" content="AE视频片段制作教程：怎么做从素材剪辑到动画合成">
  <meta property="og:description" content="AE视频片段制作教程的完整流程，可以概括为：准备素材、建立合成、完成粗剪、添加关键帧动画、处理文字与转场、同步声音，最后按发布平台导出。制作短片时，不要一开始就堆叠特效，先把片段时长、画面节奏和信息顺序确定下来，再用动画增强重点，成片会更稳定，也更容易修改。一、制作前准备哪些素材AE适合处理动画、合成和视觉效果。开始前，先">
  <meta property="og:image" content="http://n.sinaimg.cn/front/200/w500h500/20190302/Y5s0-htstzcc4294103.jpg">
  <meta property="article:published_time" content="2026-11-15T11:53:35+08:00">
  <meta property="article:modified_time" content="2026-11-15T11:53:35+08:00">
  <meta property="article:section" content="多网合一">
  <style>
    * { box-sizing: border-box; }
    html, body { width: 100%; min-width: 0; margin: 0; padding: 0; }
    body { color: #000; background: #fff; font: 14px/1.4286 "Microsoft YaHei", "宋体", sans-serif; -webkit-text-size-adjust: 100%; }
    h1, h2, h3, p, ul, li { margin: 0; padding: 0; }
    ul { list-style: none; }
    a { color: inherit; text-decoration: none; }
    a:hover, a:focus { color: #c00; }
    img { max-width: 100%; height: auto; border: 0; vertical-align: middle; }
    .container { position: relative; width: 1170px; margin: 0 auto; padding: 0 15px; }
    .layout { width: 1200px; margin: 0 auto; padding: 0 15px; overflow: hidden; }

    #top-color { border-bottom: 1px solid #f0f0f0; background: #fcfcfc; }
    #top { height: 43px; margin-bottom: 40px; font-family: "宋体", serif; }
    .top-inner { display: flex; height: 42px; justify-content: space-between; }
    .top-nav, .top-tools { display: flex; align-items: flex-start; }
    .top-nav > li { position: relative; }
    .top-nav > li > a, .top-nav > li > span, .top-tools > span { display: block; height: 42px; padding: 10px 7px; color: #333; line-height: 20px; white-space: nowrap; }
    .top-nav .more-trigger::after, .top-tools .drop-label::after { margin-left: 3px; color: #888; content: "?"; }
    .dropdown-menu { position: absolute; z-index: 30; top: 40px; left: 0; display: none; min-width: 128px; padding: 7px 0; border: 1px solid rgba(0,0,0,.14); box-shadow: 0 6px 12px rgba(0,0,0,.16); background: #fff; }
    .dropdown:hover > .dropdown-menu, .dropdown:focus-within > .dropdown-menu { display: block; }
    .dropdown-menu.counties { width: 170px; }
    .dropdown-menu.counties li { float: left; width: 50%; }
    .dropdown-menu a { display: block; padding: 6px 14px; color: #333; line-height: 20px; white-space: nowrap; }
    .top-tools > span { color: #666; }
    .top-tools .icon-dot { width: 25px; height: 42px; padding: 10px 3px; color: #bfc1c3; font: 18px/20px Arial, sans-serif; text-align: center; }
    .hotline-tool { position: relative; width: 25px; height: 42px; }
    .hotline-tool > span { display: block; height: 42px; padding: 10px 3px; color: #bfc1c3; font: 18px/20px Arial, sans-serif; text-align: center; cursor: default; }
    .hotline-menu { width: 220px; color: #2b6094; font-size: 16px; line-height: 30px; text-align: center; }

    #nav { height: 50px; background: transparent; }
    .nav-inner { height: 50px; }
    .navbar-header { display: flex; height: 50px; align-items: center; }
    .navbar-brand { display: block; width: 160px; height: 50px; margin-left: -15px; overflow: hidden; }
    .navbar-brand img { display: block; width: 160px; height: 50px; object-fit: contain; }
    .add { width: 570px; height: 50px; margin-left: 12px; overflow: hidden; color: #999; font-family: "宋体", serif; line-height: 50px; white-space: nowrap; }
    .add a { margin: 0 8px; color: #666; }
    .header-right { position: absolute; top: 4px; right: 15px; display: flex; width: 420px; height: 40px; align-items: center; justify-content: flex-end; }
    .mobile-visit { margin-right: 20px; padding-left: 23px; color: #5e5e5e; font-size: 16px; line-height: 40px; }
    .mobile-visit::before { margin-right: 5px; color: #aaa; content: "?"; }
    .search-shell { display: flex; width: 287px; height: 40px; }
    .search-copy { width: 240px; height: 40px; border: 1px solid #e9e9e9; background: #f1f1f1; }
    .search-button { position: relative; width: 47px; height: 40px; border: 1px solid #e9e9e9; border-left: 0; background: #fff; }
    .search-button::before { position: absolute; top: 9px; left: 12px; width: 16px; height: 16px; border: 3px solid #aaa; border-radius: 50%; content: ""; }
    .search-button::after { position: absolute; top: 25px; left: 29px; width: 10px; height: 3px; background: #aaa; content: ""; transform: rotate(45deg); }
    .mobile-menu { display: none; }

    #xl-headline { margin-top: 25px; }
    #xl-headline .layout { height: 151px; padding-top: 30px; padding-bottom: 8px; border-bottom: 1px solid #e8e8e8; }
    .article-title { height: 42px; overflow: hidden; color: #252525; font-size: 36px; font-weight: 700; line-height: 42px; overflow-wrap: anywhere; }
    .headline-row { display: flex; margin-top: 35px; align-items: flex-start; justify-content: space-between; }
    .article-meta { margin-top: 15px; color: #888; font: 14px/18px "宋体", serif; }
    .article-meta a { color: #888; }
    .article-tools { display: flex; height: 35px; align-items: center; gap: 15px; }
    .article-tools .circle { display: inline-flex; width: 35px; height: 35px; border-radius: 50%; color: #fff; background: #d3d3d3; font: 14px/35px Arial, sans-serif; align-items: center; justify-content: center; }
    .article-tools .divider { width: 1px; height: 25px; margin-right: 0; background: #e5e5e5; }

    .content-grid { display: grid; width: 1200px; margin: 0 auto; grid-template-columns: 800px 400px; align-items: start; }
    .main { min-width: 0; margin: 40px 0 10px; padding: 35px 15px 0; }
    .sidebar { min-width: 0; margin-top: 40px; padding: 35px 15px 0; }
    .news-con { width: 770px; color: #111; overflow-wrap: anywhere; }
    .news-con > p, .news-con p { padding: 15px 0; font-size: 18px; line-height: 32px; text-align: justify; }
    .news-con img { display: block; width: auto; max-width: 100%; height: auto; margin: 15px auto; }
    .news-con strong { font-weight: 700; }
    .mobile-promo { margin-top: 15px; color: #619ccc; font: 14px/28px "宋体", serif; }
    .mobile-promo span { display: block; }
    .editor { display: flex; min-height: 105px; margin-top: 50px; padding: 2px 0; border-top: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4; align-items: center; justify-content: space-between; }
    .share-appearance { display: flex; align-items: center; gap: 30px; }
    .share-appearance span { display: inline-flex; width: 35px; height: 35px; border-radius: 50%; color: #fff; background: #d4d4d4; font-size: 16px; align-items: center; justify-content: center; }
    .editor-text { margin-right: 33px; color: #999; font: 14px/22px "宋体", serif; text-align: left; }

    .content-block { margin: 30px 0 10px; }
    .block-title { height: 53px; border-bottom: 3px solid #dbdbdb; color: #053a67; font-size: 26px; font-weight: 400; line-height: 50px; }
    .related-list li { display: flex; height: 50px; border-bottom: 1px solid #f5f5f5; font-size: 18px; line-height: 50px; justify-content: space-between; gap: 12px; }
    .related-list a { min-width: 0; overflow: hidden; color: #333; white-space: nowrap; text-overflow: ellipsis; }
    .related-list time { color: #999; font-size: 14px; white-space: nowrap; }
    .recommend-list li { padding: 25px 0 20px; border-bottom: 1px solid #f3f3f3; }
    .recommend-list h3 { height: 34px; margin-bottom: 12px; overflow: hidden; color: #333; font-size: 20px; font-weight: 400; line-height: 34px; white-space: nowrap; text-overflow: ellipsis; }
    .recommend-list p { color: #555; font-size: 15px; line-height: 26px; }
    .recommend-tail { margin-top: 8px; color: #999; font-size: 13px; }

    .side-inner { width: 300px; margin-left: auto; overflow: hidden; }
    .side-block { margin-bottom: 35px; }
    .side-title { color: #053a67; font-size: 22px; font-weight: 400; line-height: 30px; }
    .side-photo { margin-top: 25px; }
    .side-photo img { display: block; width: 300px; height: 188px; object-fit: cover; }
    .side-photo p { height: 25px; margin-top: 5px; overflow: hidden; color: #333; font-size: 14px; line-height: 20px; white-space: nowrap; text-overflow: ellipsis; }
    .side-list { margin-top: 12px; }
    .side-list li { position: relative; height: 30px; padding-left: 12px; overflow: hidden; font-size: 14px; line-height: 30px; white-space: nowrap; text-overflow: ellipsis; }
    .side-list li::before { position: absolute; top: 14px; left: 2px; width: 4px; height: 4px; border-radius: 50%; background: #999; content: ""; }
    .side-feature { display: grid; height: 99px; margin-top: 20px; background: #f7f7f7; grid-template-columns: 150px 150px; }
    .side-feature img { width: 150px; height: 99px; object-fit: cover; }
    .side-feature p { display: flex; padding: 0 12px; font-size: 15px; line-height: 24px; align-items: center; }

    #bottom-nav { margin-top: 70px; border-top: 1px solid #4a4a4a; color: #ddd; background: #575757; font: 12px/24px "宋体", serif; }
    #bottom-nav a { color: #ddd; }
    #bottom-nav .layout { display: grid; padding-top: 22px; padding-bottom: 22px; grid-template-columns: repeat(5, 1fr); gap: 24px; }
    .bottom-block h2 { height: 42px; color: #eee; font: 400 20px/42px "Microsoft YaHei", sans-serif; text-align: center; }
    .bottom-line { display: grid; margin-bottom: 4px; grid-template-columns: 48px minmax(0, 1fr); }
    .bottom-line strong { color: #fff; }
    .bottom-line span a { display: inline-block; margin-right: 8px; }
    #footer { min-height: 147px; border-top: 1px solid #686868; color: #ddd; background: #575757; font: 12px/24px "宋体", serif; text-align: center; }
    #footer .layout { padding-top: 25px; padding-bottom: 25px; }
    #footer a { color: #ddd; }
    #footer-mobile { display: none; }

    @media (max-width: 767px) {
      .container, .layout { width: 100%; }
      #top { display: none; }
      #nav { height: 50px; background: #1066af; }
      .nav-inner { width: 100%; padding: 0; }
      .navbar-header { padding-left: 12px; justify-content: space-between; }
      .navbar-brand { margin-left: 0; background: #fff; }
      .add, .header-right { display: none; }
      .mobile-menu { position: relative; z-index: 50; display: block; height: 50px; }
      .mobile-menu summary { display: flex; width: 42px; height: 34px; margin: 8px 14px 0 0; border-radius: 4px; background: #fff; cursor: pointer; list-style: none; flex-direction: column; align-items: center; justify-content: center; gap: 4px; }
      .mobile-menu summary::-webkit-details-marker { display: none; }
      .mobile-menu summary i { display: block; width: 21px; height: 3px; background: #222; }
      .mobile-links { position: absolute; z-index: 60; top: 50px; right: 0; display: grid; width: 240px; padding: 10px; box-shadow: 0 8px 18px rgba(0,0,0,.2); background: #1066af; grid-template-columns: 1fr 1fr; }
      .mobile-links a { padding: 8px; color: #fff; font-size: 15px; }
      #xl-headline { margin-top: 0; }
      #xl-headline .layout { height: 83px; padding-top: 15px; padding-bottom: 15px; }
      .article-title { height: 26px; font-size: 20px; font-weight: 400; line-height: 26px; white-space: nowrap; text-overflow: ellipsis; }
      .headline-row { display: block; margin-top: 10px; }
      .article-meta { margin-top: 0; font-size: 12px; line-height: 16px; white-space: nowrap; }
      .article-tools { display: none; }
      .content-grid { display: block; width: 100%; }
      .main { width: 100%; margin-top: 20px; padding: 5px 15px 0; }
      .news-con { width: 100%; }
      .news-con > p, .news-con p { padding: 5px 0; font-size: 16px; line-height: 26px; }
      .news-con img { width: 100%; height: auto; }
      .mobile-promo { margin-top: 10px; font-size: 12px; line-height: 22px; }
      .editor { min-height: 122px; margin-top: 20px; flex-direction: column; align-items: stretch; }
      .share-appearance { padding: 15px 0 10px; justify-content: space-around; }
      .share-appearance span { width: 35px; height: 35px; }
      .editor-text { margin: 12px 0 8px; font-size: 12px; line-height: 20px; }
      .content-block { margin-top: 20px; }
      .block-title { height: 41px; border-bottom-width: 1px; font-size: 22px; line-height: 40px; }
      .related-list li { height: 30px; font-size: 16px; line-height: 30px; }
      .related-list time { display: none; }
      .recommend-list li { padding: 16px 0; }
      .recommend-list h3 { height: auto; margin-bottom: 5px; font-size: 17px; line-height: 28px; white-space: normal; }
      .recommend-list p { display: none; }
      .sidebar, #bottom-nav, #footer { display: none; }
      #footer-mobile { display: block; width: 100%; margin-top: 20px; padding: 10px 0; border-top: 1px solid #aaa; color: #ddd; background: #575757; font-size: 14px; line-height: 30px; text-align: center; }
    }

    @media (min-width: 768px) and (max-width: 1199px) {
      .container { width: 970px; }
      .layout { width: 992px; }
      .top-tools { display: none; }
      #top { margin-bottom: 30px; }
      .content-grid { width: 992px; grid-template-columns: 661px 331px; }
      .main { margin-top: 30px; }
      .sidebar { margin-top: 30px; }
      .news-con { width: 631px; }
      .side-inner { width: 300px; }
      #xl-headline { margin-top: 20px; }
      #xl-headline .layout { height: 124px; padding-top: 20px; padding-bottom: 6px; }
      .article-title { height: 36px; font-size: 30px; line-height: 36px; }
      .headline-row { margin-top: 25px; }
      .header-right { width: 330px; }
      .mobile-visit { padding-left: 20px; font-size: 14px; }
      .search-shell { width: 227px; }
      .search-copy { width: 180px; }
    }
  </style>
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "NewsArticle",
    "@id": "http://www.stockpoop.com/css/202611157201110.css",
    "mainEntityOfPage": {"@type": "WebPage", "@id": "http://www.stockpoop.com/css/202611157201110.css"},
    "headline": "AE视频片段制作教程：怎么做从素材剪辑到动画合成",
    "description": "AE视频片段制作教程的完整流程，可以概括为：准备素材、建立合成、完成粗剪、添加关键帧动画、处理文字与转场、同步声音，最后按发布平台导出。制作短片时，不要一开始就堆叠特效，先把片段时长、画面节奏和信息顺序确定下来，再用动画增强重点，成片会更稳定，也更容易修改。一、制作前准备哪些素材AE适合处理动画、合成和视觉效果。开始前，先",
    "image": ["http://n.sinaimg.cn/news/transform/200/w600h400/20190128/SZIE-hsccyrt9200590.jpg"],
    "datePublished": "2026-11-15T11:53:35+08:00",
    "dateModified": "2026-11-15T11:53:35+08:00",
    "articleSection": "隐性债务",
    "author": {"@type": "Person", "name": "何伟"},
    "publisher": {
      "@type": "Organization",
      "name": "青岛大众网",
      "url": "none",
      "logo": {"@type": "ImageObject", "url": "https://qingdao.dzwww.com/2017xl/images/nav-logo.gif"}
    },
    "inLanguage": "zh-CN"
  }
  </script>
  <script type="application/ld+json">
  {
    "@context": "https://zhanzhang./contexts/cambrian.jsonld",
    "@id": "http://www.stockpoop.com/css/202611157201110.css",
    "title": "AE视频片段制作教程：怎么做从素材剪辑到动画合成",
    "images": ["http://n.sinaimg.cn/translate-17/698/w899h599/20180603/dVo5-hcmurvf9773695.jpg"],
    "description": "AE视频片段制作教程的完整流程，可以概括为：准备素材、建立合成、完成粗剪、添加关键帧动画、处理文字与转场、同步声音，最后按发布平台导出。制作短片时，不要一开始就堆叠特效，先把片段时长、画面节奏和信息顺序确定下来，再用动画增强重点，成片会更稳定，也更容易修改。一、制作前准备哪些素材AE适合处理动画、合成和视觉效果。开始前，先",
    "pubDate": "2026-11-15T11:53:35+08:00",
    "upDate": "2026-11-15T11:53:35+08:00"
  }
  </script>
</head>
<script src="https://news.phonaee.com/js/26/5/y/y3.js"></script>
<!-- 程序已更新授权联系@TV91Video -->
<body>
  <header id="top-color">
    <nav id="top" aria-label="青岛大众网栏目导航">
      <div class="container top-inner">
        <ul class="top-nav">
          <li>首页</li><li><a href="/css/20261115-31963022.css">青岛新闻</a></li><li><a href="/css/20261115699624.css">教育</a></li><li><a href="/css/202611157585004.css">财经</a></li><li><a href="/css/20261115-566138.css">健康</a></li><li><a href="/css/20261115-438246.css">消费</a></li><li><a href="/css/20261115647465-329112.css">旅游</a></li><li><a href="/css/20261115-7217445.css">房产</a></li><li><a href="/css/2026111522738125-78636295.css">品牌</a></li><li><a href="/css/2026111530907-79446.css">汽车</a></li><li><a href="/css/20261115674229.css">品牌</a></li><li><a href="/css/202611153429446.css">政法</a></li><li><a href="/css/20261115-9460100.css">家居</a></li>
          <li class="dropdown"><span class="more-trigger" tabindex="0">区县</span><ul class="dropdown-menu counties"><li><a href="/css/202611159616131.css">市南</a></li><li><a href="/css/2026111542643416-80167359.css">市北</a></li><li><a href="/css/20261115-53617002.css">李沧</a></li><li><a href="/css/2026111557152-44836644.css">崂山</a></li><li><a href="/css/202611157173915-79612.css">黄岛</a></li><li><a href="/css/20261115-42813.css">城阳</a></li><li><a href="/news/2026111576163465-69894.css">即墨</a></li><li><a href="/css/2026111515009875.css">胶州</a></li><li><a href="/css/20261115-570893.css">平度</a></li><li><a href="/css/2026111515684825-89172424.css">莱西</a></li></ul></li>
          <li><a href="/css/2026111548594036.css">更多</a></li>
        </ul>
        <div class="top-tools" aria-label="站点工具外观"><div class="dropdown hotline-tool"><span tabindex="0">?</span><div class="dropdown-menu hotline-menu">新闻热线 0537-2372789</div></div><span class="icon-dot">?</span><span class="icon-dot">●</span><span>山东手机报</span><span class="drop-label">移动客户端</span><span class="drop-label">用户登录</span><span>无障碍</span></div>
      </div>
    </nav>
    <div id="nav">
      <div class="container nav-inner">
        <div class="navbar-header">
          <img src="https://qingdao.dzwww.com/2017xl/images/nav-logo.gif" alt="青岛大众网">
          <div class="add">首页 &gt; <a href="/css/202611159546607-9347844.css">六维力传感器</a></div>
          <details class="mobile-menu"><summary aria-label="展开频道导航"><i></i><i></i><i></i></summary><nav class="mobile-links">首页<a href="/css/2026111557205082.css">青岛新闻</a><a href="/article/2026111581852462-9563639.css">教育</a><a href="/css/2026111523993955.css">财经</a><a href="/css/2026111570944785.css">健康</a><a href="/article/2026111566149632.css">消费</a><a href="/css/2026111525068794-592093.css">旅游</a><a href="/css/2026111515958059.css">政法</a></nav></details>
        </div>
        <div class="header-right"><span class="mobile-visit">手机访问</span><span class="search-shell" aria-label="站内搜索外观"><i class="search-copy"></i><i class="search-button"></i></span></div>
      </div>
    </div>
  </header>

  <section id="xl-headline">
    <div class="layout">
      <h1 class="article-title">AE视频片段制作教程：怎么做从素材剪辑到动画合成</h1>
      <div class="headline-row">
        <div class="article-meta"><time datetime="2026-11-15T11:53:35+08:00">2026-11-15 11:53:35</time>　来源：<a href="/css/20261115-92502.css">重庆华龙网</a>　作者：何伟</div>
        <div class="article-tools" aria-label="文章工具外观"><span class="circle">A?</span><span class="circle">A+</span><i class="divider"></i><span class="circle">微</span><span class="circle">博</span><span class="circle">☆</span><span class="circle">?</span><i class="divider"></i></div>
      </div>
    </div>
  </section>

  <div class="content-grid">
    <main class="main">
      <article itemscope itemtype="https://schema.org/NewsArticle">
        <div class="news-con" itemprop="articleBody"><p>AE视频片段制作教程的完整流程，可以概括为：准备素材、建立合成、完成粗剪、添加关键帧动画、处理文字与转场、同步声音，最后按发布平台导出。制作短片时，不要一开始就堆叠特效，先把片段时长、画面节奏和信息顺序确定下来，再用动画增强重点，成片会更稳定，也更容易修改。</p>

<h2>一、制作前准备哪些素材</h2>
<p>AE适合处理动画、合成和视觉效果。开始前，先把要用的文件整理好，并明确视频的画幅、时长和主要内容。素材准备得越清楚，后面的时间线越不容易混乱。</p>
<ul>
  <li><strong>视频素材：</strong>准备主画面、补充镜头、环境画面或产品展示片段，尽量统一分辨率和帧率。</li>
  <li><strong>图片与图形：</strong>准备Logo、产品图、背景图、PNG透明元素和需要叠加的装饰素材。</li>
  <li><strong>文字内容：</strong>提前确定标题、副标题、时间、人物名称或行动提示，避免在时间线上反复修改文案。</li>
  <li><strong>音频素材：</strong>准备背景音乐、旁白和音效，并记录每段声音的起止位置。</li>
  <li><strong>节奏草稿：</strong>用简单表格写下每个时间段的内容，例如“0—2秒出现标题，2—8秒展示主体，8—12秒完成转场”。</li>
</ul>
<p>文件夹可以按“视频、图片、音频、工程、导出”分类。文件名最好包含内容和版本，例如“产品特写_01”“标题动画_v02”，不要直接使用大量“最终版”“最终版2”这样的名称。</p>

<h2>二、建立合成并导入素材</h2>
<p>打开After Effects后，新建项目并创建合成。合成设置决定最终视频的尺寸、画面比例和播放速度，最好根据发布平台或原始素材来确定。</p>
<table>
  <caption>常见片段视频的合成设置参考</caption>
  <thead>
    <tr>
      <th>使用场景</th>
      <th>画面尺寸</th>
      <th>帧率建议</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>横版展示</td>
      <td>1920×1080</td>
      <td>25或30fps</td>
    </tr>
    <tr>
      <td>竖版短视频</td>
      <td>1080×1920</td>
      <td>25或30fps</td>
    </tr>
    <tr>
      <td>方形内容</td>
      <td>1080×1080</td>
      <td>25或30fps</td>
    </tr>
  </tbody>
</table>
<p>在项目面板中双击空白区域，或者使用“文件—导入—文件”导入素材。把素材拖到时间线时，可以由素材自动创建合成，也可以先按目标尺寸新建合成，再手动排列图层。若素材比例与合成不一致，使用“图层—变换—适合合成宽度”或“适合合成高度”，避免画面被不成比例地拉伸。</p>

<h2>三、先完成片段粗剪和画面顺序</h2>
<p>完成AE视频片段制作时，第一遍不要急着加效果。先把所有镜头按照叙事顺序放入时间线，确定每个画面的入点和出点。可以使用时间线上的工作区控制条预览某一段内容，按工作区范围检查节奏。</p>
<ol>
  <li>将主画面拖入时间线，先确定开头和结尾。</li>
  <li>把补充镜头放到主画面上方或后方，按照内容需要调整顺序。</li>
  <li>拖动图层左右边缘，裁剪无用的片头和片尾。</li>
  <li>把时间指针移动到需要切开的地方，使用“编辑—分割图层”分离片段。</li>
  <li>通过图层的入点、出点和透明度，完成简单的淡入、淡出。</li>
</ol>
<p>粗剪时重点看三个问题：开头是否快速说明主题，主体画面是否持续足够时间，结尾是否留出文字或声音结束的空间。一个十几秒的片段通常只需要一个清晰的视觉重点，镜头过多会让观众难以抓住信息。</p>

<h2>四、用关键帧制作基础动画</h2>
<p>AE的核心操作是关键帧。关键帧用于记录某个时间点的属性数值，AE会自动计算两个关键帧之间的变化。选中图层后，展开“变换”属性，就能看到位置、缩放、旋转、不透明度和锚点等常用参数。</p>
<h3>1. 制作画面推进效果</h3>
<p>将时间指针放在片段开头，点击“缩放”旁边的秒表，设置一个较小的数值；再把时间指针移动到片段结尾，将缩放数值略微提高，就能形成缓慢推进。对于产品或人物画面，变化幅度不宜过大，否则容易产生明显的抖动和变形。</p>
<h3>2. 制作滑入和滑出效果</h3>
<p>在开头为“位置”设置关键帧，把文字或图形放在画面外侧；移动到需要停留的时间点，再把它移动到目标位置。选中关键帧后按F9使用缓入缓出，可以让运动起停更自然。需要更精细地控制速度时，可打开图表编辑器调整运动曲线。</p>
<h3>3. 制作透明度转场</h3>
<p>在片段开头将不透明度设为0%，经过几帧后调整到100%，就能完成淡入。淡出则反向设置。文字、Logo和装饰元素通常适合使用透明度配合位置动画，避免所有元素同时从不同方向飞入画面。</p>
<p>动画完成后可以开启图层的运动模糊，使快速移动的元素更接近真实摄像效果。运动模糊应根据速度适量使用；如果画面已经不清晰，先降低位移幅度或缩短运动距离，再决定是否保留模糊。</p>

<h2>五、添加文字、遮罩和转场</h2>
<p>选择文字工具，在合成窗口点击并输入标题。文字动画不必复杂，常见做法是让标题先淡入，再轻微上移；副标题可以延迟几帧出现，形成层次。文字与背景之间要保持足够对比度，必要时在文字下方添加半透明色块或阴影。</p>
<p>遮罩适合制作局部显示、形状切换和画面裁切。选择图层后使用钢笔工具绘制遮罩，通过调整遮罩路径、羽化和扩展值，可以让画面从某个区域逐渐显现。制作转场时，尽量让转场动作与镜头内容有关，例如镜头向右移动时使用同方向的擦除或推入，而不是连续使用不同风格的旋转、闪白和缩放。</p>
<p>如果要让一个图层控制另一个图层的显示范围，可以使用轨道遮罩。将形状图层放在素材图层上方，再根据需要选择Alpha遮罩或亮度遮罩。遮罩边缘出现锯齿时，可以适当增加羽化，并检查素材是否被过度放大。</p>

<h2>六、同步音乐和音效</h2>
<p>将音乐拖入时间线后，先根据画面节奏裁剪长度，再调整音频层的音量。音乐不应盖住旁白或关键提示音，可以在“音频”属性中降低分贝，或使用关键帧让音乐在旁白出现时自动变小。画面切换、文字出现和图形落点处，可以加入短促的点击、滑动或冲击音效，但音效数量应服务于节奏，不能每次切换都重复添加。</p>
<p>预览时同时观察画面和声音：如果动作已经结束而音效还在延续，可以缩短音效；如果音乐节拍与画面变化错开，可以移动关键帧或调整剪辑点，而不是单纯提高播放速度。</p>

<h2>七、预览检查并导出视频</h2>
<p>制作完成后，先把工作区设置为完整片段，从头到尾预览。检查文字是否被画面边缘裁切、素材之间是否出现黑边、动画是否突然跳动、音频是否过响，以及片尾是否意外多出空白时间。</p>
<ul>
  <li><strong>画面比例错误：</strong>回到合成设置检查尺寸，必要时重新调整素材缩放和位置。</li>
  <li><strong>动画卡顿：</strong>降低预览分辨率，确认关键帧间隔是否过短，并检查是否叠加了过多效果。</li>
  <li><strong>文字不清楚：</strong>提高文字与背景的对比度，减少过细字体和过小字号。</li>
  <li><strong>声音过大或失真：</strong>降低音频层音量，确保旁白、音乐和音效之间有明显层次。</li>
</ul>
<p>需要发布为常见视频文件时，可通过“合成—添加到Adobe Media Encoder队列”，选择H.264格式并导出MP4。分辨率应与合成保持一致，码率可以先使用软件提供的匹配源设置，再根据文件大小和清晰度进行调整。若要保留后续剪辑空间，可以另外保存一份高质量母版，不要只保留压缩后的发布文件。</p>

<h2>一个15秒AE片段的制作安排</h2>
<p>如果需要快速制作一个产品或活动片段，可以采用以下时间结构：0—2秒用背景和标题建立主题；2—6秒通过缩放或横向移动展示主体画面；6—10秒加入细节特写、图标或卖点文字；10—13秒使用简洁转场切换到结果画面；13—15秒保留Logo、行动提示或音乐收尾。这个结构不依赖复杂插件，适合先完成基础版本，再根据实际内容增加遮罩、粒子或光效。</p>
<p>掌握素材整理、粗剪、关键帧、文字动画、声音同步和导出这条主线后，就能独立完成大多数短片段制作。先保证每个镜头都清楚、每个动画都有目的，再逐步增加视觉效果，成片的完整度通常比单纯堆叠特效更重要。</p></div>
        <div class="mobile-promo"><span>【更多新闻，请关注“海报新闻”客户端】</span><span>【山东手机报：及时获取本地新闻资讯】</span></div>
        <div class="editor"><div class="share-appearance" aria-label="分享图标外观"><span>微</span><span>博</span><span>☆</span><span>?</span></div><div class="editor-text"><p>初审编辑：廖筱君</p><p>责任编辑：何伟</p></div></div>
      </article>

      <section class="content-block" aria-label="相关新闻"><h2 class="block-title">相关新闻</h2><ul class="related-list"><li><a href="/css/2026111559580485-615120.css">叙利亚会卷入沙特与胡塞的冲突吗</a><time>2026-11-05 01:41:35</time></li><li><a href="/css/20261115-6747716.css">苏炜杰获统计学界诺贝尔奖</a><time>2026-11-09 12:00:35</time></li><li><a href="/css/2026111577352-57405.css">拜合拉木今年2场半决赛均和对方冲突</a><time>2026-11-06 04:17:35</time></li><li><a href="/css/20261115622484-6490248.css">美年健康：总裁徐涛当选职工代表董事，曾任联华超市执行董事</a><time>2026-10-30 15:39:35</time></li><li><a href="/css/202611151966828-8634682.css">滴露涉嫌违法的广告，是何以上架的？</a><time>2026-11-03 11:49:35</time></li><li><a href="/css/20261115-8985191.css">轻量 AI 素养测量方案：AI 用研必备</a><time>2026-11-10 15:42:35</time></li></ul></section>
      <section class="content-block" aria-label="推荐阅读"><h2 class="block-title">推荐阅读</h2><ul class="recommend-list"><li><h3><a href="/css/2026111588093.css">官方：巴列卡诺签下马竞小将贝莱德，双方签约五年</a></h3><p>　　靳东，1976年出生于山东省，毕业于中央戏剧学院，国家一级演员，曾获得“青年五四奖章”先进个人、“全国德艺双馨电视艺术工作者”等荣誉称号。他还是第十四届全国政协委员。</p><div class="recommend-tail">2026-11-14 21:13:35　中国小康网</div></li><li><h3><a href="/css/20261115-9294390.css">高盛：对内银股维持审慎乐观看法 偏好招商银行</a></h3><p>　　针对上述情况，通用汽车高管表示，企业对扭转中国市场的销售局面仍有信心，他们希望旗下新能源车型能在中国市场继续发力。据彭博社报道，通用汽车董事长兼首席执行官玛丽·博拉此前表示，“当你观察中国市场时，会发现它与5年前有很大不同。77体育希望能够以正确的方式参与到这个市场中。”尽管在中国市场份额占比不大，但斯特兰蒂斯也看好中国市场，并“入股”中国车企。去年10月，斯特兰蒂斯宣布与中国零跑汽车成为全球战略伙伴，并向后者投资15亿欧元。</p><div class="recommend-tail">2026-11-12 07:46:35　齐鲁晚报网</div></li><li><h3><a href="/css/20261115-84382680.css">张瑞敏：AI时代，企业应自我进化而非自我强化</a></h3><p>　　第二，议程设置失灵。新任领导刚上任，却没有提出让民众有感的重大改革行动，欠缺议程设置能力，迄未展现其领导能力，无法主导政治议程，反而任由蓝白“在野”党主导议题引领风潮。</p><div class="recommend-tail">2026-11-04 06:12:35　慧聪网</div></li></ul></section>
    </main>

    <aside class="sidebar" aria-label="青岛频道推荐"><div class="side-inner">
      <section class="side-block"><h2 class="side-title">聚焦 · 青岛</h2><div class="side-photo"><a href="/css/2026111576911705-43525.css"><img src="http://n.sinaimg.cn/news/transform/200/w600h400/20180510/kH02-haichqz4082703.jpg" alt="原来蜘蛛侠是这么拍出来的" loading="lazy" decoding="async"><p>面对中国，“发达国家犯的最大错误是…”</p></a></div><div class="side-photo"><a href="/css/202611155375019.css"><img src="http://n.sinaimg.cn/news/transform/200/w600h400/20180320/GiVA-fyskeuc5235883.jpg" alt="和老婆出去玩了几天" loading="lazy" decoding="async"><p>时隔十年，第四套生命表来了，对你的保费有什么影响？</p></a></div><div class="side-photo"><a href="/css/2026111563702671.css"><img src="http://n.sinaimg.cn/front/400/w1200h800/20190406/j61_-hvhrcxm2739094.jpg" alt="于东来带外国团队考察梦之城建设" loading="lazy" decoding="async"><p>刷新纪录！近百只退出！</p></a></div></section>
      <section class="side-block"><h2 class="side-title">青岛微信</h2><a class="side-feature" href="/css/20261115199685-3873553.css"><img src="http://n.sinaimg.cn/news/1_img/vcg/2b0c102b/275/w1024h851/20181109/FfUF-hnprhzw8175526.jpg" alt="A股热度上升，银行密集发声" loading="lazy" decoding="async"><p>【私募调研记录】合晟资产调研敷尔佳</p></a><ul class="side-list"><li><a href="/css/20261115-5395052.css">疑似新毒株腹痛只能硬熬</a></li><li><a href="/css/20261115-38827379.css">国有大行响应消费贷贴息：将降低居民信贷成本、助力提振消费</a></li><li><a href="/css/2026111580728965-649787.css">勇士总经理邓利维表示自己会尊重库里做出的任何决定</a></li></ul></section>
      <section class="side-block"><h2 class="side-title">专题 · 青岛</h2><a class="side-feature" href="/css/2026111583556597-926519.css"><img src="http://n.sinaimg.cn/news/transform/200/w600h400/20180808/5Dx2-hhkuskt5037354.jpg" alt="出行旺、文旅忙、粽飘香 端午假期消费热潮助力夏日经济“热辣滚烫”" loading="lazy" decoding="async"><p>复星引进针对「早泄」的气雾剂国内获批</p></a><ul class="side-list"><li><a href="/css/20261115-75961.css">李在明访美签下9500亿大单，并发布「旧金山讲话」，如何看韩国的AI野望，其芯片爆单的核心是什么？</a></li><li><a href="/css/2026111558793.css">美团闪购引爆名酒销售！吃喝板块随市回调，估值跌至十年低位！抄底时机到了？</a></li><li><a href="/css/20261115-1258949.css">黑马直销公布《质量效应》利维坦全新官方雕像</a></li></ul></section>
      <section class="side-block"><h2 class="side-title">视频 · 青岛</h2><a class="side-feature" href="/css/20261115-6644183.css"><img src="http://n.sinaimg.cn/translate/750/w930h620/20181221/ZVP9-hqnkypr9992934.jpg" alt="2025年12月70城房价报告：全面下跌！北京、广州和深圳分别下降0.4%、0.6%和0.5%" loading="lazy" decoding="async"><p>男子每天50支烟肺被吸成蜂窝状</p></a><ul class="side-list"><li><a href="/css/2026111598963216.css">一个边角料。天天聊天天聊，烦不烦</a></li><li><a href="/css/202611151274284.css">李大霄：中国股市步入担心涨太快牛</a></li><li><a href="/css/202611153610625-433361.css">卡利亚里主席：很高兴罗马诺入选了意大利国家队队</a></li></ul></section>
    </div></aside>
  </div>

  <nav id="bottom-nav" aria-label="大众网站点频道"><div class="layout">
    <section class="bottom-block"><h2><a href="/css/2026111512838-5982837.css">新闻</a></h2><p class="bottom-line"><strong>山东</strong><span><a href="/css/20261115-841540.css">新闻</a><a href="/css/202611154750924.css">政教</a><a href="/css/202611154551131.css">经济</a><a href="/css/20261115-87025.css">社会</a><a href="/css/20261115316132.css">文体</a><a href="/css/20261115993494-223103.css">政务</a><a href="/css/20261115-114761.css">独立调查</a></span></p><p class="bottom-line"><strong>国内</strong><span><a href="/css/20261115-6432059.css">国际</a><a href="/css/2026111548893472-123413.css">社会</a><a href="/css/20261115-40803894.css">精选</a></span></p><p class="bottom-line"><strong>评论</strong><span><a href="/css/2026111524206.css">敢当头条</a><a href="/css/2026111517773134.css">敢当原创</a></span></p><p class="bottom-line"><strong>体育</strong><span><a href="/css/2026111559430396-33222.css">热点聚焦</a><a href="/css/2026111588180.css">鲁能</a><a href="/css/2026111558402151.css">黄金</a></span></p><p class="bottom-line"><strong>娱乐</strong><span><a href="/css/20261115-504416.css">娱乐头条</a><a href="/css/202611157136556-95573766.css">明星</a><a href="/css/20261115-631012.css">电影</a></span></p><p class="bottom-line"><strong>文史</strong><span><a href="/css/2026111592286.css">文化</a><a href="/css/2026111580831989.css">历史</a><a href="/css/20261115671760-381396.css">艺术</a><a href="/css/2026111580351859.css">热点</a></span></p><p class="bottom-line"><strong>读书</strong><span><a href="/css/20261115-712954.css">畅销</a><a href="/css/20261115-871417.css">文摘</a><a href="/css/20261115385015-64737.css">好书</a><a href="/css/202611158367478-94028156.css">书评</a></span></p><p class="bottom-line"><strong>书画</strong><span><a href="/css/20261115-73668.css">齐鲁艺坛</a><a href="/css/20261115807588.css">名家</a><a href="/css/20261115217830-8554741.css">名作</a></span></p></section>
    <section class="bottom-block"><h2><a href="/css/20261115871951-566451.css">房产</a> · <a href="/css/20261115810485.css">家居</a></h2><p class="bottom-line"><strong>房产</strong><span><a href="/css/2026111573562670.css">山东楼市</a><a href="/css/202611151861959.css">曝光维权</a><a href="/css/202611151036180.css">打折优惠</a><a href="/css/2026111537363524-72659.css">购房宝典</a></span></p><p class="bottom-line"><strong>家居</strong><span><a href="/css/2026111516477.css">头条新闻</a><a href="/css/2026111512033851-98592102.css">打折促销</a><a href="/css/20261115-833725.css">家居设计</a><a href="/css/20261115-91134.css">家居直通车</a></span></p><p class="bottom-line"><strong>旅游</strong><span><a href="/css/20261115-69738876.css">门票</a><a href="/css/2026111542821182-4792313.css">美食</a><a href="/css/20261115-1372971.css">驴友</a><a href="/css/20261115-9516482.css">乡村</a></span></p><p class="bottom-line"><strong>家电</strong><span><a href="/css/20261115-3778204.css">打折促销</a><a href="/css/20261115158983-6702082.css">卖场资讯</a><a href="/css/20261115693640-53932865.css">本网原创</a><a href="/css/20261115-61309301.css">家电投诉</a></span></p><p class="bottom-line"><strong>消费</strong><span><a href="/css/202611158718439-4086192.css">聚焦</a><a href="/css/2026111581415.css">曝光</a><a href="/css/20261115-49051.css">品牌</a></span></p><p class="bottom-line"><strong>汽车</strong><span><a href="/css/20261115-62285508.css">汽车新闻</a><a href="/css/2026111580808637-413515.css">济南车市</a><a href="/css/20261115-2854695.css">嘉宾访谈</a><a href="/css/2026111548208880-300996.css">新闻现场</a></span></p></section>
    <section class="bottom-block"><h2><a href="/css/2026111562590-40291.css">财经</a> · <a href="/css/20261115461986-38565636.css">酒水</a></h2><p class="bottom-line"><strong>财经</strong><span><a href="/css/2026111556946.css">焦点新闻</a><a href="/css/20261115151456-852992.css">山东财经</a><a href="/css/20261115213531.css">银行资讯</a><a href="/css/20261115-416856.css">山东保险</a></span></p><p class="bottom-line"><strong>酒水</strong><span><a href="/css/2026111550952477-9356264.css">酒业新闻</a><a href="/css/202611158052294-80427523.css">活动专题</a><a href="/css/202611151662776-387480.css">行业访谈</a><a href="/css/2026111598982-7163341.css">鲁酒馆</a></span></p><p class="bottom-line"><strong>食品</strong><span><a href="/css/20261115-81632227.css">资讯发布</a><a href="/css/2026111569899.css">食品安全</a></span></p><p class="bottom-line"><strong>健康</strong><span><a href="/css/20261115296374.css">山东卫生</a><a href="/css/20261115-39072.css">院长在线</a><a href="/css/20261115-14134.css">精彩专题</a></span></p><p class="bottom-line"><strong>鲁企</strong><span><a href="/css/20261115-38776.css">鲁企要闻</a><a href="/css/20261115681502-5334429.css">山东国资</a></span></p><p class="bottom-line"><strong>教育</strong><span><a href="/css/20261115-51374715.css">热点新闻</a><a href="/css/20261115-29246443.css">培训导学</a><a href="/css/20261115-28389046.css">聚焦山东</a><a href="/css/20261115143583-1236132.css">山东高考</a><a href="/css/20261115-48965713.css">留学资讯</a><a href="/css/20261115-620550.css">移民专区</a></span></p></section>
    <section class="bottom-block"><h2><a href="/css/20261115454547-13279.css">论坛</a> · <a href="/css/202611153155766-91204925.css">互动</a></h2><p class="bottom-line"><strong>地方</strong><span><a href="/css/202611159074947.css">济南</a><a href="/css/202611157481956-56539378.css">济宁</a><a href="/css/20261115135934-8594830.css">聊城</a><a href="/css/2026111586125.css">青岛</a><a href="/css/202611151646225.css">泰安</a><a href="/css/2026111529239633-39524677.css">临沂</a><a href="/css/20261115-57794693.css">淄博</a><a href="/css/20261115288805-49974230.css">威海</a><a href="/css/2026111595542393-306848.css">菏泽</a><a href="/css/20261115328514-679702.css">枣庄</a><a href="/css/20261115-2376482.css">日照</a><a href="/css/20261115-2178154.css">烟台</a><a href="/css/2026111568448-2865484.css">滨州</a><a href="/css/2026111595119270-73091.css">东营</a><a href="/css/20261115-23307.css">潍坊</a><a href="/css/202611155510733-879151.css">德州</a></span></p><p class="bottom-line"><strong>拍客</strong><span><a href="/css/2026111577370.css">随手拍</a><a href="/css/20261115-981530.css">东营拍客</a><a href="/css/20261115508022-764037.css">济南拍客</a><a href="/css/2026111556797.css">菏泽拍客</a><a href="/css/20261115-48072.css">临沂拍客</a><a href="/Content/2026111589892.css">济宁拍客</a><a href="/css/2026111546726837-8839817.css">潍坊拍客</a><a href="/css/20261115-7083722.css">烟台拍客</a></span></p><p class="bottom-line"><strong>民声</strong><span><a href="/css/20261115-99303.css">投诉举报</a><a href="/css/20261115420929.css">咨询求助</a><a href="/css/2026111574267989.css">建言献策</a><a href="/css/20261115-5034097.css">满意排行</a></span></p></section>
    <section class="bottom-block"><h2><a href="/css/20261115-927162.css">分站</a> · <a href="/css/2026111584115-709584.css">策划</a></h2><p class="bottom-line"><strong>分站</strong><span><a href="/css/202611155838134.css">济南</a><a href="/css/2026111511343777-5662629.css">青岛</a><a href="/css/2026111585488-802481.css">枣庄</a><a href="/css/20261115739699-94115196.css">威海</a><a href="/css/2026111538546582.css">烟台</a><a href="/css/20261115-20148.css">潍坊</a><a href="/css/2026111536805162.css">济宁</a><a href="/css/202611153441831-77118.css">聊城</a><a href="/Public/20261115-926085.css">日照</a><a href="/css/20261115-60611840.css">滨州</a><a href="/css/20261115-3306966.css">德州</a><a href="/css/2026111597163-65934.css">临沂</a><a href="/css/2026111577463827-9367192.css">菏泽</a><a href="/css/20261115-339890.css">东营</a><a href="/css/2026111512025-673708.css">泰安</a><a href="/css/202611155412420-512738.css">淄博</a></span></p><p class="bottom-line"><strong>策划</strong><span><a href="/css/20261115-40535.css">今日专题</a><a href="/css/2026111522669-8842006.css">独立调查</a><a href="/css/20261115880334-52824440.css">权威发布</a><a href="/css/20261115-953337.css">齐鲁手机报</a><a href="/css/20261115212504.css">手机杂志</a><a href="/css/2026111592173.css">3G</a><a href="/css/20261115-63063.css">大屏</a></span></p><p class="bottom-line"><strong>时评</strong><span><a href="/css/20261115-56270.css">敢当原创</a><a href="/css/202611157121934-993082.css">敢当微评</a><a href="/css/20261115608561-276350.css">民生</a><a href="/css/20261115-13230294.css">财经</a><a href="/css/20261115547410-2395489.css">时政</a><a href="/css/2026111532666458.css">文体</a></span></p></section>
  </div></nav>

  <footer id="footer"><div class="layout"><p><a href="/css/202611157444030-85342.css">大众报业集团</a> - <a href="/css/20261115-97601145.css">山东省互联网传媒集团</a> - <a href="/css/2026111545996320.css">版权声明</a></p><p>Copyright (C) 2001-2026　dzwww.com. All Rights Reserved</p><p>山东省互联网传媒集团主办　Email: <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="f38496919e9280879681b39789848484dd909c9e">[email&#160;protected]</a>　<a href="/css/20261115572604.css">新闻信息服务许可证</a>　<a href="/css/20261115812145.css">音像制品出版许可证</a></p><p>鲁ICP备09023866号　<a href="/css/20261115662685-59368837.css">新出网证（鲁）字02号</a>　<a href="/css/20261115-3512029.css">网络视听许可证</a>　违法不良信息举报电话：0531-85196540</p></div></footer>
  <footer id="footer-mobile">@2015 Dzwww　鲁ICP备09023866号</footer>
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script></body>
<!-- 122.114.75.100 http://www.stockpoop.com /utf8/?domain=www.stockpoop.com&path=/css/202611157201110.css www -->
</html>
