Sign into Adobe Creative Cloud to access your favorite Creative Cloud apps, services, file management, and more. Log in to start creating.
IllustratorやPhotoshopといったソフトを使う際に避けては通れないのがベジェ曲線の使い方です。特に初心者にとっては「最初の難関」として立ちはだかることも多いベジェ曲線ですが、そんなペンツールを使いこなすべく、全く知識がない人でも1から使い方を学べるようにしたのが「The Bezier Game」です。 The Bézier Game http://bezier.method.ac/ 実際に特訓している様子は以下のムービーから。最初にチュートリアルが表示され、それに続いて実際に練習を行っている様子を見ることができます。 「ペンツール」を使いこなすべく「The Bézier Game」で特訓してみた - YouTube 上記URLにアクセスしたら、まずは「Get Started」をクリック。 まずはシンプルに線の書き方からスタート。3つの点をクリックして結んでいくというお手本が
プログラマー、絵が描けないじゃないですか(偏見) こんなじゃないですか。 なので描けるようになりたいなとずっと思っていて、ベジェ曲線って滑らかでナンカヨサソウ、とチャレンジしました。 「ベジェ曲線」習熟ドリル 7,8年前に買ったのがこれ。そう、チャレンジは2回目なのです。前回は3ページぐらいで挫折してました。んで、最近急に暇になったのをキッカケに「よしやろう」という気になり始めたのです。 改訂二版〈Illustratorで学ぶ〉「ベジェ曲線」習熟ドリル 作者: 中村高之出版社/メーカー: ラピュータ発売日: 2005/04メディア: 単行本購入: 2人 クリック: 8回この商品を含むブログ (4件) を見る (2014.1.10追記) なんと、長らく手に入りにくかったこちらの書籍が新装改訂版で再登場とのこと。 表紙が若干、損していた分、今回はスタイリッシュで内容と合っていてヨサソウです。
ページ遷移が楽しい繊細で滑らかな動き CSS3を使った滑らかな動きと大胆なタイポグラフィが魅力的な「Beatrice Creations」。黒と白を基調とした至ってシンプルなデザインながら、つい全ページを見てみたくなる、飽きのこない演出が施されている。 Béatrice Créationsでは、複数ある作品のロゴにSVGが使われており、作品ページを移動するたびに美しいカーブを描く。軽量で、枠線や線画によって繊細でリッチな世界観を演出する、今注目のSVGアニメーションを有効に活かしたサイトだ。 今回はこのサイトをヒントに、SVGの基本と、CSS3アニメーションを使った動かし方を解説する。CSSとHTMLのみで次のような枠線とテキストを描き、最終的にはjQueryを使って色を変えるデモを制作する。 STEP 1:SVGのパスを作成する アニメーションを作る前に、Illustratorを使って素
デザイナーの井上のきあさんによる解説です。 イラストをライブトレースで起こして包装紙(のようなもの)を作るまでのノウハウ!
Drawscript - convert Illustrator shapes into code イラレの図形をObjectiveCやAS3、JSON形式に変換できるイラレ拡張「DrawScript」。 イラレで作成した図形をコードに変換してプログラム内で使いたい場合に使えそう。 次のように図形を変形させればコードが生成されるみたいです 覚えておくとよさげです 関連エントリ iPadやスマホのテンプレが詰まったイラレ用のワイヤーフレーム作成キット 立体的なサイコロ画像を描画するイラストレーターチュートリアル GUIパーツやアイコンがセットになったイラストレーター用UIデザインフレームワーク イラストレータで綺麗なアイコンを作るチュートリアル35
HOME>Design>Illustrator初心者の方へ送る、ベジェ曲線を描く際知っておくと便利なことと練習法(サンプルテキストもあるよ) ご存知のない方やお忘れの方も多いかもしれませんが、私、本職は一応グラフィックデザイナーなのです。 毎日IllustratorやPhotoshop、InDesignと言ったアプリケーションに触れているわけで、まぁ人並みにはそれらのソフトを使えるわけですよ。 で。 先日TL上で、ウェビメモの@xxmiz0rexx さん、Moon Blackの@tsuki_kuro さんとIllustratorの話をしてたのです。半裸で。 [blackbirdpie url=”http://twitter.com/#!/xxmiz0rexx/status/62715027605557249″] ベジェが苦手とのたまう女子 [blackbirdpie url=”http:/
101220143/ Hemera/ Thinkstock Wacomのタブレットを自分なりに設定したい。 そんなときに参考になるのが、『25 Tutorials for Getting Started with your Wacom Tablet』。Wacomタブレットを始めるためのチュートリアル集です。 参考になりそうなものが揃っています。 Wacom Settings In Illustrator カリグラフィーブラシなどを新規で作ってイラストを描くチュートリアル How to Create a Cartoon Character with Expressive Lines マンガのキャラクターを描くチュートリアル How to Create a Three Color Wolf Skull in Illustrator 写真からトレースしてモノクロ3色のイラストを描くチュートリアル
Vector Trees Silhouettes ベクター素材はPhotoshopのカスタムシェイプとなっており、50以上の木のシルエットのパターンがあります。
Inkscape is a powerful, free design tool Whether you are an illustrator, designer, web designer or just someone who needs to create some vector imagery, Inkscape is for you! Flexible drawing tools Broad file format compatibility Powerful text tool Bezier and spiro curves Want to find out more about how Inkscape can help you? Look at the full set of features or try it! Join our thriving community W
ベクター素材を探している。 そんなときにおすすめなのが、『The Ultimate Collection Of Free Vector Packs』。Smashing Magazineによる、フリーベクター素材集の決定版だ。 以下にいくつかご紹介。 ↑のキャプチャはIllustrated Vector Sneaker Graphics。 Safari and Zoo Animals Birds in Flight Ecology Vectors Flowers and Plants Office Objects Wood Signs Live Music Transportation Silhouettes その他のリストは以下から。 ライセンスについてはそれぞれ確認していただきたい。 » The Ultimate Collection Of Free Vector Packs フリーベク
2008年、ウェブのデザイナー・開発者がおさえておきたいデザイン、Photoshop&Illustratorのチュートリアル、ブラシやベクター素材、JavaScript、CSS、WordPress、タイポグラフィ、フォント、素材、リソースなどをnoupeのエントリーから紹介します。 2008 Most Popular Design posts, Tutorials and Resources デザイン関連 Photoshopのチュートリアル関連 Illustratorのチュートリアル関連 Photoshop&Illustratorのブラシやベクター素材 JavaScript関連 WordPress関連 CSS関連 フォント&タイポグラフィ関連 ツール&素材関連 デザイン関連 42 Awesome Business Card Designs 20 Beautiful HDR Pictures
WP Clipartでは、23,000点以上の個人・商用利用可のフリーのクリップアートがダウンロードできます。
Illustratorのようなベクターデータを編集する「ドローソフト」のひとつとして、「Inkscape(インクスケープ)」があります。UNIX由来のソフトで、無償で利用できるのがありがたい。 そろそろ年賀状を作らないと、と思ってInkscapeを入れてみたら、これはIllustratorなしでもかなりいけそうな感触。皆さん使ってみては、と思って紹介します。 自分の環境がMac OS XなのでMac主体で書いていますが、ダウンロードとインストール、初めて使う人向けの解説(チュートリアル)はWindowsでも大丈夫な記事へリンクしています。 ダウンロード Inkscape. Draw Freely. うへー英語だーと思ったあなたでも、右上の「↓Download Now!」をクリックすれば大丈夫。 インストールと実用的なチュートリアル Macでは、X11をインストールしてからInkscapeを
Six Revisionsのエントリー「デザイナーのための40+のよく使うチートシート集」から、PhotoshopやIllustrator、カラーなどのチートシートを紹介します。 40+ Useful Cheat Sheets for Designers サイトでは他にInDesigやGIMPなども紹介されています。 アプリケーション関連のチートシート カラー関連のチートシート その他のチートシート アプリケーション関連のチートシート
画像編集のソフトウェアも大事だが、他によく使われる類のソフトウェアとしてドローソフトウェアがある。画像編集のように一度決めてしまったら終わりではなく、ドラッグしたり大きさを変えたりしてイラストを描くことができる。こちらも利用が多いだろう。 使い勝手の良いドローソフトウェア とは言え、優秀なドローソフトウェアというのはそれほど多くない。Mac OSX向けのソフトウェアをお探しならDrawBerryを使おう。 DrawBerryはオープンソースのドローソフトウェアで、Inkscape準拠というのが売りのソフトウェアだ。 DrawBerryはシンプルな画面構成で使い勝手が良い。起動するとドロー画面と複数のパレットが表示される。それぞれツールパレット、操作履歴、レイヤー、ページ情報、そしてオブジェクト情報だ。 日本語も含めて画像出力できる ページ情報ではキャンバスのサイズやグリッドサイズを変更でき
ショートカットキーを使えば、すぐできること、改善できることというのが沢山あります。しかしなかなか慣れてくるまではどうしてもUIに頼って、ショートカットキーを使わないなんて人も多いかと思います。そこで今回は操作に慣れていない人向けにillustoratorのショットカットキーを覚えるために役立つWEBサイトを紹介したいと思います。 photo by laffy4k 探してみるとものすごい数のチートシートがありますが、今日は使えそうなものをいくつかピックアップして紹介したいと思います。 詳しくは以下 ■デザインの裏技blog Illustratorショートカット一覧 ツールバー選択のショートカットキーを一枚の画像にまとめたもの、一回一回マウスを動かしている人は必見です。 ■Illustrator CS3 キーボードショートカット 50 一覧性の高いショートカットキーリスト。机の片隅に置いておく
Web Resources Depotのエントリー「ハイクオリティな30+のフリーのベクター素材」からいくつか紹介します。 30+ High Quality And Free Vector Object Sets
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く