CCで新しいサイトデザインを考えているが、様々なアクションに誘導するボタンやアイコンを考えざるを得ない。等々といったアイコンデザイン類も多々販売されてもいるが、オリジナルなものを用意しようとすると数も数だし些か面倒だ...。Pro」を代用してみた。これはメニューバーに機能もないしワン・ウィンドウの中ですべての作業を行う実にシンプルなアプリなのが気に入っている。円形のアイコンを作るだけのものだが、凝った物ならそれこそPhtoshopなどでどうにでもなるわけだから、これはこれで良い...。Pro」のアバウト画面アプリケーションを起動すると小ぶりなウィンドウがひとつ開く。左側に円形枠があり右には各パラメーターを調節するメニューバーなどがあり、上部には「Edit」「Adjust」そして「Effects」という3つのタブがある。pngフォーマットでのデータ保存という各アイコンが列んでいる。Pro」による円形アイコン作成の手順をご覧いただこう...。Pro」の円形部位にドラッグ&ドロップする。その元画像はできるだけ作業に相応しい形にあらかじめ整えておく方がやりやすい。ドロップしたイメージはマウスドラッグで円内の位置を調整できる。手順だが、前記した3つのタブを順番に使う必要はないものの、説明のやりやすさを考えて「Edit」メニューから記してみる。ご覧のように初期値はシルバーといった感じのエッジに囲まれブルーのグラデーションで塗られた円形が表示されている。color」および「Angle」だ。どのように調整しようといつでも初期値に戻すことができるので安心して作業ができる。※エッジのカラーを変えてみる...アイコン本体部分とエッジ部分それぞれを2色選んでグラデーション化し「Angle」でその方向を調整する。color」すべてのカラーを同色にすることで単色の円形が出来上がる。Shadow:」はそのその名の通りだが1度操作してみればその役割はすぐにお分かりだろう。Attributes:」では円形に納めるON・OFFと背景を任意の単色で塗りつぶすことができる。その上に別のグラフィックを重ねることは出来ない。image」は初期値のままで良い。Shadow:」は円形アイコンに陰を付けるパラメーターだがアプリ操作上では効果が分からないので1度データを保存して確認して見る必要がある。続いて「Adjust」タブに切り替えてみよう。Modify:」にある「Scale」調整だ。このスライドバーで円内におけるイメージのサイズとマウスドラッグで位置を決めておくとよい。Adjust:」で明るさやらコントラストといった調整を行うべきだ。Modify:」にある他の2つのパラメータはイメージの回転と透明度の調整である。Modify:」にある「Scale」が重要最後のタブ「Effects」はご覧の通りイメージに9種類の違った効果を加えることができるが通常はスルーした方がよい(笑)。※「Effects」ウィンドウまたより円形内のイメージ位置を正確に整えたい場合はウィンドウ左下の「grid」をONにする。.pngなら円形の背景周りを抜いてページに配置できるからだ。Pro」で作ったアイコン(.png)を大きめに配置した例。image」はクロップ内に置いたイメージの消去、「Share」は作成したイメージをMailをはじめTwitterやFacebook等々と共有するための機能、そして「.iconset」「.icns」はMacアプリのアイコン作成に必要な対応サイズおよび数のアイコンを1度にはき出してくれる機能である。Pro」は写真やグラフィックをドロップするだけで丸いアイコンを簡単にはき出してくれるシンプルで分かりやすいアプリケーションなのである。X用アプリケーションに使うアイコンイメージをセットで用意するためのツールなわけだが、今回私はウェブ用の各種ボタン・アイコン作りに応用しているわけだ。1度にはき出してくれるのが本来のミッションいずれにしてもこうした円形アイコンを多々作るためには有用なツールだと言えよう。本文:プロフィールAuthor:appletechlab主宰は松田純一。