[Photoshop]飾りフォントで簡単装飾

デザインでよく使う、「飾りフォント」について、ご紹介します。

今回使用したフォントは下記サイトからダウンロードしました。
dafont.com
※利用規約で商用利用可能かを確認します。

Macの場合、ダウンロードしたフォントデータをダブルクリックすると、ウィンドウが開くので、右下の「フォントをインストール」をクリックします。
これでFont Bookに追加されます。簡単です。

使用する際は、普通にフォントを打って飾りフォントを選択すると、変わります。
shiftやoption押しながら文字を打つと違う柄になる飾りフォントもあります。

四隅に飾りフォントを配置するだけで、とてもゴージャスになりました。

そのままでもいいのですが、
フォントがインストールされていないPCで開くとアラートメッセージが出ます。
アラートを回避したい場合や、飾りフォントを加工してオリジナルの飾りを作りたい時は、パス画像に変更します。

飾りフォントレイヤーを選択し、「右クリック」もしくは「control＋クリック」し、「シェイプに変換」を選択します。

これで、パスデータの画像になりました。

ちなみに、Macの場合、
ダウンロードしたフォントデータを選択し「スペースバー」でQuickLookすると、
ちゃんとフォント一覧が表示されるんですね。

Macって、便利だなぁ。

[MacOS Lion]「ライブラリ」が不可視ファイルに

Mac OSのLionでは、ルート直下の「ライブラリ」は表示されていますが、「ユーザー／ユーザー名／ライブラリ」は非表示（不可視ファイル）になりました。

あーでも無い、こーでも無いと、非常に手間を掛けてファイルを表示させていたのですが、
とっても簡単な方法を教えていただき、驚きましたので、共有します！！
　

Finderの上部メニュー「移動」をクリックし、optionを押すと…
非表示になっている「ユーザー／ユーザー名／ライブラリ」が選択肢に現れました！

アメージング！
余りに簡潔、スマートな方法。

ちなみに、教えてくださった、小林さん（Macで教えて欲しい事あると、誰より一番に聞くスペシャルMacユーザー）
twitterでいち早く情報発信していたとの事。

twitterチェック、大切ですよ！

[Photoshop]マグネット選択ツールで画像切り抜き

車など無機質なものを切り抜くにはパスが適していると思いますが、人物など有機物を切り抜く際は、マグネット選択ツールをよく使うので、ご紹介します。

【作業手順】
１）「コマンド＋J」もしくは「レイヤー下「新規レイヤーを作成」にドラッグ」で、レイヤーを複製します。

２）複製したレイヤーに、レベル補正（「コマンド＋L」もしくは上部メニュー「イメージ／色調補正／レベル補正」を選択）をかけ、非常にコントラストを高くします。

マグネットツールでは色の境目部分に、マグネットが吸い付くように選択範囲をとっていくので、コントラストをはっきりとさせています。
　
　

３）「マグネット選択ツール」を選択し、切り抜く境界辺りを一度クリックします。そのあとはクリック無しで、境界を大まかになぞっていきます。境界にそって、マグネットが吸い付くように、自動でポイントが追加されていきます。

４）人物を切り抜いた場合は必要ないのですが、今回はコントラストをあげた際に、犬の毛のふわふわした部分が大きめに選択範囲に含まれたので、少し調整します。

選択が完了したら、上部メニュー「選択範囲／選択範囲変更／縮小」をクリックし、数値を1〜2px入力し、選択範囲を縮めます。

再度、上部メニュー「選択範囲／選択範囲変更／境界をぼかす」で、0.5pxを入力します。

５）背景レイヤーをダブルクリックして「レイヤー０」に変更し、加工出来るレイヤーにします。
引き続きレイヤーの下「ベクトルマスクを追加」をクリックします。
「レイヤー0」にレイヤーマスクが追加されました。

資料用など、おおざっぱな切り抜きで良い場合は、ここまでで完成です。

■■■ここから微調整にはいります■■■

６）shiftを押しながら、今できた「レイヤーマスクサムネール」をクリックします。
すると、今作ったマスクの部分に赤いバツマークが表示され、マスクが非表示になります。

７）チャンネルタブに移動し、一番下の「レイヤー０マスク」の目玉を表示させます。
レイヤーマスクの黒い部分（隠れる部分）が、半透明の赤色に塗りつぶされます。

８）ブラシツールや指先ツールで境界部分をキレイに調整していきます。
表示したい部分は塗り「白」で、マスクしたい部分は塗り「黒」で塗りつぶしていきます。

この写真の様なフワフワした毛の写真には、指先ツールは最適です。

■この時役立つショートカット
「X（エックス）」：塗り色の入れ替え　白（表示）と黒（マスクする）
「マウス右クリック」もしくは「control＋クリック」：ブラシや指先ツールのサイズ変更
　
　
９）「レイヤー０マスク」の目玉をクリックしてマスクを非表示にし、レイヤータブを押して戻ります。

「レイヤーマスクサムネール」をクリックすると、赤のバツマークが取れてマスクが反映されます。

必要であれば、６）〜９）を何度か繰り返し、マスクの掛かり具合を調整します。
コントラストを強くしたレイヤーを削除して、できあがりです。
好きな背景に配置しましょう。

チャンネルを使用するこの方法は、「切り抜きたい対象」と「マスクの境界」が同時に表示できるので、作業効率がアップしますので、おすすめです。

[Photoshop]登録パターンの元画像を取得

Photoshopで登録されているパターンの、登録した際の元画像を取得する方法をご紹介します。

【手順】
１）登録されているパターン一覧を表示させます。

■表示方法　その１：レイヤースタイルウィンドウ

レイヤー上で「ダブルクリック」もしくは「右クリック／レイヤー効果」でレイヤースタイルウィンドウを表示し「パターンオーバーレイ」を選択、パターン横の▼をクリックする

■表示方法　その２：プリセットマネージャー

上部メニューから「編集／プリセットマネージャー」をクリックし、プリセットの種類から「パターン」を選択する

２）登録されているパターンの一つにマウスを当てると、パターンの登録名とサイズが表示されます。
このサイズでパターンは登録されています。

今回は格子縞（64×57ピクセル　RGBモード）の元画像を取得します。

表示された数値と同じサイズとモード（64×57ピクセル　RGBモード）の新規ファイルを作成します。

（画面は「表示方法その１」の手順で一覧を表示した図）

３）新規ファイルの「背景」レイヤーをダブルクリックして「レイヤー0」に変更し、レイヤー効果が掛かるレイヤーにします。

４）「レイヤー0」に「レイヤー効果／パターンオーバーレイ」を掛けていきます。
「レイヤー0」を「ダブルクリック」もしくは「右クリック／レイヤー効果」から、レイヤースタイルウィンドウを表示します。

５）「パターンオーバーレイ」から、抽出したいパターン効果（格子縞）を選択します。

できあがった画像が、格子縞を登録した際の元画像になります。

自分でパターンを作る際の参考に、またはWeb等でタイリングさせる際の元画像を作る時に、役立つのではないでしょうか。

ちなみにillustratorでは、「スウォッチ」パレットからパターンを画面にドラッグすれば簡単に取得、加工できて便利ですよ。（関連記事：【illustrator】汎用的パターンの作り方と簡単登録）