ジミナチップス: 変形

ラベル変形の投稿を表示しています。すべての投稿を表示

2016年3月16日水曜日

InDesignでトリミング画像をつくろう！【その14】

［ページ］からはみ出ると？

チップくん「うん、このままだと［ページ］からはみ出た部分は見切れちゃう」ジミー「エ〜!!　ダメじゃん! ソレッ!!!」

チップくん「というわけで！［ページ］に合わせて［フレーム］の位置を調整しよう！［変形］パネルを表示して、こんな風に設定してみて！」ジミー「えーっと［フレーム］を選択してから、［変形］パネルで「X」と「Y」の値を「0」にすればいいの？」

チップくん「「X」と「Y」の値は、選択したオブジェクトが［ページ］の左上からどのくらい離れているのかを表わしてるんだ！だから、それぞれの値を「0px」にすると…」ジミー「そっか！さっき［変形］パネルで［フレーム］の基準点も左上にしたからピッタリ［ページ］に重なるんだね！」

［フレーム］などのオブジェクトが［ページ］からはみ出ていると、［ページ］の外側は出力されないのでオブジェクトが見切れてしまうよ！
［ページ］の範囲内に収まる様、オブジェクトの位置を調整しよう！

［フレーム］が［ページ］からはみ出ていると、こんな風に、はみ出た部分が［ページ］の範囲でトリミングされてしまうんだ！

今回の場合、［フレーム］と［ページ］は同じ大きさなので、位置を正確に整えればピッタリ［ページ］内に収まるはずなんだ。こんな時に［変形］パネルを使うととっても便利！

［変形］パネル

［フレーム］などのオブジェクトを選択すると、上の図の様に［変形］パネルに［フレーム］の情報が表示されるんだ！「X」と「Y」は［フレーム］の位置を表してるので、それぞれを「0px」にすると［フレーム］が移動して、［ページ］にピッタリ収まるよ！

こんな風に［変形］パネルで「X」と「Y」の値を変えるとオブジェクトを数値入力で移動できるよ！（画像を拡大）

［変形］パネルで設定する時に気をつけてほしいのが［基準点］！［基準点］は選択したオブジェクトのどの部分を基準にして移動／変形するのかを決められるんだ！今回の作例では［基準点］を「左上」に設定しているよ。
［基準点］の設定によって移動や変形の状態が変わるから注意してね！

［変形］パネルの［基準点］をクリックすると、「X」と「Y」の値が変わる（画像を拡大）

こんな風に、［変形］パネルを使うとオブジェクトの位置や大きさを数値でコントロールできるから、正確なレイアウトをつくりたい時にオススメだよ！

3/16……１コマ目を更新

3/16……２コマ目を更新

3/23……3コマ目を更新

4/14……3コマ目を改定

4/14……4コマ目を更新

4/17……ポイントを更新

2015年11月20日金曜日

InDesignでトリミング画像をつくろう！【その13】

ショートカットで等倍変形！

チップくん「オブジェクトを等倍で変形するには「shift」キーを押しながらドラッグするのが基本なんだ！」ジミー「あっホントだ！！形が歪まないね！でも…なんかちょっと…？」

ジミー「このやり方だとフレームの中心からズレちゃうね。商品も少しトリミングされちゃうし…」チップくん「うん、だから今回は別のショートカットでやってみよう！いったん元に戻そうか」

チップくん「今度は「shift」と「option」キーを同時に押しながらドラッグしてみて！」ジミー「ナニコレ!!反対側も一緒に大きくなるよっ??？」

ジミー「すごいね！地味だけど便利!!すごく地味だけど !!」チップくん「うん，こうすれば画像の中心を変えずに等倍で変形できるんだよ。後でトリミングを微調整してね」

前回紹介したように［バウンディングボックス］を［選択ツール］でドラッグすると、オブジェクトを自由に変形できるからとっても便利なんだけど、形が歪みやすいんだ。

［選択ツール］だけではオブジェクトのタテヨコ比を保てないので、変形する時に形が歪み、画像が変倍になってしまうことがあるよ！

でもね。前回話したように、キーボードの「shiftキー」を押しながらマウスでドラッグすれば、タテヨコ比を保ったまま等倍でオブジェクトを変形できるんだ！

キーボードの「shiftキー」を押しながら［バウンディングボックス］をドラッグすると、オブジェクトのタテヨコ比を保ったまま等倍で変形できるよ！

さらに！　タテヨコ比を保つ「shiftキー」と一緒に「optionキー」（WindowsPCでは「Altキー」）を押しながらドラッグすると！オブジェクトの中心を基準にして、等倍のままオブジェクトを変形できるんだよ！

