みなさんこんにちは!おさかなです!
今回は「dddoodle」について、書いていこうと思います!
それでは、レッツゴー!!!!!
・SVGロゴ・デザインを探している方
・模様パターンをカスタマイズしたい方
・SVGフリー素材がほしい方
「dddoodle」って何?
「dddoodle」とは、無料で「SVG素材」が保存できるサイトのことです。専用のエディタから、カスタマイズも可能となっており様々なデザインパターンを入手できます!(いいね!)
![](https://osakanav.com/wp-content/uploads/2022/08/kify-top-160x90.png)
実際に使ってみよう!
模様を選択しよう!
それでは早速サイトにアクセスしましょう!
![](https://osakanav.com/wp-content/uploads/2022/10/dddoodle.png)
ページをスクロールすると、様々な「模様パターン」が見れます!(おー!)
![](https://osakanav.com/wp-content/uploads/2022/10/dddoodle1.png)
(顔文字もある…!😊)
![](https://osakanav.com/wp-content/uploads/2022/10/dddoodle2.png)
![](https://osakanav.com/wp-content/uploads/2022/10/dddoodle3.png)
気になるデザインを見つけたら、クリックしましょう!(ポチっと)
![](https://osakanav.com/wp-content/uploads/2022/10/dddoodle-select.png)
カスタマイズしよう!
クリックすると…このように模様の「編集ページ」が開きます。(ふむふむ…。)
ちなみに編集項目はデザインによって異なっており、今回使用する「bbburst」はこのようになっています。
![](https://osakanav.com/wp-content/uploads/2022/10/dddoodle-edit.png)
「透明度」や「柄の量」など、様々な設定が可能です。
![](https://osakanav.com/wp-content/uploads/2022/10/bbburst-opacity.png)
真ん中にあるボタンは「配置」を変更できます。(はい!)
![](https://osakanav.com/wp-content/uploads/2022/10/bbburst-iti.png)
16進数のカラーコードで、色を変更・削除・追加ができます!(グッド👍)
![](https://osakanav.com/wp-content/uploads/2022/10/EulC1zXXPSjc6wk1664879103_1664879115.png)
このデザインの場合は、三角や星などの「マーク」も選べます!
![](https://osakanav.com/wp-content/uploads/2022/10/bbburst-katati.png)
最初よりも、クラッカー🎉のようなデザインになりました!(わーい!)
![](https://osakanav.com/wp-content/uploads/2022/10/bbburst-like.png)
ランダムで柄を配置したい場合は、追従ボタンの「randomize」を押せばOKです。
![](https://osakanav.com/wp-content/uploads/2022/10/HfCiOz8junryH741664878886_1664879012.png)
ちなみに、プレビュー右上の「月マーク🌙」を押すと、ダークモードでの表示も確認できるので、ぜひ試してみてください!(おお!)
![](https://osakanav.com/wp-content/uploads/2022/10/dddoodle-dark.gif)
今回使用したデザイン以外にも、ブロックを配置できるものや…。
![](https://osakanav.com/wp-content/uploads/2022/10/dddoodle-box.gif)
ドット絵が描けるもの…。🎨
![](https://osakanav.com/wp-content/uploads/2022/10/dddoodle-bit.gif)
さらに「顔文字パーツ」もあったりするので、色々試してみると面白いでしょう!(わくわく…✨)
![](https://osakanav.com/wp-content/uploads/2022/10/dddoodle-face-1.png)
![](https://osakanav.com/wp-content/uploads/2022/09/next-iphone-top-160x90.png)
保存しよう!
デザインしたものは、追従ボタン「save」を押すと、SVG形式で保存できます。
![](https://osakanav.com/wp-content/uploads/2022/10/bbburst-save.png)
サイト埋め込みコード(HTML)を使用したい場合は、「copy」を押せばOKです!(お疲れ様でした🍵)
![](https://osakanav.com/wp-content/uploads/2022/10/bbburst-copy.png)
↓実際に作成したものがこちら
![おさかな](https://osakanav.com/wp-content/uploads/2019/08/osakana.jpg)
ローソンで売ってる、新作カヌレが美味しそうでだな…。
![ナビまる](https://osakanav.com/wp-content/uploads/2019/09/navmaru-2.jpg)
無駄遣いすんな!笑
これで全ての操作は完了です。(やった~!)
お疲れ様でした☕
ここまで読んでくださり、ありがとうございました!
![](https://osakanav.com/wp-content/uploads/2022/08/uchinoko-maker-top-160x90.png)
↓制作に携わった記事
『ソードアート・オンライン(SAO)』
— アニメイトタイムズ公式 (@animatetimes) October 4, 2022
正式サービス開始日まであと33日──
本日10月4日は、シリカのお誕生日!
魅力的な名言3選【注目ワード】#sao_anime#SAO10th#シリカ誕生祭2022https://t.co/yGawd1OFNN