WordPressテーマ「Grider (tcd015)」

WordPressテーマ「Canvas (tcd017)」

WordPressテーマ「Chill (tcd016)」

© STUDIO-colorz All rights reserved.

【Photoshop】おしゃれなリボンの作り方教えます♥(PSDファイル付き)

WEBデザインで王道中の王道の図形、「リボン」ですが、複雑そうに思えて案外簡単にできちゃうんですよ。
図形としては簡単だけど、ポチポチパスを打っていく必要もありません。

今日は、リボンの作り方を伝授しますね。



シェイプで簡単に形成!

多角形のシェイプを使います。
これがリボンの原型になります。

そしたら、左側半分のパスを指定して、平行移動します。
↓こんなふうにね。

これが、リボンの原型になります。



更に効果をつけてバリエーションを出していきましょう!

次に、効果をつけてリボンに立体感を出しましょう。

スタイルの内容を公開しますね。



リボンに動きをつけてみよう!

今度はリボンをアーチ型にしてみましょう。
これも簡単にできちゃいますよ。
[編集]-[自由変形]より[円弧]を選択します。

カーブはハンドルで調節できます。
お好みに合わせてください。



波形も同じように形成できます。
試してみましょう。



いかがですか?
案外簡単でしょ?

そんなの面倒!という方のためにDLファイルを用意致しました。
こちらのファイルをDLしてくださいな(*^^*)

ribbon−a



null

関連記事

20207/16

ファビコンの設定の仕方

「https」に変更してから、ファビコンも表示されなくなったので、 再設定しようといろいろ調べてたら・・・ やだ! めちゃ簡単…

20207/11

コロナで注目されている契約書 ネットで契約書を結ぶ時代【CloudSign – クラウドサイン】

今日は私がお世話になっているオンライン契約書をご紹介致します。 フリーランスでお仕事をする場合、欠かせないのが契約書になってきます…

20202/7

WEBデザイナーさん必見! おすすめのポートフォリオ【無料WordPressテーマ】

WEBデザイナーさんが自分の作品を見せる時に、 ポートフォリオがまとめられたら見やすいですよね。 私が使ったことのあるテーマから、これか…

20202/3

【SSL化対策】WordPressのURLを「http」から「https」に変更する方法

SSL化対策、今までやってなかったんですよね。 なんか面倒くさくって・・・ でもね、セキュリティ面を考えてもねやったほうがいいんだな…

20199/9

【WordPress】プラグインのアップしたら「Parse error」が出たし

げ!!!!! プラグインアップしたらサイト真っ白だし!!!!! Parse error: syntax error, unexpec…

ページ上部へ戻る