毎日ちょっとずつ、デザインを学ぼう毎日ちょっとずつデザインを学ぼうIT/Web業界のデザイン学習サイト
![chot.design - 毎日ちょっとずつデザインを学ぼう](https://cdn-ak-scissors.b.st-hatena.com/image/square/9588565984a0da28082dc319d07de40524324811/height=288;version=1;width=512/https%3A%2F%2Fchot.design%2Fassets%2Fog-image-0b2929468dbb01f170aacbb78de3a3df1d5927ba3005776e46b72f397aa52066.png)
毎日ちょっとずつ、デザインを学ぼう毎日ちょっとずつデザインを学ぼうIT/Web業界のデザイン学習サイト
Adobe Illustrator の代替アプリとして知られる Affinity Designer というMac用アプリ(¥6,000)がセールになっていたので購入してみました。 もちろん、月額ではなく買い切りのアプリです。 追記: このセールは既に終了しています。 しばらく使った感じ、なかなかよい感触だったので、使ってみて良いと感じたところと良くないと感じたところ、気づいたことなどまとめてみました。 Affinity DesignerのPhotoshop的な機能 Affinity Designer は、よく「Adobe Illustrator の代替アプリ」と言われますが、厳密には Illustrator の機能だけでなく、Photoshop の機能の一部も持っています。 具体的には以下のような機能です。 ちょっとしたビットマップ画像の修正(長方形選択ツール、ブラシツール、消しゴムツール
ペンツールは、PhotoshopとIllustratorで最も重要なツールの1つです。ペンツールを楽に使えるようになると、デザインの新しいチャンスが広がり、ワークフローも大きく改善されるでしょう。 PhotoshopとIllustratorでのペンツールの役割や使い方の違いを理解し、それぞれで作業する時にベジェ曲線を思い通りに描くのに役立つ2つのこつを紹介します。 Two Simple Techniques To Help You Master the Pen Tool 元記事のライセンスに基づいて意訳しました。 ペンツールの種類 ペンツールの役割 ベジェ曲線を思い通りに描くための2つのこつ ペンツールの種類 IllustratorやPhotoshopのペンツールは、アンカーポイントやベジェ曲線を作ったり、追加したり、削除したり、微調整することができます。これらのオプションは、ショートカッ
正確な美しいプロ仕様のストロークで描ける、デザイナー・イラストレーター・アーティスト・絵師さん向けのIllustrator用のブラシ素材を紹介します。 通常は有料ですが今週末まで無料なので、ダウンロードはお早めに! Illustratorにブラシをインストールする方法 ダウンロードしたファイルをIllustratorで利用する方法は簡単です。 ダウンロードしたファイルを解凍します。 「ProBrushUpdated.ai」をアプリフォルダ内の「ブラシ」に移動します。 \アプリケーション\Illustrator CC 2014\Presets\ja_JP\ブラシ\ Illustratorを再起動します。 あとは、Illustratorのブラシパネルから、「ProBrushUpdated」を選択します。
最近のWebデザインに、ベクターデータの存在は欠かせないものになってきました。 アイコンやロゴなどをSVGで使用したり、Webページやアプリのデザイン・UI設計といった制作のワークフローをベクターで作業している人も増えてきました。 今までPhotoshopでデザインをしていた人には、IllustratorやSketchを使うとそんな事もできるのか! と目からウロコかもしれません。 IllustratorのWebデザインならではの使い方、Sketchの詳しい使い方を知りたい、SVGの効果的な使い方をマスターしたい、そんなWeb制作者に絶対オススメの一冊を紹介します。 IllustratorやSketchで扱うベクターデータには、マルチデバイス対応のWebデザイン・実装にとって大きなメリットがたくさんあります。
Illustrator日本語英語対訳表をCC(2019 23.0.1)版に更新しました。スクリプト作成や、海外のチュートリアル記事を調べる時に使ってください。 データが多すぎるので、このページには主要な項目だけ書いています。 アプリ内に登場するたくさんのテキストから検索したい場合は、お手数ですが下のテキストファイルをブラウザで開くか、ローカルに保存して使ってください。 2019版の主な変更点 追加ほか Adobe Fonts 関係 フリーグラデーション関係 グローバル編集 関係 SWF プリセット画面が実際に則していなかったので修正 ほか、アプリケーション側で追加されたものに加え、抜けていたものの追加なども含まれています。 抜粋ファイル Ai2019_tuika 言葉の変更 Typekit → Adobe Fonts バット線端→線端なし 余分なポイント→孤立点 (ブラシの)彩色→着色 ほ
IllustratorやPhotoshopといったソフトを使う際に避けては通れないのがベジェ曲線の使い方です。特に初心者にとっては「最初の難関」として立ちはだかることも多いベジェ曲線ですが、そんなペンツールを使いこなすべく、全く知識がない人でも1から使い方を学べるようにしたのが「The Bezier Game」です。 The Bézier Game http://bezier.method.ac/ 実際に特訓している様子は以下のムービーから。最初にチュートリアルが表示され、それに続いて実際に練習を行っている様子を見ることができます。 「ペンツール」を使いこなすべく「The Bézier Game」で特訓してみた - YouTube 上記URLにアクセスしたら、まずは「Get Started」をクリック。 まずはシンプルに線の書き方からスタート。3つの点をクリックして結んでいくというお手本が
先月は「Web制作時に備えておくと便利なチートシートのまとめ」でデベロッパ向けのチートシートを紹介しました、今回はデザイナー向けのチートシートをまとめました。 Photoshopの各バージョンに対応したショートカット、ブラシやペンツールの使い方、初期設定をはじめ、デザインの要素と原則、カラーセオリー、タイポグラフィ、グリッドシステム、レスポンシブなど、デザインの現場で役立つものばかりです。 Adobe Photoshop Keyboard Shortcuts Photoshop 5-7, CS1-4, CCまで、Win/Mac用のキーボードショートカットがそれぞれPDFでダウンロードできます。 また、ショートカットがない便利な操作にショートカットを割り当てたショートカットファイルもダウンロードできます(チートシートでは「c」がついています)。
個人的に、今はWebデザインはイラレでやります。Photoshopは画像の調整にしか使いません。 これからは、徐々にDesigning in the browserにシフトして、ワイヤー、ラフ、パーツ制作にイラレを使用していくつもりです。 ただ、まだまだデザインカンプの作成が必須となっていて、なかなかシフト出来ないのが現状です。 なぜIllustratorか? そもそもイラレの方がレイアウトが組みやすい。 これが一番の理由なんですが。。。 いや、これ以外にも、いろいろとあって、 以前は、とにかく画像画像だったパーツ(ナビゲーションとかボタンとか見出しとか)が、CSS3で表現出来るようになり、Webフォントやアイコンフォントが主流になってきて、画像で書き出すパーツが大幅に減った。 さらに、Retina等、解像度の違うディスプレイが登場して、今後も増えてくる事を考えるとSVGの使用も増えてくる
うっかり3週間ぶりのあわゆきです。 LINE のクリエイターズスタンプを作るときに使う Illustrator のテンプレートのお話です。以前から GitHub で公開しているものをアップデートして、さらに画像書き出し用のスクリプトファイルも追加しました。 テンプレートについて その名のとおりのもの。1ファイルでスタンプセットの全アイテムを作れるように、アートボードを配置したテンプレートです。制作ガイドラインで規定されている余白などもテンプレートレイヤーとして入っています。 今回の更新 『4列 × 10行』のアートボード配置に変更しました(以前は描き上げたアイテム数をカウントしやすいように『5列 × 8行』のアートボード配置だった)。 なんで4列なん 販売ページや実際のスタンプ使用時のレイアウトが4アイテム横並びなので、それに合わせた形です。 40アイテム全体を俯瞰したバランスや、販売ペー
プログラマー、絵が描けないじゃないですか(偏見) こんなじゃないですか。 なので描けるようになりたいなとずっと思っていて、ベジェ曲線って滑らかでナンカヨサソウ、とチャレンジしました。 「ベジェ曲線」習熟ドリル 7,8年前に買ったのがこれ。そう、チャレンジは2回目なのです。前回は3ページぐらいで挫折してました。んで、最近急に暇になったのをキッカケに「よしやろう」という気になり始めたのです。 改訂二版〈Illustratorで学ぶ〉「ベジェ曲線」習熟ドリル 作者: 中村高之出版社/メーカー: ラピュータ発売日: 2005/04メディア: 単行本購入: 2人 クリック: 8回この商品を含むブログ (4件) を見る (2014.1.10追記) なんと、長らく手に入りにくかったこちらの書籍が新装改訂版で再登場とのこと。 表紙が若干、損していた分、今回はスタイリッシュで内容と合っていてヨサソウです。
SVGの普及かアイコンブームか、パスを使ってイラストを描く方が増えた気がします。前から書いてみたかった、パスでトレースするときに気をつけるといい「作り方」と「考え方」を記事にしてみました。 文字をトレースしてみよう パストレースの練習として、文字やロゴマークをトレースすると言うのはよく聞きます。曲線あり直線有り中抜きあり、で練習にはいい素材です。特にフォントの場合はアウトラインをとることで、どこにアンカーポイントを置けばいいのか参考にすることが出来ます。 試しにこの2つのお題に取り組んでみました。この形を実現するのにどんな方法をとりますか?正解はいくつもありますが、例えばこの方法。 完成!いいじゃない!と思いますか?確かに形としては完璧なんですが、練習であれば個人的にはこちらをおすすめしたいです。 さっきとの違いが分かるでしょうか?3つの図形を組み合わせて文字の形を作っています。文字を書く
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く