【さとぴデザイン】です。このサイトの絵や画像は全部パワポで作っています!

パワポでおしゃれな金属光沢(ステンレス ヘアライン)を表現する方法

パワポでおしゃれな金属光沢を表現する方法

Sanakoパワーポイントで描いた図形に金属の光沢を表現する方法はいくつかあります。今回は、おしゃれなステンレス・ヘアライン調を表現する方法を紹介します。フリー画像を使った簡単な方法と、パワーポイントのみで、ヘアライン画像を作る編集自由度の高いマニアックな方法の2つです。

 

◆この記事でわかること

  • パワーポイントでおしゃれな感じのステンレス(ヘアライン)調を表現する方法(2種)
  • 作った画像を利用して、表札画像をつくってみる

 

ステンレスのヘアラインとは

Sanako3
Sanako
ステンレスのヘアラインとは、こんなものです。
ステンレス ヘアライン
ステンレスのヘアラインとは、【ヘアライン加工】を意味します。
◆ヘアライン加工とは
ステンレス板に装飾目的で、一方向に、髪の毛状の筋傷加工をほどこしたもの。ベルトサンダーという回転やすりにステンレス板を押しつけて筋をつけます。
◆効果
にぶい光沢があり、きれいな細かい筋なので、高級感がでます。
Toa
Toa
マンションなどの郵便受けや、耐熱マグカップ、キッチングッズなどで良く見かけると思います。

フリー画像を使った簡単な方法

Sanako
Sanako
まずは、フリー画像を使った簡単な方法から紹介します。

概要

フリー画像を使った簡単な方法の概要は以下です。

①ネットからフリー画像をダウンロード
②パワポで描いた図に画像を読み込む

Toa
Toa
簡単ですね!

手順説明

①画像をダウンロード

まず、google chromeなどのブラウザーで「フリー画像 ステンレス ヘアライン」と入力して検索。ブラウザーの【画像】タブにすると、いろいろ画像が出てきます。

フリー画像を検索

私はイラストACに無料会員登録しているので、【AC】と記載の画像から選んで、ダウンロードしました。

フリー画像をダウンロード

 

◆ちょっとメモ
フリー画像はダウンロードする際、会員登録を必要とします。いくつかのサイトで登録しておくと良いです。
登録が面倒な場合、ブラウザー上で【右クリック】→【名前を付けて画像を保存】をすると、ブラウザーに表示されているサムネイル画像をダウンロードすることができます。まれに、メーカーロゴが透かし(ウォーターマーク)で入っているものもありますが、無い物はとりあえず味見程度に使うことは出来ます。

②パワポで描いた図に画像を読み込む

次に、パワポで適当な図形を描きます。今回は角丸の四角形です。
上部メニューの【挿入】→【図形】→【四角形:角を丸くする】

四角形を描く

ここに先ほどの画像を読み込みます。

角丸の四角形を左クリックで選択状態にし、上部メニューの【図形の書式】→【図形の塗りつぶし】→【図】を選択。

図形の塗りで画像を読み込む

すると、【図の挿入】というウインドウが開くので、【ファイルから】→【ダウンロードした画像を選択】します。

図を読み込む

これで、画像が読み込めました。

図形に画像を読み込んだ状態

色合いなどの調整

図形を左クリックで選択状態にして、上部メニューの【図の形式】で左上の【図の修正】や【色】で調整ができます。

色合いを調整

フリー画像を使った簡単な方法は以上になります。

グラフィックデザインでフリー画像を使うこだわり

Sanako考える
Sanako
グラフィックデザインでフリー画像を使うのは、ちょっと気がひけるんです・・・
グラフィックデザインをやっていて、フリー画像を使うのは、ちょっと嫌なんですよ。変なこだわりがあって・・・。フリーということは、他の人も使えるので、デザインがかぶってしまうのが気になります。なので、自分で画像をつくったり、撮影したりします。
で、今回のように、金属やガラスなど反射するものの場合、撮影するのがとても難しい・・・
しかも、均一で連続する模様の場合、レンズの影響で筋がゆがんだりすると、素材として使いにくいので、焦点距離やしぼり値、ライティングなどいろいろ気をつかいます。試行錯誤で何度か試したのですが、結局上手く撮影できず・・・断念。
パワポで画像を作ろうとした時にネックなのは、ヘアラインの筋をどうやって作るかという部分。ここが良い方法が無く、できずに放置状態が数年続いていました。最近、また気になって、あれこれやっているうちに、何となく出来たので、今回記事にしました。
Toa
Toa
マニアックですよね・・・

画像をパワポで作るマニアックな方法

Sanako2
Sanako
ステンレス(ヘアライン)画像をパワポだけで作る、マニアックな方法について説明しますね。

概要

線をたくさん描いたヘアライン層の下に、金属の光沢を表現するグラデーション層を配置した2層構造です。
図の層構成
この画像をpng形式で保存します。
使うときは、フリー画像と同じく図形を描いて、塗りに【図】を選び、保存した画像を読み込むことで、図形に塗りとして反映されます。
こんな感じ↓になります。
図に反映させた状態

 

ヘアライン画像を作る

ヘアライン画像を線で作っていきます。

上部メニュー【挿入】→【図形】→【線】でクリックすると、斜め線が描かれるので、端をクリック&ドラッグして水平にします。長さは適当で。

線を描く

次に、コピーして線を増やしていきます。【Shiftキー】と【Ctrlキー】を押しながら、線をクリック&下にドラッグで、マウスをはなすとコピーされます。4本にしましょう。この時、上下の間隔はバラバラにしてください。

