0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

パワポを使って10分で作る「検索窓」

Posted at

よく見かける「検索窓」を簡単にパワポで作成する方法です。
検索窓最終形態.gif

1. 検索ボックスの枠部分を作る

・「挿入」→「図形」→「角丸四角形」
・塗りつぶしはなし
スライド2.png

2. 検索ボタンを作る

・「挿入」→「図形」→「片側の2つの角を丸めた四角形」
・枠分と同じ色にして、右端に配置
スライド3.png

3. 虫眼鏡マークを作る

・円と線から
・線は、「図形の書式設定」から「線の先端」を「丸」にしておくと、かわいい
スライド4.png

4. 検索キーワードを作る

・好きなキーワードで
スライド5.png

5. 矢印マークを配置する

・「アイコン」タブから、「クリック」で検索すると出てきます
スライド6.png

6. アニメーションの設定

ここが一番のキモです
・まず、検索ボックス枠、ボタン、虫眼鏡は、まとめてグループ化しておく

<検索キーワード>
・「アニメーション」→「フェード」
・「効果のオプション」の「タイミング」は「開始」を「クリック時」、「継続時間」を「0.2秒」に設定
・その下の「テキスト アニメーション」の「テキストの動作」を「文字単位で表示」に設定

<検索ボックス>
・「強調効果」で「パルス」を選ぶ
・「効果のオプション」の「タイミング」は「開始」を「直前の動作の後」、「継続時間」を「0.2秒」に設定

<矢印>
・「アニメーションの軌跡」で「線の描画」を指定し、開始位置と終了位置をいい感じにセットする
・タイミングは、「直前の動作の後」「0.5秒」

完成!!

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?