私は ある出来事 をきっかけにAdobe製品をやめて他社の製品でWebデザインをしようと考えていました。 最初に考えていたのがPhotoshopの代わりにAffinity Photo、Illustratorの代わりにAffinity Designer、そしてAdobe XDの代わりにSketchまたはFigmaのようなプロトタイピングツールを使用しようと考えていました。 最初はこうしようと思っていた しかし、さまざまな可能性を試した結果、今までPhotoshopとIllustratorとAdobe XDの3つのアプリでおこなっていたことをたった1つのアプリで完結させることができ、しかもあらゆる作業をAdobe XD並みの速度でできる方法があるという事に気づきました。 たった1つのアプリで完結させることができるという事に気づいた ここ最近はたった1つのアプリでWebデザインを完結させるワーク

最近、Adobe製品を全部消してしまって仕事しています。Adobe製品ではない、次世代ソフトで仕事をしていますが、Webデザイナーがいわゆる「脱Adobe」するとどうなるかなどを書いてみたいと思います。第2回目は実際に「脱Adobe」してみてでてきた課題を書いてみたいと思います。 Webサイト制作では、レスポンシブWebデザインが一般化しつつあります。 レスポンシブWebデザインの案件が増えることで、ベクター形式で納品を指定されたり、素材を支給される事が多くなりました。 ベクター形式の素材を取り扱う場合、データファイルに「PDF保存オプション」を指定しているかどうかが鍵になります。 ファイルをAdobe illustrator形式やEPS形式などに保存するときに「PDFデータ」が含まれている場合は、他のアプリケーションで開ける確率が高くなります。 Adobe illustrator形式のフ

あらためまして、24時間Illustratorスペシャルイベント「愛（Ai）はクリエイティブを救う」にご参加＆配信をご覧くださった皆様、ありがとうございました！ 過去に例の無いタイプのイベントということでしたが、自分自身もとても楽しむことが出来ました。 アーカイブが観られるよ 公式サイトでは、現在すべてのアーカイブを観ることが出来ます。 （事前に「アーカイブなし」の告知があったセッションは除きます。） アーカイブの試聴も無料。Adobeさん太っ腹！ 深夜のセッションなど「起きてられなかった…」という方、 観てたけど「もう一回おさらいしたい」という方は是非公式サイトへどうぞ。 紹介スクリプトのおさらい イベント当日は普段から愛用させて頂いている、とても便利なスクリプトを使ったテクニックをご紹介させていただきました。 Twitterなどでも流したのですが、こちらでもまとめておきますね。 スクリ

Fireworksのヘビーユーザーだったので、ディスコンになってからUI作成のツールをどれにしたらいいかが悩みでした。 Fireworksの前はPhotoshopでデザインを行っていたのですが、Fireworksの効率良さに慣れてしまうとPhotoshopには戻りたくなくなりました。他に良いツールがないものか・・・と思いつつ、とりあえずまだ使えるのでFireworksを使っていました。 ですが、ディスコンになる以上別のツールを探さないといけないので、改めてPhotoshopとillustratorについて調べてみたところ、illustratorの設定を適切に行えばFireworksチックに操作できることがわかりました。 今回はillustratorでUIデザインカンプを作る際の設定について書こうと思います。Webデザインでもほぼ同じ設定で大丈夫ではないかと思っています。ちなみに自分のill

最近、セミナーでスクリプトを紹介すると評判がよいので、10個選りすぐってみました。 これらを提供してくださっている作者さんたちに感謝します。 はまりどころを見つけると「むちゃくちゃ早く終わる」「手作業ではムリ」なことが実現できるので、「ここでこういうことができると快適になるのに」をリストアップしておいて、たまに棚卸ししてみるとよいと思います。 追記 2017更新版を公開しました。 Illustratorを使うとき、私が手放せない10個のスクリプト（2017更新版）＋ 入手できるスクリプト一覧 - DTP Transit なぜ、スクリプトを使うの？ Illustratorでの作業を効率化するには、キーボードショートカットやアクションを使う方法がありますが、そもそも次のような場合には、有償のプラグインを使うほか、スクリプトを使う方法があります。 Illustratorではできないこと できるけ

先日、モータースポーツジャパンがてらお台場に遊びに行ってきました。なんとガンダムの目の前に幻の車MID4（2型）が展示されていました。せっかく写真を撮ってきたのでトレースでもするか（←おかしい）と、久しぶりにIllustratorでトレース作業をしてみました。 Illustratorのパスの描画やハンドルの挙動は初期の頃からほとんど変わっていません。なので、トレース作業は2013年発売のCCまではペンツールとハンドルを駆使して曲線を描くのが基本でしょう。 もちろん、ツールや機能の強化により初期に比べてだいぶ楽にはなっていますが、パスそのものをコントロールする部分はやはりペンツールとハンドル操作で行います。 しかし2014年発売のCC17.1以降、ライブコーナーやセグメントの変形、アンカーポイントツール、曲線ツールや連結ツールなどパスまわりが積極的に強化され、扱いの難しかったベジェ曲線を比較

