Figmaのツールバーやサイドバーが消えてしまったときの対応。 2023.11.13 Figmaのツールバーやサイドバーが消えた!? 無意識にうちにどこかを触っている。 サイドバーがない? Figmaを使ってデザインなどを行なっているとき、意図せずに下部のツールバーや左右のサイドバーが無くなっていることがある。 FigmaとPhotoshopとIllustratorの違い。 Figmaはフォトショとイラレと共通点が多いが... Figmamemos
WordPressから届く「モデレートしてください」を止めたい。 2023.11.10 「モデレートしてください」が止まらないとき。 WordPressの投稿画面で、自分の記事にリンクを張った場合、「モデレートしてください」という通知が届くことがある。 本来は他のブログからリンクが張られたときに届く通知 (ピンバック・トラックバック)の設定だと思うが、なぜか自分自身から通知が届いてしまう、「セルフピンバック」という現象らしい。 セルフピンバックへの対... memosWebデザインWordPress
Remove BGのアカウント作成と、Figma用APIキーの作成方法。 2023.11.04 Remove BGのアカウント作成手順。 Remove BGのサイトから。 アカウントはRemove BGのサイトの右上の「Sign up(サインアップ)」から無料で作成可能。 アカウントを作成。 「Sign up(サインアップ)」をクリックすると、アカウント作成の画面に切り替わる。 日本語翻訳。 日本語化されていないページがある... Figmamemosデザイン
Illustratorのテキストからベクター生成。使い方の例と注意点。 2023.10.25 Illustrator テキストからベクター生成の使い方。 Illustratorの生成AI機能。(ベクター画像) AIによるベクター生成がいよいよ。 テキストからベクター生成は、Illustratorのバージョン28.0(Illustrator 2024)から使えるようになっている。 参考メモ:Illustratorのテキストからベクター生成が見つからないとき。 ... Illustratormemosデザイン
Illustratorのテキストからベクター生成が見つからないとき。 2023.10.18 AIによる、テキストからベクター生成。 テキストからベクター生成。 画像生成AIにより、IllustratorでもAI画像が作成できるようになった。 ちょっと試してみようとしたところ、「テキストからベクター生成」というメニューが見つからなかった。 Illustratorのアップデートで解決。 Illustrator 2024(version 28.0)... Illustratormemosデザイン
Figmaでのスライドの作り方と、デジタル庁のデザインシステム。 2023.08.12 Figma上にある、デジタル庁によるデザインシステム。 デザイン庁のサイト。 とにかくシンプル。 デジタル庁のサイトはシンプルでまとまりが良く、ページの表示速度も速い。 色々とお手本となるWebサイトのひとつ。 デジタル庁のデザインシステム。 まとめられた、デザインデータ。 Webサイトやアプリのためのデザインシステムも公開されている。 スラ... Figmamemosデザイン
最新情報を日本語かつ無料で使いたいときは、GoogleのBard? 2023.05.25 Bard(Gemini)の使い方。 使い方としては、ただただシンプル。Bardへログインするだけ。 もともとブラウザでGmailやスプレッドシートなどを利用していれば、おそらくすでにGoogleアカウントでログインされている。 パソコンからでもスマホからでも。 Bard(Gemini)はパソコンでもスマホでも、ChatGPTにように簡単に使える。 何か... AIBardmemos脳
SkypeのBingチャット。GPT-4を日本語かつ無料で使える。& 注意点。 2023.05.24 SkypeでのGPT-4(ChatGPT最新版)の使い方。 Skypeの中のBing。 使い方としては、ただただシンプル。Skypeをダウンロード、インストールするだけ。 もともとSkypeがインストールされていれば、おそらく自動的にBingチャットが追加されている。 ※後日追記) Skypeの「Bing」は「Copilot」へ名称が変わりました。使い方は... AIBingChatGPTmemos脳
ChatGPTとBardの違い。なぜAIは日本語チャットが苦手なの? 2023.05.20 プログラムや言語モデルとは思えないイージーなミス。 自然な文章を生成。 2022年のChatGPT(チャットGPT)の登場は、自然な文章で会話ができることに大きな驚きがあった。 それまでのAIチャットと比べ、明らかにレベルが違っていた。 まずこの「自然な文章・文体」について、多くの人たちは驚いただろう。 間違いを回答する文章も生成。 ... AIBardChatGPTmemos脳
Bard(Gemini)が日本語対応。ログイン方法や最新情報など、使い方の例。 2023.05.11 Bard(Gemini)が日本語で使えるように。 Bard(Gemini)が日本語対応。 Google社が公式に発表していた、生成AI「Bard」の日本語が対応スタート。 Googleアカウントがあれば、無料ですぐに使える。 BardからGeminiに名前が変わっても、ログイン方法や使い方は同じ。 Geminiにできること。 Ge... AIBardmemos脳
BingのGPT-4、チャットの使い方。使えない?(今はまだ。) 2023.05.07 Bing Chat(コパイロット)。 GPT-4でのチャット。 Bing Chat(コパイロット)のサイト。 特に何かをインストールする必要はなく、「Bing」で検索すると、たいてい一番上にBingのサイトが表示される。 もし迷ってしまったときはURLを確認すると良い。 BingのURL:https://www.bing.com Bingチャットへ質問する。 ... AIBingChatGPTmemos脳
ChatGPTがLINEに?「AIチャットくん」の始め方、そして使い方。 2023.03.08 ChatGPT(チャットGPT)とは? ChatGPTの人気が上昇中。 ChatGPT。 ChatGPTはアメリカのOpenAI社のサービス。 想像以上に自然な会話で、想像以上に普及している。様々な報道で耳にすることも多い。 LINEで使えるChatGPT、AIチャットくん。 AIチャットくん。 LINEでChatGPTが使... AIChatGPTmemos脳
ChatGPTの始め方と使い方と。初心者向けシンプル版。 2023.01.31 ChatGPT(チャットGPT)の始め方。日本語、スマホでもOK。 ChatGPTの始め方。 ログインする場合。 ChatGPT(チャットGPT)の始め方は、目安数分から10分、ゆっくり進めても数十分もあれば大丈夫。 手元にメールアドレスと携帯番号があれば、サインアップ&ログインですぐに始められる。 ログインしない場合。 2024年4月か... AIChatGPTmemos脳
Illustratorのシェイプ形成ツールの使い方。見つからないときは!? 2023.01.19 シェイプ形成ツールは簡単に使える。 「シェイプ形成ツール」は「パスファインダー」と似たような機能で、なんとなく気軽に使える。 もちろん使い分けをするのがベストだが、両方ともそれほど難しくなく、それでいて扱えると作業効率が格段に上がる。 ロゴやピクトグラム、イラスト作成時などには特に役に立つ。 もしこのことを知らなければ、「ペンツール」などで頑張ってしまい、結局それで... Illustratormemosデザイン
FigmaからWebPで書き出しす方法。Olive Pressの使い方。 2023.01.16 Figmaのプラグイン「Olive Press」とは? FigmaからWebPで書き出せる。 Olive Press 画像ファイルをWebPの形式で使うことが増えている。 現時点、FigmaやIllustratorなどのソフトはデフォルトでWebPは書き出せないが、画像形式を変換できるWebサイトはネット上に多々ある。 また、Figmaのプラグ... Figmamemosデザイン
Figma プラグインを削除する方法。追加も削除もシンプルに。 2023.01.11 Figmaへのプラグインの入れ方の手順。 プラグインの入れ方と保存。 便利なFigmaのプラグイン。 Figmaのツールバーから、「アクション / Actions」へ進む。 画面下部のツールバーの、「アクション / Actions」メニューをクリック。 (※バージョンアップなどで画面のデザインが変わっていることがあります。) ... Figmamemosデザイン
Figma 削除したファイルを復元したいとき。復元の方法。 2023.01.09 Figma使用中に削除してしまったファイルを復元したい。 Figmaで作業中に。 Figmaで削除してしまったファイル。 Figmaで作業中に、誤ってファイルを削除してしまうときがある。 ゴミ箱を探しても、残念ながらFigmaにはゴミ箱はない。 焦ってしまうが、ゴミ箱的な場所は存在し、そこから復元することは可能。 Figmaの削除... Figmamemosデザイン
Illustrator ハート型を綺麗で滑らかに作るシンプルな方法。 2023.01.02 まずはハートの半分を作る。 Illustratorでハート型のような左右対称な形を作る場合、最初から全体を作るとなかなかうまくいかない。 コツとしては、左右どちらかの半分だけを作って、それを反対側へコピーすると良い。 (数式で描かれたベジェ曲線による同じ形をコピーすることになるため、綺麗な左右対称の形になる。) ハートはペンツールで結構簡単にできる。 ... Illustratormemosデザイン
Illustratorのファイルの保存場所をコンピューターにしたいとき。 2023.01.01 Illustratorの初期設定のファイルの場所 Illustratorのファイルの保存場所を、クラウドではなくローカルに保存したいときがある。 保存の都度指定することもできるが、あらかじめローカル(コンピューター)にしておきたい場合は、環境設定で指定しておける。 「Illustrator」 > 「環境設定」 > 「ファイル管理」へ進む。 上部のメニューバー... Illustratormemos
Illustratorでのトリミング(切り抜き)方法。できるだけシンプルに。 2022.12.30 画像の切り抜きと書き出し方法1 長方形、正方形のトリミング。 画像を選択。 上部の「コントロールパネル」ーに「画像を切り抜き」が表示される。 「オブジェクト」 > 「画像を切り抜き」からでも可。 また、右クリックメニューメニューにも「画像を切り抜き」がある。 (※Illustratorの画面幅を狭めている場合は、コントロールパネルに「画像を切り抜き」メニュ... Illustratormemosデザイン
Illustratorの背景色を変えたい場合。ダークモードとアートボードと黒とグレー。 2022.12.29 Creative Cloudからのダークモード設定。 Illustratorのダークモード設定手順。 「Creative Cloud」の起動から。 Illustratorのダークモード設定は、まず「Creative Cloud」を起動し、右上の自分のアカウントのアイコンをクリックする。 「Creative Cloud」 > 「環境設定」 > 「アピア... Illustratormemosデザイン
Illustratorのスポイトで半透明の色を拾いたいとき。(PhotoshopやFigmaと違う。) 2022.12.27 スポイトで半透明の色を拾いたい。 Illustratorで作業中に、キーカラーを基に透明度を使ってデザインを組んでいくことがある。 そういったとき、不透明度が設定されていない場合はスポイトツールでサクッと色を拾える。が、不透明度が設定されているオブジェクトの場合はそうはいかない。 何年か前にできるようになった気がするが、忘れてしまったか、気のせいか、そもそもそんな方法は存... Illustratormemosデザイン
Photopeaの使い方や主な機能。Photoshopのような無料ツール。 2022.12.22 Photoshopなどでちょこっとだけ画像編集したくなったとき。 無料プランで使えるオンライン画像編集ツール「Photopea」。 ちょっとした画像編集作業をしたくなったとき、このパソコンにPhotoshopが入っていればなぁ、と思うことがある。 しかしPhotoshopはなかなか高価であり、単発や短時間の作業ではコスパが良くない。 そういうときに、ブラウザ上で無料... memosデザイン
Figmaのルーラー(定規)の出し方。表示方法がイラレとちょっと違う! 2022.12.15 Figmaのルーラー(定規)の出し方。 ルーラー(定規)の表示方法。 Figmaでルーラーを表示させたい。 Figmaでデザインをしているときにルーラー(定規)を出そうと「command + R」 or 「Ctrl + R」を押しても出てこない。 あれ!?と思い、じゃあ、と右クリックで出そうとしてもメニューにもない。 IllustratorやPhotoshop... Figmamemosデザイン
Figmaの背景切り抜き方法。ペンツールの使い方とプラグイン、そしてAI。 2022.12.07 Figmaのペンツールとマスクで、背景から切り抜く。 ペンツールで切り抜き。 覚えると便利なペンツール。 IllustratorやPhotoshopでもそうだが、ペンツールの使い方を覚えておくと後々で役に立つ。 AIの普及などにより被写体の切り抜き精度が上がっている。ただ、それでもうまく切り抜けない時は、結局人の手によるペンツールの方が速かったりする。 また、... Figmamemosデザイン
Figmaで名刺を作ってみた結果。作成・入稿・仕上がりまで。 2022.12.06 Figmaで名刺を作成、印刷してみたところ、無事に完成。 FigmaでDTP。 Figmaで名刺? デザインツール「Figma」で、紙媒体の名刺を作って実際に発注し、仕上がりを確認してみた。 Figmaを印刷用に工夫。 単位やカラーモード、ファイル形式などを印刷用に。 Figmaは元々デジタルデバイス向けなので、単位がpxオンリー、カラー... DTPデザインFigmamemos
FigmaやFigJamを日本語化。言語設定や日本語版の使い方。 2022.12.03 Figmaを日本語化。設定方法はMacもWindowsも同じ。 Figmaが日本語対応。より使いやすく。 言語変更で日本語のUI(ユーザーインターフェイス)に。 2022年にFigmaの日本法人が設立されてから、Figmaはデフォルトで英語⇄日本語の言語変更が可能となっている。 参考:Figma日本語対応のお知らせ Figmaの言語変更はシンプ... Figmamemosデザイン
Figmaで検索・置換する方法。ショートカットからでOK。 2022.12.02 Figmaで検索・置換が可能に。 Figmaのアップデートで検索と置換の機能が実装されていた。 ショートカットで検索、置換ができるので、なかなか使い勝手が良い。 使い方は簡単で、以下のショートカットですぐに覚えられる。 ショートカット Mac:「Command」 + 「F」 Win:「Ctrl」 + 「F」 ※「F」は「Find... Figmamemosデザイン
Figmaの印刷データ用プラグイン「Print for Figma」の使い方。 2022.11.29 Print for Figma。Figmaの印刷物用プラグインとは? Figmaで作るDTP。 Figma > DTP Figmaはもともとデジタルデバイス向けのツールだけど、工夫すればDTPやグラフィックデザインもできる。 無料で使え、初心者にも向いている。 PhotoshopからのFigma。 Photoshop > Figma FigmaはP... DTPデザインFigmamemos
Figmaで名刺を作る方法。印刷用設定からCMYK化、入稿前の仕上げまで。 2022.11.25 Figmaで印刷物を。名刺を作ってみる。 Figmaで印刷物。 Figmaで紙媒体、DTPデザイン。 デジタルデバイス向けのデザインツール「Figma」で、紙媒体の名刺を作れるらしい。 それなら試しにと、ひとまず自分用の名刺を制作。 Figmaで名刺制作。 Figmaは印刷物でよく使用するテキストのカーニングやアウトライン化も可能... DTPデザインFigmamemos
Figmaがダークモードに対応。背景色設定も簡単、目に優しい! 2022.09.04 Figmaがダークモードに対応。 無料プランでも使えるデザインツール「Figma」がついにダークモードに対応。 以前からブラウザ版では拡張機能の「Dark Reader」で対応できていたが、インストール版でもダークモードでデザインができるようになった。 ※後日追記) (※ブラウザ版も同じ手順でダークモードに切り替え可能になりました。) (※バージョ... Figmamemosデザイン