シームレスパターン| psgips

レッスン動画を配信中！

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

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

フォントを入力する

焼印の文字のベースにする、フォントを選んで入力しましょう。ここでは、楕円形のネームスタンプを想定しているので、まず、その形状が収まる、新しいドキュメントを作成します。

【操作方法】

[ ファイル ] メニューから、[ 新規 ] を選択します。[ 新規ドキュメント] ダイアログで、[ 幅 ] に [ 1920 ] pixel、[ 高さ ] に [ 1080 ] pixel、[ 解像度 ] に [ 72 ] pixel/inch、[ カラーモード ] に [ RGB カラー ] を設定します。

[ 作成 ] をクリックします。

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

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

焼印の文字のベースになる、新規ドキュメントが作成できました。

新規ドキュメントを作成

ガイドを引こう！

ガイドとは、プリント出力では反映されない仮の基準線です。合成画像や文字などの配置を目安にしたり、スナップで吸着させたい場合などに使用します。正確さを必要とする作業には欠かせません。

フォントの設定

ドキュメントの中央に、焼印の文字のベースになる、フォントを配置しましょう。ここでは、ポイントテキストで入力します。

【操作方法】

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

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

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

オプションバーで、任意のフォントを設定します。

任意のフォントを選択

[ フォントサイズを設定 ] に [ 200 pt ] を入力します。

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

[ 滑らかに ] を選択

任意のフォントを設定

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

ドキュメント内をクリックして、文字を入力します。[ enter ] キーを押して、入力を確定します。

文字を入力

[ command ( Ctrl ) ] キーを押しながら、入力した文字をドラッグして、ドキュメントの中央に揃えます。

文字を中央に揃える

文字間を調整

[ 文字 ] パネルでは、さまざまな書式設定が行えます。[ フォントサイズを設定] を選択したあと、方向キーの上下を押すと、設定値の微調整が行えます。作例では、[ 文字間のカーニングを設定 ] に [ オプティカル ] を選択、[ 選択した文字のトラッキングを設定 ] に [ 75 ] を設定しています。

フォントサイズと文字間を調整

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

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

The post 【ロゴ】フォントでつくる！焦げた焼印の文字「パス上文字ツールとシェイプバースト」【2022】 first appeared on psgips.

写真をイラスト調に！紙幣のような肖像画「４種類のハーフトーンを使ったエングレービング風」

古岡ひふみ — Sat, 27 Feb 2021 23:00:00 +0000

【Photoshop講座】紙幣の肖像画は、精密な線を重ね合わせて描かれています。そのレトロでアンテークな趣のある技法は、銅版画に属する「凹版彫刻・エングレービング」と呼ばれいます。４種類のハーフトーンを使って、紙幣のような肖像画を作成しましょう。

ハーフトーンに波線を用いる！

基本機能にある [ ハーフトーン ] は、点や線を規則正しく並べたものですが、そのパターンを波線にすることで、肖像画の形状に沿って描かれた精密な線らしくします。作例では、密度や角度が違う４種類のハーフトーンパターンを用意して、４段階の異なる「しきい値」を持つ [ ２階調化 ] 画像に適用します。

写真をイラスト調に！

紙幣のような肖像画

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

人物写真を紙幣のような肖像画に加工

これから行う操作は、人物写真を紙幣のような肖像画に加工する方法です。SNS などのプロフィール用に最適ですね。作例では、ハーフトーンを適用するまでの手順に絞っています。着色やテクスチャの適用、フレーム装飾などを加えて、さらにレトロでアンティークな演出にも挑戦してみましょう。

元画像

紙幣のような肖像画

ハーフトーン [ 6px_0msk ] ( 4 KB )

レッスン動画を配信中！

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

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

４種類のハーフトーンを定義する

マスクとして使用することを前提とした、細い波線のシームレスパターン (つなぎ目のない模様) を用意します。ハーフトーンパターンは、以下のリンクをクリックしてダウンロードしてください。

ハーフトーン [ 4px_90msk ] ( 5 KB )

ハーフトーン [ 2px_0msk ] ( 4 KB )

ハーフトーン [ 1px_45msk ] ( 71 KB )

【操作方法】

ダウンロードしたハーフトーン [ 6px_0msk ] を開きます。

ハーフトーン [ 6px_0msk ] を開く

[ 編集 ] メニューから、[ パターンを定義 ] を選択します。[ パターン名 ] ダイアログで、[パターン名] に [ 6px_0msk ] を入力して、[ OK ] をクリックします。

[ パターン名 ] を設定

同じ要領で、その他のハーフトーンを定義して、プリセットに保存します。バージョン 2020 以降では、[ パターン ] パネルで保存・管理します。

プリセットマネージャーで確認した例 (バージョン 2019 以前)

パターンを定義でどうなる？

[ パターンを定義 ] を適用すると、定義した画像がパターンプリセットとして登録されます。定義した画像は、[ 塗りつぶし ] コマンドや塗りつぶし調整レイヤーなどのパターンとして選択することができます。

バージョン 2020 [ パターン ] パネルで確認した例

