Tutorial_イラレで光の表現その3 – イラレラボ illustrator-labo
Tutorial_イラレで光の表現その3 壁紙に光を反射するクラシックなスタンドライトを描くチュートリアルです。 柔らかい電球の灯りはグラデーションを重ねて作ります。 先ずは壁紙のパターンから。 1：長方形ツールで40×40pxの四角形を配置します。塗りは#666666、線はなし。 2：左に45度し、横20％ 縦100％ に縮小します。 3：真ん中の二つのアンカーポントを選択し、移動コマンドでY：4px移動します。 4：潰れた三日月みたいなオブジェクトはペンツールでぐりぐりと描きます。 5：片方描いたら、真ん中のオブジェクトを中心に垂直に反転コピーします。 6：W12×H1pxの長方形を配置し、重ねます。 7：45度回転します。 32×32pxの正方形を配置し、塗りと線をなしに設定し、オブジェクトメニュー＞アレンジ＞最背面 にします。これがパターンの繰り返しの範囲になります。 全部選択して
Tutorial_真珠のネックレスを描く – イラレラボ illustrator-labo
真珠のネックレスの描き方のチュートリアルです。 真珠の粒の独特の光沢はグラフィックスタイルで、パス上に連続して並ぶ円は昔ながらの破線で作成します。 真珠のグラフィックスタイルを作成します。 26pxの円を配置。0%:#FFFFFF > 45%:#FAF1DF > 84%:#F6E4C1 > 100%:#FBF3E3 の円グラデーションを設定します。 グラデーションツールで、中心から左斜め上のあたりから円の縁に向けてドラッグし、中心位置を変えて調節します。 アピアランスパレットのメニューから新規塗りを追加し、0%:#C26D8D > 100%:#FFFFFF の円グラデーションを設定します。 効果＞パスの変形＞変形.. で、ダイアログを出し、拡大縮小 水平方向:60% 垂直方向:60% / 移動 水平方向:4px 垂直方向:-4px 。描画モードを：焼き込みカラー、不透明度:60%に設定しま
Tutorial_くるくるリボンを描く – イラレラボ illustrator-labo
くるくるまるまったリボンを描きます。 普段はわりと数字にこだわって描きますが、今回はわりとてけとーに。 自由曲線から始めるので何回か試してみてください。 うねった曲線をペンツールで描きます。 線幅は1px。グレースケール：20％で、塗りはなしです。 効果＞3D＞押し出し・ベベル で幅をつけます。立方体をぐるんと回して、良さげな角度を探してください。 押し出しの奥行きがリボンの幅になります。 一番下の 表面：陰影なしにしてからOKします オブジェクトメニューから 分割・拡張 で3Dの効果をパスにばらします。 グループ解除繰り返して、それぞれのパーツをばらしておきます。 拡大表示し、厚みになっている1pxのアウトライン化した線を削除して、1pxぶんのズレをくっつけて修正します。 リボンのグラデーションを作ります。 濃い赤と薄い赤を交互に。 両端と真ん中、つまり、0％、50％、100％を：#97
Freebies_ピクセルの斜めストライプパターン – イラレラボ illustrator-labo
Freebies_Swatch Library pixel-by-picxel 45゜2px〜10px(no anti-aliasing) Stripe Pattern 以前に斜めストライプのパターン制作のチュートリアルを書きました。垂直のストライプを作ってからパターンにだけ回転をかけるやり方です。お手軽でイイんですがアレですとアンチエイリアスがかかります。 ウェブページのデザインなどですと不都合な場合がありますな。 なのでシームレスでアンチエイリアスのかかってないストライプのスウォッチライブラリをつくりました。ちくちく。 グラフィックスタイルのライブラリにもなっていますので読み込むなりコピペするなりでどうぞ。 角度は固定の45度、10×10、8×8、6×6、4×4、2×2(pix)、の5種類です。 どっちかっていうとこれ単体で使うよいうより、組み合わせの素材ですね。 ダウンロードは↓から
Freebies_Graphic Style Library – イラレラボ illustrator-labo
Freebies_Graphic Style Library Japanese Traditional 24 – Colors / Gloss Gradation フリーダウンロードのグラフィックスタイルライブラリです。 前回チュートリアルやった半立体風ツヤグラデで24色。 普通に色数つくってもネタ切れそうなので日本の伝統色でやってみました。 引っ張り過ぎですかそうですかw まぁでも使用頻度はけっこう高いですし、色の変更もらくちんなので使い勝手はいいのじゃないのかしらたぶん。 ダウンロードしたら、グラフィックスタイルパレットのメニューから「グラフィックスタイルライブラリを読み込む」で読み込んで使ってください。 そのまま開いてスポイトツールで吸ってもいけますけれども。 ＞Download
Tutorial_透ける立体文字のグラフィックスタイル – イラレラボ illustrator-labo
ゼリーっぽく透ける文字をグラフィックスタイルで作るチュートリアルです。 アウトライン化せず、アピアランスだけで完結させているので文字の打ち直しも可ですよ。 いつものごとく、ドキュメントのカラーモードはRGB、単位はpxです。 ベースになる文字を配置します。フォントはMyriad Bold、サイズは200ptです。回転ツール−35度回転します。 アピアランスに重ねる塗りは3つ。 1：文字本体の塗り 2：立体の側面部分 3：透けてる底部分 1：文字本体の塗り テキストオブジェクトの塗りをなしにしてから、アピアランスパレットのメニューから新規塗りを追加します。 塗りに線グラデーション 0%:#D93434 > 50%:#E68080 > 100%:#D93434 を設定。 効果メニュー > パス > パスのオフセット… を −2px で適用します。 2：立体の側面部分 アピアランスパレットのメニ
Freebies_Web Elements – イラレラボ illustrator-labo
Freebies_Web Elements button ついったーで支持もいただいたので調子こいてつくりましたWeb Elements。 PSDファイルの配布は多いけどaiは少ないんじゃないかしらん。 テキスト部分は適当に打ち変えてつかってくださいまし。 6色x3種のグラフィックスタイルライブラリにもないっています。 矢印部分はシンボルライブラリにもなっています。 グラフィックスタイルライブラリになっていますので。 グラフィックスタイルパレットのメニューから「グラフィックスタイルライブラリを開く＞その他のライブラリ」から 読み込んで使う事もできます。 CS5で作成、CS4にダウンバージョン。 ダウンロードフリー。改変自由で商業利用も可。素材そのものの再配布は禁止です。 ＞Download
Tutorial_蛍光ネオン管を描く – イラレラボ illustrator-labo
夜を彩る蛍光ネオン管の効果のチュートリアルです。 先ずは準備。書類のモードはRGB、単位はピクセル。 表示はピクセルプレビュー、ピクセルにスナップにチェックです。 詳しくはココ→ パスツールでそれっぽいラインをつくっていきます。 文字の部分は Giddyup Std Regular を参考にしつつ線を引いています。 線の太さは6pt、オープンパスの端を丸型線端、角の処理をラウンド結合にします。 背景に黒い長方形を配置し、色分けごとにグループ化します。 先ずは青でちょうちょから。選択ツールでグループ全体を選択し、アピアランスパレットのメニューから新規線を追加します。 #0000FFに設定し、 効果 ＞ スタイライズ ＞ 光彩（外側）を 描画モード：スクリーン：#0000FF（線と同じ色） / 不透明度：100％ / ぼかし：5px に設定します。 アピアランスパレットのメニューから新規線を追
Tutorial_リボンの描き方 – イラレラボ illustrator-labo
アクセス解析を見ていると「リボン」で来られる方が一定数おられる様で。 以前くるくる巻いてるリボンの描き方をやったので、じゃあ今回はちょうちょ結び風と言う事でv 先ずは準備。書類のモードはRGB、単位はピクセルに設定します。 楕円ツールで、100px x 100px の円を配置します。線の太さは1px。線の色は#999999に設定します。 4つあるアンカーポイントのうち左側のを選択し、移動ツールで-60px左に移動します。 ペンツールを展開した一番右の「アンカーポイントの切り替えツール」で移動したアンカーポイントをクリックし、ハンドルを外します。 横向きの涙滴型という感じですな。 これに > 効果 > 3D効果をかけます。 それぞれ上から 71° / 7° / 20° 押し出しの奥行き：50pt 表面：陰影なし を選択します。 （図では見やすい様に陰影（艶あり）になってますが） 移動ツールで
Tutorial_イラレで光の表現 – イラレラボ illustrator-labo
Illustratorでがんばる光の表現のチュートリアルです。キラキラピカピカ。 Photoshopでやんなさいよと突っ込まれそうですけれども。イラレでやったほうがいい時もあるんです！たぶん。 オブジェクトの描画モードは基本的にPhotoshopのレイヤーモードと同じ効果です。なのでPhotoshopならではのアバウトなエアブラシ以外は実はほとんど変わらない効果が出せます。エアブラシぽいのもグラデーションメッシュ使えばできそうな気もしますが此処は割愛。 シャープな曲線をつかった光のライン等はイラレの方が描きやすいです。Photoshopでももちろんできますが。 光の基本になるのは＃FFFFFF（白）から＃000000（黒）の円グラデーションです。グレースケールではなくRGBの白黒に設定してください。 此処では位置が50％のものと20％のものの二つを使用しています。 必要に応じてスクリーンか
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
イラレラボ illustrator-labo – イラレについてのシノゴノ
Freebies_半立体風日本の伝統色その2 – イラレラボ illustrator-labo
グラフィックスタイル – イラレラボ illustrator-labo
スウォッチ – イラレラボ illustrator-labo