nagumo

未分類

プロンプト生成ツール・解析ツール

画像生成AIプロンプトジェネレーター画像生成AIプロンプトジェネレーターは、日本語で要素を選ぶだけで、自動的に英語のプロンプトを生成してくれる無料ツールです。会員登録は不要で、サイトにアクセスすれば誰でもすぐに利用できます。「品質」「メイン要素」「背景・場所」「表現スタイル」など9つのカテゴリに分かれた項目をクリックしていくだけで、直感的にプロンプトを組み立てられます。Stable DiffusionやMidjourneyといった主要な画像生成AIに対応しているのも便利なポイントです。GeneratePrompt.netAIプロンプトジェネレーター: 簡単なメモ書きや短い要望から、AIがしっかり理解できる詳しい指示文を作ってくれます。プロンプトライブラリ: 仕事や日常でそのまま使える便利なテンプレートを探して使えます。その他の便利ツール: AIが作った文章を人間らしい自然な表現に直す機能や、プロンプトのチェック機能もあります。AI画像からプロンプトへのジェネレーターAI画像解析ツールと画像からプロンプトへ変換ツールを使って、あらゆる画像を即座に解析し、極めて高精度なAIテキストプロンプ...
未分類

NotebookLM活用アイディアまとめ

Web制作業務において、AIを活用した情報整理・業務効率化が不可欠になっています。Googleが提供する「NotebookLM」は、一般的な生成AIと異なり、「登録した社内資料・仕様書・議事録のみを根拠にして回答する」という強い特徴を持っています。ハルシネーション(嘘の回答)を防ぎ、プロジェクト専用の「AIアシスタント」として非常に優秀です。本記事では、Web制作会社におけるフェーズ別の活用アイディアと、社内資料からインフォグラフィック(図解資料)を自動作成する手順をまとめました。初めての方は下記を参照🏢 フェーズ別・NotebookLM活用アイディア一覧日常業務のあらゆるフェーズで、案件専用のノートブックを作成して活用できます。フェーズ具体的な活用方法期待できる効果営業・提案RFP(提案依頼書)やヒアリングシートを読み込ませ、課題と解決案を構造化。提案書の骨子を作成。提案作成のスピード化・視覚的説得力の向上要件定義打ち合わせの議事録テキストから【決定事項】と【保留事項】を抽出し、仕様の「言った言わない」を防止。要件漏れ・トラブルの削減デザインクライアントのCI/VIガイドラインを登録...
生成AI

BananaX AI無料のスタイル辞典

画像生成AIで使える300種類以上のインフォグラフィックやデザインのプロンプト(指示文)をまとめた無料のスタイル辞典です.。主な特徴と使い方300種類以上の豊富なデザインサンプルを掲載。ビジネスや教育など、目的に合わせてカテゴリから選べる。プロンプトをワンクリックでコピーし、AI(GeminiやNotebookLMなど)に貼り付けるだけの簡単操作。無料・登録不要で利用可能。具体的な利用手順公式サイトにアクセス登録不要のため、ブラウザでBananaXのページを開くだけで準備完了です。デザインを選ぶカテゴリや一覧から、作りたいイメージに合うインフォグラフィックを探します。プロンプトをコピー選択したデザインに用意されている「コピー」ボタンを押して、指示文を取得します。AIツールに貼り付けて生成ChatGPTやGemini、NotebookLMなどのAIにペーストし、作成したいテーマのテキストを追加して実行します。対応・活用できる主なAIツールNotebookLM元データを読み込ませた上でBananaXのプロンプトを適用し、資料の図解化やまとめ画像を生成するのに最も推奨されている組み合わせの一...
ツール

SeaArtでWebデザイン用画像を生成する方法

写真風のメインビジュアル、サービス紹介用イラスト、3Dアイコン、線画素材、ブログのアイキャッチなど、Web制作で必要になるさまざまな画像を作成できます。ただし、モデルやLoRAによって得意な表現、推奨設定、商用利用条件が異なります。この記事では、SeaArtをWebデザインに利用する際に知っておきたい基本用語、設定方法、プロンプトの作り方、商用利用時の注意点を紹介します。SeaArtで作成しやすいWeb用画像SeaArtは、次のようなWeb素材の作成に向いています。Webサイトのメインビジュアルブログや新着記事のアイキャッチサービス紹介用のイラスト3Dアイコンや装飾パーツ人物やオフィスのイメージ写真背景画像やテクスチャ線画や水彩風の装飾素材ラフ画像を元にしたデザイン案バナー制作前のビジュアル案最初から完成画像を1枚だけ作ろうとするより、複数案を生成し、構図や雰囲気を確認しながら修正していく使い方が適しています。画像生成で使う「Checkpoint」と「LoRA」の違いCheckpointとはCheckpointは、画像全体の基本的な画風や表現を決めるベースモデルです。例えると、次のよう...
Photoshop

Photoshopで使える生成AI・便利機能まとめ

