木の質感| psgips

レッスン動画を配信中！

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

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

フォントを入力する

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

【操作方法】

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

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

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

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

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

新規ドキュメントを作成

ガイドを引こう！

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

フォントの設定

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

【操作方法】

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

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

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

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

任意のフォントを選択

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

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

[ 滑らかに ] を選択

任意のフォントを設定

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

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

文字を入力

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

文字を中央に揃える

文字間を調整

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

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

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

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

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

The post 【ロゴ】フォントでつくる！焦げた焼印の文字「パス上文字ツールとシェイプバースト」【2022】 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.

【スタイル】木・焼印「背景画像を活かした焦がし効果」【フリー】

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

【Photoshopレイヤースタイル】クリックひとつで、リアルな質感や陰影が適用できる「オリジナル・レイヤースタイル」です。「焼印」は、背景画像を活かした焦がし効果にこだわりました。適用するフォントサイズで選べる、スタイルバリエーション８種セットです。可読性の高いセリフ系スタンダード書体がオススメです。

│No.081│木│焼印│

焼印30（使用フォント：American Typewriter/Regular/30 pt）

焼印36（使用フォント：American Typewriter/Regular/36 pt）

焼印48（使用フォント：American Typewriter/Regular/48 pt）

焼印60（使用フォント：American Typewriter/Regular/60 pt）

焼印72（使用フォント：American Typewriter/Regular/72 pt）

焼印100（使用フォント：American Typewriter/Regular/100 pt）

焼印125（使用フォント：American Typewriter/Regular/125 pt）

焼印150（使用フォント：American Typewriter/Regular/150 pt）

スタイルバリエーション：８種

レイヤースタイルの適用例（使用フォント：Tango BT/Regular/90 pt）

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

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

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

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

The post 【スタイル】木・焼印「背景画像を活かした焦がし効果」【フリー】 first appeared on psgips.

【スタイル】木・リノリウム「天然素材から作られた木目調の床材」【フリー】

古岡ひふみ — Thu, 22 Jun 2017 23:44:00 +0000

【Photoshopレイヤースタイル】クリックひとつで、リアルな質感や陰影が適用できる「オリジナル・レイヤースタイル」です。「リノリウム」は、床材などに使われている天然素材リノリウムをイメージしました。木目調の温もりを感じるブラウン系を中心にしたカラーバリエーション12色セットです。模様が細かく光沢感があるので、表面積が少ないスクリプト系や細い書体でも十分な効果が得られます。

│No.044│木│リノリウム│

レッド

ダークレッド

オレンジ

ダークオレンジ

タン

ウォームブラウン

イエロー

グリーン

ブルー

ライトブラウン

ブラウン

ダークブラウン

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

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

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

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

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

The post 【スタイル】木・リノリウム「天然素材から作られた木目調の床材」【フリー】 first appeared on psgips.

【スタイル】木・籐（とう・ラタン）【フリー】

古岡ひふみ — Thu, 22 Jun 2017 23:35:00 +0000

【Photoshopレイヤースタイル】クリックひとつで、リアルな質感や陰影が適用できる「オリジナル・レイヤースタイル」です。「籐」は、籐（ラタン）で編み込まれたかごをイメージしました。南国のアジアンテイストを意識したナチュラルなカラーバリエーション12色セットです。細い角丸ゴシックや個性的なデザインフォントが似合います。

│No.035│木│籐（とう・ラタン）│

レッド

オレンジ

イエロー

グリーン

ブルー

ナチュラル

ニス

ライトブラウン

レッドブラウン

ブラウン

ダークブラウン

ブラック

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

レイヤースタイルの適用例（使用フォント：Orbit-B BT/Regular/120 pt）

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

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

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

The post 【スタイル】木・籐（とう・ラタン）【フリー】 first appeared on psgips.

【スタイル】木・コルクボード【フリー】

古岡ひふみ — Thu, 22 Jun 2017 23:26:00 +0000

【Photoshopレイヤースタイル】クリックひとつで、リアルな質感や陰影が適用できる「オリジナル・レイヤースタイル」です。「コルクボード」は、樹皮がギュッと固められた天然コルクをイメージしました。ナチュラル、ワックス、焼き込みなどのカラーバリエーション6色、角丸に加工された細かめと、鋭角な断面を持つ粗めのスタイルバリエーション2種セットです。

│No.026│木│コルクボード│

ナチュラルA

ナチュラルB

ワックスA

ワックスB

焼き込みA

焼き込みB

オレンジA

オレンジB

イエローA

イエローB

グリーンA

グリーンB

カラー：6色/スタイル：2種

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

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

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

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

The post 【スタイル】木・コルクボード【フリー】 first appeared on psgips.

【スタイル】木・木目調【フリー】

古岡ひふみ — Thu, 22 Jun 2017 23:16:00 +0000

