フォトショップ

白銀比ツールを活用したphotoshopでポスターレイアウトをするためのコツ

黄金比・白銀比ツールを使いこなす

構成要素に必要な画像素材を適当に切り貼りして配置しておく。切り抜きはこちらを参考に⇒これで完璧っ!5種類のphotoshop切り抜き方法

素材の配置

電脳狂想曲さんのWEBデザインの小技へアクセスし、横幅・縦幅を入力、今回はA4ポスターをイメージしているのでJIS規格と相性の良い白銀比にチェックしサクサクラインを引いていく。

黄金比・白銀比ツール

キャプチャーを撮って新規レイヤーに張り付けて、画像素材のサイズと場所を調整。タイトルロゴやテキストも入力し配置する。

女性の顔のサイズ感やサングラスにアゴのライン、男性の目の高さや傘の縦ラインを意識。

キャプチャーをペースト

さらに各画像素材(女性の顔・金魚・男性の顔)も白銀比でバランスを調整するために、女性の顔のサイズに合わせてシェイプを作成

情報のウィンドウを開きシェイプのサイズ調整をしながら高さを確認(H:778.8)。

情報パネル

今度はZAPAさんのWebデザイン白銀比計算ツールへアクセスし778と入力。

白銀比計算

228の数字を金魚のサイズに適用。

サイズ調整

さらに、白銀比計算ツールで228の数字を入力。

さらに白銀比計算

161の数字を男性の顔のサイズに適用。

サイズ調整

これで白銀比ツールをフル活用しダイナミックなサイズ感のあるレイアウトが完成しました!最終的には自分の目で微調整しよう(女性を少し左に移動)。

微調整

今日は黄金比・白銀比ツールをバッチリ使いこなせるまでレイアウトに励もう!

ポスターデザインのコツtopへ戻る配色
スリームデザインの無料メールマガジン

ピックアップ記事

  1. photoshopで仕事をしたい人が身につけておきたい技術や使い方のまとめ。日本…
  2. 「ブロガーがこんなの読んだら反則レベルでしょっ、、」と思うくらい文章力が上がりそ…
  3. フリーランスや起業家になる前にこれだけは理解しておきたい5つのマトリックス&チャ…
  4. WordPress日本語有料テーマの決定版っ!TCDシリーズのまとめ
  5. 見ているだけで「Photoshopの実践的な使い方が学べる」日本語解説付き動画の…

関連記事

  1. フォトショップ

    photoshopで顔や肌のテカリをうまい具合に抑える方法。

    顔や肌のテカリを抑えるためにphotoshopのブラシなどで塗ったりし…

  2. フォトショップ

    見ているだけで「Photoshopの実践的な使い方が学べる」日本語解説付き動画のまとめ

    Photoshopには写真を補正するだけではなく、デザインに必要とされ…

  3. webデザイン

    わずか3秒っ!Photoshopで文字を中央に配置する方法

    Photoshopで文字や図形などを画像の中央(上下左右バッチリ均等)…

  4. フォトショップ

    色彩のセオリーを理解してphotoshopでポスターを配色するためのコツ

    ベース・メイン・アクセントの配色を身につける背後にいる男性の彩…

  5. webデザイン

    ヘッダーデザインの役割に応じた文章表現の考え方と構成方法。Photoshop編

    魅せる伝えるヘッダーデザインを作成する5つの工程の4番目、ここでは④ …

  6. webデザイン

    TENコレクションシーズン3:デザインコンテスト第3弾 Surf in the Cityで受賞を頂い…

    私は現在、企業や組織に属することなく個人が創造性を発揮することで社会的…

Wordpress日本語テーマのまとめ
photoshop日本語チュートリアル

よく読まれている人気の記事

最近の記事

  1. 思わずクリックしてしまう画像でアクセスアップ!2番目に簡単な…
  2. 「コレがやりたかった!」GIFアニメ(動く画像)のPCモック…
  3. Photoshopを使って動画をGIFアニメーション(動く画…

思考系のおもろい記事

ブログラ
  1. 3分の話

    フリーランスや起業家になる前にこれだけは理解しておきたい5つのマトリックス&チャ…
  2. コピーライティング

    「ブロガーがこんなの読んだら反則レベルでしょっ、、」と思うくらい文章力が上がりそ…
  3. キュレーション

    必読!安易に起業ブームに乗っかる前に…絶対に読んでおきたい【おすすめのビジネス書…
  4. SNS

    思わずクリックしてしまう画像でアクセスアップ!2番目に簡単なブログのアイキャッチ…
  5. SEO

    WordPressの使い方に迷ったらまずこの記事をチェック!すごく参考になる秀逸…
PAGE TOP