見出し画像

【広告運用者・Webデザイナー必見】クリエイティブ作成でマジで使えるツール95選

いっさ@Facebookに認められた男

先日、Twitterで告知させていただいたデザイン系のツール紹介がいいね80を達成したので、私が使っているデザインツール(王道～ニッチなもの)をnoteにまとめてみました！

これよりも以前に『photopea』のツール紹介もしたのですが、そちらのツイートも反響がありました

今回は、●素材　●編集　●作成　●その他　の大きく3つのカテゴリーに分けてご紹介します。

【宣伝】
11月下旬に『GTMを使用したコンバージョンAPI設定方法』のRT企画を行う予定です。コンバージョンAPI設定したいけど、メリット・導入方法がいまいちわからない人向けに作成中です。これを読めば、概要・導入が出来るようになる資料です！
webの最新情報が入手しずらい企業のマーケティング担当者や個人アフィリエイター向けに書いています。代理店の方にとってはクライアントへの説明資料に使えるような資料になっています。
11月下旬に告知するので興味ある方はぜひRTしてください！


画像1

クリエイティブ作成などに使える！デザイン系ツール95選
●素材

＜画像系＞　

王道3つをまずはご紹介!!
写真AC【フリー画像】　　　
→無料ダウンロードが豊富　まずは写真ACで探せ

Shutterstock【フリー画像】
→３億点以上もクオリティー高い画像があるのはここ

PIXTA【フリー画像】
→日本人向けの画像が揃い、検索もラクラク

ちょっとマニアックなサイト
プロフォット【フリー画像】
→プロカメラマンが撮影した画像が無料で使える

Unsplash【フリー画像】
→風景の画像がどれもフリーで利用できる　とにかくクオリティが高い

BURST【フリー画像】
→Shopifyが運営し　完全無料＆ダンロード数制限なし

PictArts【フリー画像】
→イラストのカテゴリーが豊富で欲しいイラストが見つかる

FIND/47【フリー画像】
→日本の景色に特化した画像サイト　シーンや四季で探せるのが面白い

Storyset【フリー画像】
→差し込むだけでオシャレになるイラストサイト　人物やシーンが豊富

Kaboompics【フリー画像】
→写真のカラーパレットが見れたり、色で検索できる

Reshot【フリー画像】
→海外のオシャレ画像はここにお任せ

O-DAN【フリー画像】
→世界中のフリー素材が集まるサイト 40サイト分がまとまっている

oishiso【フリー画像】
→美味しそうな食べ物を探したい時はここに限る　和洋中を超えてある

https://oishiso.jp/

Adobe Stock
→Adobeがフリーで提供しているサイト

Storyset
→スタイル（人）やカラーを変更できるので用途に合わせて使いやすい

pexels【フリー画像】
→インスタグラムで見かけるおしゃれ画像が揃う

https://www.pexels.com/ja-jp/

Many Pixeis
→色でイラストを検索することができる

shigureni
→最近SNSでよく見かける話題イラストサイト

Open Peeps
→自分が思い描いている人物に会える？人物特化イラストサイト

Linustock
→線画のイラストが欲しければここ

ソコスト
→親しみの湧くイラスト素材集多数

ビジネス素材
→ビジネスシーンにあった人物イラストサイト

ちょうどいいイラスト
→記事に使いやすいイラスト多数

Loose Drawing
→カラーを自分好みに変えられる

unDraw
→StorysetよりシンプルでHPにも使いやすいイラストがたくさんある


Tech Pic
→テック系イラスト・素材が集まっており、IT系のデザインにはぴったり。

＜アイコン＞

icoon-mono
→シンプルなアイコンを挟みたい時はここを見とけば間違いなし

Simple icons
→企業関連のロゴが豊富　デザイン性が高いものが多め

icons8
→ポップで可愛いイラスト・アイコンが豊富

FLAT ICON DESIGN
→色使いが可愛い使いやすいアイコンが多数

FLAT ICON DESIGN
→色使いが可愛い使いやすいアイコンが多数

Material icons
→Googleが提供しているマテリアルアイコン。SVGとPNGでダウンロード可

Lordicon
→アニメーション付きのアイコンが集まっている


Sketch App Sources
→ワイヤーフレームやUIデザインの素材もある

Mockup World
→各デバイスのモックアップデータが豊富に揃っている


＜音楽・動画系＞

MusMus　※著作権表示必要
→BGMを豊富なカテゴリで検索が可能　登録不要でダウンロード可能

ニコニ・コモンズ　※著作権表示はまちまち
→利用目的が明確な素材が見つかる

甘茶の音楽工房　※著作権表示は任意
→豊富なイメージから素材が探せる

Youtube オーディオライブラリ
→YouTube Studio にある機能　音楽・効果音がある　まずはここから見るのもあり

pexels
→世界中の動画素材が配布されているサイト

https://www.pexels.com/ja-jp/

Creative Center
→TikTokが出している広告政策に使用可能なフリー音源が見つかる

Bensound
→著作権無料サイト　高音質なため使いやすい

●編集　

Davinci Resolve　【動画編集】
→無料で高度な動画編集ができる

