デザインの作業フローが大きく変わる！PhotoshopやIllustratorに予定されているAdobe Senseiの機能のまとめ
2018年1月末のアップデートで、ついにPhotoshopでもAdobe Senseiが実装され、複雑な選択範囲が1クリックで簡単に作成できるようになりました。 紹介記事: Photoshopの選択範囲の作成が驚くほど簡単に PhotoshopやIllustratorなどに実装が予定されているAdobe Senseiの機能を紹介します。Adobe Senseiの主な役割は作業的な部分の効率化で、これにより人はよりクリエイティブな部分に時間を割くことができます。 Adobe Sensei|AI（人工知能） Top 11 Tech Sneak Peeks from MAX 2017 that Wow'ed ※記事の掲載にあたり、Adobe広報様に許可を頂いています。 Adobe Senseiが最適な画像を見つけ出す -SceneStitch Adobe Senseiがデザインの要素を認識する
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」という名で、動画を見
これどうやって作る？参考にしたいIllustratorのすごいチュートリアルまとめ
毎月、新しく公開されたIllustratorの使い方を体感的に学ぶことができるチュートリアルをまとめています。今回は、「これ、どうするの？」といったIllustratorの基本テクニックから、覚えておくと目からウロコな実践向けデザイン小技、そしてより高度なイラストテクニックまで幅広いセレクションが揃います。 覚えておきたい基本ツールの使い方を、実際にデザインを行いながら覚えることで、即戦力となるデザインテクニックを学ぶことができます。また、最新グラフィックデザインのトレンドを意識した、新しいツールの使い方や活用方法を知るのにもぴったりです。 基本を押さえて学ぶ！しっかり身につく Illustrator チュートリアル34個まとめ 2017年9月度 これどうやって作る？参考にしたいIllustratorのすごいチュートリアルまとめ シロクマをシルエットにしたベクターイラストをデザインする方法
Illustratorでピクセルパーフェクト | AD Line Tips
Illustratorでスライスするとき「1pxずれて書き出される・・・」なんてことはありませんか？ そんな時疑うべき事5つを書きたいと思います。 1.ミリ単位で作っている ウェブサイトでIllustratorを使うときは極力単位はピクセルにする。 環境設定>単位（Ctrl ＋ K）から、すべての単位をピクセルにする。 2.ピクセルプレビューにチェックが入っていない ピクセルプレビュー（Ctrl ＋ Alt ＋ Y）にチェックを入れることによって、同時にピクセルにスナップにもチェックが入ります。 この設定で素材を操作すると自動的にスナップしてくれます。 3.キー入力の設定が中途半端 ミリ単位のファイルから持ってくると、小数点以下の数字が入ることがあります。そのままオブジェクトを移動させてしまうとキリのいい数字で作っているつもりでも、ズレが生じてしまうことがあります。 そんなときは値を整数・
動画だとすごい分かりやすい！新しくなったPhotoshop, Illustrator, Adobe XDの新機能
Photoshop, Illustrator, Adobe XDをはじめ、Creative Cloudのアプリが2017年10月19日にアップデートされました。全体的にもパフォーマンスの向上に重きがおかれているので、現在使用している人は注目でしょう。Web制作者、デザイナー、イラストレーターなどに便利な新機能が盛りだくさんとなっています。 『新しい方法で、アイデアをすばやくカタチに』 上記のAdobe様の広告画像もCreative Cloudの最新画像です。 Photoshop CC 2018のスプラッシュスクリーン Photoshopの新機能が分かる1分動画 Illustratorの新機能が分かる1分動画 Adobe XDの新機能が分かる1分動画 撮影した画像から、好みのフォントが見つけられる Creative Cloudの新機能が分かる2分動画 Photoshopの新機能が分かる1分動
基本を押さえて学ぶ！しっかり身につく Illustrator チュートリアル34個まとめ 2017年9月度
毎月、新しく公開されたIllustratorの使い方を体感的に学ぶことができるチュートリアルをまとめています。今回は、Illustratorの基本ツールの実践的な使い方や小技から、より高度なイラストテクニックまで幅広いセレクションが揃いました。 特によく利用する基本機能をしっかりと押さえ、作り方に沿って手を動かすことで、実践の現場にも対応できるスキルを学びます。また、最新グラフィックデザインのトレンドを意識した、新しいツールの使い方や活用方法を知るのにもぴったりです。 しっかり入門！きちんと身につくIllustratorチュートリアル、つくり方37個まとめ 基本を押さえて学ぶ！しっかり身につく Illustrator 用チュートリアルまとめ カラフルなグラデーションをつかった球体の作り方 カラフルな配色が混ざり合ったユニークなグラデーションエフェクト。グラデーションメッシュ機能とワープ機能
絵心がなくても大丈夫！?イラレで "dribbbleっぽい!" イラストの描き方｜ソニックジャム｜note
こんにちは。SONICJAMデザイナーの森田です。 みなさま、dribbble というサイトをご存知でしょうか。 dribbble とはデザイナー向けのSNSコミュニティです。 招待制なので作品を公開できるデザイナーは限られており、作品は一定のクオリティが担保されています。（ちなみにbが３つあるのは『ドメインが取れないから』という理由だそう。） 主にデジタル領域に強いデザイナーが UI 画面やイラスト作品をあげていて、リアルなスキューモフのアイコンを製作していた時代の名残からか、特にイラスト作品は図形を元に簡潔に描かれたジオメトリックなテイストのものが多い傾向にあります。 本日はそんな dribbble 風のイラストの描き方。描く上での考え方をご紹介します。 通常の "ペンツールでパスをトレースして..." といった描き方ではなく、シェイプツールを元に無駄なく形を整えるという発想の描き方で
ベジェ曲線とは 初心者にもわかりすいよう下敷きに例えてみた | ホームページ制作 SEO対策【広島 岡山 山口 福岡】エム・フィールド広島オフィス
こんにちは、デザイナーのTantanです。 IllustraotrやPhotoshopのペンツールできれいな曲線を描く方法がわからない、ベジェ曲線って全然コントロールできなくてわからん！という方のために基本のキホンを「 例え 」で解説したいと思います。 ベジェ曲線の操作感は独特ですので、具体的な操作を学ぶ前に イメージを掴む と習得が早いと思います。 下敷きを思い浮かべてください 小学生の頃使ったような プラスチックの下敷き ありますよね。ノートに挟んで使うペラペラのやつ。 みなさん一度は曲げたりひねったり、静電気で髪を逆立てて遊んだりしたことがあるのではないでしょうか。 あれを 両手に持ってクネクネ曲げる感触を思い出してください。 手首で向きをコントロール イラレのベジェ曲線は、下敷きの両端を持ってカーブを作るような感覚です。 手首を曲げて、指先の向かう方向を変えることで、下敷きの曲がり
これぞプロのデザインテクニック！簡単なのにすごい、アイコンを作るテクニックのまとめ
オリジナルのアイコンを作るシンプルで簡単なデザインテクニックを紹介します。 円や矩形などの基本的な形を組み合わせたり、変形させたりして、さまざまなアイコンを作成します。 作業に慣れてしまえば、どれも1分もかからずにアイコンを作成できます。 The Super Simple Guide to Iconography 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 目のアイコンの作り方 矢印のアイコンの作り方 バッテリーのアイコンの作り方 箇条書きリストのアイコンの作り方 クラウドのアイコンの作り方 次に進むのアイコンの作り方 ファンネルのアイコンの作り方 プレイ・ポーズのアイコンの作り方 位置矢印のアイコンの作り方 位置ピンのアイコンの作り方 サウンドのアイコンの作り方 ウェーブのアイコンの作り方 Toptalのアイコンの作り方
Illustratorを使うとき、私が手放せない10個のスクリプト（2017更新版）＋ 入手できるスクリプト一覧｜DTP Transit
#1 【アートボード】アートボード作成、修正、書き出し 三階ラボさんのアートボード作成・再構築・書き出しのワークフローが鉄板。 特にアートボード名の修正（一括置換など）はデフォルトではできないので、本当に重宝します。 3flab inc. | #Illustrator でアートボードごとに画像を書き出してからファイル名を変更するのが面倒くさい 3flab inc. | アートボード再構築 3flab inc. | #Illustrator でアートボードを作り、そして書き出す #2 【テキスト】選択したテキストの編集をダイアログボックス内で行う これまた、三階ラボさんのスクリプト。 3flab inc. | テキスト編集 | Edit Texts Pro for Illustrator 3flab inc. | #Illustrator のテキスト編集をスムーズに行う リアルタイムプレビュ
IllustratorでSVGアニメーション用のSVGファイルを作ってみた | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ デザイナーのすーちゃんです。 雪を見ないと冬っぽさを感じられません。東京は全然雪が降らないので、年末実家に帰るのが楽しみです！ さて今回は、今さら聞けないかもしれない、SVGアニメーション用のSVGファイルの作り方をご紹介したいと思います！ どういったところでSVGアニメーションが使われているの？ まずは、どういった部分にSVGが使われているか見てみましょう！ carborocco 最初のローディングやロゴマークが表示される部分がSVGアニメーションみたいです。静止画で見るよりも、ロゴのイメージが湧いてきますね！ SERIO VERIFY スクロールに合わせて線が伸びていったり、描いているみたいにイラストが表示されたり……。これもSVGで表現されています。よりストーリー性があって、つい最後まで見てしまいますね！ 上で挙げたサイトのように、ストーリー性を持たせたり、強く印象づけ
これからIllustratorを学ぶ人にオススメしたいチュートリアル、作り方35個まとめ
目まぐるしく変化するデザイントレンドに対応した作品を作り続けるのは、デザイナーにとってもっとも大変な課題のひとつです。これまで使っていたスタイルがいつの間に時代遅れになってしまうということもしばしば。 今回はデザイン表現の幅を広げる Illustrator チュートリアルをまとめてご紹介します。覚えておくと役立つテクニックはもちろん、新しいデザインテクニックを使って作成するデザインを中心にまとめています。 詳細は以下から。 これからIllustratorを学ぶ人にオススメしたいチュートリアル、作り方35個まとめ お好みの文字をチェリーパイで作成する方法 パイのサクサクとした質感や上にかかっている粉砂糖、チェリーどれもIllustrator のみでデザインできる、本格的なテキストエフェクト用チュートリアル。 ビスケットでできたテキストエフェクトの作り方 ツールでパスを描くだけでで、どんなシェ
「いらすとや」はベジェで描いてる？1日10枚更新できる理由
無料イラスト素材サイト「いらすとや」が大人気です。 webサイトはもちろん、自治体のポスターやチラシなど街のあちらこちらでも見かけるようになりました。 人気の理由は使いやすさと品質の高さです。 さらに種類も豊富で今でも毎日10枚（！）ほど追加されています。 一体なぜここまでハイペースにイラストを描くことができるのでしょうか？ 今回は「いらすとやの中の人」ことみふねたかしさんの制作技術に迫っていきます。 Tweet 汎用性の高いすぐれたフォーマット みふねさんのイラストはとてもシンプルです。 シンプルですが特徴があり、知っている人が見れば「『いらすとや』だ！」とわかります。 こういった理由から数多くのファンアートも描かれています。 なかよし三人組のイラスト pic.twitter.com/AxVJOfX4NV — 村上 ヒサシ (@M_hisashi) 2016年9月29日 人数が減ってしま
PhotoshopとIllustratorで、プロのデザイナーがよく使うショートカットを一枚にまとめたチートシート
アドビシステムズの日本法人からリリースされた、PhotoshopとIllustratorの数あるショートカットの中から、デザイナーによく使われているものをまとめた作業効率が劇的に上がるショートカットのチートシートを紹介します。
macOS Sierra (10.12) で Photoshop CS6 / Illustrator CS6 を使う - TeX Alchemist Online
追記：macOS 10.13 High Sierra でも使えます！ 本日(2017/09/26)，macOS 10.13 High Sierra がリリースされました。本記事で紹介している「偽装フォルダ法」は，High Sierra でも有効なようです。 追記：検証結果 本記事の方法で，Photoshop / Illustrator の CS 3～6 が全て Sierra で使用可能になる模様です。 また，報告（リンク切れ）によると，Flash 関係以外の CS6 アプリは基本的に全て動作するそうです。 Adobe CS6 Master Collection ○ Photoshop CS6 ○ Illustrator CS6 ○ InDesign® CS6 ○ Acrobat® X Pro ○ Dreamweaver® CS6 ○ Fireworks® CS6 ○ Adobe Premi
Illustratorでのイマドキな画像書き出し方法【アセットの書き出し】
2016年12月7日 Illustrator 昔からIllustratorラブ！な私ですが、いつの間にやらWebデザインをする上での便利な機能が増えてきて、ますます嬉しい次第です。その中で今回は画像アセットを使った書き出し方法を紹介します。昔はスライスツールを使っていましたが、そんな面倒なことをしなくてもオブジェクトをドラッグ＆ドロップで簡単に書き出せちゃいますよ。 ↑私が10年以上利用している会計ソフト！ アセットの書き出しって何？ 2016年6月にアップデートされたIllustrator CCでは、従来のスライスとは違う、新感覚の画像書き出し方法である「アセットの書き出し」という機能が追加されました。オブジェクトをパネルにドラッグして追加すると、サイズや解像度、デバイスに合わせたフォーマットに書き出せます。Webやアプリ用のアイコンや、画面全体のデザインを行う上でも欠かせない、便利な機
Illustrator をしっかり学びたいひとへ。参考にしたい入門チュートリアル、つくり方39個まとめ
クリエイティブなプロデザイナーが実践する、デザインテクニックを身につけるチュートリアルやつくり方をまとめています。 豊富すぎるツールは Illustrator ビギナーにとって、戸惑うことも多いでしょう。そんなときは順番ごとにデザインを進める、実践的なチュートリアルを参考に、基本的なツールを学んでみましょう。テクニックが増えていくことで、Illustrator をより自在に操作することができるでしょう。 詳細は以下から。 Illustrator をしっかり学びたいひとへ。参考にしたい入門チュートリアル、つくり方まとめ 夏をテーマにしたカラフルなアイコンを作成する方法 ペンツールを使ってデザインする、シンプルでかわいいアイコンパックのつくり方。 惑星アイコンのつくり方 銀河系の惑星をひとつずつ、色鮮やかな配色のフラットスタイルで描いたアイコン素材セット。 ゲームに出てくるファンタジーな武器を
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Illustratorで作図した円は歪んでる、という事を説明する図が話題に
The Blog | Welcome to Adobe Blog
The Blog | Welcome to Adobe Blog