Mercurial > hgrepos > hgweb.cgi > skipweb
changeset 3879:052133e2e432
changed index.html(The design on our website has been modified.)
author | Fumichan <c116092@h.koeki-u.ac.jp> |
---|---|
date | Mon, 18 Feb 2019 06:29:41 +0900 |
parents | 4291568c574a |
children | 17c0d7d2327d |
files | docs/manual/movie-linux/index.html |
diffstat | 1 files changed, 84 insertions(+), 66 deletions(-) [+] |
line wrap: on
line diff
--- a/docs/manual/movie-linux/index.html Fri Feb 15 15:25:32 2019 +0900 +++ b/docs/manual/movie-linux/index.html Mon Feb 18 06:29:41 2019 +0900 @@ -1,16 +1,23 @@ <!DOCTYPE html> <html> - <head> - <title>Linux/Windows で動画編集</title> - <style type="text/css"></style> - <link rel="stylesheet" type="text/css" href="https://skip.koeki-prj.org/main.css"> - </head> - - <body> - <h1>Linux/Windows で動画編集</h1> - - <h2>目次</h2> - <ol> +<head> +<title>Linux/Windowsで動画編集 | SKIP - Shonai Koeki Information Project -</title> +<link rel="stylesheet" type="text/css" href="https://skip.koeki-prj.org/css/main.css"> +</head> + +<body> + <header> + <img src="../../../img/skiplogo.png" alt="SKIP - Shonai Koeki Information Project -"> + </header> + + <!--#include virtual = "/navi.html"--> + + <section class="contents"> + <h1>Linux/Windowsで動画編集</h1> + + <h2>目次</h2> + <section class="explanation"> + <ol> <li><a href="#youi">用意するもの</a></li> <li><a href="#tejun">インストール手順</a></li> <li><a href="#gamen">Shotcutの概要</a></li> @@ -19,22 +26,25 @@ <li><a href="#telop">テロップの入れ方</a></li> <li><a href="#hozon">動画の保存方法</a></li> </ol> + </section> <h2 id="youi">用意するもの</h2> + <section class="explanation"> <ul> <li><a href="https://shotcut.org/">Shotcut</a></li> <li>テキストを書けるソフト、アプリ(Emacs など)</li> <li>撮影した動画</li> </ul> + </section> <h2 id="tejun">インストール手順</h2> - - <h4><p>Linux</p></h4> + <section class="explanation"> + <h3><p>Linux</p></h3> <p>コマンドラインから</p> <p>sudo apt install shotcut</p> <p>と入力するとインストールが始まります。</p> - <p></p> - <h4><p>Windows</p></h4> + + <h3><p>Windows</p></h3> <ol> <li><a href="https://shotcut.org/download/">Shotcut Download</a><br> 上記のリンクへ移動します。</li> @@ -43,13 +53,16 @@ <li>「Site 2 (GitHub)」の「64-bit Windows portable zip」から zipファイル をダウンロードします。</li> <li>ダウンロードされたファイルを展開することで Shotcut がインストールされます。</li> </ol> - + </section> + <h2 id="gamen">Shotcut の概要</h2> - <p></p> + <section class="explanation"> <a href="mvdefault.png"><img src="mvdefault.png" alt="デフォルト画面" width="600px"></a> - <p></p> - + </section> + + <h2 id="kihon">動画の作成方法と動画の取り込み方</h2> + <section class="explanation"> <ol> <li>「ファイルを開く(O)」をクリックします。</li> <a href="mvopen.png"><img src="mvopen.png" alt="ファイルを開く(O)" width="600px"></a> @@ -57,103 +70,108 @@ <li>「Open」をクリックします。</li> </ol> <p>以上の手順でビューワーに動画が表示されます。</p> - + </section> + <h2 id="nagasa">動画(素材)の長さの調節</h2> + <section class="explanation"> <p>ビューワーの動画をタイムラインにドラック&ドロップします。</p> - <p></p> + <a href="mvtimeline.png"><img src="mvtimeline.png" alt="動画のタイムラインへの移動" width="600px"></a> - <p></p> + <ol> <li>ビューワーの動画を確認しながら、タイムライン上で動画の分割する位置を決めます。</li> - <p></p> + <li>タイムライン上で右クリックをし、「再生ヘッドで分割(S)」をクリックします。</li> - <p></p> + <a href="mvheadcut.png"><img src="mvheadcut.png" alt="再生ヘッドで分割(S)" width="600px"></a> </ol> - <p></p> + <p>動画の一部削除</p> <p>タイムライン上で右クリックをし、「削除」をクリックします。</p> <a href="mvdelete.png"><img src="mvdelete.png" alt="削除" width="600px"></a> - <p></p> + <p>動画を一部重ねる(場面の切り替わり)・順序を変える</p> <ol> <li>タイムライン上で、再生ヘッドをクリックします。</li> <li>そのままスライドすることで、動画の一部を重ねたり、入れ替えたりできます。</li> <a href="mvmix.png"><img src="mvmix.png" alt="再生ヘッド" width="600px"></a> </ol> - + </section> + <h2 id="telop">テロップの入れ方</h2> - <p></p> - <p>背景を用意する</p> - <p></p> + <section class="explanation"> + + <h3>背景を用意する</h3> + <ol> <li>タイムラインのメニュー欄から「トラックを挿入する」をクリックする。</li> - <p></p> + <a href="mvtelop_back1.png"><img src="mvtelop_back1.png" alt="タイムラインメニュー" width="600px"></a> - <p></p> + <a href="mvtelop_back2.png"><img src="mvtelop_back2.png" alt="トラックを挿入する" width="600px"></a> - <p></p> + <li>ツールバーの「その他を開く」をクリックする。</li> - <p></p> + <a href="mvtelop_back3.png"><img src="mvtelop_back3.png" alt="その他を開く" width="600px"></a> - <p></p> + <li>「色」を探して、テロップの背景色を選択する。</li> - <p></p> + <a href="mvtelop_back4.png"><img src="mvtelop_back4.png" alt="色の画面" width="600px"></a> - <p></p> + <a href="mvtelop_back5.png"><img src="mvtelop_back5.png" alt="色の画面" width="600px"></a> - <p></p> + <li>フィルタ部分の背景をタイムラインにドラック&ドロップします。</li> - <p></p> + <a href="mvtelop_back6.png"><img src="mvtelop_back6.png" alt="背景のタイムラインへの移動" width="600px"></a> - + </ol> - <p></p> - <p>テロップを入れる</p> - <p></p> + + <h3>テロップを入れる</h3> + <ol> <li>フィルタ部分の「+」をクリックする。</li> - <p></p> + <a href="mvtelop1.png"><img src="mvtelop1.png" alt="" width="600px"></a> - <p></p> + <li>分類の「映像」をクリックする。</li> - <p></p> + <a href="mvtelop2.png"><img src="mvtelop2.png" alt="映像" width="600px"></a> - <p></p> + <li>「テキスト」を探すか、検索して、クリックする。</li> - <p></p> + <a href="mvtelop3.png"><img src="mvtelop3.png" alt="テキスト" width="600px"></a> - <p></p> + <li>テキストの入力欄に文章を入力する。</li> - <p></p> + <a href="mvtelop4.png"><img src="mvtelop4.png" alt="テキストの入力" width="600px"></a> </ol> - + </section> + <h2 id="hozon">動画の保存方法</h2> + <section class="explanation"> <ol> <li>ツールバーの「書き出し」をクリックする。</li> - <p></p> + <a href="mvexport1.png"><img src="mvexport1.png" alt="書き出し" width="600px"></a> - <p></p> + <li>書き出し画面内の「高度」をクリックする。</li> - <p></p> + <a href="mvexport2.png"><img src="mvexport2.png" alt="高度" width="600px"></a> - <p></p> + <li>形式から「mp4」を選択し、クリックする。</li> - <p></p> + <a href="mvexport3.png"><img src="mvexport3.png" alt="形式" width="600px"></a> - <p></p> + <li>「ファイルを書き出す」をクリックする。</li> - <p></p> + <a href="mvexport4.png"><img src="mvexport4.png" alt="ファイルを書き出す" width="600px"></a> </ol> <p>以上の手順で動画をmp4ファイルとして保存できます。</p> - - - <div class="back"> - - <h4><a href="https://skip.koeki-prj.org/" class="tlink">SKIPのトップへ</a></h4> - </div> - + </section> + + </section> <!-- /contents --> + <footer> + <p class="copyright">Copyright (C) 2018 SKIP - Shonai Koeki Information Project - . All Rights Reserved.</p> + </footer> </body> -</html> + </html>