等尺性タイポグラフィの設計方法

Feb 4, 2026

操作方法

視点はデザインのすべてです。あなたが描かれた何かが完璧な視点を持っているならば、それはあなたの仕事がより現実的に見えるのを助けるでしょう。あるいは、Pablo Picassoは彼の周りの現実の非常にゆっくりと感じて描画することによって歴史を作りました。

等尺性図 ただし、科学の大部分はあります。それはどこに行くのかに関して非常に厳しいルールセットを持っています。それは座って自分自身を描くのはかなり難しいですが、それがPhotoshopに関しては、何でもガイドを作成することができます。

Adobe Creative Cloudを入手してください

なお Photoshopチュートリアル 六角形の線に世界を建設する前に、完璧な等尺性グリッドを選択するつもりです。このロンドンに触発されたイメージでは、テムトムトリックをトレースするつもりです。アイソメトリックバージョンのランドマークを作成します。それは単にキュービックな形を一緒に保持しているので、このグリッド上で何も作成できることがわかります。曲線は単に角から角に描かれます。

画像内のすべてがこの構造に従うつもりです。あなたはコピーする画像を使うことができます、あなたは宗教的に私たちのステップをたどることができます、あるいは等尺性パターンの後にあなた自身のアイコンを設計することができます。それは完全にあなた次第です - もちろん等量測定の限界内で。

チュートリアルファイルをダウンロードしてください

01.グリッドを起動します

Hit the icon to open the full-sized image. — アイコンを押してフルサイズの画像を開きます。

20 x 20ピクセルの新しい文書を作成することから始めます。矩形のマーキーツールを使用して、文書の右側と下部に黒い片を作成します。 CMD / Ctrl + 'を押して、必要な場合はグリッドを使用してください。

02.あなたのパターンを定義します

編集＆gtに進みます。パターンを定義します。名前を付けてから[OK]をクリックします。新しい1920 x 1080を作成してファイル＆gtを作成します。新規で、ペイントバケット（G）に進みます。パターンの塗りつぶしと新しいレイヤーを使用して、作成したパターンに塗りつぶします。

03.パターンを変換します

今、私たちはパターンをアイソメトリックにするつもりです！幅と高さをはるかに大きく、角度が35度、文書の中央に配置します。グリッドはダイヤモンド形状で作られているべきです。

04.あなたのパレットを選択してください

私たちはこれに5つの異なる色を使うつもりですが、それぞれのさまざまな色合い。色はロイヤルブルー（＃021574）、ミュートレッド（＃F22F50）、Spearmint（＃6EC5CF）、Peppermint（＃6ecfb0）、Tan（＃FF935E）とWhite（#ffffff）。

05.あなたのテキストをレイアウトします

Type Toolを使用して、文書全体で使用するテキストを作成します。私たちは「ロンドン、イギリス」と行きます。これは重要なので、アイソメトリックポスターのサイズ、間隔、全体の外観を決定します。

06.いくつかの文字を作成します

作成したガイドに従って、ペンツールで等尺性文字を作成します。これはプロセスの試行錯誤部分であり、すべてがすべてを取ります。 Shapesを実験し、今のところ＃808080で記入してください。

07.文字に勤務しています

等尺性文字は、主に前方に直面する片側を持つ必要があるでしょう。衝撃を減らすことによって曲線がそれぞれの文字にある場所を調整します。これは把握に時間がかかるかもしれません、そしてあなたはいくつかの文字を再描画する必要があるかもしれません。

08.文字を隠してください

各文字の各レイヤーのセットをグループ化します。それぞれのためのクリッピングマスクを作成し、それらが3Dに表示されるように、ライトまたはシェードを文字に追加します。それに応じて光が画像の中にあると判断してください。

09.色とビルドブリッジ

各文字の上に新しいオーバーレイレイヤーを作成し、色の1つに塗りつぶします。カラーレイヤー、クリップ、およびブラシを別の色に追加して肌を塗ります。次に、いくつかの文字の間にブリッジを作成します。別の色でこれを色してください。

10.スピーカーを作成します

さて、シーンにオブジェクトを追加するつもりです。アイソメトリックガイドを使用してボックスを作成し、ボックスのどちらかの側面のどちらかを軽くして視点を作成します。 2つの円を作成し、これらをガイドに沿って箱に収まるように変換します。レイヤースタイルを使用してサークルにストロークを追加します。