パターンの管理は、[ 編集 ] メニューから、[ プリセット ] – [ プリセットマネージャー ] を選択します。バージョン 2020 以降では、プリセットの管理方法が大幅に見直されたため、[ パターン ] パネルに保存されます。

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

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

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.

【スタイル】グラフィック・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:46:00 +0000

【Photoshopレイヤースタイル】クリックひとつで、リアルな質感や陰影が適用できる「オリジナル・レイヤースタイル」です。「リフレクターライン」は、自動車の後部に取り付けられている反射板をイメージしました。スピード感のあるラインを取り入れた、シルバーフレームとゴールドフレームのカラーバリエーション12色セットです。

│No.096│樹脂│リフレクターライン│

レッド / シルバー

イエロー / シルバー

グリーン / シルバー

シアン / シルバー

ブルー / シルバー

マゼンタ / シルバー

レッド / ゴールド

イエロー / ゴールド

グリーン / ゴールド

シアン / ゴールド

ブルー / ゴールド

マゼンタ / ゴールド

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

レイヤースタイルの適用例（使用フォント：Alexis Italic / 138 pt）

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

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

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

The post 【スタイル】樹脂・リフレクターライン「自動車の反射板」【フリー】 first appeared on psgips.

【スタイル】金属・鉄錆緑青ネーム「映画やゲームのタイトルに最適」【フリー】

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

【Photoshopレイヤースタイル】クリックひとつで、リアルな質感や陰影が適用できる「オリジナル・レイヤースタイル」です。「鉄錆緑青ネーム」は、緑青 (ろくしょう) と呼ばれる、銅が酸化した錆色をイメージしました。高解像度のシームレスパターンを使用。映画やゲームのタイトルに最適。古典的なセリフ系書体に似合います。

│No.094│金属│鉄錆緑青ネーム│

レイヤースタイルの適用例（使用フォント：Trajan Pro/Bold/125 pt）

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

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

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

The post 【スタイル】金属・鉄錆緑青ネーム「映画やゲームのタイトルに最適」【フリー】 first appeared on psgips.

【スタイル】金属・縞鋼板2「腐食・錆・グランジ」【フリー】

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

【Photoshopレイヤースタイル】クリックひとつで、リアルな質感や陰影が適用できる「オリジナル・レイヤースタイル」です。「縞鋼板2」は、錆や腐食などの使い古した質感にこだわり、出っ張り部分が擦り切れた様子を再現しています。錆色と基本色のカラーバリエーション６色セットです。

│No.089│金属│縞鋼板2│

錆

ホワイト

イエロー

レッド

グリーン

ブルー

錆

ホワイト

イエロー

レッド

グリーン

ブルー

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

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

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

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

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

The post 【スタイル】金属・縞鋼板2「腐食・錆・グランジ」【フリー】 first appeared on psgips.

【スタイル】金属・ラインストーン「カットガラス装飾の金属板」【フリー】

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

【Photoshopレイヤースタイル】クリックひとつで、リアルな質感や陰影が適用できる「オリジナル・レイヤースタイル」です。「ラインストーン」は、細かいカットガラスを貼り付けた金属板をイメージしました。形状を引き締めるメタリックフレームのカラーバリエーション10色セットです。表面が活かせる極太セリフ系書体がオススメです。

│No.085│金属│ラインストーン│

シルバー

ゴールド

パープル

ピンク

レッド

イエローグリーン

ブルーグリーン

スカイブルー

バイオレット

ブラック

シルバー

ゴールド

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

レイヤースタイルの適用例（使用フォント：Antsy Pants/Regular/100 pt）

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

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

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

The post 【スタイル】金属・ラインストーン「カットガラス装飾の金属板」【フリー】 first appeared on psgips.

【スタイル】樹脂・プラダン「プラスチック製のカラー段ボール６色」【フリー】

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

【Photoshopレイヤースタイル】クリックひとつで、リアルな質感や陰影が適用できる「オリジナル・レイヤースタイル」です。「プラダン」は、プラスチック製の段ボールをイメージしました。背景が透けて見える透過タイプで、ロゴやタイトルなどを違和感なく演出できます。パステル調でファンシーなカラーバリエーション６色セットです。

│No.083│樹脂│プラダン│

ホワイト

バイオレット

ピンク

イエロー

グリーン

ブルー

ホワイト

バイオレット

ピンク

イエロー

グリーン

ブルー

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

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

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

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

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

The post 【スタイル】樹脂・プラダン「プラスチック製のカラー段ボール６色」【フリー】 first appeared on psgips.

【スタイル】金属・鉄錆2「小さな文字対応の赤錆・緑錆・黒錆」【フリー】

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

【Photoshopレイヤースタイル】クリックひとつで、リアルな質感や陰影が適用できる「オリジナル・レイヤースタイル」です。「鉄錆2」は、ロゴやタイトルに展開しやすいフラットな質感を採用し、48〜60 pt の小さな文字でも使用できるように設計しました。鉄が赤っぽく酸化した赤錆、緑青（ろくしょう）と呼ばれる銅が酸化した緑錆、鉄が黒っぽく酸化した黒錆の、スタイルバリエーション３種セットです。