イラスト時短術！『クマのぬいぐるみ編』 | CyberAgent Developers Blog
こんにちは。アメーバピグ デザイナーの武田祐子です。 今回はIllustratorのベクターデータでいかに効率よく、可愛いイラストを描くかをアメーバピグのイラストのメイキングを通してご紹介するシリーズの第一回目です。 ピグのイラストの特徴は、ほぼすべてのイラストをペンツールなどを使ってベクターデータで作成しているということです。ピグで登場する服も家具も風景もすべてパスで作成されています。 毎月数百点のイラストをリリースしているピグでは、クオリティを担保しつついかに早くイラストを仕上げるかがポイントとなってきます。アンカーポイントをなるべく少なくベジェ曲線をシンプルに保つのが、美しくてデータ量も軽いイラストを作成できるコツです。 パスで作っていくにあたり、ショートカットを上手く使えばイラスト作成のスピードは格段に上がります。今回は使って便利なショートカット10点をご紹介しながらイラストの作成
これだけは知っておきたい！ IllustratorでのWebデザイン。 | ネクストページブログ
HOMEブログウェブ制作これだけは知っておきたい！ IllustratorでのWebデザイン。 | ネクストページブログ 今週のブログを担当します、デザイナーの西川です。 前回はPhotoshopを使用してWebデザインをするときのポイントをご紹介しました。 今回はIllustratorでWebデザインするときに、これだけは知っておきたいポイントをご紹介します。 これだけは知っておきたい！ PhotoshopでのWebデザイン Illustratorでデザインするメリット 文字やベクター画像がきれい 動作が安定 操作が直感的 ●画像、色、レイヤースタイルなど描画がきれい ベクター形式のソフトウェアなので、文字や図形などのベクターオブジェクトを綺麗に制作することができます。 ●動作が安定 長時間使用しているとフリーズしてしまうFireworksとは違い、動作が安定しています。 また、CCにな
ロゴの作り方から学ぶベジェ曲線の基本！これでイラレが得意になる | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
はじめまして、新人デザイナーのほっしゃんです。 LIGに来る前はフリーでイラストやグラフィックデザインや美術作品を作っていました。最近ハマっているものは詰め将棋。好きな棋士は谷川浩司です。よろしくおねがいします。 今日は初心に返ったつもりで、ロゴやフォントのデザインの際に覚えておきたい「ベジェ曲線」の基本をおさらいします。実際にロゴを作っていきながら覚えましょう。 ロゴ作りから学ぶライブトレースとベジェ曲線 1. 下絵を準備する まずは作りたいロゴやフォントを考えます。 ロゴ作りの際、作り慣れていない方が一から作ろうとすると大変なことになってしまうので、下絵となるものを準備しましょう。バレンタイン＆ホワイトデーシーズンということで、あの有名な文字を作ってみたいと思います。 それがこれ。 ロバート・インディアナ『LOVE』です。日本だと新宿のアイランドタワーにあります。NYほか各地に置かれて
方向線とセグメントの角度を一致させるIllustratorのスクリプトを作りました - saucer
曲線から直線へなめらかに移っていくラインをIllustratorで作成するときは、方向線の角度に注意しなければなりません。しかし、アンカーポイントや方向線を微調整していると、それぞれの角度にギャップが出てしまうことがあります。角度を合わせるには、その都度手動で調整するしかないのですが、その負担を少しでも軽くするためのスクリプトを作りました。ロゴやアイコンなどで正確な作図をする機会が多い方には、それなりに便利なものだと思います。 更新履歴GitHubのリポジトリをご確認ください対応バージョンIllustrator CS5／CS6／CC／CC 2014／CC 2015／CC 2015.3ダウンロードスクリプトをダウンロードするインストール方法ダウンロードしたファイルを解凍します。所定の場所に「ハンドルの角度をセグメントに揃える.jsx」をコピーします。Windows版ではお使いのIllus
How to Create an App Icon in Adobe Illustrator - Designmodo
With Postcards Email Builder you can create and edit email templates online without any coding skills! Includes more than 100 components to help you create custom emails templates faster than ever before. Free Email BuilderFree Email Templates For this tutorial, I want to sketch a beak of a bird because the focus of a message application is what I want to accomplish when people give it a quick loo
きれいなハートが描けたかも | 鈴木メモ
久しぶりのハート。 前回記事ふっくらした描き文字から派生した副産物。 ペンツール不使用なので数値で誰でも作れると思う。（cs5以上で。） 出来たばかりなのでまだ自分でも自信がないです。パスがほんとにこれでいいのか分からない。 もう少し試したり眺めたりして、大丈夫そうなら作り方を別記事にします。 アウトライン。 線幅数値を変えてる様子のGif画像。
これからのWebデザインはIllustrator派が増えてくるのでは？ | 5 LOG
個人的に、今はWebデザインはイラレでやります。Photoshopは画像の調整にしか使いません。 これからは、徐々にDesigning in the browserにシフトして、ワイヤー、ラフ、パーツ制作にイラレを使用していくつもりです。 ただ、まだまだデザインカンプの作成が必須となっていて、なかなかシフト出来ないのが現状です。 なぜIllustratorか？ そもそもイラレの方がレイアウトが組みやすい。 これが一番の理由なんですが。。。 いや、これ以外にも、いろいろとあって、 以前は、とにかく画像画像だったパーツ（ナビゲーションとかボタンとか見出しとか）が、CSS3で表現出来るようになり、Webフォントやアイコンフォントが主流になってきて、画像で書き出すパーツが大幅に減った。 さらに、Retina等、解像度の違うディスプレイが登場して、今後も増えてくる事を考えるとSVGの使用も増えてくる
こんなに違う!Illustratorの「ラフ」であたたかみのある手書き風イラストに大変身!! | ゆうこのブログ
つるんとした輪郭線も好きですが、モコモコにするとさらに温もりがプラスされます◎ イラレの「効果」→「パスの変形」の「ラフ」機能、捗りすぎ～！！(*´ω｀*) 今回はその機能でちょっと遊んでみました。（前回の記事で使用したイラストで失礼しますm(_ _)m) before→after 拡大図 拡大してみるとこーんな感じ。細かくぶるぶるしてます！ こんな風にペンがにじんだような効果も出せますし、もっと目が粗くてガクガクしたものも作れます(*´ω｀*) ラフ機能の詳細 サイズ どれだけ「ラフ」を深くするかが指定できます。 数値が大きくなるほどぶるぶるが深くなってダイナミックになるよ！ %かpxなどで指定できる入力値のどちらかが選べますが、わたしは入力値の方がわかりやすくておすすめ！ 詳細 ぶるぶるの細かさ(間隔)を指定します。 数字が大きくなるほど小刻みになるよ！ ポイント 丸くするかギザギザに
kado the 108Z | PRINTERS'FLOWERS
アドビイラストレーターにてアウトライン化した著作権フリーの角の装飾活字を108の系統で10種類ずつ1080個をご用意しました。過去の文献からピックアップした108種類の装飾をサンプリングし手描きで書き下ろし、アドビイラストレーターや、現在の印刷に適したデータとして作成したものを、より深く広く使っていただく為にパレットとしての能力を高め、1080個もの装飾をサンプリングと手描きで仕上げました。 組み見本は、こちらをチェック→ https://www.facebook.com/media/set/?set=a.494680127259654.1073741825.148278955233108&type=3 ご購入はこちらからご利用いただけます→ BOOTHhttps://fengfeeldesign.booth.pm そのほかのラインナップも是非チェックお待ちしております kado the
illustratorで修正が簡単な文字枠を作る方法 Be Creative Be Happy/// ナナメウエBlog
2012年10月25日 投稿者: suzuki こんにちは、デザイナーの鈴木(@suzukisan__)です。 今回は入稿間際に修正が一気にきて死にそうになるDTPデザイナーの方などに役立つ内容です。 illustratorでデザインをしている時に頻繁に使う、文字枠の中に文字があるというこの形。 長方形ツールでオブジェクトを作成して、その上に文字を重ねるというやり方の人が多いんですが、これだと文字数が増えた時に下の長方形オブジェクトのサイズまで変えて、さらに中央揃えしたり…とけっこう手間がかかります。 今回はもっと簡単で、さらに文字数が増えた時にも簡単に対応できる方法をご紹介します。 まずは文字を入力します。 今回はFutura Mediumにしました。 次にテキストオブジェクトを選択した状態で、[アピアランス]の[新規塗りを追加]を2回クリックして、塗りを2つ追加します。 こ
IllustratorとPhotoshopでの画像のいじりかた
元の絵を利用してシンボルマークみたいに加工したり それをパターン化したり、パターン化したものをバラしたり あとはPhotoshopのベタ塗りレイヤーなんかを使ってみたり デザイナーの井上のきあさんが色々解説してくださいました。 （色々わかりやすいように時系列を少し前後させています）
Illustratorの表現の幅が広がるIllustratorブラシセットまとめ「75+ Illustrator Brush Sets for Download」
Illustratorの表現の幅が広がるIllustratorブラシセットまとめ「75+ Illustrator Brush Sets for Download」 クオリティの高いデザイン制作のために、細かいパーツを一つ一つ制作したり、パーツの加工をPhotoshopで行うことも多いと思いますが、一手間も二手間もかかり、制作時間も増えてしまいます。そんなシーンに是非活用したい、Illustratorの表現の幅が広がるIllustratorブラシセットをまとめた「75+ Illustrator Brush Sets for Download」を紹介したいと思います。 （illustrator brush set 3 by ~nrmb on deviantART） さまざまな罫線を制作できるブラシや、繊細なモチーフやパーツを表現できるブラシが多数紹介されています。中でも気になったものをいくつか
ごま基地 ｜ 広告 ✕ デザイン ✕ ブログの秘密基地
この記事は、無理しない働き方をテーマに「人事評価を無難にスルーする方法」について解説しています。「人事評価がいつも憂鬱…」「執着もないけど無難にやってほしい」「自己評価の仕方がわからない・・」こんな方におすすめです。 READ MORE
使い勝手がよい、50種類のシンプルなデザインのアローのベクター素材
アロー素材全50種類のキャプチャ ダウンロードできる素材のフォーマットは4つです。 ai: Illustrator用のファイル eps svg csh: Photoshop用のカスタムシェイプ [ad#ad-2] Photoshop用のカスタムシェイプは下記のようになっています。 カスタムシェイプなので、簡単に拡大縮小して利用できます。 アローのカスタムシェイプ50種類 素材の利用にあたっては個人でも商用でも無料とのことです。 詳しくはダウンロードファイルの「MediaLoot_License_Agreement.pdf」をご覧ください。 また、アロー素材は「Vol 1」とあるように、「Vol 2」もあります。 こちらは、サイトにメンバー登録（有償）する必要があります。
フリーフォントM+を丸ゴシック化 ― Rounded M+ - itouhiroはてなブログ
M+（エムプラス）フォント wikipedia:M+ FONTS を丸ゴシック化 wikipedia:丸ゴシック体 しました！ Rounded M+（ラウンデッド・エムプラス）という名前です。 ダウンロード 追記 2013-07-05 MM様が、より新しいRounded M+を作成されました！ http://jikasei.me/font/rounded-mplus/ 漢字を多く含みますので、ここで配布しているのよりオススメです。 ※2012-02-29 一部の文字（全角の０〜７）がおかしい問題を修正しました。 ※2012-02-27 フォント名の問題（Windows7のフォントフォルダで見ると「Rounded M+」ではなく「M+」フォントにインストールされる）を修正しました。 フリーフォントです。 プロポーショナル（可変幅） Rounded M+ 1p http://sourcefor
Illustratorチュートリアル【女の子】
2013年11月28日 Illustrator 海外サイトでよく見るPhotoshopやIllustratorのチュートリアル記事って、見ていていろんな発見があります。自分が思っていたよりはるかに楽な方法や、知らないテクニックを教わったり。でも、日本語のサイトでそんなチュートリアルをあまり見かけないので、Illustratorでイラストを描いたのを記事にしてみました。動画も撮っておいたのであわせて見てみてください！ ↑私が10年以上利用している会計ソフト！ 動画撮ってみました 個人的に、他の人が作っていく過程を見るのが好きなので撮ってみました。ベジェ曲線での描き方など、参考になるかもしれません。一部撮り忘れたところもありますが気にしないでください。 まずは準備 ラフ画の取り込み ラフ画は別レイヤーにフリーハンドで描く事も多いのですが、今回は紙に描いたものを使いました。通常スキャナーなどで取
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【Photoshop入門】Webデザインをはじめよう！第1回 デザイン前に覚えておきたい環境設定とレイヤー機能 - Adobe Blog
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
イラストレーター初心者です。ペンツールで線を描き、その線に強弱を付けたいの... - Yahoo!知恵袋