WordPressテーマ「Grider (tcd015)」

WordPressテーマ「Canvas (tcd017)」

WordPressテーマ「Chill (tcd016)」

© STUDIO-colorz All rights reserved.

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

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

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



シェイプで簡単に形成!

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

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

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



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

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

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



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

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

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



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



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

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

ribbon−a



null

関連記事

20214/24

使いやすそうなサイトを厳選!AIが顔画像を加工しているサイト6選

結婚式の集合写真で目をつむってしまったり、ネクタイが歪んでいたり、昔そういう写真の修正をしていたこともあります。また、少し痩せているように…

20214/16

オンライン上でかわいく写真加工してくれるサイト紹介するよ

スマホで写真加工する方も多いかと思いますが、私は断然PC派です。そんなPC派な方に、パソコンで作業するときに役立つ、オンライン上でかわいく…

20207/16

ファビコンの設定の仕方

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

20207/11

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

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

20202/7

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

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

ページ上部へ戻る