Photopea　【画像編集】
→photshop無料verと言っても過言ではない

Pixlr　【画像編集】
→まるでphotoshopを使っている感覚　簡単に操作可能

写真を浮き彫り風の画像にする加工
→浮き彫りももちろん画像の加工が無料でできる

remove　【人物切り抜き】
→画像を入れるだけで自動的に切り抜いてくれる。

集中線追加ツール
→強調させるにはもってこいのツール　細かい設定までできる

●作成　〇〇が作れちゃう

PlainStyle　【フォント変換】
→20以上のフォントをその場で変換できる　英語が特に可愛い

タグの部屋　【文字装飾】
→文字の色やアズを自由に指定して、好きなタグを作成できる

Vroid　【VRキャラ作成】
→3Dキャラクターが誰でも簡単に作れる

LOGO MAKER　　【ロゴ作成】
→オリジナルのロゴをテンプレートを利用して作成ができる

Hatchful　【ロゴ作成】
→業界・用途などを選ぶとでロゴ候補を出してくれる

AutoDraw　【画像作成】
→自分で描いた絵を画像にできちゃう

beautiful.ai　【資料作成】
→ビジネス資料をおしゃれに作成できる

オンラインプレゼンテーションソフトウェア　【資料作成】
→視覚に訴えてくるスライドが作れる　グラフが多い資料におすすめ

Crello　※著作権表示必要　【クリエイティブ作成】
→Instagram・Facebook投稿からPinterestまでのクリエイティブのテンプレが揃う

Canva  【クリエイティブ作成】
→デザイナークオリティーのクリエイティブを素人でも作れる

https://www.canva.com/

メガトリ【キャッチコピー作成】
→キーワードを入れるだけでコピー候補がたくさんある

コピーメカ　【キャッチコピー作成】
→細かい設定で自分に合ったキャッチコピーを教えてくれる

ニゴロデザイン　【ホームページ作成】
→サイト作成時のタイトル候補や本文提案までしてくれる

ButtonMakerアフラット　【ボタン作成】
→自分好みのボタンを簡単に作れる

もじまる　【特殊画像作成】
→LINEのトーク風画像が作れちゃう

BANNER　KOUBOU
→スライド状のGIF作成に便利

Renderforest　【動画作成】
→動画テンプレートからクオリティの高い動画が作れる

●その他

・配色

ColorSpace
→指定したカラーコードからおすすめのカラーパレットを作成してくれる

Happy Hues
→WEBデザインに合う配色をコピーできる

フォルトゥナ
→個人的にものすごくおすすめ　配色プレビューまで見れる

・フォント確認

ためしがきためしがき
→豊富なフォントの見え方が知れる

・素材確認

placeit　　【素材確認ツール】
→モックアップ作成ツール　デザインの修正点を見つけられる　※検索時は　モックアップで検索

・GIF作成,圧縮,サイズ変更

Animated GIF editor and GIF maker
→めんどくさい変換もこれで楽ちん

ILOVE IMG
→画像を軽くしたい時に使える

■競合分析におすすめ

・Facebook

FACEBOOK広告ライブラリー

・TikTok

TikTok Creative Centerz

・YouTube

 YouTube広告まとめサイト 広告動画研究所
→多くのタグを使って自分が見たい広告が探せる

・バナー・サイト

レトロバナー
→バナーのクリエイティブを色んな検索方法で見れる

Facebook広告集めました
→業種をカテゴリー分けしてみることができる

Banner Design Archive
→バナーのサイズなど細かい設定で自分が気になるバナーを見られる

LP ARCHIVE
→他の人のLPが見れる

ikesai　【サイト】
→イケてるサイトが丸わかり


●おまけ

デザイン研究所　【サイト】
→デザインの勉強をするにはもってこいのサイト

お道具箱
→デザインやコーディング、ツールに関する情報をまとめたサイト

マネるデザイン研究所
→デザインの真似したいポイントを解説しているので引き出しが増える

コリス
→デザイン情報もさることながらお得な情報も発信している

ColorZilla【Google Chrome拡張機能】
→カラーコードがわかる

Design Mode【Google Chrome拡張機能】
→Webページの文言をいじれる。

Whatfont【Google Chrome拡張機能】
→何のフォントが使用しているのかわかる

MUUUUU.ORG
→綺麗めで最近のホームページデザインが多い

bookma
→PCとスマホのデザインを比較して見れる。

RWDJP
→レスポンシブWebデザインの変化が分かりやすい

SANKOU!
→フィルター検索機能が地味に使いやすい

I/O 3000
→10年以上前のサイトも見れる

現代デザイン
→サイト内でブックマークができ、お気に入りリストが作れる

Web Design Clip
→海外のサイトも載っていて参考になる

URAGAWA
→どこの会社がデザインしたかを知れる

Parts
→ヘッダーやメインビジュアルなど、パーツごとにデザインが表示される

Mobbin
→UIのデザイン参考はここ

●デザイン関連スクール

デイトラ　WEBデザインコース


chot.design

ゼロイチラボ　FigmaでWebカンプを作ろう！




この記事が気に入ったらサポートをしてみませんか？