11.フラグを追加します

次に、フラグを作成します。繰り返しますが、ペンツールを使用してガイドに沿って描き、次に白で塗りつぶします。これにクリップレイヤーを、フラグの片側にソフトブラックブラシストロークをタッチしてシェードを追加します。

12.いくつかの木を植える

木々と一緒に作りやすい木々。アイソメトリックガイドに沿って並ぶ2つの底面を持つ三角形を作成してから、片側を暗くします。この2回繰り返して、切り株を追加します。オーバーレイ層を持つ色。

13.エスカレーターと地図計画

イザメトリックガイドを使用して、他のオブジェクトを作成するために使用したのと同じ方法を使用してエスカレータを作成しました。その後、ロンドンの本当の地図を使ってテムズを耕作し、一部の水のための白い輪郭を描くために使用しました。

14.エッジを曲げる

ペンツールを使用して、作成したばかりの白い構造の端を湾曲させ、＃808080に塗りつぶします。柔らかく黒いブラシを使用して、水のための湾曲した空間の錯覚を作ります。

15.水で埋めます

ペンツールを使用して、各ホワイト構造の灰色のスペースを選択し、上部構造から落ち、新しいレイヤーに青で塗りつぶします。それは実際の液体のように見えるようにするためにこの層を硬い光に設定してください。白い層をクリップし、追加効果のために中央のギザギザパターンを削除します。

16.シャンデリアを始める

スクリーンショットで見ることができる行の交差点に新しいレイヤーを作成し、行の交差点にドットを追加します。これらの点の後方行を選択し、色相/彩度（CMD / CTRL + U）を使用して、-10への明度を下げます。これを下に複製してもっとドットを作成します。

17.シャンデリアを終えてください

同じ効果を複数行のドットで3回作成してから、2つの後者のサイズを変更します。シャンデリア効果を作成するためにこれらをスタックしてください。新しい20％層では、外側に発散する光を提案するために白い点を作成します。

18.ビッグベンを作成する

Big Benのストック写真を使用して、ペンツールで時計を描画します。もちろん、詳細なのは明細になる必要はありません。それを灰色の色合いで描く。まっすぐに上向きではなく、尖塔を建物の片側に描きます。

19.ランドマークを置きます

カラービッグベンいくつかのオーバーレイ層を持つ、レイヤーを複製してから、この新しいものを水平にします。作成したガイドに沿ってフィットするために、レイヤーとスキューのサイズを変更してください。

20.仕上げの仕上げ

イメージにもっと追加したいという最終的な繁栄をしてください。これには、ドットの小さなドット、テムズのクジラ、または曲線調整で色を変えることがあります。

21.ノイズを追加します

最後に、スウォッチ（D）に白黒を選択してください。新しいレイヤーを作成し、黒（ALT / OPT + DELETE）を埋めてフィルター＆GTに進みます。ノイズ。 400％を選択し、単色をチェックして[OK]をクリックします。このレイヤーをソフトライト、10％の不透明に設定します。

この記事はもともとCreative Web Design Magazine Web Designerの第271号に掲載されました。 問題271を購入する または Web Designerを購読する 。

関連記事：

Illustratorで等尺性グリッドベースの3Dレタリングを作成します
等尺性ベクターアートは簡単です
3D等尺性効果を作成します

等尺性タイポグラフィの設計方法

01.グリッドを起動します

02.あなたのパターンを定義します

03.パターンを変換します

04.あなたのパレットを選択してください

05.あなたのテキストをレイアウトします

06.いくつかの文字を作成します

07.文字に勤務しています

08.文字を隠してください

09.色とビルドブリッジ

10.スピーカーを作成します

11.フラグを追加します

12.いくつかの木を植える

13.エスカレーターと地図計画

14.エッジを曲げる

15.水で埋めます

16.シャンデリアを始める

17.シャンデリアを終えてください

18.ビッグベンを作成する

19.ランドマークを置きます

20.仕上げの仕上げ

21.ノイズを追加します

操作方法 - 最も人気のある記事

Houdiniとのワークイメージマスクマジック

Photoshopで昼夜を変える方法

エクスプレスエフェクトアニメーションをHTML5にエクスポートする

スケッチアップで城を塗る方法

3Dアプリでのスナップ作品

インクで有機テクスチャを作成する

色鉛筆をブレンドする方法

ステッチと複合360フッテージ

カテゴリ