プリセットファイル| psgips

グラデーションツールを選択

ドキュメントの任意の箇所に、グラデーションを作成したい場合は、[ グラデーションツール ] を選択します。

【操作方法】

[ 幅 : 512 pixel ]、[ 高さ : 512 pixel ]、[ 解像度 : 72 pixel/inch ]、[ カラーモード : RGB カラー 8 bit ] の新規ドキュメントを作成します。

基本がわかる！新規ドキュメントの作成

新規ドキュメントを作成

[ ツール ] パネルで、[ グラデーションツール ] を選択します。

[ グラデーションツール ] を選択

どんなサイズでもOK！

[ グラデーションツール ] の対象となるドキュメントは、Photoshop で開くことができる画像なら、どんなサイズでも対応することができます。ここでは、これから作成するグラデーションが確認できる程度の、小さいドキュメントを作成しています。

２つのメニュー

グラデーションツールには、オプションバーで選択する２つのメニューがあります。

【操作方法】

オプションバーのメニューをクリックホールドします。

２つのメニュー

グラデーション

グラデーションを作成した後でも、カラーやウィジェットが調整レイヤーで再編集できます。初期設定・オプションバーの表示が異なります。

[ グラデーション ] のオプションバー

クラシックグラデーション

従来のレガシー機能で、グラデーションをレイヤーに直接描画します。オプションバーの表示が異なります。

[ クラシックグラデーション ] のオプションバー

[ グラデーション ]、または、[ クラシックグラデーション ] を選択します。ここでは [ クラシックグラデーション ] を選択します。

メニューの選択

初歩的なのは？

[ グラデーション ] を選択すると、新しい調整レイヤーを自動的に作成します。カラーやウィジェットが再編集できるためとても便利です。しかし、操作方法が難しくて、調整レイヤーの機能も理解しなければならないため、初級ユーザーの方には、少しハードルが高いかも知れません。グラデーションツールとは何か？とにかく初歩的な直接描画を学びたい方は、[ クラシックグラデーション ] を選択しましょう。

レッスン動画を配信中！

サムネールをクリックすると、

レッスン動画にリンクします。

オプションバーを設定

[ グラデーションツール ] を選択すると、上部にオプションバーが表示されます。オプションバーの各部の働きについて簡単にご紹介しましょう。

[ グラデーションツール ] のオプションバー

ツールプリセット

現在の設定をツールプリセットとして保存できます。

現在のグラデーションを表示

現在設定されているグラデーションのカラーバーがプレビューされます。初期設定 : 黒、白

クリックでグラデーションを編集

[ グラデーションエディター ] ダイアログを開き、新規グラデーションの作成や編集を行います。クラシックグラデーション選択時に表示

[ グラデーションエディター ] ダイアログ

クリックでグラデーションピッカーを開く

[ プリセット ] からグラデーションを選択します。

グラデーションの種類を選択

５つのサブツールから、グラデーションの形を選びます。初期設定 : 線形グラデーション

５つのサブツール

[ グラデーションツール ] のオプションバー

描画モードを選択

画像 (基本色) に対して、グラデーション (合成色) の効果を反映させる描画モードを設定します。クラシックグラデーション選択時に表示・初期設定 : 通常

[ グラデーションツール ] のオプションバー

不透明度を設定

描画するグラデーションの不透明度を設定します。クラシックグラデーション選択時に表示・初期設定 : 100%

逆方向

有効にすると、グラデーションの開始点と終了点に設定した色が入れ替わります。初期設定 : 無効

ディザ

有効にすると、グラデーションにノイズを追加して、縞状の階調を最小限に抑えるディザ処理が適用されます。初期設定 : 有効

ディザを無効 (概念図)

ディザを有効 (概念図)

[ グラデーションツール ] のオプションバー

透明部分

有効にすると、透明部分が設定されているグラデーションの透明部分を有効にします。クラシックグラデーション選択時に表示・初期設定 : 有効

方法

グラデーションの補間方法を選択します。開始点から終了点までの色の変化が異なります。初期設定 : 知覚的

設定はいつ行う？

[ グラデーションツール ] のオプションバーは、グラデーションを描く前に設定します。たとえば、描画した後で、サブツールを [ 線形グラデーション ] から、[ 円形グラデーション ] に変更しても反映されません。

補間方法とは？

隣合う色を混ぜる関数が定義されたもので、従来の方法は [ クラシック ]、人が感じる見え方に近い [ 知覚的 ]、直線的な関数を用いた [ リニア ] などがあります。

クラシック

知覚的

リニア

初期設定では [ 知覚的 ] が選択されています。従来の [ クラシック ] と比較すると、混色による輝度が知覚的に改善されているため、より自然で明るい印象があります。

