2023.05.09 BUSINESS仕事効率化ツール 【Googleスプレッドシート】重複している値を確認・削除する方法 データ集計をしていると、重複している値を削除して一意の値にしたいケースがあります。 例として、下記表は「重複している値」が含まれた都道府県の一覧です。 情報量が少なければ目視で重複を確認・削除ができますが、データの件数が多くなってくると確認や削除に時間がかかりますし、精度も落ちます。 重複した値 [...]
2023.04.13 WEBWebデザイン 【流行デザイン】XD・Photoshopでグラスモーフィズムデザインを作ってみよう！ INDEXグラスモーフィズムとは？XDでグラスモーフィズムを作ってみるPhotoshopでグラスモーフィズムを作ってみるさいごに グラスモーフィズムとは？ 2021、2022年のwebデザインで多く見られた「グラスモーフィズム」。すりガラスの表現を利用した半透明の表現方法で、背景がぼやけて見える [...]
2023.03.17 BUSINESS仕事術 【無料で綺麗】Google Fontsのダウンロード・インストール方法、使い方を解説します！ INDEXGoogle FontsとはGoogle Fontsをダウンロード・インストールする方法Google Fontsの使い方私がGoogle Fontsでよく使うフォントピックアップさいごに Google Fontsとは 引用元：Google Fonts https://fonts.go [...]
2023.02.28 WEBWeb全般 YouTube動画を埋め込みした際に「他のウェブサイトでの再生は、動画の所有者によって無効にされています」が表示されてしまう場合の解決方法 INDEXはじめにYouTube動画を管理（YouTube Studio）での埋め込み許可設定方法さいごに はじめに コンテンツの内容を動画で伝える方法は、画像やテキストと比べて分かりやすいため、webサイトやブログにYouTube動画を埋め込む手法は一般的になってきました。 webサイトにYo [...]
2023.02.06 WEBWebデザイン Illustratorでも塗りつぶしができる！ ライブペイントツールの使い方 INDEXIllustratorには「塗りつぶし」ツールがない？ライブペイントツールでクローズパスの中を塗る方法ライブペイントツールを解除する方法さいごに Illustratorには「塗りつぶし」ツールがない？ Illustratorには、Photoshopのようにバケツの形をしたカーソルで線の [...]
2022.11.28 WEBWebデザイン Illustratorで「矢印」を作る！ Photoshopへのコピペ方法も解説します。 図解などを作成する際によく使われる矢印。 今回は Illustratorで様々な形の矢印の作り方をご紹介します。 INDEXシンプルな直線矢印＜応用＞曲線の矢印＜応用＞縁取りの矢印だんだん幅広になっていく矢印矢羽根型矢印Illustratorで作った矢印をPhotoshopに移動させたい場合さい [...]
2022.11.07 WEBWebデザイン デザインでよく見る“あしらい”をIllustratorで簡単に作ってみよう デザインにおいての「あしらい」とは、「装飾」や「ディテール（細部）」のことを意味します。 例えば、見出しのフレームや帯、下線などの飾りや、イラストや文字の加工、背景のテクスチャー等もあしらいに含まれます。絶対に必要なものではないですが、あしらいを施すことによってサイト全体の雰囲気を演出することがで [...]
2022.10.12 WEBWebデザイン Illustratorのレイヤー整理術！レイヤーを美しくして作業効率を上げよう！ 前回の記事「Photoshopのレイヤー整理術！レイヤーを美しくして作業効率を上げよう！」では、Photoshopのレイヤーを整理することは重要であると解説しました。 Photoshopと同じAdobe製品のIllustratorにも、レイヤーの概念は存在します。 しかし、Photoshopとは少 [...]
2022.09.09 WEBWebデザイン Photoshopのレイヤー整理術！レイヤーを美しくして作業効率を上げよう！ INDEXPhotoshopのレイヤーとはレイヤー整理のポイント3つ1. グループ化する2. レイヤー・グループにわかりやすい名前を付ける3. 無駄なレイヤーを作らないさいごに Photoshopのレイヤーとは PhotoshopやIllustratorなど、グラフィック系のソフトに存在するレイ [...]
2022.07.28 BUSINESS仕事術 意図しない置換・文字化けを防ぐ！PDFにフォントを埋め込む方法 作成したPDFを相手に送ったり、Webページにアップロードをした際、フォントが置き換わっていたり文字化けを起こしていたりしたことはありませんか？ それは、PDFにフォントが埋め込まれていないことが原因かもしれません。 PDFにフォントが埋め込まれていないと、ファイルを開く側のユーザーのシステムに同 [...]
2022.07.20 WEBWebデザイン Photoshopのトーンカーブの役割と効果を理解して、画像補正をマスターしよう！【色補正編】 Adobe Photoshopを使って画像の補正を行う際、使用する頻度が高い「トーンカーブ」。 前回は明るさの補正の仕方をご紹介しました。 前回の記事はこちらPhotoshopのトーンカーブの役割と効果を理解して、画像補正をマスターしよう！【基本編】 今回は、撮影した写真が特定の色味に偏ってしま [...]
2022.06.30 WEBWebデザイン Photoshopのトーンカーブの役割と効果を理解して、画像補正をマスターしよう！【基本編】 Adobe Photoshopを使って画像の色調補正を行う際、使用する頻度が高い「トーンカーブ」。 対角にある2つの点を繋いだ線をドラック＆ドロップでカーブさせることで、画像の明るさやコントラストが変化します。 皆さんはトーンカーブがなぜこのような形状をしているのか、考えたことはあるでしょうか。 [...]
2022.05.31 WEBWebデザイン Photoshopでくもり空を青くしよう！～空の置き換え機能を使わない方法も紹介します～ Adobe Photoshop CC 2021のアップデートにより搭載された「空を置き換え」機能。 Adobe Sensei という人工知能が画像のマスクと合成を自動で行ってくれるという、画期的な機能です。 今回はそんな空の置き換え機能の使い方を、解説していきます。 また、「空を置き換え」機能のな [...]
2022.05.07 WEBWebデザイン Illustratorのブレンドツールを使って、飛び出す文字を作ってみよう！ Illustratorのブレンドツールとは、 2つのオブジェクト間に形状を作成して、均等に分布させることができます。2つのオープンパスをブレンドしてオブジェクト間を滑らかに変化させたり、カラーのブレンドとオブジェクトを組み合わせて、オブジェクトの形状内にカラーの変化を付けたりすることもできます。A [...]
2022.03.30 WEBWebデザイン Web制作に役立てよう！ フォントに関する便利なオンラインツールをまとめました。 Webサイトや印刷物などのデザインを作る上で「フォント」は欠かせません。 私はよく、電車の広告や街中の看板などに使われているフォントを観察しています。観察していると、世の中には数多くの種類のフォントが存在しているなと感動します。 デザインする上で、フォントの影響力は多大です。フォントの種類を変える [...]
2022.01.31 WEBWebデザイン 【Photoshop】ブラシ機能の基本的な使い方から活用方法まで Photoshopのブラシは、サイズやエッジの柔らかさ、デザインを変えて画面内を自由にペイントできるほか、選択範囲を調整するなどペイント以外の用途でも役立ちます。 今回はブラシ機能の基本から活用方法までをご紹介します。 ※説明には、Adobe Photoshop CC2021（Windows10版 [...]
2021.12.27 WEBWebデザイン Photoshopのアクション機能とバッチ機能を活用して、画像処理を自動化（一括処理）しよう！ Photoshopにて、画像のリサイズやトリミングなど、簡単な作業を繰り返していると、「もっと効率よく画像を処理したい」と思うことがあります。 そんな時には、Photoshopの「アクション機能」と「バッチ機能」が便利です。 それぞれを簡単に説明すると、 アクション機能…Photoshop上での連 [...]
