EC studio EC studio デザインブログ

2009年10月26日投稿者:新免 孝紀

Firewoks「切り抜きツール」の小技

画像のトリミングを行う際に、
PhotoshopやFireworksの「切り抜きツール」を
利用する方は多いと思います。

切り抜きツールではサイズを指定したり、
トリミングスケールを縦方向や横方向に
変形させることで任意のサイズで
画像を切り抜くことができます。

kirinuki
kirinuki02

そんな切り抜きツールのちょっとした小技を紹介します。
弊社ではFireworksをよく利用するので、
今回はFireworks CS4 での紹介です。

マニュアルの画面キャプチャなど作成する際に、
指定のサイズで、トリミングすることがあるのですが、
その際に、トリミングスケールをドラッグして
指定のサイズにあわせる方法もあるのですが、
うまくサイズがあわなかったりと結構めんどくさい作業です。

その際は、知っている方も多いと思いますが、
プロパティに任意のサイズを入力すれば
トリミングスケールが指定したサイズに変形します。
サイズが決まっている際には便利です。

kirinuuki03

また「あと1pxだけ横に伸ばしたい」とか「縦を2px縮めたい」と言うときは
いつもサイズを入力していたのですが、微調整には便利なショートカットを
発見したので、ご紹介します。

知っている方は、そのまま流していただいて結構です。
その方法とは

[Shift]+[方向キー]

これだけです。例えば右に3px伸ばしたい場合は
[Shift]キーを押しながら[→]キーを3回押せばOKです。

その他の方向についても同じです。
サイズ入力が面倒の方や、微調整が必要な場合に
覚えておくと、以外に役立つかも知れません。


関連した記事:

■ 「日本でいちばん社員満足度が高い会社の非常識な働き方」

日本でいちばん社員満足度が高い会社の非常識な働き方

この記事へのコメント (0)

コメントはまだありません。

コメントを投稿

HTML5+CSS3で作る 魅せるiPhoneサイト

デザイン部の谷がiPhoneサイト
制作の書籍を出版しました

取材に関するお問い合わせ


(担当:大崎)

投稿者
カテゴリー
人気のエントリー
最近のエントリー
アーカイブ

BLOG オフィシャルブログ

社長ブログ
EC studio社長ブログ

ブログを読む

技術ブログ
技術部のブログ

ブログを読む

デザインブログ
デザイン部のブログ

ブログを読む

RECRUIT 採用情報

EC studio 採用情報の詳細はこちら

Copyright© EC studio, All Rights Reserved.