壮Photoshop152317717Photoshopの類似フォントの検索、顔のレタッチに役立つゆがみツール、傾き補正に役立つコンテンツに応じた切り抜きの3機能について紹介します。CC(バージョン2015.5)から搭載されています。2015.5に搭載された「マッチフォント機能」は、静止画内のフォント情報を解析し、類似のフォントを自身のデザインでも使用可能にします。例として、Electronの公式サイトの画面キャプチャーからElectronのロゴのフォントを調べ、類似のフォントを使用するまでの手順を紹介します。調べたいフォント部分を[長方形選択ツール]で選択します。ELECTRONロゴのフォント部分を選択[書式]→[マッチフォント]を選択します。マッチフォントのウインドウが開かれ、画像上で選択されている部分のフォントと類似のフォントがリストアップされます。リストアップされるのは、コンピューターにインストールされているフォントとTypekitのフォントです。Typekitとはアドビが提供するフォントサービスで、Webフォントやデスクトップフォントとしてマッチフォントで選択したものを使えます。コンピューターにインストールしていないTypekitフォントは、上図の赤線で囲んだ雲アイコンをクリックするとダウンロードできます。フォントの選定後、[OK]ボタンを押すと、フォントが使用可能な状態になります。テキストを入力すると、目的のフォントが入力されます。Electronのロゴの類似フォントを使用している様子フォントを探す手間が大幅に省けるデザイン制作の際、類似のフォントを探すのは手間のかかる作業ですが、マッチフォント機能を使えばその手間が省けます。その上、著作権的にクリアなTypekitとの連携もできるので、商用サイトでも安心して使用できます。マッチフォント機能は2016年6月現在では欧文フォントにしか対応しておらず、日本語のフォントは検索できません。将来的な対応が期待されます。2015.5では、「ゆがみツール」を使うと特別なスキルが無くとも直感的に顔写真の補正ができます。ゆがみツールの使い方この顔写真を例にして説明します。Stock顔写真が表示されたレイヤーを選んだ状態で、[ウインドウ]→[ゆがみ]を選択すると、ゆがみ編集ウインドウが表示されます。目、鼻、口、顔の形状が自動で認識され(※1)、右側に表示されたパラメーター調整パネルより、それぞれの大きさや位置を設定できます(※2)。顔の向きによっては正常に顔認識ができない場合があります。この場合、「顔が検出されません」と表示されます。CC]→[環境設定]→[パフォーマンス]と進み、[グラフィックプロセッサーを使用]がチェックされているかどうかをご確認ください。目鼻立ちを整え、小顔にする目の印象を変えるには、[目の大きさ]・[目の高さ]・[目の幅]のパラメーターを調整します。目を大きくするにはこれらの値を大きくします。目の幅:23顔の輪郭は、[顎の高さ]・[顔の輪郭]・[顔の幅]より編集できます。小顔にするには[顎の高さ]を大きく、その他の値を小さくします。Fix」にも対応しているので、Photoshopの高性能なレタッチ機能をモバイル端末でも使用可能です。最後に紹介するのは写真傾き補正に役立つ「コンテンツに応じた切り抜き」機能です。従来の方法で傾きを補正すると、次のように余白ができてしまいます。この余白部分を削除するため、余白を除いて写真を編集すると、元の画像よりもサイズが小さくなってしまいます。2015.5から搭載された「コンテンツに応じた切り抜き」を使って傾きを補正すると、この余白部分が適切な画像で塗りされ、サイズを保ったまま傾きを変えられます。コンテンツに応じた切り抜きの使用方法[切り抜きツール]を選択します。画面上部に表示されるオプションバーから、[コンテンツに応じる]にチェックを入れます。画像の外側をドラッグし、任意の角度に傾けます。確定すると、コンテンツに応じた切り抜きが行われ、余白部分が他の部分と調和するように適切な画像で塗りつぶされます。回転後のサイズも、元画像と同じです。写真の撮影後、意図せぬ傾きに気づき、補正したいケースは多々あります。これまでの傾き補正では画像のサイズを小さくする必要がありましたが、「コンテンツに応じた切り抜き」により解消されます。CCには「コンテンツに応じた塗りつぶし」という画像を自然に塗りつぶす機能が搭載されていたため、その応用だと考えられます。magic」を強く感じるものでした。Font」という名前で開発途中として発表されていたもので、取材に行った我々も実装されるのを心待ちにしていた機能です。XD)との連携など、ユーザーにとって嬉しいアップデートが数多くあります。CCをインストールして、デザイン作業に役立てましょう。平成29年1月23日に内容をメンテナンスしています。メディアアートを学ぶ。MEDIA、Qiita他)、Twitterで積極的に情報を発信中。Lynda.comやSchooの講師も務める。MEDIAは株式会社ICSが運営するオウンドメディアです。ICSはインタラクションデザイン専門のプロダクション。最先端のwebテクノロジーを駆使し、オンスクリーンメディアの表現分野で活動しています。問い合わせ採用情報インタラクションコンテンツの制作や新しいことに挑戦しながら、互いにスキルを高め合えるメンバーをICSでは募集しています。詳しくは採用情報をご覧ください。MEDIAは古い記事でもメンテナンスし続けることで、常に役立つ情報発信を目指しています。