Adobe Photoshopには、Adobe Fireflyを活用した生成AI機能のほか、写真補正、合成、テクスチャ作成、ニューラルフィルターなど、制作時間の短縮に役立つ機能が多数用意されています。本記事では、社内制作で活用しやすい機能を中心に、概要・基本操作・活用例をまとめます。この記事で確認できることオブジェクトを回転・変形する画像の一部を生成して合成する生成塗りつぶしで差し替える・広げる調和で合成画像をなじませる肌をスムーズに補正するNano Bananaで画像編集を試す透明な立体文字を背景になじませるテクスチャを生成して写真に重ねるエフェクト画像を生成して合成するCamera Rawでガラスの映り込みを補正するニューラルフィルターで人物写真を加工するパターン・グラデーション・モックアップ素材を作る1. オブジェクトを回転・変形する配置した画像やオブジェクトの角度を調整したいときに使います。商品の向きや見せ方を変えたい場合に便利です。オブジェクトを回転・変形するオブジェクトを回転・変形するオブジェクトを回転・変形するオブジェクトを回転・変形する基本的な操作の流れ対象のレイヤーを...
Photoshop

Adobe Firefly・Photoshop・Illustratorの生成AI機能の違いと使い分け

Adobeの生成AI「Firefly」は、ブラウザで利用するFirefly Web版だけでなく、PhotoshopやIllustratorの中にも組み込まれています。同じFireflyの技術を使用していますが、それぞれ得意な作業が異なります。Firefly Web版:アイデアや素材を幅広く生成するPhotoshop:画像を修正・合成し、自然に馴染ませるIllustrator:編集可能なベクターデータを作るこの記事では、画像・イラスト制作における3つのツールの違いと、実務での使い分けを紹介します。まずは3つの役割を確認アイデアや素材を複数作る ↓ Firefly Web版 ↓写真・構図・光・影を調整する ↓ Photoshop ↓線・形・色を編集できる素材にする ↓ Illustrator必ず3つすべてを使う必要はありません。作りたいものや納品形式に合わせて、1つのツールだけを使う場合と、複数のツールを組み合わせる場合があります。機能・得意分野の比較比較項目Firefly Web版PhotoshopIllustrator主な役割アイデア出し・素材生成写真編集・合成・レタッチベクター制作・...
生成AI

AIが思ったように動かないときに見るページ

AIは思ったような出力をしないことが多々あります。いちいち立ち止まっていては時間がもったいないので、そのときはこのページを見ましょう。とりあえず読み飛ばしてOKですが、AIが思ったのと違う回答をして困ったときに、このページを確認してください。そして、書かれているプロンプトを入力してみてください。もし、それでも解決しなければ、新しいチャットを開いてゼロからやり直すことをおすすめします。各シチュエーションとプロンプトQ英語で返ってきたA日本語で回答してください。Q回答の途中で止まってしまったA続きを出力してください。Q思ったより良い回答をしてくれなかったA他にもいくつか提案してください。Q過去の回答に引っ張られているAメモリを消してください。QAIが言っている内容がよく分からないA中学生でも分かるように出力してください。QAIからの回答が長すぎて読む気になれないA簡潔に回答してください。QAIからの回答が本当かどうか分からないAWeb上の情報を基にファクトチェックをしてください。QAIが「できない」と回答したAできるはずです。以前同じ依頼をしたときはできました。あなたの限界を超えてください...
Photoshop

Photoshop写真の上にテクスチャやエフェクト画像を合成 

Photoshopで写真の上にエフェクトやテクスチャ画像を重ねる際、描画モードの「スクリーン」を適用すると、画像の黒い部分が透過され、光やテクスチャだけを自然に合成できます。さらに「マスク」を組み合わせることで、不要な部分を隠したり、効果の強弱を簡単に調整できます1. 写真の上にテクスチャ・エフェクトを重ねる基本手順画像の配置: テクスチャや光のエフェクト画像を、加工したい写真レイヤーの「上」に配置します。 描画モードの変更: 配置したエフェクトレイヤーの描画モードを「通常」から「スクリーン」に変更します。これで暗い背景が消えてエフェクト部分だけが写真に馴染みます。マスクの追加: エフェクトレイヤーを選択し、レイヤーパネル下部の「レイヤーマスクを追加」アイコンをクリックします。不要部分の調整: 描画色を「黒」にしたブラシツールで、エフェクトを消したい部分(人物の顔など)をマスク上でなぞると、その部分のエフェクトだけを自然に消去できます。2. 活用テクニックとおすすめの設定不透明度の調整: スクリーンだけでは効果が強すぎる場合、レイヤーの「不透明度」を50%〜70%程度に下げると、写真と...
フォント・タイポグラフィ

デザイナーがよく使う定番フォントまとめ

Webサイト、バナー、チラシ、資料などのデザインでは、フォント選びによって印象が大きく変わります。この記事では、デザイナーがよく使う定番フォントを中心に、実務で使いやすいフォントを用途別にまとめました。「どのフォントを選べばよいか迷う」「サイトやバナーの雰囲気に合うフォントを探したい」「まず押さえておくべき定番フォントを知りたい」というときの参考にしてください。※フォントを使用する際は、商用利用の可否やライセンスを必ず配布元・提供元で確認してください。フォントを選ぶときに確認したいことフォントを使う前に、以下の点を確認しておくと安心です。商用利用できるかWebサイトや広告、チラシ、SNS画像など、仕事で使う場合は商用利用の確認が必要です。Webフォントとして使えるかWebサイトで使用する場合は、Google FontsやAdobe Fontsなど、Webフォントとして利用できるかを確認します。太さの種類があるか本文・見出し・ボタンなどで使い分けるため、Regular、Medium、Boldなど複数の太さがあるフォントは便利です。読みやすいかデザイン性が高くても、本文で読みにくいフォント...
フォント・タイポグラフィ

