PhotoshopとIllustratorのほぼ全機能を搭載したAdobe XD並みに軽いプロトタイピングツールが発売
私は ある出来事 をきっかけにAdobe製品をやめて他社の製品でWebデザインをしようと考えていました。 最初に考えていたのがPhotoshopの代わりにAffinity Photo、Illustratorの代わりにAffinity Designer、そしてAdobe XDの代わりにSketchまたはFigmaのようなプロトタイピングツールを使用しようと考えていました。 最初はこうしようと思っていた しかし、さまざまな可能性を試した結果、今までPhotoshopとIllustratorとAdobe XDの3つのアプリでおこなっていたことをたった1つのアプリで完結させることができ、しかもあらゆる作業をAdobe XD並みの速度でできる方法があるという事に気づきました。 たった1つのアプリで完結させることができるという事に気づいた ここ最近はたった1つのアプリでWebデザインを完結させるワーク
SVGの各アプリケーション書き出しをあれこれを調べてみた - デザイナーのイラストノート
このブログのロゴにも使用していますが、最近よく目にするようになったSVG。イラストにはうれしい画像形式なので、とても注目しています。しかし、制作するグラフィックツールによって書き出しの設定が本当にまちまち・・・ということでいろいろ試してみた結果です。 SVGとは Scalable Vector Graphics（スケーラブル・ベクター・グラフィックス）で「SVG」。拡大縮小しても荒れない画像形式ということで、ロゴやアイコンなどに使用されるシーンも増えてきました。テキストエディタで編集できたり、CSSで色を変えたり、グラフィックツールがなくても画像を編集することができるのが特徴です。タイムリーにも、先日MicrosoftのOfficeでも、SVG形式が利用できるようになるというニュースもありました。 SVGの利点として、変更の差分が取りやすくGitなどで管理しやすい、ということがあります。例
フォトショやイラレが物理コントローラーのツマミ・フェーダーで操作可能になるモジュール式コントローラー「Palette」
Adobeが提供しているPhotoshopやIllustratorの操作を、マウスやキーボードとは別にボタンやフェーダー(スライダー)、ダイヤルなどで行うことができるコントローラーが「Palette」です。Paletteは各コントローラーにソフトウェアの機能を割り当てることで、ハードウェアコントロールを可能にし、より直感的な操作を行うことができるようになっています。 Palette Gear: Hands-on Control of your Favourite Software http://palettegear.com/index プロの業務にも余裕で対応できる高機能編集ソフトである「Photoshop」や「Illustrator」といったソフトは、高機能であるがゆえの複雑さを持っていることも一方では事実です。普段使う機能はある程度限られてくるものですが、それでも複雑な機能をキーボー
はじめてSVGでアニメーションを作った時の話
ハンドメイドアクセサリー・イロドルハナの中の人がイロドルハナでは表現しきれないあんなものやこんなもの（ヤミ）を見せちゃいます。 これはSVG Advent Calendar 2014の参加記事です。 昨日はrikuoさんの「SVG画像を書き出す際に重要な設定「小数点以下の桁数」とはなにか？」でした。私はいつも深く考えずに設定していたのですが、細かく検証してくださっています。 Advent Calendarにたまたま空きがあった＆振休が取れたので、急きょ（前日に参加登録した）イロドルハナ（shino212）が担当します。 作ったのは「お花見おじさん」。桜が満開の中、お花見を楽しむおっさんがうろうろしてるだけのアニメーションです。ソースを公開してはいるものの、作る際に困った話などはほとんど公開していなかったので（文章を書くのは得意ではないのですが）公開してみます。 まずは絵を描きます。Adob
SVG画像を書き出す際に重要な設定「小数点以下の桁数」とはなにか？ - 聴く耳を持たない(片方しか)
これはSVG Advent Calendar 2014の参加記事です。 昨日はmemocarilogのSaori Miyazakiさんによる「filter 要素の基本的な使い方と filter 要素をつかったモノクロからカラーへ変化するマウスオーバー効果を作る方法」でした。 第3日目は私 id:rikuo が担当します。 （※追記）第4日目はイロドルハナ(@shino212)さんの「はじめてSVGでアニメーションを作った時の話」です。 ちなみにまだ空いている枠はあるので、興味のある方は是非ご参加ください。 はじめにSVGはXMLをベースにしているためテキストエディタでも簡単に作れるとは言え、実際の制作は何らかのオーサリングツールを利用することがほとんどでしょう。 中でもAdobe Illustratorはベクター系ソフトウェアの代表的な存在で広く普及しています。このIllustratorか
【Illustrator】簡単！歯車・ギアの描き方 編集も容易！（アピアランス）
今回はIllustratorで歯車を描きます。アピアランスなので、編集も簡単。数値を変えるだけで、バリエーション豊かな歯車を作ることができますよ。タイヤなんかにも応用できるので、ぜひお試しください！ 完成予定図 使用ソフト：AdobeIllustratorCC（CS5で検証済み） Step1 楕円を描いてギザギザさせる まずは楕円形ツールで元になる円を描きます。 楕円形ツール/Ellipse (L) 高さ(H)：100px 幅(W)：100px この先はアピアランスを使っていくので、アピアランスパネルを表示（Ctrl+F6 ・Shift+F6）させておきましょう。 アピアランスパネルが無事開いたところで、次は楕円の縁をギザギザさせていきます。アピアランスパネル下メニュー「fx(新規効果を追加)」をしてジグザグを適用。 新規効果を追加＞パスの変形＞ジグザグ Add Effect > Dist
クリエイター向けの高価なソフトに代わるリーズナブルなソフトウェアたち（Mac） | ライフハッカー・ジャパン
画像や動画の編集など、OS X には数多くのクリエイティブ系ソフトが存在しますが、その多くは入手するのにそれなりの投資金額が必要です。 ですが、それほど多機能なソフトでなくてもよい場合、パワフルながらもリーズナブルな価格帯のツールで充分です。今回はリーズナブルな価格帯で購入できるお役立ちツールを一挙に紹介していきます。 画像編集／デジタルアートワーク／小説・脚本の執筆／動画編集の4ジャンルに分類しています（※各アプリの価格は、2014年1月13日現在のものです）。 画像編集 〜『Pixelmator』一択か 画像編集には『Photoshop』が王道ですが、そこまで多機能なツールがどうしても必要というわけでもないことがほとんどだと思います。 安価で入手できる画像編集ツールとしては30ドルで購入可能ながらも Photoshop に決して劣らないパワフルでグレートな『Pixelmator』の最新
Specctr | Home
768 px 100 px 200 px 200 px Fill: none Stroke: Solid 13pt #4990E2 Stop spec'ing by hand Design. Iterate. Spec. Sync. Add specs to your designs in an instant. Simplify your design to dev production with Specctr's panel and new automated annotation features. Now open source and free to use. Download Here Introducing Specctr 3.0 Spec in just a few easy steps! Our newest panel is better than ever. New
ScaleOut | Supership
2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。本件に関する詳細は、プレスリリースをご確認ください。 2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。 本件に関する詳細は、プレスリリースをご確認ください。
「illustratorのアピアランス」の基本
高橋としゆき @gautt 以前に勉強会で「アピアランスを制す者はIllustratorを制す」的なことを話したけど、これ見てるとほんとそう思うわ。Illustrator Unlimited Appearance https://t.co/xWxEjPEgnu @jaypeg_officialさんから 2013-03-23 12:15:24
[iPad] デザインの基礎学習 -Illustrator、Photoshop演習付-: 音声付きeラーニング教材。 | AppBank
こんにちは、KiDDです。 デザインの基礎をアプリで学ぶeラーニング教材、デザインの基礎学習 -Illustrator、Photoshop演習付-を紹介します。 デザインの基礎学習 -Illustrator、Photoshop演習付-は、グラフィックデザインを学んだことがない人のために作られたアプリ教材。デザインの基礎知識はもちろん、IllustratorやPhotoshopについても収録されています。
![[iPad] デザインの基礎学習 -Illustrator、Photoshop演習付-: 音声付きeラーニング教材。 | AppBank](https://cdn-ak-scissors.b.st-hatena.com/image/square/9b2b50acb0d798bda9390593988a0bc29097917d/height=288;version=1;width=512/https%3A%2F%2Fwww.appbank.net%2Fwp-content%2Fuploads%2F2012%2F03%2Fmzi.cmizhfnc.png)
基本の基本！綺麗なデータの作り方：ロゴ編 | ウープスデザインブログ (デザイナーまめこ)
デザイナーさん1年生に向けての内容です。ロゴを作成して、誰かに渡すことがでてくるかもしれません。独り歩きしても問題ないデータを意識して作っていますか？カンバス外にゴミがあるなんてもってのほかです。キレイに掃除しておきましょう。Illustratorバージョン8で開けるように作ってあれば最近は問題ないので保存するときも忘れずに。 アウトラインをとる 基本中の基本ですね。書体は会社によって入っているもの、ないものがあります。自分が作っているのが至極標準的な書体であったとしても、アウトラインは必ずとりましょう。アウトライン化すると文字の編集ができなくなりますので、その前のデータは別で保存しておきましょうね。 アウトライン化していないデータは選択するとこのようになります。文字が編集できる状態です。 選択したまま、上部にあるメニューから「書式」→「アウトラインを作成」です。右横に書いてあるのはショー
illustratorで1pxのラインがぼける時の対処法 – creamu
ちょっとメモ。illustratorで1pxのラインを引くとぼけてしまってなんとも直らないことがありますが、0.5px上か下に移動させることで直ることがあります。 「環境設定 / 一般 / キー入力」を0.5pxに設定。ラインを選択して上下に移動 あるいは、以下のように変形オプションでY座標を0.5px程度移動させるか、ラインを選択して「ピクセルグリッドに整合」にチェックを入れることでも可能です。 ぜひやってみてください！ 友人がOLYMPUSのPENを使っていて、ちょっとほしくなってしまったぞ。シャッター音が気持ちいいですね。 OLYMPUS マイクロ一眼 PEN E-PL1s レンズキット ホワイト E-PL1s LKIT WHT
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
illustratorどいせな
【Photoshop入門】Webデザインをはじめよう！第1回 デザイン前に覚えておきたい環境設定とレイヤー機能 - Adobe Blog
新着記事
実用書には載ってないイラストレーターの使い方。