フォトショップ

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

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

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

素材の配置

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

黄金比・白銀比ツール

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

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

キャプチャーをペースト

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

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

情報パネル

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

白銀比計算

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

サイズ調整

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

さらに白銀比計算

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

サイズ調整

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

微調整

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

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

ピックアップ記事

  1. 「ブロガーがこんなの読んだら反則レベルでしょっ、、」と思うくらい文章力が上がりそ…
  2. WordPressの使い方に迷ったらまずこの記事をチェック!すごく参考になる秀逸…
  3. フリーランスや起業家になる前にこれだけは理解しておきたい5つのマトリックス&チャ…
  4. 見ているだけで「Photoshopの実践的な使い方が学べる」日本語解説付き動画の…
  5. 「特訓Photoshopプロのテクニック教えます!」という本のWEB版を『無料』…

関連記事

  1. フォトショップ

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

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

  2. キュレーション

    インスピレーションを掻き乱されるほどのPhotoshop超絶テクニック!Youtube動画12選。

    デザイナーやクリエイターなら誰しも、自分の想像を超えるような作品を生み…

  3. webデザイン

    ひと味違うHDR風のディティールを表現する所要時間3分のフォトショップ技術

    HDRとはハイダイナミックレンジの略で最近ではiphoneカメラにも搭…

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

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

最近の記事

  1. 「特訓Photoshopプロのテクニック教えます!」という本…
  2. 「いつも締め切りに追われてしまう」そんな人がミッションを成し…
  3. Photoshop CCのメニュー文字やツールバーが異常に小…

思考系のおもろい記事

ブログラ
  1. webデザイン

    photoshopで仕事をしたい人が身につけておきたい技術や使い方のまとめ。日本…
  2. webデザイン

    「特訓Photoshopプロのテクニック教えます!」という本のWEB版を『無料』…
  3. SNS

    思わずクリックしてしまう画像でアクセスアップ!2番目に簡単なブログのアイキャッチ…
  4. キュレーション

    WordPress日本語有料テーマの決定版っ!TCDシリーズのまとめ
  5. キュレーション

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