Webデザインセンスや多少知識が乏しくとも、プロっぽいデザインにできる方法があります。Web制作を助けてくれる便利なサイトの備忘録ブログ。

Photoshopで布生地っぽいリボンタグを作成する方法

Photoshopで布生地っぽいリボンタグを作成する方法

Photoshopで布生地っぽいリボンタグを作成する方法

こちらも大してテクニックも時間もかからず作成できるPhotoshopのチュートリアルです。布生地っぽい質感がいい感じです。

こちらの英語サイトを参考に作成しました。http://www.photoshop-plus.co.uk/2012/04/04/learn-to-create-simple-vertical-social-ribbons/

Photoshopで布生地っぽいリボンタグを作成する方法

長方形ツールから長方形を描きます。
長方形ツールから長方形を描きます。任意の大きさの新規ファイルを作成します。背景はとりあえず黒にしておきます。次に「長方形ツール」より縦長の長方形を描きます。
ペンツールを利用してリボンっぽくします。
ペンツールを利用してリボンっぽくします。
①ベクターマスクのサムネイル部分を選択し、②「ペンツール」に持ち替え、③「シェイプから一部型抜」を選択します。

一部を切り抜き
ペンツールで三角形を描き、一部を切り抜きます。
レイヤースタイルを設定していきます。
シェイプレイヤーをダブルクリックしてレイヤースタイルを設定していきます。ドロップシャドウを設定

シャドウ内側を設定

境界線を設定。

グラデーションオーバーレイを設定

現在の状態設定後は、このような状態になります。
ノイズを加えます。
スマートオブジェクトに変換
まず、シェイプレイヤーを選択し、右クリックから「スマートオブジェクトに変換」しておきます。

ノイズを加える次に上のメニューにある「フィルター」「ノイズ」「ノイズを加える」を選択し、値を設定します。
縫い目を作成します。
縫い目を作成
「テキストツール」より「縦書き文字ツール」を選択し、[-]を連続して入力していきます。カラーは #2e81c6です。このようにすることで縦の点線ができます。

1pxずらす今作成したレイヤーを複製します。そして右に1pxだけ移動し、カラーを#7dc2e7にします。

反対側にコピーこれを反対側にもレイヤーをコピーすれば完成です。

楽してプロっぽいデザイン|Forty-N-Five Blog Trackbacks

このエントリーのトラックバックURL

コメントを投稿

Name:
Mail:
URL:
この情報を登録しますか?

Photoshopで布生地っぽいリボンタグを作成する方法の前後の記事

前の記事は「Photoshopで風景写真をより魅力的に色補正する方法

次の記事は「Photoshop(フォトショップ)で写真に雨を合成する方法

関連する情報

              

楽してプロっぽいデザイン|Forty-n-FiveBlog ホームへ戻る

検索

最近のエントリー

カテゴリー

月別アーカイブ

タグクラウド

管理人紹介

ポートフォリオサイト|Forty-N-Five

フィードを取得

フィードを取得する

スポンサードリンク

運営SHOP

健康美人30代から始める美と健康は、MovableTypeを使用して制作した通販サイトです。

健康美人30代から始める美と健康 もてもてSHOP NOLOOKS 和彩

元気をくれた本

「夢をかなえるゾウ」この本に出会えて良かったとホントに良かった思います。Webには関係ないですが、これからの人生を楽しくしてくれる本です。ガネーシャどうもありがとう(笑)

Copyright Forty - N - Five. All rights reserved.