和柄の魅力！高品位ベクターデータの背景＆シームレスパターン素材（AI）
和の魅力がいっぱい詰まった和柄の背景＆パターン素材の紹介。 継ぎ目のない幾何学模様の和柄シームレスパターンをはじめ、松、桜、梅、竹、海、川、池など自然をモチーフにした和のテイストが綺麗な背景イラスト素材がトータルで約200点！全て無料でダウンロード出来ます。また、ベクターデータなので印刷はもちろん、サイズ変更しても画質劣化も無くあらゆる用途に対応！ 商用は不可なのがちょっと残念ですが、年賀状などいろいろ使い道はあると思います。 セット01 Vector of Japanese traditional pattern part 10 – Free vector VIP セット02 Vector of Japanese traditional pattern – Free Vector VIP セット03 Vector of Japanese traditional pattern part
粋屋-日本の伝統文様と伝統色
最新情報 (02/12)市松文様の上に梅と桜を並べた文様を追加しました。（02/26）Illustratorファイルを追加掲載しました。 (07/05)「和 japanese style (design parts collection)」と「京千代紙と和の文様セレクション」のレビュー掲載しました。 (06/08) 各伝統色一覧をHSB値に基づく分類に変更しました。 (05/10) 着物の染め屋さん「京のひきぞめや」様にリンクさせていただきました。美しい日本の伝統美が生み出される現場を垣間見ることのできるサイトです。 美しいデスクトップ用壁紙もダウンロードできます。 (04/27) 波文様を割付文様であしらった千代紙風の文様を追加しました。EPSファイルも掲載しました。 (04/21) 波文様を一つ追加しました。 (04/12) 「家紋World」様へリンクさせていただきました。 5月をイ
こんなやり方があったとは！IllustratorやSketchでWebデザインをはじめる前に必ず読んでおきたい -ベクターデータの教科書
最近のWebデザインに、ベクターデータの存在は欠かせないものになってきました。 アイコンやロゴなどをSVGで使用したり、Webページやアプリのデザイン・UI設計といった制作のワークフローをベクターで作業している人も増えてきました。 今までPhotoshopでデザインをしていた人には、IllustratorやSketchを使うとそんな事もできるのか！ と目からウロコかもしれません。 IllustratorのWebデザインならではの使い方、Sketchの詳しい使い方を知りたい、SVGの効果的な使い方をマスターしたい、そんなWeb制作者に絶対オススメの一冊を紹介します。 IllustratorやSketchで扱うベクターデータには、マルチデバイス対応のWebデザイン・実装にとって大きなメリットがたくさんあります。
3色ボールペンで行うベジェ曲線の練習方法｜DTP Transit
パス（ベジェ曲線）を極める上で、もっともシビアに精度が求められる「文字」を使って練習する方法をご紹介します。 「文字」を使ってベジェ曲線を理解する Illustrator上で「a」と入力します。Myriad、Helveticaなど、ゴシック系のPostScriptフォント（Type1系のOpenTypeフォントでもOK）を使います（TrueTypeフォントは避けてください）。 薄めのグレーでカラー設定を行い、プリントアウトします。 アンカーポイントがおかれているだろう位置に、黒いインクで点を書き込みます。さらに、それぞれのアンカーポイントから、どのようなハンドルが出ているかを予想して青いインクで書き込みます。 Illustratorに戻り、文字をアウトライン化（［書式］メニューの［アウトラインを作成］、command+shift+Oキー）します。 3.で行った結果が正しいかをチェックし、赤
illustratorでUIデザイン：設定編 - Two hats
Fireworksのヘビーユーザーだったので、ディスコンになってからUI作成のツールをどれにしたらいいかが悩みでした。 Fireworksの前はPhotoshopでデザインを行っていたのですが、Fireworksの効率良さに慣れてしまうとPhotoshopには戻りたくなくなりました。他に良いツールがないものか・・・と思いつつ、とりあえずまだ使えるのでFireworksを使っていました。 ですが、ディスコンになる以上別のツールを探さないといけないので、改めてPhotoshopとillustratorについて調べてみたところ、illustratorの設定を適切に行えばFireworksチックに操作できることがわかりました。 今回はillustratorでUIデザインカンプを作る際の設定について書こうと思います。Webデザインでもほぼ同じ設定で大丈夫ではないかと思っています。ちなみに自分のill
Page not found | abdz.do
When I started this blog, way back in 2006, I had no clue how long it would last. I actually had no idea I could even write about something for more than a couple of days. It is funny how things go. Once I read in a book that the secret of happiness was low expectations. That explains why, for over a decade, I have been running this site. It also explains why you might end up on this page. Not los
「ウェブ時代のデザイナーのための文字組入門 」に参加してきました - デザイナーのイラストノート
JUSO Coworkingで10/4に行われた「ウェブ時代のデザイナーのための文字組入門 」に参加してきました。講師はなんでやねんDTPで有名な大石さん。最近パンフレットなど印刷物をご依頼いただく機会も増え、本を買って読むもののなかなか疑問を解消できないわたしにはぴったりの勉強会でした。今回の記事はIllustratorで印刷物のデータを作る、という前提です。 そもそも文字組・文字詰めは何のため webデザインでは、デバイステキストを自由に詰めたり組んだりすることがむつかしいため、文字組・文字詰めと聞くと「なんか難しそう」と構えてしまいがちです。 私たちがよく使うフォントというのは、四角い箱の中でデザインされています。しかし日本語のように「ひらがな」「カタカナ」「漢字」と様々な文字の形があると、当然小さい形、大きい形が出てきます。また、約物と言われる「」や（）や・などは、隣り合うと何だか
『Illustratorによるイラスト制作の基本操作』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして！デザイナーのマチダです。2012年４月に新卒入社し、現在はスマートフォンゲームのイラストを制作しています。 はじめに-Illustratorの仕組み-多機能によってグラフィックだけでなく文書作成などマルチに活躍できるIllustratorですが、機能の多さに最初は何をどのように使ったらいいのか戸惑うかと思います。 ＜illustratorでイラストを描く際に心がけていただきたいこと＞ 普通絵を描く時は線画を描いて着彩すると思いますがIllustratorは少々違い、"様々な形をした図形を配置"して絵を描きます。図形を上に重ねていくことで
Illustratorの「オブジェクトの再配色」を使ってカラーバリエーションを作る方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
今回はIllustratorの機能を使ってロゴなどのカラーバリエーションを一瞬で作る方法をご紹介します。 季節柄・・・今回は年賀状を想定してこちらの画像を用意しました。 ロゴ制作の時などにもよくありがちなのが、 「もっと違う色味のパターンがみたいんだよね～的なことを言われた場合・・・。」 ベタで単調な配色だといいんですけど、今回のようにグラデーションが使われてたりすると、一個一個設定し直すのは相当手間ですよね？ しかし、Illustratorにはものすごい強力な機能があるんです。 「オブジェクトを再配色」を使ってみよう 色を変えたいオブジェクトをグラデーションも全部含めてまるっと選択します。 「編集」→「カラーを編集」→「オブジェクトを再配色」または、下図のボタンをクリック。 次に編集をクリックします。 「ハーモニーカラーをリンク」にチェックを入れて色相の中の任意の色をクリックしてベースカ
Illustratorで表現する4つのテキストシャドウ
《你懂的睡不着正能量www》是一款可以观看众多福利资源的视频播放软件。正能量网站WWW正能量下载,网站正能量www正能量网址,正能量网站免费入口直接进入提供苹果ios下载/安卓版下载。正能量网站www正能量下载,正能量www正能量视频网站拥有海量的影视作品资源！
IllustratorでWeb向け、ピクセルベースの作業を行う上での設定（完全版）｜DTP Transit
Illustratorをウェブ制作に使い、ビットマップ書き出しするときのアレコレについて、これまでいろいろと取り上げてきましたが、現在、下記の制作方針が最強だと思われます（ツッコミ歓迎ですので、何かあればお気軽に）。 ドキュメントプロファイルは「Web」。［プレビューモード］を「ピクセル」に変更、［新規オブジェクトをピクセルグリッドに整合］はオフ ［線の位置］を「内側」にして作業 ［アピアランス］パネルメニューの［新規アートに基本アピアランスを適用］のチェックをはずしておく ［新規オブジェクトをピクセルグリッドに整合］はオフに ［プレビュー境界を使用］にチェックを入れる キー入力を「1ピクセル」に アートボードの座標に注意 sRGBを基準に これによって、次のような問題を回避できます。 プリントメディアの設定で制作されたドキュメントをWeb向けに利用しようとすると、エッジがにじむ。 ［新規
Illustratorで可愛いイラストを簡単に描くチュートリアル記事まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
お疲れさまです、デザイナーのモモコです。 今回はAdobe Illustratorを使って可愛らしいイラストが描けるチュートリアル記事をご紹介します。 これからイラレをどんどん使っていきたい！という初心者の方にも優しい記事を中心に集めてみました。 Adobe Illustratorを使って可愛いイラストが描けるチュートリアル6つ Create a Gentle Flat Oriental Pattern in Adobe Illustrator https://design.tutsplus.com/tutorials/create-a-gentle-flat-oriental-pattern-in-adobe-illustator–cms-20952 オリエンタルなパターンが作れるチュートリアル。 提灯や扇子など、あしらいを変えれば夏にも正月にも活躍しそうな要素がそろっています。 Cre
【Illustrator】 イラレで左右対称の図形を描くときに鏡面編集する方法 【Tips】
『左半分を編集したら、右半分にも反映される（ように見える）』方法です。 イラストレーターで左右対称の図形を描く場合の方法としては、 [片面だけ描く]→[リフレクトツールで反転コピー] が王道だと思います。 しかしこれだと反転後の状態を想像するしかないので、実際反転コピーしたときに「なんか思ったのと違う…」となることが多々あります。 今回ご紹介する方法なら、反転コピーした状態を常にプレビューしながら形を描くことができます。 メタセコイアを弄ったことがある方はミラーリングをイメージしてもらうとわかりやすいと思います。 （実際執筆者は「イラレでメタセコみたいなミラーリング編集できないかなあ」と考えてこの方法にいきつきました） ※ イラレのバージョンによっては手順が異なることがあります（執筆者はCS5使用です） それでは、実際にワイングラスを例にして手順を紹介していきます。 【ワイングラスを描いて
【パス初心者向け】トレースするときに気をつけていること - デザイナーのイラストノート
SVGの普及かアイコンブームか、パスを使ってイラストを描く方が増えた気がします。前から書いてみたかった、パスでトレースするときに気をつけるといい「作り方」と「考え方」を記事にしてみました。 文字をトレースしてみよう パストレースの練習として、文字やロゴマークをトレースすると言うのはよく聞きます。曲線あり直線有り中抜きあり、で練習にはいい素材です。特にフォントの場合はアウトラインをとることで、どこにアンカーポイントを置けばいいのか参考にすることが出来ます。 試しにこの2つのお題に取り組んでみました。この形を実現するのにどんな方法をとりますか？正解はいくつもありますが、例えばこの方法。 完成！いいじゃない！と思いますか？確かに形としては完璧なんですが、練習であれば個人的にはこちらをおすすめしたいです。 さっきとの違いが分かるでしょうか？3つの図形を組み合わせて文字の形を作っています。文字を書く
The Camera Collection
A collection of camera iconsA collection of 100 pixelated camera illustrations for anybody to download and use in whatever way they see fit. The camera illustrations are under the Creative Commons Attribution 3.0 Unported License. This means you can do absolutely anything with them but you gotta give me (Billy Brown) credit somewhere.
ロゴ作成に役立つ制作フローや素材・知識まとめ
作成：2014/03/24 更新：2014/11/01 無料素材 > ロゴの作成依頼があって作ってみたものの、しっくりこない。ありきたりなアイデアしか浮かばない。どういった手順をふんで、どういったことに気をつければ、よいロゴができるのだろうか。今回はロゴを完成させるまでのフローや基本的な素材の作り方、アイデアの出し方など参考になる記事をまとめました。 エンジニア速報は Twitter の@commteで配信しています。 １．ロゴマークの作り方 イチからロゴを作成する場合、クリエイターさん達はどうやって作っているのでしょうか。ロゴ作成における一連の流れをまとめました。 ロゴ作成の手順を実例とあわせて紹介！ | Webクリエイターボックス Illustrator初心者のための「ロゴ作成講座」 | OZPAの表4 新米デザイナーに読ませたい、ロゴデザインの制作プロセス - W3Q ロゴを作る時に
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
D3.jsで既存のSVG Elementを扱う
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
Illustratorの練習メモとか、最近はフォントを作ったり。 - 鈴木メモ
TOP 描き方から探す｜Illustratorハートの描き方