グラデーションを描画

オプションバーの設定ができたら、ドキュメントにグラデーションを作成しましょう。解説は [ クラシックグラデーション ] を選択しています。

【操作方法】

ドキュメント内で、グラデーションの「開始点」をクリックホールドします。

グラデーションの方向にドラッグし、「終了点」でマウスボタンを離します。ドラッグした線の方向にグラデーションが描画されました。

グラデーションを描画する

カラーバーの開始点と終了点

[ グラデーションツール ] は、ドラッグを始める「開始点」、ドラッグを終える「終了点」の２点間で、設定したカラーのさまざまなグラデーションが描けます。カラーバーは、左側が開始点、右側が終了点です。このことをよく覚えておきましょう。

開始点から終了点までがグラデーション範囲

続きは↓下の番号をクリック！

フリーのグラフィックデザイナーです。カタログ、ポスター、パッケージなど様々な分野に携わってきました。

素材画像をダウンロードしよう！ ( 1.8 MB )

The post 基本がわかる！グラデーションの作り方「知っておきたい種類と活用方法」 first appeared on psgips.

ひとつのファイルに！複数ページのPDFを作成する方法「PDFスライドショーによる自動処理」【2024】

古岡ひふみ — Tue, 05 Dec 2023 23:00:00 +0000

【Photoshop基本操作】自動処理の「PDF スライドショー」には、複数のページ (画像) を、ひとつの PDF ファイルにまとめる機能が含まれています。PDF の作成は、Acrobat などの専用ツールを使用する方がポピュラーですが、これは、Photoshop で一括した作業を行う場合に便利です。

プリセットを理解する！

PDF ファイルの用途は多種多様です。たとえば、Web 環境での汎用性を求める場合もあれば、印刷出力での高品質を求める場合もあります。規格や互換性をクリアしなければならないし、RGB と CMYK カラーモードの違いなんかも大きな問題ですね。

[ Adobe PDF プリセット ] は、そんなややこしい設定を簡単にしてくれます。[ PDF/X-4:2010 ] と [ 高品質印刷 ] を理解して、そこからのカスタマイズで、さまざまな用途をカバーしましょう。

ひとつのファイルに！

複数ページのPDFを作成する方法

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

複数ページのPDFを作成

これから行う操作は、複数のファイルからひとつの PDF ドキュメントを作成する方法です。作例では、最もシンプルでポピュラーな、JPEG 形式の画像ファイルを結合する PDF ドキュメントを作成します。

JPEG 画像をひとつの PDF にまとめる

created by Peggy_Marco

対応できるソースファイルは、JPEG、PNG、TIFF、PSD などのラスターデータ、AI、EPS、SVG などのベクターデータです。

ドキュメントサイズは不揃いでも可能ですが、見やすさを重視するなら、あらかじめ共通台紙に貼るなどして、大きさを統一しておきましょう。

Photoshop で一括した作業を行う立場からいうと、カラーモードやレイヤーに関する対応も気になるところですね。

PSD 形式、AI 形式で保存されたファイルなら、RGB、CMYK カラーモードのアートワーク、レイヤーを含むドキュメントもオール OK です。ただし、透明部分は原則として白地に置き換えられます。基本的なドキュメントの解像度は、実物大 300 pixel 以上が目安です。

PDF 形式とは？

素材画像をダウンロードしよう！ ( 1.8 MB )

レッスン動画を配信中！

サムネールをクリックすると、

レッスン動画にリンクします。

ソースファイルを開く

ここでは、閉じた複数のファイルから、ひとつにまとめた PDF ドキュメントを自動処理で作成する方法を取ります。誤作動やエラーを防ぐため、現在、開いている画像や、作業中のドキュメントはすべて閉じてください。

【操作方法】

開いてるウィンドウをすべて閉じます。

開いてるウィンドウをすべて閉じる

素材画像はRGB

作例で使用する素材画像は、印刷用のプルーフを想定し、A4 サイズ、300 pixel/inch で作成しています。

ソースファイル(1ページ)の仕様

元画像は CMYK カラーモードで作成していますが、さまざまな条件で活用しやすくするため、RGB カラーモードに変換し、JPEG 形式で保存しています。

基本がわかる！RGBとCMYK

[ ファイル ] メニューから、[ 自動処理 ] – [ PDF スライドショー ] を選択します。

[ PDF スライドショー ] を選択

[ PDF スライドショー ] ダイアログで、[ ソースファイル ] セクションの [ 参照 ] をクリックします。

[ 参照 ] をクリック

[ 開く ] ダイアログで、対象のソースファイルを、すべて選択します。作例では、全部で９ファイルです。

