三階ラボ

Archive for the tips Category

Home Next

tips iPad Idea Sheet ver.01

Tags:
, ,

iPad Idea Sheet variation

iPhone Idea Sheet [to 三階ラボ]に続いて、iPad Idea Sheetを作りました。
原寸大のシート(横向き)、70%縮小シート(縦向き)、50%縮小シート(横向き)の計3種類あります。画面内で縦横8分割しやすいように小さなドットが入っています。取り急ぎ作ってみただけなので、使いやすいかどうかまだ分かりませんw。こういう方が使いやすいのに!という要望があれば可能な限り対応したいと思います。

まだ発売されてないiPad (執筆時:3月3日)。
このシートで皆さんもアイデア(妄想?)を膨らませてみてください! 僕らと同じようにw。

iPad Idea Sheet ver.01


tips Illustrator CS4で10種類の壁紙を一度に作る

Tags:

Adobe Illustrator CS4から新機能で、一つのIllustratorファイル内に複数のアートボードを作れるようになりました(CS3までは一つだけ)。 ちょっとずつ進化してるIllustrator CS4ですが、この複数のアートボードが作れるだけで手に入れる価値があります! 今までのデザイン作業のワークフローが一変しました。 どんだけこの機能を待ち望んでいたことか!むしろ期待以上でした!

紙の企画書を作る際は複数ページのPDFを作るわけですが、これまではIllustratorでデザインして、InDesignにコピペして、微調整して、そこからPDFにしてました。印刷だけならPDFにしなくても、Illustratorからそのままいけます。(Illustrator CS3でも一応複数ページのPDFにできましたが、精度が低い&作りにくかった) Webなどのモニターで表示するデザインをする場合は、Illustratorで作って、個々に書き出すなり、コピペして、Photoshopに持っていて・・・。 紙でもウェブでもなかなかIllustratorだけで完結することが少なかったことが、Illustratorのみでフィニッシュまで持っていけるというのはかなり効率が良いです!

で、ここで例をひとつ。 iiiflowのmemoページでちょくちょく配っている10種類の画面サイズのカレンダー壁紙ですが、1ファイルのIllustratorで作っています。しかも一度の書き出しで10枚のpngを作ってしまいます(スライス機能じゃないです)。しかも!InDesignとは違い、Illustratorではサイズの異なるアートボードを持てる上に、アートボードを重ねちゃったりもできるんです。

アートボード01

カレンダーの大きさは3種類しかありません。右下の小さいカレンダーは一番小さい1024×768px用ですが、大きな二つは残りの9種類用です。 アートボードだけを表示するとこんな感じ。

アートボード02

この作品では右上の中くらいのアートボードでカレンダーを作って、右の大きなアートボードへ140%拡大して配置。下のアートボードへは次の月と前の月を外して配置。

次のステップはファイルメニューの「書き出し」で、フォーマットを「PNG(png)」、「各アートボードごと」「すべて」をチェックして、書き出すと10種類の壁紙の出来上がり!!なんともあっけない! ちょっとくらい枚数が多くなっても全く苦じゃないので、効率アップ間違いなし。

書き出し

不満としては書き出したファイル名が、ファイル名+連番名で書き出すことです。各アートボードに予め名称をつけることができないんです。でもこれも「Shupapan」のようなリネームソフトを使えば特に問題はありません。 このソフトではテキストデータからリネームしてくれるので、あらかじめサイズなどを書き込んだファイルを用意していれば簡単です。

リネーム

サンプルデータをアップしたので、Illustrator CS4を持ってる人は自分なりに試して書き出してみてください。持ってない人はPreviewやAcrobatで「10wallpapers.ai」を開いてみてください。ちょっとした驚きがあるはずです!

10 Wallpapers Download


tips ダイアログのショートカット

Tags:
,

ダイアログイメージ

Mac OS Xのダイアログ用のショートカットを、ボクの知ってる範囲でまとめてみました。
全てのアプリケーションで使えるワケではありませんが、メジャー所のアプリケーションは対応してるはずです。

オープン/セーブダイアログ

オープン/セーブダイアログ

  • ハイライトされているボタンを実行
    enter
  • キャンセルボタンを実行
    esc or command + .
  • 保存を実行
    command + s

以下、Finderのショートカットとほぼ同じです。

  • ブラウザ部分をアイコン表示
    command + 1
  • ブラウザ部分をリスト表示
    command + 2
  • ブラウザ部分をカラム表示
    command + 3
  • 検索フォームをフォーカス
    command + f
  • デスクトップへ移動
    command shift + d or command + d
  • コンピュータへ移動
    command shift + c
  • アプリケーションフォルダへ移動
    command shift + a
  • iDiskへ移動
    command shift + i
  • ネットワークへ移動
    command shift + k
  • ユーティリティフォルダへ移動
    command shift + u

移動先を入力

  • 移動先を入力
    command shift + g

新規フォルダを作成

  • 新規フォルダを作成
    command shift + n

ファイル名を反映

  • ファイル名を反映
    ブラウザ内のファイルを
    click

確認ダイアログ

保存しないボタンを実行

  • 保存しないボタンを実行
    command + d

置き換えるボタンを実行

  • 置き換えるボタンを実行
    command + r

他にもこんな便利なショートカットがあるよ! とかありましたら教えてください。書き忘れてるヤツがまだあると思うので、思い出したら追加します。


tips アイコンを変更する

Tags:
,

アイコンを変更する

以下の作業は自己責任でお願いします。

[Mac OS X] 一般的な方法(コピペ)でアイコンを変更する

