カテゴリー: フォトショップ

ガイドを自在に動かせるように

イラストレーターでは簡単にガイドロックは解除できますが、フォトショップでちょいと面倒。けど、スライスをするには、まずはガイドが自在に動かせる方があとあと楽です。

ビュー＞スナップのチェックを外す

ガイドをひく

切り取り対象物に合わせてガイドをひきます。

スライスをひく

スライスを選択して、切り取り対象物に合わせて、対角線上にドラッグ

Web用に保存

Web用に保存を選択し、切り取りたい対象物をクリック。複数ある場合は、シフトを押しながら選択。選択するとガイド線がベージュ色になります。

書き出しファイルをチェック

JPG書き出しで設定しているので、pngファイルは必要ないもの。なので削除。

スライスの調整

スライス調整ボタンは一度引いた枠を調整できます。変な余白がついている時に便利です。

最後はスライス表示を消去

終わったら、表示＞スライスの消去を選択。全部消えます。

[amazonjs asin=”479736940X” locale=”JP” title=”Illustrator 10年使える逆引き手帖【CS6/CS5/CS4/CS3 対応】【Mac OS X & Windows 対応】 (ああしたい。こうしたい。)”]

知らなかった頃は

Webなどで、ちょっとしたボタンを作るのに、多様しそうな角丸のボタン。いっつもイラストレータで作成し、それをフォトショップにコピペしてました。が、作業は面倒だわ、仕上がりは汚いわで、困っていました。

操作はいたって簡単。

①図形ツールで長方形を描く

②選択範囲＞選択範囲を滑らかに

③完成

角丸の半径調整も簡単

[amazonjs asin=”4048662031″ locale=”JP” title=”【Amazon.co.jp限定】神速Photoshop Webデザイン編 CC対応 特製「キーボードショートカットシール for Mac」付”]

Photoshopの線描きは苦手

フォトショップでの線描画はもっぱらイラストレーターで作成したデータをコピペ。けど、ジャギちゃってあんまりきれいじゃない。

ので、ペンツールを使った線描画に挑戦してみました。

ペンツールを選択＞「パス」をボタン

ペンツールを選択すると、上部メニューがペンツール関連に切り替わるので、パスを選択。ちなみに横は「シェイプレイヤー」です。

線を描画

ペンツールで線を描き、線上にマウスを置き、右クリック

鉛筆ツールを選択

「境界線を描く」選択後、このようなウィンドウが出るので、鉛筆を選択。他にブラシツールがあります。サンプルは鉛筆ツールを選択した場合。

線の太さを変える

マスター直径の数値を変更します。

ブラシツールにしてみる

ブラシツールでは様々な線デザインができます。適当にいじっていたら思わぬシュッとした線デザインが出来上がるかもしれません。