対象のソースファイルが選択できたら、[ 開く ] をクリックします。

対象のソースファイルを開く

[ PDF スライドショー ] ダイアログで、[ ソースファイル ] セクションのファイル名を確認します。

PDF スライドショーに含めるファイル

開いているファイルを追加

PDF スライドショーに含めるファイルは、すでに開いているファイルを追加することもできます。[ PDF スライドショー ] ダイアログで、[ ソースファイル ] セクションの [ 開いているファイルを追加 ] を有効にします。

すでに開いている画像

[ 開いているファイルを追加 ] を有効

[ 名前順 ] をクリックすると、名前順でファイルリストを並べ替えます。任意の並べ替えは、ドラッグ＆ドロップで行います。[ 削除 ] をクリックすると、リストから選択したファイルを削除します。[ 複製 ] をクリックすると、リストから選択したファイルを複製します。

続きは↓下の番号をクリック！

フリーのグラフィックデザイナーです。カタログ、ポスター、パッケージなど様々な分野に携わってきました。

素材画像をダウンロードしよう！ ( 33 KB )

The post ひとつのファイルに！複数ページのPDFを作成する方法「PDFスライドショーによる自動処理」【2024】 first appeared on psgips.

基本がわかる！レイヤースタイルの操作

古岡ひふみ — Wed, 31 Mar 2021 23:00:00 +0000

【Photoshop基本操作】レイヤースタイルとは、レイヤーの塗りの部分に対して、立体的な効果や、ドロップシャドウなどが、すばやく適用できる機能です。元画像には、編集を加えません。そのため、適用後も設定を変更したり、効果だけを、他のコンテンツにコピー＆ペーストできます。

ピクセルを意識しよう！

テキストレイヤーに含まれる文字は、実物の大きさである「ポイント ( pt ) 」によって決められますが、それは、ドキュメントの解像度によって換算された、数値が適用されます。

レイヤースタイルの単位は、ほとんどが、解像度に依存する「ピクセル ( px ) 」を使用しています。そのため、実物の大きさは用いられません。ドキュメント上での単位にはピクセルを意識しましょう。

基本がわかる！

レイヤースタイルの操作

[ CHAPTER-01 ]

[ CHAPTER-02 ]

[ CHAPTER-03 ]

[ CHAPTER-04 ]

[ CHAPTER-05 ]

[ CHAPTER-06 ]

対象のレイヤーを作成

これから行う操作は、テキストレイヤーにレイヤースタイルを適用する、基本的な操作方法です。新規ドキュメントに文字を入力し、プリセットに含まれている「スタイル」を適用します。スタイルは、それぞれの初期設定で適用されます。そのため、対象となるオブジェクトには、最適化されません。オブジェクトの大きさに応じた調整を行いましょう。

レイヤースタイルは、レイヤーオブジェクトに対する効果です。背景には適用することができません。対象となるレイヤーは、テキストレイヤー、ピクセルレイヤー、シェイプレイヤーなどです。スマートオブジェクトや、グループ単位に適用することもできます。オブジェクトを含む非破壊編集が可能な効果として、応用範囲は非常に広いです。

【操作方法】

[ ファイル ] メニューから、[ 新規 ] を選択します。[ 新規ドキュメント ] ダイアログで、[ 幅 ] に [ 1280 ] pixel、[ 高さ ] に [ 640 ] pixel、[ 解像度 ] に [ 72 ] pixel/inch を設定して、[ 作成 ] をクリックします。

基本がわかる！新規ドキュメントの作成

[ 新規ドキュメント ] を設定

解像度を確認しよう！

レイヤースタイルを適用するドキュメントは、新規ドキュメントの他に、JPEG や PNG などの、画像フォーマット形式で保存されたファイルを、Photoshop で開いたものでもかまいません。

新規ドキュメント以外のドキュメントに適用する場合は、あらかじめ解像度を確認し、Web 用なら 72 pixel/inch 〜 96 pixel/inch、印刷用なら 300 pixel/inch 〜 350 pixel/inch を設定してください。

基本がわかる！画像解像度の設定

[ ツール ] パネルで、[ 横書き文字ツール ] を選択します。

基本がわかる！文字の入力と編集

[ 横書き文字ツール ] を選択

オプションバーで、任意のフォントを設定して、[ フォントサイズを設定 ] に [ 300 pt ] を入力します。

基本がわかる！アンチエイリアス

[ フォントサイズを設定 ] に [ 300 pt ] を入力

[ アンチエイリアスを設定 ] に [ 滑らかに ] を選択します。

[ アンチエイリアスを設定 ] に [ 滑らかに ] を選択

任意のフォントを設定

