Adobe XD, Photoshop, Illustratorの注目情報が満載！Adobe MAX Japan 2017 フォローアップのまとめ
Webデザイナー、Web制作者、イラストレーターなど、Adobeのアプリを使用している人は必見です。先日開催されたAdobe MAX Japan 2017のフォローアップをまとめました。 Adobe XD, Photoshop, Illustrator, Dreamweaverなどの新機能を中心にくわしく使い方が解説されています。日常的に使用している人でも、意外と知らない機能に目から鱗かもしれません。 Select Subject in Photoshop CC なんと1クリックで、複雑な選択範囲が作成できます！ 1:03あたりから、人物を1クリックするだけで一瞬で選択範囲が作成されています。 Photoshopの次のアップデートで搭載予定の新機能で、Adobe Senseiの人工知能を使い、画像の主題を自動認識して選択範囲を作成します。「Select Subject」という名で、動画を見
これを見ておけば脱初心者！Adobe XD, Photoshop, Illustratorでデザインの作り方の手順がよく分かる1分動画
CC 2018でついに正式版としてリリースされたAdobe XD CCをはじめ、CC 2018ではPhotoshop, Illustrator, Premiereなど、数多くのアプリが機能を強化してバージョンアップされました。 それらのアプリでどんなことが具体的にできるのか、どのような手順なのか、1分で分かる動画を紹介します。 それぞれの動画は1分ほどですが、数があるのでブックマークしておいて、時間のある時にじっくり見てみてください。 いつもの作業にも新しい発見があるかもしれませんよ。
Illustrator代替アプリAffinity Designerをセールで買ってみたけどいい感じ
Adobe Illustrator の代替アプリとして知られる Affinity Designer というMac用アプリ（¥6,000）がセールになっていたので購入してみました。 もちろん、月額ではなく買い切りのアプリです。 追記: このセールは既に終了しています。 しばらく使った感じ、なかなかよい感触だったので、使ってみて良いと感じたところと良くないと感じたところ、気づいたことなどまとめてみました。 Affinity DesignerのPhotoshop的な機能 Affinity Designer は、よく「Adobe Illustrator の代替アプリ」と言われますが、厳密には Illustrator の機能だけでなく、Photoshop の機能の一部も持っています。 具体的には以下のような機能です。 ちょっとしたビットマップ画像の修正（長方形選択ツール、ブラシツール、消しゴムツール
illustratorのaiデータから画像を綺麗にスライスする方法｜Web Design KOJIKA17
illustratorのaiデータから画像を綺麗にスライスする方法 2011-01-08 illustratorのaiデータをWeb用の画像にスライスすると、画像が1pxズレが生じたり、Photoshopのスライス機能と違うので戸惑うことが多いと思います。 関西の某勉強会の懇親会でも「外注に頼んだデザインがaiデータで来て、スライスに凄い時間がかかった」という意見が多く聞いたので、illustratorのスライスの仕方をご紹介させて頂きます。 紹介するillustratorのバージョンはCS2ですが、CS以降のバージョンならほとんど機能が使えるはずです。 スライスの準備 単位 [ファイル]→[ドキュメント設定]で単位がピクセルになっているか確認します。 ここを変更すると、定規などの値も全てピクセルになるはずです。 カラーモード [ファイル]→[ドキュメントのカラーモード]がRGBカラーにな
Illustratorの保存オプション「PDF互換ファイルを作成」にチェックを入れてほしい理由 - ちくちく日記
前回のエントリ「「制作者のための『正しく刷れる』データ制作のポイント」を受ける前に知っておくべき基本の話」の中で、EPSを使わずにIllustratorネイティブ形式を使おうっていう話で Illustratorの入稿データはPDF互換のチェックをいれて保存してくださいね。 ▲Illustratorの保存オプション。PDF互換にチェックが入ってないと、InDesignに貼れなくて後行程が泣きます。ここはお約束としてチェックを！ とお願いをしたところ 「えっっ、あのチェック入れた事無い…！」 「いままで、入れなかったけど問題なかったよ…！」 「入れろとか言われた事無いし…！」 「何で入れなきゃいけないの？」 と、思いも寄らぬ反発反響をいただきまして。 なので、もう少し詳しく、あのチェックを入れて欲しい理由を説明しようかなと。 チェックが入ってないとInDesignに配置できません 多分、あのチ
用途に応じて適切なPDFをIllustratorから書き出す｜DTP Transit
なお、PDFが重くなる主な原因は配置されているビットマップ画像です。ビットマップ画像をそのままにするのか、ダウンサンプルする（＝解像度を落とす）のか、等の設定を［圧縮］カテゴリで行います。 各プリセットには、その設定が施されていますので、把握しておかれるとよいでしょう。 PDF変換のワークフロー IllustratorからPDF変換（書き出し）を行う流れは次のとおりです。 ［ファイル］メニューの［複製を保存］をクリックして［複製を保存］ダイアログボックスを開く ［ファイル形式］を「Adobe Illustrator（ai）」から「Adobe PDF（pdf）」に変更する（Illustrator CS5では［フォーマット］） ［Adobe PDFを保存］ダイアログボックスが開いたら、［Adobe PDFプリセット］からプリセットを選択し、［トンボと裁ち落とし］などのカテゴリで調整する 書き出
大丈夫やで☆イラレでウェブデザイン【その1】ピクセルをにじませない、絶対に！ – クリエイター丙
「Adobe Illustratorでウェブサイトのレイアウトを組む」というと、未だに抵抗を示す人が多くいます。だけど実際のところ、本当にカンタンなことにさえ気をつければ、ウェブサイトのレイアウトを組むのなんかぜーんぜん難しくないのです。 ではイラレでウェブデザインを組むとき、どんなところに気をつければ良いのでしょうか？イラレ歴18年のniaoが5回の記事でまとめてみます。 ※歳は詮索しないでね。 まず何より、Illustratorでウェブサイトのレイアウトを組むときに大切なのは、常にピクセルの合った画像を作ることです。 ご存じ? Adobe CCを安くする方法 ピクセルを合わせるのはむずかしくない。 守るべきポイントは、この二つです。 ピクセルがにじんでいないこと 位置や大きさがpx単位で整数 もちろん、ロゴや複雑な形状まで合わせる必要はありませんが、四角形くらいは、完全に合わせましょう
IllustratorでWeb向け、ピクセルベースの作業を行う上での設定（完全版）｜DTP Transit
Illustratorをウェブ制作に使い、ビットマップ書き出しするときのアレコレについて、これまでいろいろと取り上げてきましたが、現在、下記の制作方針が最強だと思われます（ツッコミ歓迎ですので、何かあればお気軽に）。 ドキュメントプロファイルは「Web」。［プレビューモード］を「ピクセル」に変更、［新規オブジェクトをピクセルグリッドに整合］はオフ ［線の位置］を「内側」にして作業 ［アピアランス］パネルメニューの［新規アートに基本アピアランスを適用］のチェックをはずしておく ［新規オブジェクトをピクセルグリッドに整合］はオフに ［プレビュー境界を使用］にチェックを入れる キー入力を「1ピクセル」に アートボードの座標に注意 sRGBを基準に これによって、次のような問題を回避できます。 プリントメディアの設定で制作されたドキュメントをWeb向けに利用しようとすると、エッジがにじむ。 ［新規
これからのWebデザインはIllustrator派が増えてくるのでは？ | 5 LOG
個人的に、今はWebデザインはイラレでやります。Photoshopは画像の調整にしか使いません。 これからは、徐々にDesigning in the browserにシフトして、ワイヤー、ラフ、パーツ制作にイラレを使用していくつもりです。 ただ、まだまだデザインカンプの作成が必須となっていて、なかなかシフト出来ないのが現状です。 なぜIllustratorか？ そもそもイラレの方がレイアウトが組みやすい。 これが一番の理由なんですが。。。 いや、これ以外にも、いろいろとあって、 以前は、とにかく画像画像だったパーツ（ナビゲーションとかボタンとか見出しとか）が、CSS3で表現出来るようになり、Webフォントやアイコンフォントが主流になってきて、画像で書き出すパーツが大幅に減った。 さらに、Retina等、解像度の違うディスプレイが登場して、今後も増えてくる事を考えるとSVGの使用も増えてくる
Illustrator：複数のテキストオブジェクトを結合するには - DTP Transit
複数の文字をひとつにしたい場合、イラレで便利さんのテキスト連結(たて並び・よこ並び)を使ってもいいいのですが、Illustratorでは、かなり昔からプリミティブな方法で実現することができます。 合体させたいポイントテキストを選択し、［編集］→［カット］を選択する。 テキストツールに持ち替えて、ドキュメント上でクリックする。 ［編集］→［ペースト］を選択すると、ひとつのテキストオブジェクトになります。フォントやサイズなどの書式情報は保持されます。 文字の順序が意図通りにならない場合には、文字の前後関係を変更してみてください。 Illustrator CSのデータを下位バージョンに保存する際のTips - DTP Transit ポイントテキストを、ひとつのテキストオブジェクトにするには - DTP Transit デモの度にご紹介しているのですが、昨日DTP Booster 010にてご質
illustratorで1pxのラインがぼける時の対処法 – creamu
ちょっとメモ。illustratorで1pxのラインを引くとぼけてしまってなんとも直らないことがありますが、0.5px上か下に移動させることで直ることがあります。 「環境設定 / 一般 / キー入力」を0.5pxに設定。ラインを選択して上下に移動 あるいは、以下のように変形オプションでY座標を0.5px程度移動させるか、ラインを選択して「ピクセルグリッドに整合」にチェックを入れることでも可能です。 ぜひやってみてください！ 友人がOLYMPUSのPENを使っていて、ちょっとほしくなってしまったぞ。シャッター音が気持ちいいですね。 OLYMPUS マイクロ一眼 PEN E-PL1s レンズキット ホワイト E-PL1s LKIT WHT
【保存版】Illustratorでインターフェイスをデザインする時に役立つ時短テクニックのまとめ
Illustratorでウェブやアプリなどのインターフェイスをデザインする時に役立つ14の時短テクニックを紹介します。 Speed Design with Illustrator Illustratorの時短チップスを書いたのはVincent Le Moign氏で、彼の別サイト「WEBALYS」ではたくさんのフリー素材を配布しているので覗いてみてください。 WEBALYS 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。無断翻訳・まとめ記事の転載をしているあのブログの注意喚起を海外のブロガーから聞くのでご注意ください。 時短でボタンをつくる 1クリックでテキストをデザイン カラー変更の強い味方「グローバルカラー」 モジュール式のデザイン アイコンフォントを簡単に扱う方法 グリッドの設計 グリッドにスナップさせる アートボードの活用 サイ
フリーベクター素材セットとIllustratorのチュートリアル「20 Fresh Free Vector Sets and 5 Illustrator Tutorials」
フリーベクター素材セットとIllustratorのチュートリアル「20 Fresh Free Vector Sets and 5 Illustrator Tutorials」 ベクター素材は非常に使い勝手が良く、制作にはとても便利なデータ形式ですが、一から描くのは一苦労。WEBで探していもなかなかイメージ通りのものが見つからない時は困ってしまいますよね。今回はそんな時のために是非ご覧頂きたい、フリーベクター素材セットとIllustratorのチュートリアル「20 Fresh Free Vector Sets and 5 Illustrator Tutorials」を紹介致します。 Free Golden Badges Vector 可愛らしいものやリアルで高級感あるイラスト素材、またその作り方が幅広くまとめられています。中でも気になったものをピックアップしましたので、下記よりご覧ください。
1-4時間で実践できる、Illustratorのさまざまなテクニックを学べるチュートリアルのまとめ
2013年春の新作、Illustratorのチュートリアルをvector tuts+から紹介します。 チュートリアルはステップごと詳しいキャプチャ付きで、英語が苦手な人でも雰囲気は伝わると思います。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
The Blog | Welcome to Adobe Blog
新着記事
【Photoshop入門】Webデザインをはじめよう！第1回 デザイン前に覚えておきたい環境設定とレイヤー機能 - Adobe Blog
新着記事
ソニック速報
オリジナルフォントが作れるiPad用フォント作成アプリ「iFontMaker」｜linker journal｜linker
