きっかけ
App StoreのNumbersの参考用のスクリーンショットに、これが載っていてカッコいいと思って、購入しました。
どのへんが良いのか改めて考えると「グラフにアイコンが載っかっている」所だと思い、コレを作ってみようと思いました。
どのへんが良いのか改めて考えると「グラフにアイコンが載っかっている」所だと思い、コレを作ってみようと思いました。
準備する
□ 背景が透明のアイコンPNG
illustratorやiDrawなどから背景が透明のアイコンを作り、PNGファイルで保存しときます。
illustratorやiDrawなどから背景が透明のアイコンを作り、PNGファイルで保存しときます。
やってみる
1. ファイル>新規>テンプレート から「ワークアウト記録」を出します。
Numbersのテンプレートに入っている「ワークアウト記録」の円グラフにシンボルを入れてみようと思います。
2. アイコンを貼付ける四角形を出します。
挿入>図形>四角形を選択し、「四角形」を出します
ここの四角形に、アイコン・シンボルのイメージを貼付けたいと思います。
(右下すみのは円グラフの切れ端です・・・)
3. 四角形の情報を変更します。
四角形を選択し、表示>インスペクタを表示 を選択すると、専用のウインドウがでて、
上のタブの右から4番目の「グラフィック」のタブを選択し、
「塗りつぶし」のドロップダウンリストから「イメージ塗りつぶし」を選択します。
すると、finderのような「ファイル」が開かれ、アイコンのPNGファイルを選択します。
背景が透明の白いアイコンが塗りつぶしの所に表示されました。
4. 線を隠す
このままだと、四角形の枠が残ってしまうので[線]の項目から「飾り枠」を「なし」に選択します
5. ドラッグして位置を調整
あとは、このアイコンを円グラフの置きたい場所にドラッグして調整します。
感想
目標とした良い感じのグラフに近づけるためには「数値」を大きく見せることが大事だと気づきました。
なので今度は、それに挑戦しようと思います。
アイコンを作成するときは、iDrawの初期の状態からあったシンボルを引っ張りだしみました。機会があったら、もっと豊富に集めるか、作ってようと思います。
なので今度は、それに挑戦しようと思います。
アイコンを作成するときは、iDrawの初期の状態からあったシンボルを引っ張りだしみました。機会があったら、もっと豊富に集めるか、作ってようと思います。
0 件のコメント:
コメントを投稿