作例では、「 Swiss 721 Rounded BT 」を設定していますが、フォント環境はご使用のパソコンによって異なります。リスト表示される任意のフォントを設定してください。

作例と同じフォントを使用したい場合は、シェイプに変換したドキュメントを用意しています。

ドキュメント内をクリックして、ポイントテキストで文字を入力します。

入力した文字をセンターに合わせる

文字を入力して確定する

文字の間隔を空けよう！

レイヤースタイルの効果には、エッジの側面に、境界線が設定されている場合が多いです。そのため、隣接する文字が近いと、スペースが足りなくなってしまいます。あらかじめ、トラッキングなどで、文字の間隔を少し空けておくと効果的です。

カーニングとトラッキングを設定

文字列が欧文の場合は、[ 文字のカーニングを設定 ] に [ オプティカル ]、[ 選択した文字のトラッキングを設定 ] に、[ 25 ] を設定しておくといいでしょう。

レッスン動画を配信中！

サムネールをクリックすると、

レッスン動画にリンクします。

続きは↓下の番号をクリック！

フリーのグラフィックデザイナーです。カタログ、ポスター、パッケージなど様々な分野に携わってきました。

プリセット「 wood_grain.amp 」をダウンロード ( 1 KB )

The post 基本がわかる！レイヤースタイルの操作 first appeared on psgips.

【テクスチャ】ゼロからつくる！木目調のテクスチャ「トーンカーブで階調を分断して繰り返す！」

古岡ひふみ — Mon, 24 Feb 2020 23:00:00 +0000

【Photoshop講座】一片の雲模様をベースに、トーンカーブで木目模様を作成します。簡単に設定できるプリセットを用意しているので、いろいろな木目模様が、バリエーションとして作り出せます。表面の質感や反射する光を加えて、生木にオイルフィニッシュを施したような色に仕上げましょう。

階調を分断して繰り返す！

色調補正ツールの [ トーンカーブ ] は、「あり得ない設定」も可能とするパフォーマンスを秘めています。何層にも重なった年輪の断面である木目模様は、階調を小刻みに分断して繰り返すことで表現します。

ゼロからつくる！

木目調のテクスチャ

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

何もない状態から木目を描く

こらから行う操作は、Photoshop の機能だけを使って、何もない状態から木目を描く方法です。といっても、フリーハンドで描くような操作は一切ありません。ステップ・バイ・ステップ方式で、手順どおりに操作すれば、誰でも「木目調のテクスチャ」が作成できます。

プリセットをダウンロード

作例では、[ トーンカーブ ] のプリセットファイルを用意しています。あらかじめ、プリセットファイル「 wood_grain.amp 」をダウンロードしてください。

ダウンロードしたプリセットファイルの読み込みは、[ トーンカーブ ] ダイアログの [ プリセットオプション ] – [ プリセットの読み込み ] を選択します。

[ プリセットの読み込み ] を選択

ベースを作成する

木目調のテクスチャは、ランダムに生成される [ 雲模様 1 ] を適用後に変形する技法を取ります。そのため、新しく作成するドキュメントには、変形前のカンバスサイズを設定します。

【操作方法】

[ ファイル ] メニューから、[ 新規 ] を選択します。[ 新規ドキュメント ] ダイアログで、[ 幅 ] に [ 128 ] pixel、[ 高さ ] に [ 720 ] pixel、[ 解像度 ] に [ 300 ] pixel/inch、[ カラーモード ] に [ RGB カラー ]、[ 8 bit ] を設定して、[ 作成 ] をクリックします。

基本がわかる！新規ドキュメントの作成

[ 新規ドキュメント ] を設定

新規ドキュメントを作成します。

新規ドキュメントを作成

幅は 1/10 を設定

新規ドキュメントの [ 幅 ] には、仕上げサイズの 1/10 を設定します。これは、後の手順で、幅を引き伸ばす操作があり、必要としない領域の「容量」を節約するためのものです。

[ レイヤー ] パネルで、[ 新規レイヤーを作成 ] をクリックし、[ レイヤー 1 ] を作成します。

[ 新規レイヤーを作成 ] をクリック

[ レイヤー ] メニューから、[スマートオブジェクト] – [ スマートオブジェクトに変換 ] を選択します。

スマートオブジェクトを確認

スマートオブジェクトとは？

レイヤーや背景を、スマートオブジェクトに変換しておくと、適用するフィルターや、色調補正などの調整が、再編集できるようになります。

レッスン動画を配信中！

サムネールをクリックすると、

レッスン動画にリンクします。

雲模様の適用

ベースにする雲模様を適用しましょう。雲模様は、適用するたびに模様が変わる、変数が用いられています。適した模様が生成されない場合は、フィルターの再実行を行ってください。

