[無料配布]自作スクリプト・ツール

【Photoshop】リンクを配置!リンクされたスマートオブジェクトでUI素材とレイアウトを作成する方法

0

「リンクを配置」機能の存在は知ってたけど、ちゃんと使ったことなくて今まで損してました。

リアルタイム更新はもちろん、レイヤーカンプも読み込めるので、うまく使えばかなり効率化できそうです。

この記事の著者
CGブロガー すいみん

CGブロガー

すいみん

Suimin

プロフィール

某美大の油絵科を卒業後、大手CG映像プロダクションに入社。
その後ゲーム業界に転職。
現在は技術系のCGデザイナーをしています。 書籍:Unity デザイナーズ・バイブル
プロフィール詳細はこちら

[基本]リンクを配置

ファイル>「リンクを配置」から画像を配置。

Photoshopで開いている時に素材を差し替えると自動で更新されます。

開いていない時に素材を差し替えて、データを開くと更新されていない場合は、「!」マークが点灯しています。 
その場合はレイヤーを右クリックして、「変更されたすべてのコンテンツを更新」ボタンを押すと更新されます。

リンクされたスマートオブジェクトでの画像配置

  • UIパーツを作成(PSD)

  • レイアウト(PSD)も作成
  • ファイル>リンクを配置からUIパーツを読み込み(属性ウインドウから状態確認できる)

  • 複製して並べたり

  • UIパーツの(PSD)の修正。色を青に

  • レイアウトもリアルタイムで修正が反映

参考

PhotoshopでWebデザインを効率化するための便利な使い方 | 株式会社LIG

応用

UIパーツ(PSD)で複数UIパーツを作成してレイヤーカンプで登録しておけば、レイアウトの方で切り替えることもできます。

www.youtube.com

画像アセットの紹介

「画像アセット」もそうですが、CCの機能はちゃんと知っておいたほうが良いです。
【Photoshop】書き出し超便利!「画像アセット」機能の使い方と注意点



photoshop-summary-article


便利な機能紹介!Photoshopに関する作り方まとめ



photoshop-summary-article


作業効率化!Phoshopスクリプトに関する作り方まとめ

フォトショップのソフト


eyecatch-buy-adobe-creative-cloud
【Adobe Creative Cloud】最安!アドビ認定スクールから購入する方法(+講座付き)

フォトショップの参考書籍

すいみん
独学で勉強できてしまうPhotoshopですが、他の人の手法を見ると全然使いこなせてなかったことに気がつくこともあります

以上、すいみん(@cg_method)でした!

0