新着情報サービス制作実績WEBPAPERLOGOその他コラムFONTDESIGNRECREATIONその他Web用語メンバー紹介お問い合わせCOLUMNスマートでグラバーなスマートオブジェクト&シンボル(1)DESIGNWEBフォトショップで直しに強いデータ制作に無くてはならない「スマートオブジェクト」の便利さと使い方のコツをご紹介。うまく使えばwebのみならず、印刷物でも応用できますのでぜひ!そしてイラストレーター版スマートオブジェクト、「シンボル」。使ってない人多いのでは?コラムを読み終わった頃には修正なんてへっちゃらなあなたが誕生している!はず!今回はスマートオブジェクトを中心にご紹介いたします!弊社では基本的にイラストレーターでwebデザインを行っています。フォトショップを中心的に使ってデザインすることはないです。デザインデータを提供いただいたときなどはしばしばPSDでデザインされていて、それに手を加えていく案件もあったりします。SUEはもともとフォトショッパーなのでホントはPSDのほうが安心だったり。ベクターで触れるイラストレーターにも長所が沢山!いまはベースにイラストレーターを使用しながらどちらのソフトも使い分けてデザインをしています。そんなわけで!この度、直しに強いデータを作るために!フォトショッパー時代の知識をふんだんに盛り込んでみます。再編集が可能なオブジェクトに変身させたもののこと」といえばわかりやすいでしょうか?スマートオブジェクトにすると、対象のレイヤーにこんなマークが付くのですぐわかります。詳しい使い方に関してはアドビさんのマニュアルなどを参考にして下さい。https://helpx.adobe.com/jp/photoshop/using/create-smart-objects.htmlここではちょっとした使い方のコツをご紹介します。具体的にはこんな感じ画像付きで説明しましょう。ここにフォトショップで開いた画像があります。これを右クリックからのスマートオブジェクト化。これを「ぐぐ~~~」っと小さくして配置。ちっさい画像になりました。本来なら、この画像はもうちっちゃい画像になって、大きくできない。大きくしても大丈夫!ただし!いわずもがな、元のサイズ以上に大きくするとボケるので注意。実際に使いたいのは1000x400pxの画像だとします。素材の画像は1920x1280pxもある。トリミングの都合だったり、色味の変更だったり、この画像そのまま置いておきたい(元データどれ使ったかとか管理するの面倒)そんなとき・・・まずそのままの大きさで画像を貼り付けます。そのままでスマートオブジェクト化。こいつを縮小させ配置。対象のスマートオブジェクトをダブルクリック。すると、もとの大きさの画像が出現!!!神!スマートオブジェクト化することで、はじめのノーダメージ画像の召喚に成功。なにがありがたいって、たとえばwebとDTPの同時進行の場合。webが先に進んでたりすると、画像の共有大変じゃないですか?webだと大きいサイズの画像は必要ない場合が多いので、画像シュルシュル小さくして、これ印刷に使いたいってときに大量の画像の山からこいつを探さないといけないなんてことも・・・そんなときも、スマートオブジェクト化していれば元画像をすぐに召喚!便利~リンクしている状態ではないので、元の画像がどこにあろうが、PSD一個で全部管理できます。リンク切れなんてくそくらえ!(余談ですが、フォトショップの作業に慣れているおかげで入社当初、イラストレーターのデータで「リンク」配置にかなり苦戦しました。なんで勝手に紐付かないんだ・・・と何度イライラしたことか・・・)ダラダラ書きましたが、まとめると・・・スマートオブジェクトはモンスターボールみたいなもんです。様々なオブジェクトをスマートオブジェクト化することで元の状態(能力)を保持したまま、編集(戦闘)が行なえます。キミにきめた!ってスマートオブジェクトをダブルクリックすればさっきまで手のひらサイズだったモンスターボールから、原寸のモンスターが出てくる感じです。スマートオブジェクトの本気この機能を利用して、スマートオブジェクトの本気を見せまSHOW。大量の同じあしらいのオブジェクトが並ぶとき。