【操作方法】

[ ツール ] パネルで、[ 描画色と背景色を初期設定に戻す ] をクリックし、描画色にブラック、背景色にホワイトを設定します。

基本がわかる！描画色と背景色

[ 描画色と背景色を初期設定に戻す ] をクリック

フィルターを適用する前に

これから使用するフィルターは、描画色と背景色が反映されます。作例と同じ結果を得るには、あらかじめ、[ 描画色と背景色を初期設定に戻す ] をクリックして、描画色にブラック、背景色にホワイトを設定してください。

[ フィルター ] メニューから、[ 描画 ] – [ 雲模様 1 ] を選択します。

[ 雲模様 1 ] を適用

[ レイヤー ] メニューから、[ スマートオブジェクト ] – [ スマートオブジェクトに変換 ] を選択します。

模様替えのために

スマートオブジェクトは、フィルター適用後の画像を再編集できます。つまり、仕上げの模様が気に入らない場合には、簡単に「模様替え」ができるワケです。

しかし、作例では、後の手順で幅を引き伸ばす操作があるので、[ 雲模様 1 ] などの描画系フィルターでは、元のサイズがキープできません。

元のサイズをキープするには、スマートオブジェクトの中にスマートオブジェクトを含む「入れ子構造」にすれば解決します。このようにしておくことで、同じ条件での [ 雲模様 1 ] が再実行できるようになります。

スマートオブジェクトの変形

スマートオブジェクトを、仕上げサイズに変形しましょう。ここでは、まず、カンバスサイズを変更してから、そのサイズに合わせて変形する方法を取ります。

【操作方法】

[ イメージ ] メニューから、[ カンバスサイズ ] を選択します。[ カンバスサイズ ] ダイアログで、[ 幅 ] に [ 1280 ] pixel を入力して、[ OK ] をクリックします。

[ 幅 ] に [ 1280 ] pixel を入力

カンバスサイズを、仕上げサイズに変更することができました。

カンバスサイズを仕上げサイズに変更

変形のバウンディングボックスを表示します。自由変形 : [ command ( Ctrl ) ] + [ T ]

変形のバウンディングボックスを表示

オプションバーで、[ 縦横比を固定 ] を無効にします。

[ 水平比率を設定 ] に [ 1025.00% ] を入力し、[ enter ] キーを押して、変形を確定します。

[ 水平比率を設定 ] に [ 1025.00% ] を入力

雲模様を左右に引き伸ばすことができました。

雲模様を左右に引き伸ばす

拡大率に少し余裕を

仕上げサイズ 1/10 からの拡大は、10 倍 ( 1000 % ) が正しい値です。しかし、後の手順で、[ ぼかし (移動) ] を適用するため、拡大率に少し余裕を設けます。

拡大率に少し余裕を設ける

拡大率は、カンバスサイズの幅より 32 〜 64 pixel 大きければ十分です。計算式は、( カンバスサイズの幅＋余裕の幅 ) ÷ ( カンバスサイズの幅 ) × 100 で求めることができます。

続きは↓下の番号をクリック！

フリーのグラフィックデザイナーです。カタログ、ポスター、パッケージなど様々な分野に携わってきました。

The post 【テクスチャ】ゼロからつくる！木目調のテクスチャ「トーンカーブで階調を分断して繰り返す！」 first appeared on psgips.

【ロゴ】フォントでつくる！キラキラ輝く金属文字「ベベルとエンボス」

古岡ひふみ — Mon, 09 Dec 2019 23:00:00 +0000

【Photoshop講座】キラキラ輝く演出には、光源から放たれる線 (光条) を交差させる「クロス」がポピュラーです。６本の光条がある「スノークロス」を疑似的に作成して、金属の立体文字に配置しましょう。

スペクトルで差をつける！

キラキラ輝くスノークロスを、よりリアルなものにするには、光が乱反射する、虹色のスペクトルを取り入れます。放射状のグラデーションは、[ スタイル ] に [ 円形 ] を選択して、カスタム設定します。

フォントでつくる！

キラキラ輝く金属文字

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

キラキラ輝く光の演出を加える

これから行う操作は、入力したテキストを、立体的な金属文字に加工する方法です。レイヤースタイルでつくり出した文字列のベースに、シェイプで作成したスノークロスを配置して、キラキラ輝く光の演出を加えます。使用するフォントは、任意で設定しますが、セリフ系や明朝系の細い書体でも、対応できる技法を用います。

画像にテキストを入力

キラキラ輝く光の演出を加える

素材画像をダウンロードしよう！ ( 124 KB )

境界線で文字を太らせる