◆ちょっとメモ
Shiftキーを押しながらコピーすると、垂直にコピーすることができます。

コピーする1

ここで、線の太さを0.5pt→1ptに変更します。上部メニューから【図形の書式】→【図形の枠線】→【太さ】→【1pt】

線太さ変更

 

Sanako2
Sanako
ここからがポイントです!
今度は、4本の線を囲って選択し、コピーします。この時、線の重なり具合を見ながらコピーするのがポイントです。ヘアラインの筋をイメージして、線の間隔がふぞろいになるように、位置を調整してコピーします。コピーは先と同様にShiftキーとCtrlキーを押しながら、クリック&ドラックです。
ずらしてコピー
次に、8本の線を囲って選択し、同様にコピー。ある程度線の間隔が詰まってきたら、下にコピーして増やしていきます。このように、倍々でコピーしていくと、あっという間に、たくさんの線が描けます。コピーする範囲も、すべてではなく、部分的に選択してコピーすると、線間隔の表現が増えて、それらしく見えるようになります。線の間隔が狭すぎて、つぶれる部分は、個別に線をクリック選択して、矢印キーにて上下に位置調整したり、消したりします。下図のようになったらOKです。
こんな感じになったらOK
ここまでできたら、全体を囲って選択し、右クリック→【グループ化】します。そのあと、色を変えましょう。
グループ化した図を右クリック→【図形の書式設定】→【線】→【線(単色)】、【色:濃い青】、【透明度:85%】

色を変える

ここまでで、ヘアライン画像は完成です。つづいて、金属調のグラデーション画像を作ります。

金属調グラデーション画像を作る

四角形を描きます。【挿入】→【図形】→【正方形/長方形】 大きさは、先のヘアライン画像と同じぐらいにしておきます。

塗りにグラデーションをいれます。四角形を右クリック→【図形の書式設定】→【塗りつぶし(グラデーション)】にチェック。種類は【線形】のままでOK。角度は【0°】。グラデーションの分岐点については、各タブそれぞれをクリックして選択し、下図のように設定します。両端のタブに基準になる青みのあるグレーを設定し、中の2つのタブに基準より濃い色と薄い色をいれます。タブの横方向の位置は、左端を0%、右端を100%とした場合、下図の数値になります。

◆ちょっとメモ
グラデーション分岐点のバー内をクリックすると、タブを増やせます。タブをつかんで下にドラッグすると消せます。

グラデーションの設定1

上図の色を数値で入力したい場合は、下図参照。【色】をクリック→【その他の色】→数値を入力。4つのタブにそれぞれ色を設定します。

グラデーション設定2

これでグラデーション画像は完成です。2つの画像が完成したので、重ねて保存します。

2つの画像が完成

 

ヘアライン画像とグラデーション画像を保存

ヘアライン画像とグラデーション画像を重ねて保存します。

グラデーションを後に作ったので、重ねると、ヘアライン画像が見えなくなります。なので、グラデーション画像を下の層に移動します。グラデーション画像を右クリック→【最背面に移動】

最背面に移動

画像を重ねます。両方の画像を囲って選択し、上部メニュー【図形の書式】→【配置】→【左右中央揃え】、同様に【上下中央揃え】。

これで、画像中心で重なりました。この時、2つの画像の大きさに差がある場合は、ここで合わせましょう。ヘアラインの画像を選択し、上下左右を動かせば合わせられます。

画像を重ねる

重なった画像を囲って選択し、右クリック→【グループ化】しておきます。

保存しましょう。画像を右クリック→【図として保存】→png形式で保存。

これで完成です。

完成!

作った画像の使い方

Sanako3
Sanako
作った画像の使い方の説明を兼ねて、表札を作ってみます。

長方形(角丸)を描き、塗りでヘアライン画像を読み込みます。角丸の四角形を左クリックで選択状態にし、上部メニューの【図形の書式】→【図形の塗りつぶし】→【図】を選択。すると、【図の挿入】というウインドウが開くので、【ファイルから】→【作った画像を選択】します。これで、ヘアライン画像が反映されました。

図の読み込み

作った画像を塗りで反映

表札っぽくしていきます。フチに【面取り】で装飾形状をつけてみます。図形を左クリックで選択し、上部メニュー【図形の書式】→【図形の効果】→【面取り】→【丸い凸レンズ】

面取り

文字を入れていきます。【挿入】→【図形】→【テキストボックス】適当なサイズにして配置します。つぎに、文字に影をつけます。【図形の書式】→【文字の効果】→【影】影の距離を大きめに変更しました。最後に桜の花びらを描いて完成です。
表札サンプル

まとめ

Sanako今回は、パワーポイントで、おしゃれな感じのステンレス・ヘアライン調を表現する方法を紹介しました。

フリー画像を使った方法は、簡単なのでぜひやってみてください。

パワーポイントのみでヘアライン画像を作る方法は、マニアックすぎてやる人はいないと思いますが、ヘアラインやグラデーションの色を変えたりすると、表現の自由度が上がるので、いろいろ試すと面白いですよ。

これを機に、身の回りの金属部品を見て、グラデーションの入れ方などを参考にすると良いと思います。

最後まで御覧いただきありがとうございました。

 

Piko7不要なチラシ投函って困りませんか?家の防犯対策も何かしたい・・・
そんなお悩み、解決できるかも。

かわいいサインプレート

Satopi design 工房

オシャレでかわいいサインプレート販売中です!ご自宅の玄関ドアや郵便受けに貼ると、良いことがありますよ♪ ぜひ、お立ち寄りくださいね!

CTR IMG