See related links to what you are looking for.
HOMEブログIllustratorでの手書きイラストの描き方。 | ネクストページブログ こんにちは。イラストレーターのこばやしです。 四角や丸で作られたカッチリしたイラストとは違い、手書きイラストは見る人に柔らかさやかわいさを感じてもらえます。 手書きイラストの作り方はさまざまですが、今回は変形や編集が楽なベクターデータでの作り方をご紹介します。 Illustratorの古いバージョンでも使える機能、ライブペイントやオブジェクトの再配色などを使った簡単な描き方ですので、CCをまだ持っていないという方でも実践できます!(私がCCを持っていません…) 目次 下絵を配置する 主線を描く ライブペイントを作成する 【補足】ライブペイント作成前に戻したい場合 【補足】ライブペイントをうまく作成できない場合 「ライブペイントツール(K)」で色を塗る 完成 1.下絵を配置する スキャンした下絵をトレ
HOMEブログIllustrator初心者でも簡単なイラストの描き方 | ネクストページブログ はじめまして。イラストレーターのこばやしです。 最近はフリーで利用できるイラストやアイコンが豊富ですね。 ただ、数が多くて見つけられなかったり、マイナーすぎて種類が選べない、なんてこともあると思います。 そこで、今回はIllustratorでのイラストの描き方をご紹介します。 CS6までの基本機能で作れる簡単な描き方ですので、「これからイラストを描いてみたい!」という初心者の方でもすぐにできる方法です。 目次 1.基本編 ものの多くは、円や四角形でできている 円柱・直方体の作り方 2.実践編 平面イラストを作る 立体イラストを作る 3.まとめ 1. 基本編 ものの多くは、円や四角形でできている 一見複雑そうなものでも、基本的に円や四角形に分類できます。(ちょっと無理矢理ですが…) 基本となる図形
この記事にはリライト版があります。過去の記事も残しておきますが、新しいもののほうがわかりやすくまとまっていると思いますので、ぜひそちらをご覧ください。 【Illustrator】意外と知らない?「ラフ」効果 のあれこれ ver.2 TIPSでの更新はちょっとごぶさたしております。 今回はよく使われてる割に公式の情報が少ない「ラフ」効果についてちょっと掘り下げてみようと思います。 もうすぐ開催のdot-Ai vol.2でもきっと登場するはずの機能ですので、参加予定の方は是非予習がてらお付き合い下さいませ。 結構まじめに書いてるが故、長めの記事になりますがご容赦を… そもそもラフ効果って? ご存じない方のために一応基本的な説明を。 というのもこの機能、いざ「どんなものかな?」と思って調べると、公式の情報はヘルプにたった一行だけ、というなんともかわいそうな子だったりするのです。 しかし画像のオブ
このところ輪郭線の実験と合わせて線幅ツールにチャレンジしていました。 イラレで動きのある髪の毛を描くのに、線幅ツールをちょっとアレンジして使うと便利だったのでやり方をメモ。 ※cs5からの機能です。 イラレの線幅ツールで髪の毛を描く構造 上のビーナスさんをバラすとこんな感じになっています。 大きな面は髪色の塗りのパーツを作っていますが、細かな髪の束はそれぞれ一本の線のパスでできています。 作り方の前に:線幅ツールの大雑把な解説 ●線幅ツールとは パスに強弱を付けられる機能です。cs5からツールパネルに入っています。(強弱と言ってもペンタブ+筆圧とは仕組みが別なので、マウスだけで操作できます。) 詳しくはアドビさんのページへ。分りやすいです。 私はこれをパスを引いたら、後からそのつど操作して複数の強弱を付けるのは面倒そうだなあと思っていました。もちろんそれも便利なんですが。 ●使ってみた感
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)(「ICANNがレジストラとして認定した企業」一覧(InterNIC提供)内に「Japan」の記載があるもの)を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。
イラストレーターで作成できる ベクターグラフィックチュートリアルまとめ「Illustrator Tutorials: 25 New Tutorials to Improve Vector Graphics」 Photoshopではなく、イラストレーターでもグラフィカルなグラフィック作品を作ることは可能。しかしなかなか技術的にどのように作業したら良いのかわからないことも多いのではないでしょうか?そんな中今回紹介するのは、イラストレーターで作成できるベクターグラフィックチュートリアルまとめ「Illustrator Tutorials: 25 New Tutorials to Improve Vector Graphics」です。 How To Create a Vector Illustration from Start to Finish イラストレーターを使って作られたハイクオリティなグラ
「プレゼンスライドをIllustratorを作っている」という方に、いろいろ質問をいただいたので、 まとめてみました。 Illustratorのアドバンテージ 合成フォントや自動カーニングを使える(InDesignも同様) ベクトル形式の素材が多い場合には、コピー&ペーストなどで配置できるだけでなく、直接編集できる スタート [新規ドキュメント]ダイアログボックスで、作成したいページ数を[アートボードの数]に入力し、ページサイズなどを指定します。 このとき、覚えておきたいキーボードショートカットは、command+option+0(すべてのアートボードを全体表示)です。 マスターページ 各ページ共通の要素を1ページ目に作成します。その際、アートボードサイズぴったりでなく、3mm程度の塗り足しを作っておくと、印刷のときなど、後々、何かと重宝します 作成したアートワークをまとめて選択し、「シン
JUSO Coworkingで10/4に行われた「ウェブ時代のデザイナーのための文字組入門 」に参加してきました。講師はなんでやねんDTPで有名な大石さん。最近パンフレットなど印刷物をご依頼いただく機会も増え、本を買って読むもののなかなか疑問を解消できないわたしにはぴったりの勉強会でした。今回の記事はIllustratorで印刷物のデータを作る、という前提です。 そもそも文字組・文字詰めは何のため webデザインでは、デバイステキストを自由に詰めたり組んだりすることがむつかしいため、文字組・文字詰めと聞くと「なんか難しそう」と構えてしまいがちです。 私たちがよく使うフォントというのは、四角い箱の中でデザインされています。しかし日本語のように「ひらがな」「カタカナ」「漢字」と様々な文字の形があると、当然小さい形、大きい形が出てきます。また、約物と言われる「」や()や・などは、隣り合うと何だか
最近はsurfaceのような筆圧対応タブレット搭載のPCが普及し、液晶タブレットが安価になりペンタブレットも普及してきたことから、デジタルで手描きイラストを描いてみたいと思っている人もいることでしょう。 手描きのデジ絵といえば、Photoshop、SAI(Windowsのみ)、CLIP Studio Paint(通称クリスタ)、Painterあたりが主流ですが、実はIllustratorも古くから筆圧感知のタブレットに対応していて、ブラシの設定を筆圧に変更するだけで手描きでタッチ付きの線を描けるのです。 え?Illustratorで手描き?と思う方も多いことでしょう。Illustratorはチュートリアルや動画などを見ても、ペンツールでカチカチ線を描いていく方が主流のようです※。「Illustrator ペンタブ」でググっても手描きの情報はあまり引っ掛かりません。 (※参考:鱗粉あすさんの
illustratorでUIデザインをし始めると便利だなーと思うところが幾つかあります。 その内、個人的に押しなのは「アートボード」です。 1つのファイルで複数の画面を作成・管理することができ、一覧性が高いのでアプリの全体を俯瞰しつつ1つ1つの画面を作成していくことができます。 但し、単に画面が並べてあるだけなので画面遷移図のような並びにできたら便利だろうなと思いついてスクリプトを作成してみました。 画面遷移図.jsx Githubにもアップしてみました。github.com 使い方 例として、画面検討するためにワイヤーフレームの画面構成図をillustratorで作ったとします。 単に作っただけだと下図のように並んでいるだけです。 1.アートボードに画面遷移図用のタグをつける 「パネル>アートボード」でアートボードパネルを開き、名前にタグを埋め込んでください。タグと言っても難しいことはあ
Illustrator は印刷物で使う「ミリ」や「インチ」を使用するイメージが強いと思いますが、ウェブデザインやアプリケーションデザインなど、ディスプレイで表示することが目的のデザインを行う場合、一般的に「ピクセル」という単位をベースに作業を行います。この「ピクセル」をベースにした作業で一番重要なポイントが「数値の小数」です。今回は、Illustrator のピクセル単位で作業するときに発生する小数について、レベルにあわせてまとめてみます。(以下、Illustrator CC 2014 で検証した結果です。) Illustrator と小数値 入門編 小数が入るとどうなるの まず、100px × 100px の矩形を描いてみます。この矩形の座標を小数にし、100%表示してみましょう。 座標に小数が入っている矩形 このように、端に意図しないアンチエイリアス(疑似的になめらかにみせるためのボケ
最近、セミナーでスクリプトを紹介すると評判がよいので、10個選りすぐってみました。 これらを提供してくださっている作者さんたちに感謝します。 はまりどころを見つけると「むちゃくちゃ早く終わる」「手作業ではムリ」なことが実現できるので、「ここでこういうことができると快適になるのに」をリストアップしておいて、たまに棚卸ししてみるとよいと思います。 追記 2017更新版を公開しました。 Illustratorを使うとき、私が手放せない10個のスクリプト(2017更新版)+ 入手できるスクリプト一覧 - DTP Transit なぜ、スクリプトを使うの? Illustratorでの作業を効率化するには、キーボードショートカットやアクションを使う方法がありますが、そもそも次のような場合には、有償のプラグインを使うほか、スクリプトを使う方法があります。 Illustratorではできないこと できるけ
このエントリは#LOVEFONT Advent Calendar 2014 への参加エントリです。好きなフォントについて語るブログ・アドベントカレンダーではあるのですが、失礼して「フォントの使い方」に解釈を広げてお送りいたします。 このエントリを書く理由 JUSO Coworkingで9月から11月にかけて、私が企画し開催した「ウェブ世代のデザイナーのための文字組入門 第一回・Illustrator / Photoshop 文字組一日集中入門」。「文字組みに関する知識ゼロのウェブデザイナーであっても受講でき、理解できる基礎講座を開きたい」という願いから、組版屋の大石十三夫氏(はあどわあく・なんでやねんDTP)を講師としてお迎えし、実現したものでした。 この講座を開催した理由はいろいろありますが、ひとつは文字組みを知らぬままデザイナーになってしまった私が勉強してみたいから、ということでした。
よくあるリボンの私の定番の作り方です。 使い方の記事は本当に久しぶりに書きます。がんばります。 制作する時に飾りにリボンのようなパーツを使うことがあります。 シンボルパネルから探すのがめんどくさい時やシンプルなパーツのときは私はその場で作ることもよくあります。 自分で作ると後々も使いやすいので、便利だったりします。 今日はよくある左右がへこんでいるリボンの作り方と応用編をご紹介します。 よくある左右がへこんでいるリボンを3秒で作る 1.ツールパレットから多角形ツールを選び、[shift]を押しながら六角形を描画。 [shift]を押しながら描画すると描画角度が限定されるので水平に描けます。 2.六角形の左半分の3つのポイントをダイレクト選択ツールで選択して右へドラッグします。 3.横の長さを調節して完成です。 縦幅を動かすと端の三角部分の角度が変化してきれいじゃなくなってしまうので、なるべ
前回描いた女の子のイラストですが、これではパスの感じそのままで面白みがないので、簡単にできるアレンジをいくつかしてみたいと思います。 アレンジサンプル 1、3、5はそのままです、見たまま。ブラシはデフォルトでも色々入っていますし、フリーのものを探しても面白いです。ちょっとだけ設定が必要な2、4、6を少し詳しく書いていきたいと思います。 塗りと線に「ラフ」を適用 つるんとした印象のパスに、ランダムな表情をプラスするためにアピアランスの「ラフ」を適用します。適用したい塗り、または線を選んで「アピアランス」ウィンドウの左下から「パスの変形」「ラフ」を選びます。 今回の設定はこんな感じ。 数字を変えていろいろ試してみてください。設定するものが少ないのですぐ掴めると思います。 Illustratorでイラストを描く時にすごく重宝する、「アピアランス」。「ラフ」を設定し終わったら、試しに左側の目のマー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く