【Photoshopレイヤースタイル】クリックひとつで、リアルな質感や陰影が適用できる「オリジナル・レイヤースタイル」です。「木目調」は、オーソドックスな木目調にこだわりました。高級感のある光沢仕上げと、自然な風合いのナチュラル系カラーバリエーション12色セットです。おしゃれなオイルフィニッシュがオススメ。

│No.016│木│木目調│

ウォールナット光沢

マホガニー光沢

アッシュ光沢

オーク光沢

ナチュラル光沢

ナチュラルA

ナチュラルB

オイルフィニッシュ

アッシュ

オーク

マホガニー

ウォールナット

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

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

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

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

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

The post 【スタイル】木・木目調【フリー】 first appeared on psgips.

【スタイル】木・木工ネーム【フリー】

古岡ひふみ — Thu, 22 Jun 2017 23:05:00 +0000

【Photoshopレイヤースタイル】クリックひとつで、リアルな質感や陰影が適用できる「オリジナル・レイヤースタイル」です。「木工ネーム」は、自然な風合いを生かした木工文字をイメージしました。未処理のナチュラルをメインに、木に浸透させて着色するオイルステインのカラーバリエーション12色セットです。光沢のあるクリアー仕上げも３点含んでいます。

│No.005│木│木工ネーム│

ナチュラル

オイルフィニッシュ

オーク

レッド

イエロー

ホワイト

グリーン

ブルー

バイオレット

アッシュ光沢

マホガニー光沢

ウォールナット光沢

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

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

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

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

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

The post 【スタイル】木・木工ネーム【フリー】 first appeared on psgips.

【テクスチャ】ゼロからつくる！天然コルクボード「どんなサイズでも、たった５分で完成できる！」

古岡ひふみ — Thu, 30 Jun 2016 23:00:00 +0000

【Photoshop講座】温かみがある天然素材のコルクボードは、カードや小物をピンナップしたり、グラフィックデザインでは、写真やイラストをコラージュする背景画像としてよく使われています。どんな画像サイズでも、たった５分で完成できる、粗い質感のコルクボードを作成しましょう。

使い勝手と品質の良さを目指そう！

コルクの写真やパターンの素材は、わざわざ自身でつくらなくても、カンタンに入手できますよね？でも、いい素材がなかなか見つからなかったり、思わぬ使用料がかかったりと、それなりに問題も多いハズ。

どんな画像サイズでも、たった５分でつくれる素材があれば、そんな面倒なこととはおさらばです。使い勝手の良さと品質のクオリティを両立させるのも、デザイナーに求められる技量だったりします。

ゼロからつくる！天然コルクボード

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

何もない状態からコルクを描く

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

レッスン動画を配信中！

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

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

ベースを作成する

粗いノイズのベースを作成します。ドキュメントに塗りの部分さえあれば、ノイズを発生させることができます。まず、仕上げサイズの新しいドキュメントを作成しましょう。

【操作方法】

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

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

新しいドキュメントを作成

どんなサイズにも対応

このレッスンは、ドキュメントサイズに関係なく作成することが可能です。たとえば、[ 幅 : 256 pixel ]、[ 高さ : 256 pixel ] でも、[ 幅 : 1600 pixel ]、[ 高さ : 1200 pixel ] でも、同じ手順で同じ結果が出ます。

[ 編集 ] メニューから、[ 塗りつぶし ] を選択します。[ 塗りつぶし ] ダイアログで、[ 内容 ] に [ 50% グレー ] を選択して、[ OK ] をクリックします。

[ 50% グレー ] を選択

新規ドキュメントをグレーで塗りつぶすことができました。

粗い粒子の生成

ノイズとは、ピクセル単位の濃淡で現れるものです。ドキュメントに塗りつぶした 50% グレーは、明るさの中間値です。つまり、これから適用するノイズは、この明るさを基点として、濃淡に分けられます。

【操作方法】

[ フィルター ] メニューから、[ ノイズ ] – [ ノイズを加える ] を選択します。[ ノイズを加える ] ダイアログで、[ グレースケールノイズ ] を有効にして、[ 分布方法 ] に [ 均等に分布 ] を選択します。[ 量 ] に [ 25 ] % を入力して、[ OK ] をクリックします。

[ ノイズを加える ] を設定

分布方法の違いは？

[ 分布方法 ] の [ 均等に分布 ] と [ ガウス分布 ] の違いは、ノイズの階調をつくり出す方法にあります。設定値の [ 量 ] に対して、一定幅に分布された比較的きれいなノイズが [ 均等に分布 ]、大から小へ分散した乱れたノイズが [ ガウス分布 ] です。

[ フィルター ] メニューから、[ ピクセレート ] – [ 面を刻む ] を選択して適用します。

ノイズを粗くする

[ ノイズを加える ] で生成された 1 pixel 単位のノイズを、[ 面を刻む ] の適用で、直径約 4 pixel の粗い粒子にすることができます。

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

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