• DoRubyとは
  • お問い合わせ
  • Ruby/Rails
  • Web開発
  • Webマーケティング
  • アピリッツ
  • ライフハック
  • ゲーム制作/開発
  • Railsの小技
  • Rubyの小技
  • Gemの紹介
  • ActiveRecord
  • 初心者向け
  • Java/Scalaテク
  • Unixのあれこれ
  • データベース
  • スマホ開発
  • HTML/CSS/JavaScript
  • デザイン製作
  • インフラ
  • クラウド
  • セキュリティ
  • エディタ
  • バージョン管理
  • その他
  • python
  • アクセス解析
  • Googleアナリティクス
  • Googleデータスタジオ
  • Web広告
  • SEO
  • UI/UX
  • ソーシャルメディア
  • EC開発
  • Webシステム開発
  • コンサルティング
  • Webデザイン
  • ブロックチェーン
  • ゲーム紹介
  • アプリ紹介
  • ASP
  • 風景
  • パソコン
  • ツール
  • ガジェット
  • 仕事術
  • 健康
  • 生活
  • 書評
  • Excel(エクセル)
  • PowerPoint(パワーポイント)
  • ゲームプランニング
  • SpriteStudio
  • マスターデータ入力/作成
  • Unity
  • キャラクターデザイン
  • ゲームシナリオ
  • レベルデザイン
  • ゲーム分析
  • 3DCG
  • イラスト制作
  • CG/アニメーション
  1. ホーム
  2. Web開発
  3. デザイン製作
  4. PowerPointで作るボタン 2/2
  • 2009-03-16
    • カテゴリ:
    • デザイン製作

PowerPointで作るボタン 2/2

この記事は公開から1年以上が経過しています。情報が古い可能性がありますのでご注意ください。

PowerPointで作るweb2.0風ボタンの続きです。

その1はこちら

 

 

それでは、ここに文字を乗せましょう。
挿入メニューよりテキストボックス(横書き)を選択。
作成した図形をクリックして文字を入れます。 入力した文字を全選択すると、
文字設定が出てくるので 好きなフォント、色、サイズにしましょう。
例では白に設定しました。

文字に効果をつけて読みやすくします。
文字が選択された状態で、メニューの書式よりワードオートスタイルの
文字の効果より 光彩を選択します。(例ではアクセント1.5ptを選択)

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

目的の色がサンプルにない場合は、その他の光彩の色で色を指定します。
これでボタンが完成しました。

 

 

 

 

 

 

 

 

 図形を選択した状態で右クリックし、図として保存をクリック。
pngファイルとして書き出します。 これで終わりといきたいのですが、最後の調整です。


スタートメニューよりOffice→Officeツール→PictureManagerを起動します。
左側の「画像へのショートカット」より、保存先を選択します。
無い場合は一番上の画像のショートカットの追加をクリックし、追加します。
真ん中のリストから、先ほど保存した画像をダブルクリック。 編集画面になります。
実は画像の上部に謎の余白がついてしまうので、それを取ります。
右側のメニューから画像の編集を選択。トリミングをクリックします。
画像の周りに枠が出るので、上部の─を下にドラッグして、 ぴったりサイズに囲います。

 

 

 

 

 

 

 

右メニューのOKをクリックすると、トリミングされます。

 

次に画像サイズの調整をします。
上部メニューより、画像の編集をクリック。 右側に出たメニューより、サイズ変更を選びます。
縦横比を維持したまま縮小したいので、拡大または縮小率にチェックを入れ、
パーセンテージを指定します。下部に表示される新しいサイズを見ながら 調整して下さい。

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

適当なサイズになったらOKを押して、名前をつけて保存したら完成です。
(jpgやgifでも保存できるのですが、すごく汚くなるのでおすすめしません。
リサイズと他形式への書き出しは他のフリーソフトの方がいいかも知れません)


以上、長くなりましたが、いかがでしたでしょうか?
ちょっとしたボタン1つで、全体のクオリティーアップに貢献できると思います。
是非試してみて下さい。


  • 1,888 views
    • Tweet
    • このエントリーをはてなブックマークに追加

この記事を書いた人
みゃ
エンジニアの方向けのデザインについて書いていきたいと思います。 Rubyについて調べにきたついでに覗いていっていただければ幸い。

「いいね!」するとDoRubyの最新記事を受け取ることができます。

Facebook

Twitterから最新記事を受け取るならこちら

Follow @doruby

Feedlyから最新記事を受け取るならこちら

follow us in feedly

おすすめの記事
  • 2,269 views
  • 2016-07-27
リニューアルをしたDoRubyの3つの目的
  • 2,122 views
  • 2016-08-15
ビット演算でフラグを管理する
  • 1,746 views
  • 2017-04-24
アピリッツの新卒合宿2017

カテゴリ

Ruby/RailsRailsの小技Rubyの小技Gemの紹介ActiveRecord初心者向けWeb開発Java/ScalaテクUnixのあれこれデータベーススマホ開発HTML/CSS/JavaScriptデザイン製作インフラクラウドセキュリティエディタバージョン管理その他pythonWebマーケティングアクセス解析GoogleアナリティクスGoogleデータスタジオWeb広告SEOUI/UXソーシャルメディアアピリッツEC開発Webシステム開発コンサルティングWebデザインブロックチェーンゲーム紹介アプリ紹介ASP風景ライフハックパソコンツールガジェット仕事術健康生活書評Excel(エクセル)PowerPoint(パワーポイント)ゲーム制作/開発ゲームプランニングSpriteStudioマスターデータ入力/作成Unityキャラクターデザインゲームシナリオレベルデザインゲーム分析3DCGイラスト制作CG/アニメーション

    人気の記事
    最近の記事
    • 3,598 views
    • 2020-04-02
    Kali Linux 2020.2 導入と日本語化
    • 828 views
    • 2020-03-06
    rack-lineprofを改造して管理画面からファイル指定&ログ追跡出来るように
    • 802 views
    • 2020-03-05
    FactoryBot と Gimei を使って架空のユーザを作る
    • 584 views
    • 2020-02-04
    ActionCable実装しようwith webpack
    • 517 views
    • 2020-01-27
    この頃のプルリクに対するレビュー
    Facebook

      サイト情報
      • DoRubyとは
      • 株式会社アピリッツ

      ソーシャルアカウント
      • Facebook
      • Twitter

      企業情報
      • 会社概要
      • 採用情報
      • お問い合わせ
      サービス製品
      • レコメンドASP
      • サイト内検索ASP「Advantage Search」
      • オープンソースECサイト構築パッケージ「エレコマ」
      • 受注・在庫・商品情報一元管理「モールコネクター」
      • セキュリティ診断サービス
      • Googleアナリティクスセミナー

      Copyright © Appirits All Rights Reserved.