タカフミのデザインについて思うことタカフミのデザインについて思うことはじめてのコーディングはじめてのデザインillustratorPhotoshopSketchFigma仕事のご依頼ホームウェブサービスアイキャッチを作成するサービスを作ってみた話2017/10/31SHAREツイートシェアはてブGoogle+PocketLINEこんにちはタカフミです!みなさん、ブログに使用するアイキャッチ画像の作成って面倒じゃありませんか?月に1、2本しか記事を更新しない僕ですら面倒になるのですから、一生懸命ブログを運営されている人にとってはもっと面倒なのではないのでしょうか?専用のグラフィックソフトがあればいいですが、あったとしてもアイキャッチのためだけにデザインソフトを起動してunsplashで見つけた良さげな画像を配置。その上にテキストとマスクを被せて書き出しという一連の作業は大変です。僕はいつもブログの記事を書き終えたあとに、このアイキャッチ画像の作成をするのがホーントに嫌でした。Generatorというウェブサービスを作りました。ウェブサービスというと大それた凄いものに思いますが、アイキャッチジェネレーターは名前からも分かる通りアイキャッチを作成するだけのシンプルなサービスです。専用のグラフィックソフトがなくてもブラウザ上で誰でも簡単にシンプルなアイキャッチ画像が作れるようになります。アイキャッチ画像を書き出すアイキャッチジェネレーターの使い方アイキャッチジェネレーターは誰でも簡単にアイキャッチが作成できるようにデザインされています。こちらのリンクをクリックしてアイキャッチジェネレーターに移動します。アイキャッチの比率を選ぶSTEP1のところから作成したアイキャッチ画像の比率を選ぶことができます。ここでは真ん中の比率にしてみたいと思います。背景画像をアップするSTEP2ではお持ちの背景画像をアップします。unsplashなどから良さげな画像を選んでアップしてみてください。画像のアップロードが完了すると、いい感じに画像が自動的に中央に配置されるようになります。記事のタイトルを入力STEP3では記事のタイトルを入力します。テキストエリア内で入力したとおりにテキストが追加されます。改行の位置はバランスをみながら調整します。更新をクリックすると、画像の上に入力したテキストが追加されます。記事タイトルの入力が完了したらフォントを変えてみましょう!STEP4のところからゴシックや明朝体などのフォントを選んで、適用するをクリックするだけです。アイキャッチ画像を書き出す残す作業は画像を書き出すだけです。STEP5のところにある書き出すをクリックします。作成したアイキャッチ画像がダウンロードされます。CLOUDはビジネスをされている方をデザイン面でサポートする定額制のデザインサービスです。デザイナーが完全定額・無制限で、あなたに代わって、広告やバナーなどビジネスに必要なデザイン関連の業務をプロのクオリティで行います。面倒な年契約はなく、業務に応じて柔軟にご利用いただけます。苦手なデザイン業務に時間を割く必要はありません。趣味で作ったウェブサービスが大手VCの目に止まったことがキッカケで、教育系ベンチャーで働くことになったデザイナー兼エンジニア。現在はフリーのクリエイターとして活動中。ウェブサイトやアプリケーションの開発を行うかたわら、ウェブサイトやアプリのUIデザインもしています。個人で独立・開業される方のビジネスをロゴ、名刺、ウェブサイトなどを通じてブランド面からトータルでデザインすることが得意です。デザインについてのご相談はこちらのフォームからお問い合わせください。次の記事メモが簡単に残せるアプリ「Suguny」を作りました!デザインコースアプリ日々のデザイン業務で困っていた事を解決するために、タスクとフォルダを同時に管理できる超シンプルなタスク管理アプリを作りました。思いついたアイデアをサクッとメールに送信できるiPhone専用のメモアプリです。趣味で作ったウェブサービスが大手VCの目に止まったことがキッカケで、教育系ベンチャーで働くことになったデザイナー兼エンジニア。現在はフリーのクリエイターとして活動中。ウェブサイトやアプリケーションの開発を行うかたわら、ウェブサイトやアプリのUIデザインもしています。個人で独立・開業される方のビジネスをロゴ、名刺、ウェブサイトなどを通じてブランド面からトータルでデザインすることが得意です。フリーランスのデザイナーさん向けに超シンプルなタスク管理アプリDesignBoxを作っています。デザインについてのご相談はこちらからお問い合わせください。