[動画あり] シンプルなリボン[2] 作り方 │ PhotoShopでつくってみよう：チュートリアル WEBデザイン・イラスト

動画

📌シンプルなリボン[2] 作り方 │ PhotoShopでつくってみよう：チュートリアル WEBデザイン・イラスト
https://www.youtube.com/watch?v=84GYWQOKI8U

内容

かんたんにそれっぽいリボンができるPhotoShopチュートリアル動画。
初心者さん向け！

手順

リボンがかかる紙のようなものを用意する

白1色でも、パターンを敷いて素材感を出してもおもしろいです。
「紙」の画像素材を使うとリアリティが出るので、使っても良さそうなところでは使うといい感じになります。

横長長方形を用意する

大きさは適当に…このくらいかなというところで。パスをひきます。
「かかっている」の表現がしたいので、紙より少しだけ左側に作ります。

パスに点を打つ

右辺の中心にアンカーポイントを増やします。
調整は後で出来るのでそこまで厳密でなくてOK。

内側に点を移動する

切れ込みの表現を作ります。
切れ込み具合は自由でいいですがやり過ぎると不自然。

折れている後ろのリボンを作る

パスで適当に三角形を作り、リボン本体より少し暗い色を入れて、グラデーションで影を表現します。
こうすると一気に立体感が出ます。

アレンジ

リボン本体の色と、折れたリボンの色をお好きなものに変更するのはもちろん、動画のようにパターンを敷いてもかわいいです。