Illustratorでオブジェクトを整列させる方法

[操作手順]
→「整列」窓に着目する
※表示されていない場合はShift+F7を押す(トグル切り替え)

→選択ツールで二つ以上のオブジェクトを選択状態にする

→「整列」窓のオブジェクトの整列を押す

→オブジェクトが整列する

 

[確認環境]
Windows 7 SP1 64bit
Illustrator CS3 13.0

[Mac]Illustratorのオブジェクトを最小枠サイズの透過PNGで書き出す方法

※IllustratorとFireworksを使用します
※オブジェクトが背景透過で描かれている必要があります

 

[操作手順]
→選択ツールで透明PNGにするオブジェクトのみを選択する
※複数ある場合はまとめて選択する

→command+C を押す(クリップボードへコピーされる)

→command+N を押して、新規ドキュメントを作成する
※オブジェクトサイズよりも新規ドキュメントのサイズを大きくする必要があります

→command+V を押す(画像が貼り付けされる)

→command+shift+option+S を押す(「Webおよびデバイス用に保存」が表示される)

→以下を選択して、名前を付けて保存する
PNG-24
透明部分:ON

→透過PNGファイルが作成される

→作成した透過PNGファイルを Fireworks で開く

→画像部分をマウスクリックして選択状態にする

→shift+option+U を押す(画像部分が最小枠サイズでスライスされる)

→command+shift+R を押す(書き出し の窓が表示される)

→以下を選択して、名前を付けて保存する
書き出し:画像のみ
スライス:スライスの書き出し
選択したスライスのみ:ON
スライスのない領域も含める:OFF

→画像部分が最小枠サイズにスライスされた透過PNGファイルが作成される

 

[確認環境]
Mac OS X 10.9 Mavericks
Illustrator CS4 14.0
Fireworks CS4 10.0

Illustratorのオブジェクトを最小枠サイズの透過PNGで書き出す方法

※IllustratorとFireworksを使用します
※オブジェクトが背景透過で描かれている必要があります

 

[操作手順]
→選択ツールで透明PNGにするオブジェクトのみを選択する
※複数ある場合はまとめて選択する

→Ctrl+C を押す(クリップボードへコピーされる)

→Ctrl+N を押して、新規ドキュメントを作成する
※オブジェクトサイズよりも新規ドキュメントのサイズを大きくする必要があります

→Ctrl+V を押す(画像が貼り付けされる)

→Ctrl+Shift+Alt+S を押す(「Webおよびデバイス用に保存」が表示される)

→以下を選択して、名前を付けて保存する
PNG-24
透明部分:ON

→透過PNGファイルが作成される

→作成した透過PNGファイルを Fireworks で開く

→画像部分をマウスクリックして選択状態にする

→Shift+Alt+U を押す(画像部分が最小枠サイズでスライスされる)

→Ctrl+Shift+R を押す(書き出し の窓が表示される)

→以下を選択して、名前を付けて保存する
書き出し:イメージのみ
スライス:スライスの書き出し
選択スライスのみ:ON
スライスのない領域も含める:OFF

→画像部分が最小枠サイズにスライスされた透過PNGファイルが作成される

 

[確認環境]
Windows 7 SP1 64bit
Illustrator CS3 13.0
Fireworks CS3 9.0

Webページ周り/インターネットアカウント登録などのトラブル回避のTips

ブラウザキャッシュ、Cookie、履歴が残っていると悪さをします。
またブラウザの設定により表示されないなどのトラブルも起こります。

[トラブル回避のTips]
・ブラウザキャッシュ、Cookie、履歴を削除する
※ブラウザにより異なるが、ツール>オプション>プライバシー の辺りに履歴削除の項目があります

・登録専用/チェック専用のブラウザを用意する
※IE、Google Chrome、Firefoxなどを利用目的で使い分けます

お勧めFirefoxアドオン(プラグイン)「Screengrab」

「Screengrab」
画面に収まりきらないWebサイトを自動スクロールしてスクリーンショット/キャプチャできる

 

[操作手順]
※ブラウザ Firefoxがインストールされている環境が前提としています

→FirefoxにScreengrabをインストールする
https://addons.mozilla.org/ja/firefox/addon/screengrab-fix-version/

→画面上部メニューより、Screengrabアイコンをクリック>保存>ページ(フレーム)全体
※ツール>Screengrab の順にアクセスしても同様です

→名前を付けて画像を保存する

 

[確認環境]
Windows 7 SP1 64bit
Firefox 38.0.5
Screengrab (fix version) 0.98.07c.1-signed

[Word]ワードでインデントを調整する方法

[操作手順]
→画面上部メニューより、ホーム にアクセスする

→ツールバー上段の中央付近にある「インデントを減らす」と「インデントを増やす」アイコンをクリックする
※画面上部メニューの表示の真下付近にある

 

[確認環境]
Windows 7 SP1 64bit
Word 2010

[HTML/CSS]Google Chromeでテーブルが萎んで見える問題の解決

原因
誤った記述「width=”100 %”」が表題のトラブルを起こしていた
正しい記述「width=”100%”」へ修正して解決した

 

誤った記述「width=”100 %”」の表示状況は以下のようになっていた
・IE 11 :テーブルが正しく表示される
・Firefox 30 :テーブルが正しく表示される
・Google Chrome 36:テーブルが萎んでしまう