ツルっとしたラインを手彫っぽく加工する このままだとハンコとしてはツルっとしすぎなので、デザインカッターを使い、削りだしたような加工をしていきます。 「効果」→「パスの変形」→「ラフ」で線をガタガタにします。 プレビューで確認しながら調整してみてください。ポイントを「ギザギザ」にしたほうが、より削りだす感じをだせるかと思います。 こんな感じです。手掘り感、でたでしょうか？ かすれの加工をする スタンプ独特の風合いをだすために、インクがかすれたような加工をします。 素材からスプレーを吹き付けたようなオブジェクトを用意しました。 こちらを使って2通りのやり方でかすれを表現してみたいと思います。 パスファインダーを使う場合 スプレーが上になるようにオブジェクトをかさね、「パスファインダー」→「前面オブジェクトで型抜き」をします。 スプレーのオブジェクトで背面のオブジェクトが貫かれた複合シェイプが

写真やイラストや文字など、JPEG, GIF, PNG画像をSVGのベクターに変換できる無料のオンラインサービスを紹介します。 写真画像でもこのクオリティは、スゴイですね！

AdobeがiPad向けの描画アプリとして、従来提供していた「Adobe Ideas」からベクター描画ツール＆機能部分だけに絞った新アプリ「Adobe Illustrator Draw」をリリースしました。これはカンファレンス「Adobe MAX 2014」基調講演の中で発表されたもので、このほかに「Adobe Illustrator Line」「Adobe Shape CC」など、モバイル向けアプリが合計9つリリースされました。 Adobe Takes Creativity Mobile at MAX 2014 http://www.adobe.com/news-room/pressreleases/201410/100614AdobeTakesCreativityMobileatMAX2014.html Loads of new @CreativeCloud mobile apps,

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

SVGの普及かアイコンブームか、パスを使ってイラストを描く方が増えた気がします。前から書いてみたかった、パスでトレースするときに気をつけるといい「作り方」と「考え方」を記事にしてみました。 文字をトレースしてみよう パストレースの練習として、文字やロゴマークをトレースすると言うのはよく聞きます。曲線あり直線有り中抜きあり、で練習にはいい素材です。特にフォントの場合はアウトラインをとることで、どこにアンカーポイントを置けばいいのか参考にすることが出来ます。 試しにこの2つのお題に取り組んでみました。この形を実現するのにどんな方法をとりますか？正解はいくつもありますが、例えばこの方法。 完成！いいじゃない！と思いますか？確かに形としては完璧なんですが、練習であれば個人的にはこちらをおすすめしたいです。 さっきとの違いが分かるでしょうか？3つの図形を組み合わせて文字の形を作っています。文字を書く

The Blog | Welcome to Adobe Blog アドビのブログでは、Creative Cloud、Document Cloud、Experience Cloudの最新情報や役に立つ情報を紹介しています。

こんにちは、デザイナーの白浜です。5月病にならないためにも、仕事をサクサク終わらせて明るい時間に帰りたいですね！！ そんなわけで、今回は覚えておくと作業効率が劇的に上がるIllustratorの機能を、わたしが新しく知った順にご紹介したいと思います。 後半は今まで書いた記事の紹介になってしまうのですが…本当に使っていないと損なので何度でも言うよ！！ ここ半年ぐらいで知った便利な機能 まずはここ半年ぐらいで知ったIllustratorの便利な機能を2つご紹介します。 ライブコーナー Illustrator CC（17.1）のアップデートでしれっと追加されていたこの機能、すごいです！！ヤバイです。 ダイレクト選択ツールでオブジェクトを選択するとコーナーに白い○が出てくる方、あなたのバージョンはライブコーナー機能が使えます！ 全部のコーナーが選択された状態で1個○をドラッグしてみると… 全部の角

1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして！デザイナーのマチダです。2012年４月に新卒入社し、現在はスマートフォンゲームのイラストを制作しています。 はじめに-Illustratorの仕組み-多機能によってグラフィックだけでなく文書作成などマルチに活躍できるIllustratorですが、機能の多さに最初は何をどのように使ったらいいのか戸惑うかと思います。 ＜illustratorでイラストを描く際に心がけていただきたいこと＞ 普通絵を描く時は線画を描いて着彩すると思いますがIllustratorは少々違い、"様々な形をした図形を配置"して絵を描きます。図形を上に重ねていくことで

井上のきあ｜EUCARYA｜つくるデザイン @yue9 チノちゃんの茶壺アイコン　チノちゃんからもらった写真をIllustratorのファイルに読み込んで完全に水平になるように調整　チノちゃんも絵を描く人間だけあってほぼ真横＆水平で撮ってくれたので、１°か2°くらい回転しただけ http://t.co/5iXeQMJwGV