ChatGPTで画像を生成し、背景を切り抜く。 言葉で画像生成や画像編集の指示を出す。 日本語での指示出しでOK。 まずは切り抜いたい画像を用意。今回はChatGPTの生成画像を切り抜いてみる。 メッセージ（プロンプト）の例。 「可愛い２匹の猫が遊んでいる画像をお願いします。」 これで画像生成は完了。 （※スクショはダークモード時のもの。）...

ChatGPT GPT-4oの画像生成、Image Generation。 Image Generation（Image Gen）の使い方例。 作りたい画像をメッセージで指示。 生成したい画像をテキスト入力で指示。 （※テキストメッセージのことをプロンプトとも呼ばれる。） 現在は生成に結構、時間がかかる。（今回は無料プランで生成。） メッセージ（...

Deep Researchとは？ ネット上を調査し、レポートにまとめる。 深く、しっかりと調べるDeep Research。 ChatGPTやGemini、Grokなど、主要な生成AIで一気に広がったDeep Research機能。 若干の名前の違いはあれど、基本的な機能は同じ。 要するに、インターネット上を「深くリサーチする」ことができる。 思考プロセ...

Figmaの縦書きプラグイン「Vertja」とは？ Figmaで文字を縦書きにしたいとき。 縦書き用のプラグイン。 Figmaは日本語対応はしているが、縦書きへの対応は現時点ではされていない。 デザイン上、縦書きにしたい箇所も出てくるので、プラグインがあると助かる。 Vertjaで縦書きができる。 Figmaの縦書きには、Vertical（バーティカル）...

FigmaのAI新機能、「背景を削除」。 プラグイン不要。Figmaだけで背景削除。 「ツールバー」>「アクション」>「背景を削除」。 FigmaのAI機能を使った削除ができるようになっている。 手順は簡単で、選択ツールで画像を選択し、下部にあるツールバーから、アクションへ進み、背景を削除を選ぶだけ。 背景削除の精度も、徐々に高まると思われる。 （※20...

若い頃から早死にすると思われていたKeith Richards。 。 薬物とアルコールに溺れ、タバコを吸い続けたキース・リチャーズ。 Richardsではなく、Richardの名でデビュー。 薬物、酒、タバコ、それでいて不死身というイメージが定着している、Rolling Stones（ローリング・ストーンズ）のKeith Richards（キース・リチャーズ...

Figmaのエクスポートによる書き出しは4種類の画像形式。 PNGのメリット。 どうしてPNGなのか？ Figmaのエクスポート（画像書き出し）は、デフォルトではPNGとなっている。 PNGはUI/UXデザインを行うときに便利で、アイコンやボタン、ロゴなどを書き出しやすい。 イラストやトリミングされた画像も、PNGが向いている。 PNGは透過が可能。 ...

イラストを画像トレースでベクターへ変換。 「画像トレース」の機能は、ペンやデジタルツールなどで描いたイラストなどの、JPGやPNG形式の画像をベクター化することができる。 使い方は簡単で、数ステップで可能。 アートボードにJPGやPNGなどを配置する。 今回はフリー素材サイトの（イラストAC）のイラストを使用。 （※フリー画像でも改変禁止のものもあるの...

ブルーライトカットとUVカット効果の体験談。 ブルーライト&UV。カット率90%超のオーバーグラス。 オーバーグラスのメリット。 既存のメガネの上からかけられるオーバーグラスは、安くて便利。 ブルーライトとUV（紫外線）がそれぞれ90%以上のカット率があるタイプは、確かに効果が感じられた。 オーバーグラスのデメリット。 メガネが二重になるため重い。長時間...

Figmaでのマスクのかけ方。 FigmaのマスクはIllustratorやPhotoshopと少し違う。 イラレと違い、フォトショとも違う。 Figmaのマスクのかけ方は、Illustratorのクリッピングマスクと違い、Photoshopのクリッピングマスクともちょっと違う。 オブジェクトと重ね順。 FigmaやIllustrator、Photoshopで...

Figma Slidesとは？ Figma Slides。スライドがテンプレートから作れる。 Figma Slidesの使い方について。 Figma Slidesは現在ベータ版として用意されており、アカウントがあれば2025年初頭まで無料で使用が可能。 使い方はシンプルで直感的。 使い方は簡単で、テンプレートなのですぐに慣れる。 スライド画面のサイズはモ...

UI3というFigmaのインターフェイス。 FigmaのUI3ベータ版に。 FigmaのUI3ウェイティングリストから。 ウェイティングリストに登録していたFigmaのUI3が、ベータ版として使用可能となっている。 （※スクショはダークモード時のもの。） UI3と従来のUIの違い。 ツールバーが上部から下部へ移動。 大きな変化としては、以前...

WordPressと生成AI。 AIによる生成サイト。 AI生成サイトの現在地。 たまに、AIによりWebサイトがあっという間にできあがった的な情報を見る。 そうなれば仕事の効率が良くなり、生産性が上がるかもしれない。 ただし、生成AIやデザインツールのAI機能によって作られたWebサイトが、WordPressのようにデータベースも作りました、...

生成AIとデザインの交差点。 AIと画像生成・イラスト生成。これからの創作。 AI生成のテクノロジーと、アナログ作業の創造性。 すでにAI（人工知能）は、さまざまな分野で急速に進化しており、デザインの世界もその例外ではなくなった。 その中でも特に注目されているのが、OpenAIの生成AI、ChatGPT。 AIのイメージを超えた性能。 当...

Figmaで日本語フォントが無料で。おすすめな33選。 無料で商用利用も可能な日本語フォント。 日本語フォントのまとめ。 Figmaで使える無料の日本語フォントがまとめられている。 33種類あり、商用利用も可。 （※細かな利用条件は各フォントの公式サイトでチェック。） 参照：無料で商用利用も可！日本語フォント集 / Free Japane...

Figmaのエフェクト機能でぼかし。 Figmaには4種類のエフェクトがある。 Figmaにデフォルトで備わっているエフェクトは下記の4種類。 インナーシャドウ ドロップシャドウ レイヤーブラー 背景のぼかし （※「ブラー（Blur）」は日本語で「ぼかし」の意味。） この中の、「レイヤーブラー」と「背景のぼかし」で、写真にぼかしをかけることができる。...

Illustratorのショートカットキー一覧。 イラレのショートカットキー一覧が。 Ai おすすめショートカットキーリスト。 Adobe Creative Cloudのチュートリアル記事に、イラレのショートカットキーの一覧が載っている。 Mac用とWindows用それぞれに対応しており、キーボード配置の画像とそれに対するテキストによる構成で、一般的なショートカット...

カラーパレットと色相環。 色相環ベースのカラーパレット。 Color Wheel デザイナーは色彩を適切に選択し、調和のあるカラーパレットを作成することが求められる。 そんなときに便利なのが、Web上で色相環を基にカラーパレットを作れるジェネレーター。 参照：https://www.figma.com/ja-jp/color-wheel Color ...

RGBとCMYK。色の仕組み。 RGBとCMYKのカラーモード。 RGBとは？ CMYKとは？ .cyan { color: #00A1E8; } .magenta { color: #E5007F; } .yellow { color: #FFF101; } .black { color: #000　; } .red { colo...

Figmaで作成する画像の解像度。 Fifmaからエクスポートしたデザインデータは72ppiになる。 Fifmaは元々Web向け。 FifmaはWebデザイン、Webアプリに適したツールなので、書き出したデザインの解像度はデフォルトで72ppiとなる。 IllustratorやPhotoshopのように、解像度の設定や変更をすることもできない。 印刷物には一工...