キラキラ輝く金属文字のベースになるフォントを素材画像 (任意のドキュメント) に入力します。特に筆記体などは、文字が細いものが多いので、効果が付きやすくするため、境界線で太らせておくことがポイントです。

【操作方法】

素材画像をダウンロードして開きます。素材画像は、[ 幅 : 1280 pixel ]、[ 高さ : 720 pixel ] 、[ 解像度 : 300 pixel/inch ]、[ カラーモード : RGB カラー ] を使用しています。

素材画像を開く

どんな画像にも対応

背景に敷く画像は、工法とは直接関係しません。キラキラ輝く光が強調できる暗い素材なら、どんな画像にも対応できます。もちろん、黒地でもかまいません。

黒地カンバスで作成した例

[ レイヤー ] パネルで、[ 新規レイヤーを作成 ] をクリックして、[ レイヤー 1 ] を作成します。

[ レイヤー 1 ] を作成

[ ツール ] パネルで、[ 横書き文字ツール ] を選択します。

基本がわかる！文字の入力と編集

[ 横書き文字ツール ] を選択

オプションバーで、任意のフォントを設定して、[ フォントサイズを設定 ] に、[ 36 pt ] を入力します。

[ アンチエイリアスを設定 ] に、[ 滑らかに ] を選択します。

[ アンチエイリアスを設定 : 滑らかに ]

任意のフォントを設定

作例では、「 Zapfino 」を設定していますが、フォント環境はご使用のパソコンによって異なります。リスト表示される任意のフォントを設定してください。[ 整列オプション ] 、[ テキストカラーを設定 ] は、直接的な影響がないため、任意で行なってください。

整列とカラーは任意に設定

ドキュメント内をクリックして、ポイントテキストで文字を入力します。すべての文字が入力できたら、[ enter ] キーを押して、入力を確定します。

文字を入力

バランスを整えよう！

作例では省略しますが、文字列のバランスを整えるため、頭文字のサイズを大きく調整します。もちろん、そのままのサイズでも OK です。使用するフォントに合わせて、文字と文字の間隔を調整しましょう。

頭文字の大きさと位置を調整

文字列のバランスを整える

レッスン動画を配信中！

サムネールをクリックすると、

レッスン動画にリンクします。

文字列を回転

ベースの文字が入力できたら、文字列を右上りに少し回転させましょう。回転の初期設定では、ボックスの中央にある、基準点の位置が固定されています。対象が筆記体の場合は、ディセンダライン (ベースラインから最底部までの領域) が多く取られているものもあります。

【操作方法】

[ 編集 ] メニューから、[ 変形 ] – [ 回転 ] を選択、または、[ command ( Ctrl ) ] + [ T ] キーを押して、変形のバウンディングボックスを表示します。

バウンディングボックスの外側をドラッグして、文字列を反時計回りに回転します。

基本がわかる！文字の変形と回転

文字列を反時計回りに回転

オブジェクトの回転ができたら、[ enter ] キーを押して変形を確定します。

[ enter ] キーを押して変形を確定

スマートさを強調する

作例で使用している書体は、繊細な筆跡が特徴です。筆記体は右上がりの方が、視覚的に安定します。文字列を少しだけ回転させておくことで、動きのあるスマートさが強調できます。

基本がわかる動画を配信中！

基本がわかる！画像解像度の設定

基本がわかる！色かぶりの補正

チャンネル登録をお願いします！

境界線を設定

ここでは、境界線を太らせる方法に、レイヤースタイルを用います。レイヤースタイルの効果なら、設定後にベースの文字列を調整したり、内容そのものだって変更できるので、とても便利です。レイヤースタイルの [ 境界線 ] は、立体的な効果の、下地としての役割があります。

【操作方法】

[ レイヤー ] パネルで、[ レイヤースタイルを追加 ] をクリックして、メニューから、[ 境界線 ] を選択します。

[ 境界線 ] を選択

[ レイヤースタイル ] ダイアログで、[ 構造 ] セクションの [ サイズ ] に [ 12 ] px を入力します。

[ 位置 ] に [ 外側 ] を選択します。

基本がわかる！レイヤースタイルの操作

[ サイズ : 12 px ]

[ 塗りつぶしタイプ ] に、[ グラデーション ] を選択します。

[ グラデーション ] を選択

[ スタイル ] に、[ シェイプバースト ] を選択します。

[ クリックでグラデーションを編集 ] をクリックします。

[ クリックでグラデーションを編集 ] をクリック

【設定値】

[ サイズ ] に [ 12 ] px を入力

[ 位置 ] に [ 外側 ] を選択

[ 描画モード ] に [ 通常 ] を選択

[ 不透明度 ] に [ 100 ] % を入力

[ オーバープリント ] を無効

