質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
Illustrator

Illustratorは、アドビシステムズ(株)が開発した描画ツールソフトです。 イラスト製作やロゴタイプ、広告作成時などのデザインツールとして、さまざまな分野のクリエーターに愛用されています。 プラグインの中にCADや3DCG機能の拡張ができるものがあります。 特に広告作成などの印刷業界では、トップクラスのシェアを誇っているソフトです。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

解決済

1回答

513閲覧

Illustrator CCでデザインカンプから画像を書き出す正しい方法

kp4livateen

総合スコア32

Illustrator

Illustratorは、アドビシステムズ(株)が開発した描画ツールソフトです。 イラスト製作やロゴタイプ、広告作成時などのデザインツールとして、さまざまな分野のクリエーターに愛用されています。 プラグインの中にCADや3DCG機能の拡張ができるものがあります。 特に広告作成などの印刷業界では、トップクラスのシェアを誇っているソフトです。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

0クリップ

投稿2019/07/27 18:32

制作会社様からの案件でIllustratorで作られたデザインカンプからのコーディングをしています。
画像の書き出しをこれまで独自の方法で行ってきたのですが、上手くいかない時があったり、時間が掛かり過ぎたりで効率が悪いので正しい方法を教えていただきたいです。(もちろん散々ググってもみました)

画像1

例えば画像(ネットから拝借しました)のようなメインビジュアルを1つの画像として書き出す場合、
私は「選択ツール」で「shift」キーを押しながら1つずつ要素を取っていくのですが、
画像のように**"テキストの縁取られている部分"が上手く取れなかったり、"縁取りだけ"**が取れたりします。
その後、「ファイル」→「選択ファイルを書き出し」でpng化

レイヤーから各要素を選択する場合もあるのですが、要素がバラバラのためレイヤーが十数個にのぼる場合は探すだけで大変なので現実的ではないと思っています。

この**「テキストが縁取られている場合の最適な書き出し方法」を教えてください!!**

画像2

また、画像2のようにグリッド?からはみ出している要素を画像として書き出したいとして、

グリッドの内側部分だけを指定して書き出す方法はありますか?

(普通に書き出すと全てが選択されてしまって小さい画像になってしまいます。)

書き出しにかなりの時間を取られてしまっているので、どなたか正しい書き出し方法を教えてください。
よろしくお願いいたします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

”ひとつの画像として書き出す”のであれば、
書き出したい範囲と同じサイズのオブジェクトなどを最上面に配置し、
そのブジェクトを選択した状態で[オブジェクト]>[スライス]>[作成]で
そのオブジェクトの範囲をスライスできるようになります。

※画像参照

イメージ説明

書き出す前に範囲指定用のオブジェクト(赤い四角)は
非表示にしておかないとそれごと書き出しされてしまうので注意が必要です。

それ以外の件については、
正直質問の内容がイマイチわからないので何とも言えません。

投稿2019/07/28 02:44

Ashi

総合スコア139

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

kp4livateen

2019/07/31 11:13

ありがとうございました! ”ひとつの画像として書き出す”方法が分かりました!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問