Illustrator使いのためのWebデザインの基礎1 : 構想雑文
構想雑文 WEBデザインとmacに関すること中心の自分向けメモ主体のブログ。 DREAMWEAVER、Illustrator、Photoshopなどのアプリケーションの設定や使い方。HTML、CSS、JavaScript、PHPのコーディングのことをあれこれ書いています。 「Illustratorをメインにしたウェブデザインってどうやるんですか？」と質問された。 世の中のウェブデザインをする人の多くがデザインを仕上げるのに、何を使っているか、いまいちよくわからないのだけど、私の場合、Fireworksがメインで、素材作りにIllustrator、Photoshopを使う‥‥というやり方をしています。 ※【注意】ここでいう「仕上げ」「メイン」とは「HTMLにするページのビジュアルデザインのデータ」と「デザインしたものをウェブサイト用に書き出しする作業をするソフト」という意味です。 ということ
Tips_イラレでもズレませんブレません – イラレラボ illustrator-labo
こんなエントリをみつけました↓ ＞Illustrator WEB用に保存するとサイズがずれる どうもイラレ系の制作TIPSを見ているとこのテの「イラレから書き出すとズレる」の記述があるんですががが。 結論から言えばズレません。 ズレるのはそのオブジェクトの座標がズレているからです。ピクセルにぴったりあわせてオブジェクトを作ればズレないんですヨ！マジでマジで！ 最初っからズレないようにデータをつくれば、イチイチPhotoshopに書き出してからスライスとかしち面倒くさい事しなくて済みます。元ファイルが複数あるとミスの元ですし、できればイラレで作ったら元ファイルはイラレで完結しておきたいところなのです。 スライスもイラレ上で長方形を使ってズレる事なくキレイに切れますからね。 キモは前にも描きましたが。定規とトリムマークと数値入力です。それとピクセルプレビュー。 手順としては 1. 新規書類を開
FreeVectors.net :: Free Vector Graphics Gallery
We Love Free Vector Art & Graphics! Welcome to FreeVectors.net, a fun little community of vector lovers who share free vector graphics. All the images on this site are free to use for personal use and most of them can be used commercially. If you choose to use a vector please leave a comment so we know what types of vectors you like. The most recently added vectors are displayed below.
【イラスト・ベクター素材 ★★】 - Free Vector Art & Graphics
Privacy Manager Disclaimer: All original artworks are the property of FreeVector.com. Any other artwork or logos are property and trademarks of their respective owners. © 2004-2024. All Rights Reserved. Free Download You must credit the author. Learn how to do it. Copy this link (right-click + 'copy') on your web
Quality Free Vector Graphics
Explore our extensive library of +200k Vectors, PSDs, PNGs, and SVGs. Choose from quote-based or illustrated designs to create the perfect shirt template and other bestselling merch products. Explore our extensive library of +200k Vectors, PSDs, PNGs, and SVGs. Choose from quote-based or illustrated designs to create the perfect shirt template and other bestselling merch products.
Illustrator｜きれいな3Dの棒グラフの作り方チュートリアル - Dynamite Design Blog｜海外Webデザインネタ日本語訳＆作成チュートリアル
前回の『Illustrator｜きれいな3Dの円グラフの作り方チュートリアル』に続くグラフシリーズの第2弾です。 今回はIllustrator（イラストレーター）CS3で、きれいな3Dの棒グラフを作るチュートリアルです。 "棒グラフ"と"目盛" それぞれ別々に『3D・押し出しベベル』効果をかけて、3Dの棒グラフを作ってみました。 まずはAIダウンロード（344KB） 【ステップ1】棒グラフを作る 新規ドキュメント作成『基本RGB、サイズ：800px × 600px、方向：横組』 ツールパレット＞グラフツール＞棒グラフツール（J）を選択。 キャンバスをクリック＞グラフ『幅：400px、高さ：300px』を選択。 グラフの数値を入力する欄が出ます。 左上から適当な数値を入力し、下の画像のように右上の完了ボタンをクリックします。 【今回の入力数値】28、92、148、50 初期設定は、モノクロの
Adobe Illustratorでシルエットを作る方法 / ウェブデザインライブラリー
Home ＞ グラフィック講座 ＞ Adobe Illustratorでシルエットを作る方法 Adobe Illustratorでシルエットを作る方法 投稿日：2008年8月12日 レベル：すべて ソフトウェア： このチュートリアルでは、フォトショップとイラストレーターでシルエットを作ってみたいと思います。 Step1 ： はじめに Step2 ： Photoshopでコントラストを強くする Step3 ： Illustratorでトレースする Step4 ： 完成 このチュートリアルではPhotoshopとIllustratorライブトレースツールを使って写真からベクターのシルエットを作る方法について紹介します。Photoshopの知識は工程全体で役には立ちますが必須ではありません。 はじめに、作業に使う写真を選びます。白くてフラットな背景の人物写真があれば理想的ですが、全体に
IllustratorでWebデザインをするときに気をつけるポイント | src.7438.com
今やっている仕事で、Illustratorで作成したカンプを私がコーディングすることになったのですが、いただいたデータがもの凄くきちんと作ってあって、大変参考になったので、設定項目だけメモしておきます。 Illustratorはもともと、印刷用データの作成が目的だったソフトなので、Web用の画像も、ちゃんと作れるのですが、設定を気をつけておかないと、いざ書き出してみると、線がにじんだり、大きさが意図したものにならなかったりします。 Photoshopだと、もともとベクターグラフィック用のソフトなので、そういうことは無いのですけどね。 気をつけている項目は以下の通り。 単位をpx（ピクセルに揃える） とにかくWebの世界の単位はピクセルです！ センチメートルとかは使えないです！ 印刷用データの仕事が同時にあったりすると、設定をその都度変えなくちゃいけないので、ちょっと面倒ですね。 1pxのガ
イラストレーター（AdobeIllustrator）ベジェ曲線講座 どどファクトリー
ベジェ曲線講座1.初級編 アドビ イラストレーターの基本となるベジェ曲線講座です。ベジェ曲線のしくみや使い方から、ロゴやイラストをトレースするコツなどを図解しています。 ベジェ曲線講座2.能率アップ編 イラストレーターで能率を上げる使い方や、ミスを防ぐ注意点などに関する講座です。 ベジェ曲線講座3.Shade初級編 3DCGソフトのShadeで、誰もがつまずく線形状（ベジェ曲線）と自由曲面の解説です。 Illustrator講座 DTPに欠かせないアドビ イラストレーターですが、5から8～10、CS～CCへと変わっていく間にいろいろと機能が増え、何から学べば良いか分かりにくくなりました。原点に戻って基本的な使い方を中心に解説しています。 初めてのIllustrator 簡単な課題を通して、アドビ イラストレーターを最初の一歩から学ぶ講座です。 アドビ イラストレーター スクリプト イラスト
Illustrator CS2・注目の新機能 ライブトレースとライブペイント [イラストレーター(Illustrator)の使い方] All About
Illustrator CS2・注目の新機能 ライブトレースとライブペイント「紙に描いた線画を簡単にデジタル化して着色したい」と思った時は、Illustrator（イラストレーター） CS2の新機能「ライブトレース」「ライブペイント」で簡単に線画をベクトル化＋着色できます。 「紙に鉛筆で描いた線画をデジタル化して、簡単に色を流し込めたら…」と思われたことはないでしょうか。 Illustrator CS2の「ライブトレース」「ライブペイント」という新機能を使うと、「線画をベクトル化＋着色」の作業が簡単にできてしまいます。 たとえば下図のように、スケッチブックに鉛筆で描いたようなラフな絵を、コミカルな絵にしたり、詳細なイラストもベクトルオブジェクトとして取り込んで、作品に仕上げることができます。 今回はこの「ライブトレース」「ライブペイント」がどのような特徴を持っているのかを、簡単にご紹介しま
![Illustrator CS2・注目の新機能 ライブトレースとライブペイント [イラストレーター(Illustrator)の使い方] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Illustrator｜きれいな3Dの円グラフの作り方チュートリアル - Dynamite Design Blog｜海外Webデザインネタ日本語訳＆作成チュートリアル
イラストレーターを勉強しよう - DesignWalker
［225251］図解で覚える基本操作一覧 （Illustrator CS）
UraDesign.com is for sale | HugeDomains