illustrator基本テクニック!ブレンドツールを使いシンプルなパーツから複雑なデザインへ！
ひとつの円から、簡単なステップで複雑なデザインへと変化させてくれる 【ブレンドツール】を使ったチュートリアルをご紹介します。 こんにちは。WEB部の小沢です。 illustratorの基本的ツールから、様々な応用がきくテクニックですので 操作方法を覚えて色々と遊んでみて下さい。 下準備、新規ブラシの登録まで！ 6 x 6px の円を作ります。 オブジェクト > 変形 > 移動 横に7.7px移動させ25個コピーします。 選択し、(新規ブラシ)より(パターン)ぶらしを選択。 画像の様に設定し(OK) ブレンドツール 円を作ります。 225 x 225px 線幅 0.5 円を半分にカット。 先ほど登録したブラシのパターンを半分の円に適用。 半円にリフレクトツールでコピー１つの円に。 円の９０度回転させ、接着面を真横にします。 円を選択し（オブジェクト > 分割・拡張)を適用。 再度選択し（オブ
IllustratorとPhotoshopでかっこいいタイポグラフィックロゴをつくるチュートリアル | それからデザイン スタッフブログ
レトロでかっこいいタイポグラフィロゴのチュートリアル「Typographic Logo in Illustrator and Photoshop」が海外デザインブログ「Abduzeedo」で公開されていたので、今回はこちらを参考に制作したロゴの手順をご紹介します。それでは早速いってみましょう！ STEP1 まず、Illustratorを使って元となるロゴをつくります。今回は弊社のホームタウン、笹塚のロゴみたいなものをデザインしてみました。新宿から京王線で４分。便利で商店街も活気のある町です。 STEP2 ここからエフェクトをかけていきます。まず最初に「ブレンド」エフェクトを「SASAZUKA」部分にかけます。 まず、「SASAZUKA」を右下45度の位置にコピーします。コピーした「SASAZUKA」の塗りを白に変更します。このときコピーした「SASAZUKA」が元の黒い「SASAZUKA」
イラレデータがあれば簡単！SVGロゴを表示する
SVGってpngやjpg画像と違ってベクター形式なので綺麗に表示されるという情報は以前から知っていたのですが、実際の業務で使ってきませんでした。 しかし、2016年1月12日をもってIE8のサポート終了されることもあり、思い切ってSVGロゴ表示させてみました。 Internet Explorer サポートポリシー変更の重要なお知らせ SVGロゴの表示の仕方をメモしておきます。 イラストレーターを使ってロゴデータ準備 SVGコードで表示させる方法 htmlにimgタグを使って表示させる方法 イラストレーターを使ってロゴデータ準備 まずは、イラストレータを使ってロゴデータを準備します。 今回はテスト用で適当にテキスト入力したロゴを用意しました。 余計な余白ができないようにアウトライン化します。 「書式」-「アウトラインを作成」 特に必要ないとは思うのですが、念のためアートボードをオブジェクトに
塗り絵感覚で描ける！Illustrator CS6のライブペイントを使いこなす方法 | DigitalFan [デジタルファン]
はじめに ライブペイントとは、 塗り絵のようなもの です。 はじめに、黒い線オブジェクトだけでおおまかな下絵を用意し、そこに色を塗り、不要な線を削除するもの、と覚えましょう。 ライブペイントの使い方 STEP1 塗り絵のような線画を用意する ライブペイントの下絵となる線画を用意します。ここでは地球のイラストを例に、作成を実践してみましょう。まず、「楕円形ツール」で、円を描きます。 画面左にあるツールバーから「楕円形ツール」を選び、円を描きます。このとき、shiftキーをおしながらアートボード上をドラッグすると「正円」が描けます。 つづいて、ここに「鉛筆ツール」で、陸地を描いていきます。同じくツールバーから「鉛筆ツール」を用意して、ドラッグして線をひいていきましょう。 STEP2 ライブペイントツールを準備する 「ライブペイントツール」の準備を行います。 このとき、「ライブペイントツール」と
![塗り絵感覚で描ける！Illustrator CS6のライブペイントを使いこなす方法 | DigitalFan [デジタルファン]](https://cdn-ak-scissors.b.st-hatena.com/image/square/68fc0bb0115069e04646b6f3a2723d3d19922a01/height=288;version=1;width=512/http%3A%2F%2Fp.cdnanapi.com%2Fr%2F2013%2F04%2F22%2F10%2F20130422103040_517492c078189.jpg)
【地図作成③-1】レイヤー階層を保ったままクリッピングマスクをかける
地図作成を通してまとめていく、知ってると便利なイラレテクニック。 今回はレイヤー階層を保ったままクリッピングマスクをかける方法です。また、合わせてその状態でアートボードをオブジェクトに合わせる方法も説明します。 クリッピングマスクと問題点 『クリッピングマスク』とは、あるオブジェクトをマスク用オブジェクトの形にクリップし（切り取り）、それ以外の範囲をマスクする（隠す）ことです。つまり、マスク用オブジェクトの内側の範囲のみ見えるようにする機能。 好きな額縁の形に絵を切り取るようなイメージかと思います。 地図作成で言うと図左のように、道路と線路をはみ出して作ったので、最後に外枠でクリッピングマスクをかけ、枠外にはみ出した道路と線路を見えなくします。 手順としては、レイヤーの上部にマスク用の枠/オブジェクトを配置し、地図の各要素のレイヤーも含めて全選択。 command(Ctrl)+7（【オブジ
Illustratorで漫画の集中線を作る！
こんにちは。 今回は、 Illustratorで漫画の集中線を作ってみたいと思います。 漫画の集中線は複雑そうに見えますが、実は簡単にできますよ。 ※当サイトはアフィリエイト広告を利用していますが、当サイトが独自に作成した記事であり、第三者から依頼を受けたものではありません。 Step1まずは、Illustratorを開いて、[長方形ツール]で[幅:100mm][高さ:100mm][塗り:黒][線:なし]の正方形を描きます。 Step2次に[楕円形ツール]で[幅:130mm][高さ:130mm][塗り:赤][線:なし]の円を描きます。 正方形と円を[整列パネル]で垂直・水平方向に整列させます。 Step3先程、描いた円を選択して[効果]→[パスの変形]→[ラフ]を選択し[ラフ]ダイアログを表示させます。 Step4[サイズ:25%][詳細:75インチ][ポイント:ギザギザ]に設定します。
Illustratorで画像トレースする方法！落書きからイラストを作ってみた。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
Photoshopでゴミ取りをする。 まずは、写真のゴミ取りから取り掛かります。 こちら、弊社 落書き ホワイトボードの写メです。 この状態からPhotoshopの「レイヤースタイル」→「トーンカーブ」で周りを白く飛ばし、余計な背景を消しゴムツールで削ってゆきます。 同じ作業をなんどか繰り返して…… こんな感じの、なるべく線だけが見える画像にします。 画像トレースでIllustratorに線画を取り込む。 先ほど作った画像をIllustratorに配置し、画像を選択した状態で、「ウィンドウ」→「画像トレース」を開きます。 ここを調整してプレビューを確認しながらトレースをすると割りとうまくいきます。 しきい値が多いほど詳細に取り込まれます。 調整が決まったら、プレビューを外してレッツトレース！！ 次に、トレースされた画像を選択して「オブジェクト」→「画像トレース」→「拡張」で線画をパス化して
Webデザインのタネ | 未経験からWebデザイナーを目指した私が、Web制作のスキルアップのためのTipsをお届けします
Web制作の現場では、日々新しいデザインのインスピレーションを得るためにギャラリーサイトを活用しています。しかし、数多くあるギャラリーサイトの中から、自分の目的に合った適切なサイトを見つけ出すのは意外と難しいものです。 この記事では、複数の...
Create a Floral St. Valentine's Postcard in Adobe Illustrator | Envato Tuts+
In this tutorial we are going to create a cute, floral Saint Valentine's card in Adobe Illustrator, using simple shapes and Shape Builder Tool. You don't need any advanced drawing skills for making such card and you can easily create it without using a graphic tablet. 1. Form a Dandelion-Like Flower With Berries Step 1 Create a New Document of 600 x 600px in size and RGB Color Mode. Set up a color
Illsutratorうわっすごい！グラデーションメッシュを使ったアートワークのまとめ
Illustratorのグラデーションメッシュを使って作成された美しいアートワークを紹介します。 え？これベクターなの！と見間違うくらいリアルですね。
Illustratorで地味な地図を一瞬で塗り替える方法
Illustratorで作った会社案内の地図。今度のイベントのDMでも使い回したいけど、デザインがイメージと合わない。選択ツールでオブジェクトを選んで、塗りのカラーを変更して、線のカラーも変更して、と……。 なんて、面倒な作業やっていませんよね？ 細かいオブジェクトが多い地図では、オブジェクトを選択するだけでも面倒なもの。おまけに、線と塗りをそれぞれ選んで変更するのは手間がかかります。 そんなときは、Illustratorの「オブジェクトを再配色」機能を使いましょう。線や塗りのカラーを一気に変更、入れ替えができるので、「やっぱり建物の色は黄色にして、道路の色も明るくして！」なんて無茶な注文にもすばやく対応できます。
CS6・CC不要！Illustratorでプレビューしながらパターンを簡単につくる方法！
今回はillustratorで、最新のバージョン（CS6・CC）でなくとも、リアルタイムプレビューを行いながら、シームレスパターンを描く方法をご紹介しますッ！ IllustratorCS6の新機能「パターン作成」 便利そうですよねー。あれがあればバンバンパターンを作るのにッ！！！そう思ったCS5ユーザーも少なくないはず。かくいう私もその一人。 あの便利な機能を何とかして古いバージョンで再現できないか……、一生懸命頭をひねって考えました。 そして発見してしまったのです……その方法を！これがあれば、誰でも簡単にシームレスパターンが作れてしまう！！！ 私、大発見！！！私すごい！！！ （すみません。嬉しすぎて調子に乗りました。） （プロの方の中では当たり前の技だったらすみません） コレは多くの人にお知らせせねばッ！！！！ 「御託はいいよ、早く教えて！」そんな声が聞こえてきました。ですよね、私のこと
Illustratorテクニックとフリー素材まとめ | コムテブログ
作成：2013/10/21 更新：2014/11/01 無料素材 > フリー素材は沢山あるけれど、どこに何があるか分かりにくい。ロゴやイラストを作るのにまたあのサイトを探さないといけない。そういったことで１回まとめました。今回厳選したつもりですが、それでも量が膨大になったので簡潔にリストアップしてます。 エンジニア速報は Twitter の@commteで配信しています。 もくじ フリー素材まとめ ダウンロードしておきたいフリー素材一覧 Illustrator のチュートリアル 小技 基本テクニック フリー素材まとめ ダウンロードしておきたいフリー素材一覧 ロゴやイラストを作ったりするときに役に立ちそうなアイコン、ベクター、背景、テクスチャ素材をまとめました。少し変わったモノが多いですが、筆者が何度もアクセスしてしまうブクマ一覧です。 学校や教育関係／アイテム全200種類のアイコン素材 -
(no title)｜鈴木メモ(旧)
Illustratorを覚えようと緩めにがんばるブログです。ただいま新アドレスhttp://suzukimemo.com/への移行中です。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【illustrator】フラッグパターンブラシ作成方法 イラレ チュートリアル
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
【Illustrator】3Dグラフィックスタイルを作ってみる
webtoolnavi.com
Design & Illustration Tutorials | Envato Tuts+
新着記事