[ 塗りつぶしタイプ ] に [ グラデーション ] を選択

[ グラデーション ] を設定

[ 逆方向 ] を無効

[ スタイル ] に [ シェイプバースト ] を選択

[レイヤーに整列] オン

[ 角度 ] に [ 90 ]°を入力

[ ディザ ] を無効

[ スケール ] に [ 100 ] % を入力

[ グラデーションエディター ] ダイアログで、次のグラデーションを設定します。

基本がわかる！グラデーションの作り方

[ グラデーションエディター ] を設定

【設定値】

[ 位置 : 0 % ] [ 不透明度 : 100 % ]

[ 位置 : 100 % ] [ 不透明度 : 100 % ]

[ 位置 : 0 % ] [ カラー : H : 228° / S : 16 % / B : 25 % ]

[ 位置 : 100 % ] [ カラー : H : 228° / S : 16 % / B : 75 % ]

文字列を境界線で太らせることができました。

適用前

境界線で太らせる

エッジを立体的に見せる

[ 境界線 ] の設定は、文字列を立体的に見せるために使用します。作例のような細い書体では、シルエットを太らせる役目もあります。

続きは↓下の番号をクリック！

フリーのグラフィックデザイナーです。カタログ、ポスター、パッケージなど様々な分野に携わってきました。

The post 【ロゴ】フォントでつくる！キラキラ輝く金属文字「ベベルとエンボス」 first appeared on psgips.

【スタイル】レイヤースタイルをインストールする方法【読み込み・サードパーティー】

古岡ひふみ — Sun, 30 Dec 2018 23:00:00 +0000

【Photoshop基本操作】サイトからダウンロードした、新しいレイヤースタイルを、[ スタイル ] パネルメニューから読み込み、常時保存しておくには、お使いのパソコンに「スタイル・プリセット」をインストールします。何かとハードルの高い、難しい操作ではありますが、覚えておくと、効率的で快適な作業が行えます。

インストールは必要ない？

そもそも、プリセットのインストールは、絶対に必要な操作ではありません。なぜなら、プリセットをダブルクリックするだけで、新しいレイヤースタイルは、カンタンに読み込むことができるからです。ほとんどの場合は、コレで OK。何の問題もなく、レイヤースタイルは使えます。

つまり、レイヤースタイルを、[ スタイル ] パネルメニューから読み込み、常時保存しておく…。Photoshop の機能拡張として、このような操作が可能になる方法が、プリセットのインストールなのです。

レイヤースタイルを

インストールする方法

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

スタイルをパネルに表示

これから行う操作は、サイトからダウンロードした、新しいレイヤースタイルを、Photoshop の機能として常時保存しておき、必要なときに、[ スタイル ] パネルメニューから読み込む方法です。

新しいレイヤースタイルを読み込む

新しいレイヤースタイルは、「スタイル・プリセット ( .asl ) 」というファイルに保存されています。レイヤースタイルの読み込みは、プリセットファイルをダブルクリックすることで行えます。しかし、[ スタイル ] パネルで削除してしまうと、同じ操作をしない限り、元には戻りません。

基本がわかる動画を配信中！

基本がわかる！画像解像度の設定

基本がわかる！色かぶりの補正

チャンネル登録をお願いします！

プリセットを用意する

「スタイル・プリセット」は、サードパーティーなどで入手できます。ここでは、サンプルの「Fポップスター」というプリセットを用意しています。プリセットを、デスクトップなど、わかりやすい場所に置いてください。

【操作方法】

拡張子「 .asl 」が付いた [ レイヤースタイル ] プリセットファイルを用意します。プリセットをインストールする際には、Photoshop を終了させてください。

サンプル・ダウンロード ( 126 KB )

スタイル・プリセットを用意する

ダブルクリックで読み込み！

新しく作成したり、サイトからダウンロードした、レイヤースタイルを読み込むには、[ スタイル ] パネルメニューから、[ 設定の読み込み ] を選択、または、スタイル・プリセット (ファイル) をダブルクリックします。すると、新しいスタイルが読み込まれ、[ スタイル ] パネルに追加されます。

プリセットをダブルクリック

新しいスタイルが読み込まれる

アイコンがちがうけど？

バージョン 2020 以降では、[ レイヤースタイル ] プリセットファイルのアイコンが、正常に表示されなくなっています。何らかのバグだと思うのですが、ダブルクリックでの読み込み、プリセットのダウンロードなど、レイヤースタイルとしての操作には問題ありません。バージョン 2021 (22.3.0) では、修正されているようです。

2020 STYLES (.asl)

続きは↓下の番号をクリック！

フリーのグラフィックデザイナーです。カタログ、ポスター、パッケージなど様々な分野に携わってきました。

