2024.04.15 WEBWebデザイン 【Illustratorの生成AI機能】テキストからベクターデータを生成!イラスト・アイコン・パターンを素早く作る! 先日、弊社ブログ記事「【新機能】Photoshopの生成AI機能「生成塗りつぶし・生成拡張」がすごすぎる!使い方をご紹介します。」を公開しましたが、Photoshopの「生成塗りつぶし・生成拡張」機能と同時期に、Adobe Fireflyを活用した生成AI機能が、Illustratorにも実装され [...]
2024.03.27 WEBWebデザイン 情報を視覚的に伝える!インフォグラフィックスの使い方・作り方 突然ですが、PDCAの4つのプロセスを表す上で、どちらが分かりやすいでしょうか? テキストを羅列しているだけのAよりも、Bのほうが、4つあるプロセスが循環している、という情報が目に入りやすいかと思います。 このことから、情報伝達において、ビジュアルという要素は重要であることがわかります。 このよ [...]
2023.12.27 WEBWebデザイン 【新機能】Photoshopの生成AI機能「生成塗りつぶし・生成拡張」がすごすぎる!使い方をご紹介します。 写真を使ってデザインをしているとき、「もう少し背景のエリアを広げたい…」「被写体が近すぎる…もう少し引きの画が欲しい」などと思ったことはありませんか? 背景を無理やり引き延ばしたり、複製した写真をずらしたりしてみてもなにか不自然になってしまいますよね。 また、写真の中に映りこんだ物を消したいこと [...]
2023.12.26 WEBWebデザイン パワーポイントでバナーを作るための実用的テクニック4選!パワポでもここまでできる! 先日、弊社ブログ記事「<ノンデザイナー・初心者向け>デザインツールがなくてもOK!パワポでバナーを作るために押さえておきたい6ステップ」が公開されました。 その際、「この表現は、パワーポイントではどうやっているの?」という声が寄せられたため、今回具体的なテクニックとしてご紹介したいと思います。 パ [...]
2023.10.25 WEBWebデザイン Illustratorの3D効果で、アイソメトリック図を作ってみよう!【回転体編】 前回の記事では、Illustratorの3D機能を使って立方体・直方体の作り方をご紹介しました。 アイソメトリック図のおさらい・立方体・直方体の作り方はこちらIllustratorの3D効果で、アイソメトリック図を作ってみよう!【立方体・直方体編】 今回は、「回転体」の作り方をご紹介しようと思い [...]
2023.09.13 WEBWebデザイン Illustratorの3D効果で、アイソメトリック図を作ってみよう!【立方体・直方体編】 アイソメトリックとは アイソメトリックとは、立体の製法のひとつである「等角投影法」のことで、正式には「アイソメトリック・プロジェクション(Isometric Projection)」といいます。 物体を斜め上から見下ろした構図で、傾斜させた立体を、幅・奥行き・高さの3方向で作る角度がそれぞれ120 [...]
2023.08.08 BUSINESS仕事効率化ツール <Google拡張機能>webページ内の画像をまとめてダウンロードできる「Image Downloader」 webサイトのページ内の画像を一括でダウンロードできたなら、と思ったことはありませんか? 弊社では、クライアントのwebサイトから二次利用可能な画像をダウンロードし、それらを用いてリニューアルページを作成することがよくあるため、画像のダウンロードは頻繁に行っています。 そのたびに、画像を右クリック [...]
2023.07.06 WEBWebデザイン 【Illustrator】一度作った装飾を保存しておける!「グラフィックスタイル」のご紹介 「グラフィックスタイル」とは? Illustratorの「アピアランス」で指定した、「塗り」「線」「変形」や「効果」といったオブジェクトの装飾を保存しておくことで、いつでも他のオブジェクトに適用することができる機能です。 アピアランス機能について、詳しくは過去の記事でご紹介しています。 グラフィッ [...]
2023.06.06 WEBWebデザイン 【Illustrator新機能】複雑な重なりを簡単に表現できる!「クロスと重なり」機能をご紹介します 2022年10月、Illustrator(ver27.0)に様々な新機能が追加されました。 その中の一つ、「クロスと重なり」機能がとても便利かつ楽しいのでご紹介します! 「クロスと重なり」とはどんな機能? 簡単にいうと、複数のオブジェクトのレイヤーを部分的に入れ替えることができる機能です。 (Il [...]
2023.05.09 BUSINESS仕事効率化ツール 【Googleスプレッドシート】重複している値を確認・削除する方法 データ集計をしていると、重複している値を削除して一意の値にしたいケースがあります。 例として、下記表は「重複している値」が含まれた都道府県の一覧です。 情報量が少なければ目視で重複を確認・削除ができますが、データの件数が多くなってくると確認や削除に時間がかかりますし、精度も落ちます。 重複した値 [...]
2023.04.13 WEBWebデザイン 【流行デザイン】XD・Photoshopでグラスモーフィズムデザインを作ってみよう! INDEXグラスモーフィズムとは?XDでグラスモーフィズムを作ってみるSTEP1:背景画像を用意するSTEP2:すりガラスになるオブジェクトを作成するSTEP3:オブジェクトにアピアランスと効果を設定するSTEP4:完成!Photoshopでグラスモーフィズムを作ってみるSTEP1:背景デザイン [...]
2023.03.17 BUSINESS仕事術 【無料で綺麗】Google Fontsのダウンロード・インストール方法、使い方を解説します! INDEXGoogle FontsとはGoogle Fontsをダウンロード・インストールする方法STEP1. フォントを検索STEP2. フォントをダウンロードSTEP3. ダウンロードしたzipファイルを解凍STEP4. フォントをインストールGoogle Fontsの使い方PowerPo [...]
2023.02.28 WEBWeb全般 YouTube動画を埋め込みした際に「他のウェブサイトでの再生は、動画の所有者によって無効にされています」が表示されてしまう場合の解決方法 INDEXはじめにwebサイトにYouTube動画を埋め込む方法「他のウェブサイトでの再生は、動画の所有者によって無効にされています」と表示されてしまうときはYouTube動画を管理(YouTube Studio)での埋め込み許可設定方法対象の動画をアップロードしているYouTubeチャンネルに [...]
2023.02.06 WEBWebデザイン Illustratorでも塗りつぶしができる! ライブペイントツールの使い方 INDEXIllustratorには「塗りつぶし」ツールがない?ライブペイントツールでクローズパスの中を塗る方法ライブペイントを行う準備ライブペイントを使って塗りつぶす背景色を付けたい場合ライブペイントツールを解除する方法アピアランスパネルを表示・確認ライブペイントを分割・拡張グループ化を解除さ [...]
2022.11.28 WEBWebデザイン Illustratorで「矢印」を作る! Photoshopへのコピペ方法も解説します。 図解などを作成する際によく使われる矢印。 今回は Illustratorで様々な形の矢印の作り方をご紹介します。 INDEXシンプルな直線矢印<応用>曲線の矢印ペンツールで曲線を描く⇒矢印化楕円ツールで円を描き、ダイレクト選択ツールで下半分を選択し、パスを削除⇒矢印化直線の矢印を「オブジェクト」 [...]
2022.11.07 WEBWebデザイン デザインでよく見る“あしらい”をIllustratorで簡単に作ってみよう デザインにおいての「あしらい」とは、「装飾」や「ディテール(細部)」のことを意味します。 例えば、見出しのフレームや帯、下線などの飾りや、イラストや文字の加工、背景のテクスチャー等もあしらいに含まれます。絶対に必要なものではないですが、あしらいを施すことによってサイト全体の雰囲気を演出することがで [...]
2022.10.12 WEBWebデザイン Illustratorのレイヤー整理術!レイヤーを美しくして作業効率を上げよう! 前回の記事「Photoshopのレイヤー整理術!レイヤーを美しくして作業効率を上げよう!」では、Photoshopのレイヤーを整理することは重要であると解説しました。 Photoshopと同じAdobe製品のIllustratorにも、レイヤーの概念は存在します。 しかし、Photoshopとは少 [...]