コピペで変更

  1. 気に入ったアイコンが表示されているファイル/フォルダ/アプリケーションを選択する。
  2. Command + Iを実行して情報を見る
  3. 開いたウィンドウの左上にあるアイコンを選択する。
  4. Command + Cを実行してコピーする。
  5. 次に、アイコンを変えたいファイル、フォルダ、アプリケーションを選択する。
  6. Command + Iを実行して情報を見る
  7. 開いたウィンドウの左上にあるアイコンを選択する。
  8. Command+Vを実行してペーストする。

[Mac OS X] .icnsファイルを入れ替えてアプリケーションのアイコンを変更する(例:Illustrator CS3)

.icnsファイルの置き換え

  1. アイコンを変更したいアプリケーションを選択し、右クリック(またはControl + クリック)で[パッケージの内容を表示]を選択する。
  2. Adobe Illustrator CS3.app → Contents → Resources 内にある AI_Application_Icon.icns をデスクトップかどこかに避難させる。後々アイコンを戻したくなったときのために元アイコンは捨てない方がいいですよ。
  3. 次に、ダウンロードしてきた.icnsのファイル名を、AI_Application_Icon.icns という名称に変更し、先ほどの Adobe Illustrator CS3.app → Contents → Resources の中に突っ込む。

[Mac OS X] システムで用意されているアイコンを変更する

システムのコアな部分にあるファイルをいじれば編集できますが、結構面倒くさいので、アイコンを置き換えるソフトの使用をお勧めします。


  • CANDYBARCANDYBAR

    アイコンカスタマイズ・オーガナイズソフト。512×512 アイコンに対応してます。$29 シェアウェア。

[Windows] アイコンを変更する

Windowsのこと、あまり詳しくないので、ググってください!


tips Adobeさんへの要望 Illustrator編

Tags:
, ,

このエントリーはfoobar ontheheadから読み込んだものです。レイアウトや表示に乱れがあるかもしれませんが、ご了承ください。

Illustrator CS3

Adobeソフトのバグや不満点、提案なんかをまとめて、ある程度まとまったところでAdobeさんに提出しようかな思います。

今回は大好きなIllustrator版です。
近いうち、Photoshop版やFlash版も用意していこうかと思います。

とりあえずダラダラと思いついたことをメモっておいて、後々リライトしてイメージ画像なんかも追加しようと思います。
他にも気になる点とかありましたらコメント入れてもらえるとありがたいです。

アンチエイリアス処理

  • テキストのアンチエイリアス処理をキレイにしてほしい。
  • パスファインダや複合パスを使ったときに無意味なアンチエイリアスがかかるのをなおしてほしい。
  • 線の位置を内側や外側にしたときに無意味なアンチエイリアスがかかるのをなおしてほしい。
  • 回転を繰り返したときのオブジェクトや数値のブレが起こるのをなおしてほしい。
  • 角丸のフィルタや効果をかけるときに無意味なアンチエイリアスがかかるのをなおしてほしい。
  • オブジェクトを合体させたときに無意味なアンチエイリアスがかかるのをなおしてほしい。

数値処理

  • 頻繁に出現するx.x01やx.x99という少数をどうにかしてほしい。
  • ガイドにスナップさせたときに無意味な少数値ができるのをなおしてほしい。
  • [追記]整数値でパスのオフセットを適応させたとき無意味な少数値ができるのをなおしてほしい。

パレット関係の改善

  • コントロールパレット内のレイアウトを自由に変更できるようにしてほしい。
  • シンボルパレットの「シンボルの置換」ボタンを復活させてほしい。
  • パスファインダオプション設定をもっと楽に設定させてほしい。
  • アプリケーション切替時、パレットのフェードアウト効果を切れるようにしてほしい。
  • ツールパレット内の各ツールの表示/非表示やグループ化をカスタムできるようにしてほしい。
  • ツールパレットを他のパレットのようなサイズに変えられるようにしてほしい。
  • プレーンテキストを一時的に置いておけるパレットを用意してほしい。
  • パレット内でマウスホイールによるスクロールに対応してほしい。
  • パレットのドロップシャドウを消せるようにしてほしい。
  • カラーパレットのカラーモードをHSBならHSB、RGBならRBGというように固定してほしい。

ダイアログ関係

  • 「結合」のスムーズとコーナーの切替を簡単に変更できるようにしてほしい。
  • フルキーボードアクセスでスペースキーでが効かないのを直してほしい。

カラー関係

  • グラデーションの各色に不透明度を変更できるようにしてほしい。
  • グラデーションの色を反転できるようにしてほしい。

その他

  • Safariから画像をコピペ出来るようにしてほしい。
  • たまにOption + ReturnやOption + 十字キーでオブジェクトをコピーできないことがあるのを改善してほしい。
  • アンカーポイントの片方のハンドル角度を固定したまま、もう片方のハンドルを調整できるようにしてほしい。
  • 文字ツールを選択すたときにカラーがリセットしないようにしてほしい。
  • 配置(リンク)された画像は、元サイズを基準に拡大縮小回転できるようにしてほしい。
  • 単位情報を書類毎に保存してほしい。
  • HTML/CSSレンダリングの様なレイアウト方法もできるようにしてほしい。
     テキスト内容にあわせてテキストボックスのサイズを最適化してほしい。
     サイズを変更すると下に続くオブジェクトの位置も追随してほしい。
     マージン、パディングという概念を取り入れてほしい。
     背景(パターン)のリピート方法を選べるようにしてほしい。
  • 埋め込み画像をトリミングできるようにしてほしい。
  • 「個別に変形」で、拡大縮小数をpt単位でも指定できるようにしてほしい。
  • Flashのようにシンボル機能を強化してほしい。
     4つの角と4つ辺に対してそれぞれオブジェクトを指定して、拡大縮小時に辺の部分だけが可変するようにしてほしい。

Top Next