The post 【スタイル】レイヤースタイルをインストールする方法【読み込み・サードパーティー】 first appeared on psgips.

【スタイル】金属・メタルネーム2「金属表現をよりシンプルにグラフィック化した金・銀・銅３色」【フリー】

古岡ひふみ — Sun, 03 Sep 2017 23:50:00 +0000

【Photoshopレイヤースタイル】クリックひとつで、リアルな質感や陰影が適用できる「オリジナル・レイヤースタイル」です。「メタルネーム 2」は、金属表現をよりシンプルにグラフィック化し、使い勝手の良さを追求しました。ゴールド、シルバー、ブロンズのカラーバリエーション３色、スタイルバリエーション４種セットです。

│No.100│金属│メタルネーム 2│

ゴールド

ゴールド G

ゴールド HG

ゴールド UG

シルバー

シルバー G

シルバー HG

シルバー UG

ブロンズ

ブロンズ G

ブロンズ HG

ブロンズ UG

カラーバリエーション：３色 / スタイルバリエーション：４種

レイヤースタイルの適用例（使用フォント：Square 721 BT Bold / 120 pt）

クリックでダウンロード！

ダウンロードされる際には必ず「ご利用規約」をお読みください。ダウンロードしたプリセットファイルをダブルクリックすると、[ スタイル ] パネルにレイヤースタイルのサムネールが表示されます。

その他、レイヤースタイルの詳しい使い方は、「レイヤースタイルの操作方法」ほかのページをご参照ください。

フリーのグラフィックデザイナーです。カタログ、ポスター、パッケージなど様々な分野に携わってきました。

The post 【スタイル】金属・メタルネーム2「金属表現をよりシンプルにグラフィック化した金・銀・銅３色」【フリー】 first appeared on psgips.

【スタイル】グラフィック・ポスタライズ【フリー】

古岡ひふみ — Sun, 03 Sep 2017 23:49:00 +0000

【Photoshopレイヤースタイル】クリックひとつで、リアルな質感や陰影が適用できる「オリジナル・レイヤースタイル」です。「ポスタライズ」は、階調に段差をつける効果をイメージしました。グレーを基調としたノーマルカラータイプと、補色の対比を際立たせたグラフィックタイプを組み合わせたカラーバリエーション12色セットです。

│No.099│グラフィック│ポスタライズ│

レッド N

イエロー N

グリーン N

シアン N

ブルー N

マゼンタ N

レッド G

イエロー G

グリーン G

シアン G

ブルー G

マゼンタ G

カラーバリエーション：12色

レイヤースタイルの適用例（使用フォント：Swiss 721 Rounded BT / 120 pt）

クリックでダウンロード！

その他、レイヤースタイルの詳しい使い方は、「レイヤースタイルの操作方法」ほかのページをご参照ください。

フリーのグラフィックデザイナーです。カタログ、ポスター、パッケージなど様々な分野に携わってきました。

The post 【スタイル】グラフィック・ポスタライズ【フリー】 first appeared on psgips.

【スタイル】グラフィック・USAスターズ「アメリカの星条旗」【フリー】

古岡ひふみ — Sun, 03 Sep 2017 23:48:00 +0000

【Photoshopレイヤースタイル】クリックひとつで、リアルな質感や陰影が適用できる「オリジナル・レイヤースタイル」です。「 USA スターズ」は、アメリカの星条旗をモチーフにしました。オブジェクトの高さに対してパターンが展開されます。文字をくっきり強調するアウトラインが、元気で力強いアメリカンテイストを演出します。

│No.098│グラフィック│USA スターズ│

レイヤースタイルの適用例（使用フォント：Swiss 721 Condensed BT Black / 100 pt）

クリックでダウンロード！

その他、レイヤースタイルの詳しい使い方は、「レイヤースタイルの操作方法」ほかのページをご参照ください。

フリーのグラフィックデザイナーです。カタログ、ポスター、パッケージなど様々な分野に携わってきました。

The post 【スタイル】グラフィック・USAスターズ「アメリカの星条旗」【フリー】 first appeared on psgips.

【スタイル】グラフィック・ステンシルテンプレート「文字型にくり抜いた型紙」【フリー】

古岡ひふみ — Sun, 03 Sep 2017 23:47:00 +0000

【Photoshopレイヤースタイル】クリックひとつで、リアルな質感や陰影が適用できる「オリジナル・レイヤースタイル」です。「ステンシルテンプレート」は、文字型にくり抜いた型紙をイメージしました。対象のオブジェクトに適用すると、その部分がくり抜かれます。透明ピクセル模様を加えた、カラーバリエーション12色セットです。