「SVG」の検索結果
-
書き出し・データ連携
Illustrator│Web用のSVG書き出し設定|スタイル・フォント・小数点・最小化の意味
IllustratorのSVG書き出しには、Webで使う際に確認する設定がいくつかあります。 公式ヘルプで確認できた範囲で、書き出しの手順と、各項目の意味を整理しました。 書き出し:ファイル > 書き出し > 書き出し形式で、形式にSVGを選ぶ 「アートボード... -
書き出し・データ連携
IllustratorのSVGで文字化けするときの切り分け|フォントの扱いを決める
IllustratorからSVGに書き出した文字が、開く環境によって別のフォントになったり、記号に置き換わったりすることがある。 原因は書き出しの設定だけでなく、SVGが文字をどう持つかという形式側の性質にもある。 ここでは、どの段階で崩れているかを確かめ... -
自動化・スクリプト
Illustratorスクリプト(jsx)│JPG/PNG/SVGをデスクトップ保存する
開いているIllustratorのドキュメントを、指定したフォルダーへPNG・JPEG・SVGのいずれかで書き出すJSXです。デスクトップへ出す場合も保存先を選べます。同名の出力があれば、上書きせず停止します。 2026年10月3日にコードと説明を改修しました。 掲載例... -
文字・フォント
Illustratorでフォントが置き換わる原因と対処法
Illustratorでフォントが置き換わる原因と、環境にないフォントの追加・置換、フォントの検索と置換、受け渡しや入稿で置き換わりを防ぐ方法をまとめました。 -
入稿・印刷
Illustratorの透明部分を分割・統合する方法|入稿前の設定と確認
Illustratorで透明部分を分割・統合する手順と、プリセットの選び方、主な設定の意味、分割・統合プレビューでの確かめ方をまとめました。 -
パス・図形の編集
Illustratorのリピートグリッド|間隔・反転・編集
Illustratorの「リピートグリッド」は、元の図形を縦横に繰り返して並べる機能です。 並べたあとも元図形を編集できるので、同じ柄の色や形をまとめて変更したいときに使えます。 この記事では、矢印と丸を組み合わせた自作図形で、間隔の変更、行の反転、... -
パス・図形の編集
Illustratorのクロスと重なり|交点の前後を変更
Illustratorの「クロスと重なり」(Intertwine)は、重なったオブジェクトの一部分だけ前後関係を変更する機能です。 2つのリングを組み合わせ、上の交点では赤を前、下の交点では青を前にすると、リングが互いに通っているような形を作れます。 この記事... -
パス・図形の編集
Illustratorの寸法ツール|mm・尺度・自動更新
Illustratorの「寸法ツール」を使うと、図形に長さ・角度・半径などの寸法線と数値を追加できます。 単位をmmにそろえるだけでなく、尺度を設定して縮尺図に対応する寸法を表示できます。 この記事では、幅100mmの長方形を使って尺度1:1と1:10の表示を比べ... -
書き出し・データ連携
Illustrator│変数パネルとデータ結合の使い方|CSVで文字と画像を差し替える
Illustratorで名札やラベルの文字を差し替えるには、CSVの各列を「変数」に結びつけ、各行を「データセット」として切り替えます。先に3件の文字だけで対応を確認し、その後に画像や一括保存を加えると、読み込み・組み合わせ・保存の問題を分けて確認でき... -
学習・教材
Illustratorの新機能まとめ【2025〜2026】|版・時期・用途で確認
2025年6月〜2026年8月のIllustrator新機能を用途とリリース時期で整理。公式発表と実機の確認範囲を区別し、個別の使い方へ案内します。 -
学習・教材
Illustratorの使い方ガイド|基本操作・入稿・書き出し・自動化
Illustratorの記事を、作業の目的と学ぶ順番で選べるようにまとめました。初めて使う場合は基本操作と教材、納品前は入稿、同じ操作を繰り返す場合は自動化から進めてください。 Illustratorを導入して手順を試す前に これから導入する場合は、Adobe公式の... -
書き出し・データ連携
Illustratorのピクセル整合|8pxグリッドと書き出しの輪郭確認
配置用の8pxグリッドとピクセル整合を区別。水平・垂直の輪郭、線幅、表示倍率を確認し、1倍のPNGと実際のSVG表示で結果を比べる手順を説明します。 -
書き出し・データ連携
IllustratorのCSSプロパティ|色・角丸の抽出とWebでの確認
CSSプロパティで色や角丸などを取り出す旧画面例と、Web側で調整する部分を解説。HTMLの意味構造、クラス名、画面幅、キーボード操作を確認します。 -
トップページ
← CG METHOD / IllustratorVECTOR DESIGN線と文字を、思いどおりに整える。Illustratorの基本操作から、印刷入稿、SVG書き出し、一括処理まで。目的に合う手順と教材を探せます。テーマから探す ↓新着記事を読む →VECTOR DESIGNCG METHOD Illustratorの記...
1