最近みかけるデザインパーツ「アレ」

こんにちは。

今回は最近デザインの現場によくでてくる「アレ」のご紹介です!

「アレ」とは?

これです。

最近デザインでよく見ますよね!!

写真をこいつでマスクしたり、たくさん散らして柔らかい雰囲気を出したり…

まじでなんて名前なんでしょうね…これ? 豆…みたいなやつ。

デザインで使ってみよう!と思って作成方法を調べようと思ったら名前がわからないからググれないという笑

日本語でなんと呼ぶのかまだわからないんですが…英語だと「blob shape」「abstract shape」なんて言葉で書かれることが多いですね。

作り方

パスの造形ですからいっちょイラレで描いてみましょう。

まずは「ブラシ」を選択してざっくり大まかな形を描いてみましょう。
ほんとざっくりで。

うん、こんな感じ。
ブラシでかくと線だけになるので選択して色を反転しましょう。

塗りの色がついて形状がはっきりしました。
赤枠でくくった部分が直線的で気になります、修正してみましょう。

ブラシで描くとストロークの最終地点がつながりません。
この2点を選択して右クリックしたら「連結」をクリック。

そのまま、表示される◎をどちらでも良いので赤矢印方向にドラッグして引っ張りきります。

きれいに曲線化されたはずです。

残りも同じように修正して、それぞれに色などつければ出来上がり。

さらに気になれば「ワープツール」を選択して形状をぐにぐに変えちゃったりすると良いですよ!

Figmaでも

Figmaの場合もパスのツールがあるので気合で描けそうな気もしますがプラグインがあるのでそっちでやってみましょう。

こちらからインストール
https://www.figma.com/community/plugin/739208439270091369/Blobs

さっそくプラグインから実行すると…

ポップアップが出てきましたね!
もうこの時点で大体わかると思いますが「complexity」と「Uniqueness」で形状の複雑さと独自性をコントロールできます。

好きな形が決まったら「insert」ボタンでキャンバス上に出力。

お〜っ

このエリアにはどうしてもこの形が必要!って時があるのでイラレは結局つかうんですけどね。
ただこのお手軽さは相当便利。

以上、最近よくみかけるデザインパーツ「アレ」のご紹介でした!

それではまた。

■□■□■□■□■□■□■□■□■□■□

福岡のホームページ制作・運用は
株式会社レッドキリン

営業時間:平日9:00〜18:00

●福岡オフィス
〒810-0042
福岡市中央区赤坂1-12-6 赤坂Sビル2F
TEL:092-726-5550 FAX:092-726-5558

●宮崎出張所
〒880-0001
宮崎県宮崎市橘通西3-10-32
宮崎ナナイロ東館8FATOMica内

メールでのお問合せ
ホームページ制作実績
会社案内

■□■□■□■□■□■□■□■□■□■□

contact

ホームページ制作に関することなら、
バナー1個からでもお気軽にご連絡ください。

お電話でのお問い合わせ

<福岡本社・宮崎サテライトオフィス共通>
平日9:00〜12:00、13:00〜18:00まで。営業・セールス目的のお電話は固くお断りいたします。

092-726-5550 092-726-5550

メールでのお問い合わせ

ご相談をご希望の場合、まずはお問い合わせフォームよりご連絡ください。
確認後、担当者よりご連絡させていただきます。

お問い合わせフォーム

会社案内ダウンロード

社内で検討されたい方のために、弊社の特徴や実績、会社概要などをまとめた会社案内をご用意しています。ご自由にダウンロードください。

ダウンロードはこちら
yahoo!japanプロモーション広告

当社はYahoo!プロモーション広告の代理店です。
(福岡県福岡市中央区赤坂)

採用関連の電話営業やセールス目的でのお電話は業務の妨げとなりますので固くお断りいたします。
一度電話口でお断りした企業様は着信拒否登録をしております。ご了承ください。