日本語フリーフォント

デザイン制作に役立つ日本語フリーフォントまとめバナーやWebサイト、チラシ、資料などの制作では、使用するフォントによってデザインの印象が大きく変わります。この記事では、デザイン制作に取り入れやすい日本語フリーフォントを、書体やイメージ別に紹介します。記事の後半では、目的に合ったフォントを検索・比較できるサイトもまとめています。イメージ別おすすめフォント早見表作りたいイメージおすすめフォントシンプル・読みやすいNoto Sans Japanese、M+ FONTSやさしい・親しみやすい源柔ゴシック、フロップデザインフォントモダン・スタイリッシュスマートフォントUI、マキナス4企業・信頼感コーポレート・ロゴ、コーポレート明朝上品・和風はんなり明朝高級感コーポレート明朝、刻明朝フォントレトロむつき、幻ノにじみ明朝手作り・温かいうずらフォント子ども向けこども丸ゴシック漫画・吹き出しやさしさアンチック個性的なロゴマキナス4、GD-高速道路ゴシックJA読みやすく汎用性の高いゴシック体資料やWebサイト、バナーなど、幅広い制作物に使用しやすいゴシック体です。Noto Sans Japanese/源ノ...
Illustrator

Illustratorで使える生成AI・便利機能まとめ

Adobe Illustratorには、Adobe Fireflyを活用した生成AI機能のほか、イラストの変形、配色変更、画像のベクター化など、制作時間の短縮に役立つ機能が多数用意されています。今回は、デザイン制作で活用しやすい機能と基本的な操作方法をまとめます。1.手描き風のベクターイラストを生成する生成AIで作成したイラストを手描き風に仕上げたい場合は、次の3つの方法が活用できます。方法1:プロンプトに画風を追加する生成時の指示に「ペン画」「線画」「手描き風」などを加えることで、希望するタッチに近づけます。方法2:「効果:落書き」を利用する生成時の効果から「落書き」を選択すると、ラフな線や手描き感のある表現を作りやすくなります。方法3:「スタイル参照」を利用する参考にしたい画像をスタイルとして指定し、その雰囲気を反映したベクターイラストを生成します。既存のイラストとトーンをそろえたい場合にも便利です。活用例:挿絵、アイコン、線画、手描き風の装飾素材など参考リンクYouTube動画Adobe Blog:手描き風ベクターイラストの生成2.意図した角度のイラストを作成する正面向きだけでな...
Illustrator

フォントの種類を調べる

Adobe Fonts を使用してフォントを探す認識、照合できるのは、ラテン文字 (A-Z, a-z) のみIllustrator Retype を使用してフォントを探すアウトラインデータより「欧文」または「日本語」を探す
Photoshop

Photoshop プロンプト [テクスチャ][光と影][天候・自然]

Photoshopで生成できる合成素材として役立つ画像のプロンプトをまとめています。[テクスチャ][光と影][天候・自然]などのテーマに関連したものを掲載しています。connecre_ps_textureダウンロード
Photoshop

Photoshop クイックマスク 強度

クイックマスクを使った生成塗りつぶしによる加工の強度の違いをまとめています。connecre_ps_brightnessダウンロード
生成AI

Firefly プロンプト [カラーとトーン][ライト][合成]

Firefly Webアプリにプリセットされている[カラーとトーン][ライト][合成]のプロンプトによる生成結果の違いをまとめています。connecre_firefly_styleダウンロード
生成AI

Firefly プロンプト [参照画像]

Firefly Webアプリにプリセットされている参照画像による生成結果の違いをまとめています。connecre_firefly_referenceダウンロード
生成AI

Firefly プロンプト[効果]

Firefly Webアプリにプリセットされている[効果]のプロンプトによる生成結果の違いをまとめています。connecre_firefly_effectsダウンロード
デザイン基礎/原則

イメージサンプル

3色だけえセンスのいい色 配色見本帳 ダウンロード
デザイン基礎/原則

デザイナーの時短術

生成AI

AIデザイン活用方法

デザイン基礎/原則

デザインに使える心理学

デザイン基礎/原則

デザインのあしらい

デザイン基礎/原則

ボタンデザイン

構図/レイアウト

見出しデザイン

構図/レイアウト

画像レイアウト

画像レイアウト/画像NGパターン/画像に文字を入れる方法
フォント・タイポグラフィ

おすすめフォント(書体)

フォント・タイポグラフィ

文字のトリセツ

下記
カラー・配色

配色サンプル

3色だけえセンスのいい色 配色見本帳 ダウンロード
カラー・配色

配色のトリセツ

デザイン基礎/原則

素人ぽいデザイン