「shiftキー」と「optionキー」（WindowsPCでは「Altキー」）を同時に押しながらドラッグするとこの図のようにオブジェクトの中心を基点に等倍で変形できるよ！

どちらの場合も、マウスボタンを放すまで、ショートカットキーを押したままにしておいてね！マウスボタンを放す前にショートカットキーを解除してしまうと、ドラッグしているオブジェクトに変倍がかかってしまうよ！
だから必ず、ショートカットキーより先にマウスボタンを放すよう、心がけよう！

こんな風に、ショートカットを組み合わせてマウスを操作するととっても便利！今回紹介したショートカットの［shift］、［option］（WindowsPCでは［Alt］）キーを組み合わせるドラッグ操作は、IllustratorやPhotoshopなど、他のアプリケーションでも一般的に共通したショートカットだよ！こうした基本的なショートカットを活用できるようになると、格段に作業効率がアップするんだ！。
勤め先や、自分が作業している環境や作るものの目的に合わせて、効率アップの方法を研究してみよう！

11/20……１コマ目を更新

11/25……2コマ目を更新

12/05……3コマ目を更新

12/11……4コマ目を更新

2/28……ポイントを更新

2015年10月31日土曜日

InDesignでトリミング画像をつくろう！【その12】

「変倍」と「等倍」

チップくん「こんな風に,画像のタテヨコ比を変形して拡大縮小することを「変倍」って言うんだ！」ジミー「ワワワっ！ちょっと待って !!　何でボクの写真がっ??」

チップくん「画像に変倍がかかっていると、ゆがんでいびつな形になっちゃうんだよ」ジミー「ワ〜ン！！あんまりだよぅぅぅ！！」

チップくん「逆にね、正しいタテヨコ比のまま拡大縮小することを『等倍』と言うんだ」ジミー「最初っからこうやってほしいよ〜」

チップくん「ごめんごめん……でも注意しないといけないってことが分かったでしょ？」ジミー「……チップくんの心の歪み具合も良〜〜〜く分かったよ！」

画像の大きさを変える時、タテヨコの比率（タテヨコ比）が変わることを「変倍（へんばい）」と言うんだ。反対に、タテヨコ比を保ったまま拡大縮小することを「等倍（とうばい）」と呼ぶんだよ！

もちろん画像の場合、通常は「等倍」で拡大縮小するのが正解！……なんだけど、［バウンディングボックス］で変形すると、画像に「変倍」がかかってしまうことがよくあるんだ！変倍すると、被写体の形が歪んでいびつな印象になってしまうので注意が必要だよ！　特に商品画像やロゴマークなどは形が歪むと印象が変わってしまうから、大きさを変える時は充分気をつけよう！

でも、変倍がかからないように画像やオブジェクトを変形するにはどうすれば良いのかな？
実はね！キーボードの「shiftキー」を押しながら［バウンディングボックス］をドラッグすれば、画像やオブジェクトを等倍で変形できるんだ！
キーボード（Keyboard）のキー（key）を組み合わせて操作する方法を「キーボードショートカット」といって、一般的には「ショートカット」って呼ばれているよ！
次回はマウスのドラッグ操作にショートカットを組み合わせて画像の大きさを変える方法を紹介するよ！

チップくん「ゴメンゴメン、これで機嫌を直してよ…」ジミー「アッ！リンゴだ！やった〜！ガンバル！」

ジミーの大好きなリンゴで仲直り！

10/31……１コマ目を更新

11/2……２コマ目を更新

11/6……3コマ目を更新

11/10……4コマ目を更新

11/11……ポイントを更新

2015年10月30日金曜日

InDesignでトリミング画像をつくろう！【その11】

ちょっと待って?!

ジミー「どうして？？ジカンないでしょ？？」チップくん「画像を変形する時は少し注意が必要なんだよ！！」

ジミー「え〜〜？だって……,結構時間もたってるし、サクサクやりたいんだもん……」チップくん「いやいや、ホントに大事なことなんだってば！」

チップくん「気をつけないと画像に『変倍』がかかっちゃうんだよ！」ジミー「変倍（へんばい）？ナニソレ？」

［バウンディングボックス］をドラッグして画像を変形する時は「変倍」に要注意！
でも変倍ってなんだろう？
次回に続くよ！お楽しみに〜！

［更新履歴］

10/22…1コマ目を更新

10/26…2コマ目を更新

10/27…3コマ目を更新

10/28…4コマ目を更新

10/30…ポイントを更新

登録: 投稿 (Atom)

ナビゲーション