WEBデザイン

【PHOTOSHOP】すぐに使えるデザインテクニック!アート風文字をラクに作る方法

投稿日:2014年10月31日 更新日:

STEP1. まず加工したい写真素材をPhotoshopで開きます。
1

STEP2. 背景の写真レイヤーの上に文字を入力し配置します。
2

STEP3. レイヤーパレット上でテキストのレイヤーを右クリックして、「テキストをラスタライズ」を選択します。
テキストのアウトラインデータを ビットマップ(ドット)化することによって、色々なかこうができるようになります。
3

STEP4. メニューの「編集」から「変形」→「自由な形に」を選択して、写真に合わして変形させます。
下のサンプル画像のような感じに形を変えると文字の奥行き感が出てきます。
4

STEP5. 変形完了したら、Ctrlを押しながら文字レイヤーをクリックします。そうすると文字の部分だけが選択範囲になります。
以下のような選択範囲になりましたら、この状態のまま背景のレイヤーをレイヤーパレットで選択します。
6

STEP6.背景のレイヤーから選択範囲分のコピー&ペーストし([Ctrl]+[C]後[Ctrl]+[V]、または[編集]から、コピーとペーストを選べば大丈夫です。)
コピーしたら、ふたたび道路の黒色の部分にそのコピー分を移動させれば道路のテクスチャー文字ができました。
7

STEP7. 以上6つのステップを繰り返して、文字にテクスチャーを加えて加工します。
最後レイアウトを調整すれば完成です。
8

同じやり方で、デザインの一部を違うテクスチャーにしたりすると、また別の雰囲気が作れますのでいろいろ試せます。
是非デザイン制作に活用してみてください。

-WEBデザイン

関連記事

【デザイナーをお助け!】○○に特化したフリー素材サイト5選

【デザイナーをお助け!】○○に特化したフリー素材サイト5選

なるべく早く作ってほしい!! 今週末までに提出お願い!! ・・・・・・ヤバイ、時間がない。 こんな急ぎの依頼が来たときに、デザイナーさんの手助けをしてくれる素材サイト。 今回は、特定のジャンルに特化し …

Photoshopの、これだけは押さえておきたい便利機能!!

Photoshopの、これだけは押さえておきたい便利機能!!

こんばんは! webデザイナーのKです。 しばらくマーカブログに登場できなかったのですが、 みなさま、いかがお過ごしでしょうか? 私はパソコンの不具合、というドキドキハラハラな出来事がありました。 お …

【フラットデザインに+α】2014年のWebデザイントレンド3選

【フラットデザインに+α】2014年のWebデザイントレンド3選

近年、あちこちのサイトで見かけるようになったフラットデザイン。 レスポンシブと組み合わせたり、フルスクリーン表示にさせたりと応用法も様々に、オシャレなWEBサイトが増えていますね! そこで、今回はこの …

先取り!2015年に流行るWEBデザインのトレンドは!?

先取り!2015年に流行るWEBデザインのトレンドは!?

こんばんわ!あと1カ月で2014年も終わりを迎えます。。 この時期に気になるのは来年のWEBデザインの流行です! 毎年、新しいデバイスが発売され、めまぐるしい進化を遂げるWEB業界は先読みして情報を掴 …

表現の幅を広げる!!AEプラグイン

表現の幅を広げる!!AEプラグイン

こんにちは、先日自宅で自分の映像作品を会社に行く前にレンダリングし、仕事が終わって見てみると半分もレンダリングが進んでいなく絶望を味わった新米デザイナー・ムービー担当Iです。 こった映像を作成するには …