saucer
この記事は、Adobe Illustrator Advent Calendar 2018の9日目です。ここのところWebデザインなどでSketchを使うことが多く、Illustrator好きとして少々寂しい思いをしていたので、超ひさしぶりにアピアランスを使って遊んでみました。今回はすべての工程を解説してみたので、気が向いたらぜひご一緒に試してみてください。 Keep reading Illustratorで地図などを作成するとき、路線の角度に合わせてテキストを配置することは少なくありません。一般的には、セグメントの角度を計測して同じだけ回転したり、パス上文字をぴったり重ねたりしますが、セグメントの角度が変わるたびに文字の角度も調整しなければならず、なかなか面倒です。そこで、これらの工程を自動化するスクリプトを作りました。文字の傾きをリセットして、垂直／水平に戻すおまけ機能も搭載しています。
Illustratorで漫画のような集中線を作る方法 | 簡単にわかるIllustrator（イラストレーター）の使い方
漫画の様な集中線を簡単に作成 Illustratorを立ち上げて、円を書きます 「効果」→「パスの変形」→「ラフ」を選びます 各種数字を高めに設定して、まず一つ集中線を作ります。 その上に同じくらいのサイズの白い円を作ります 先ほどと同様に「ラフ」を施し、数値を変えて真上に置きます このように簡単に漫画の集中線を作れれば、写真やチラシ等々の様々な場面で駆使する事が出来ると思います。お困りの際には是非、ご使用ください。 線 の関連記事 Illustrator CS6で線を点線にする方法? Illustrator CS6で線幅を途中で自由に変更する方法 Illustrator CS6で線を矢印にする方法? Illustrator CS6で線の色と塗りの色を入れ替える方法? Illustrator CS6で鉛筆ツールで曲線を描く方法 参考になりましたか？ この記事が参考になれば、是非とも他のみな
Illustratorで木の質感を出す方法【初級編】 | ナナメウエblog
おはようございます。 気づいたらもう2月ですね。 今年も残り11ヶ月、心の底からillustratorを愛していきたいと思いますよろしくお願いします。 それではillustratorで木の質感を表現する方法を紹介します。 illustratorでの木の質感表現はいくつかあるのですが、今回は最も簡単な方法を紹介します。 今回の場合は木の木目が黒くなるので、濃いめのフローリングなどの質感に使えるかと思います。 illustratorで木の質感を表現する方法 まずは四角形のオブジェクトを作成します。 色の設定は上が#785032、下が#4a3b29のグラデーションを作成します。 続いて[効果] → [テクスチャ] → [粒状]を適用します。 値の設定は、「密度：15」「コントラスト：4」「粒子の種類：縦」にします。 「密度」パラメータを大きくすると、より風化したような木の質感が出せま
Illustratorでグランジ加工をする方法 | ナナメウエblog
illustratorでグランジ加工をする方法です。 線をチョークや木炭などに設定して上から重ねるという方法が最もポピュラーですので、ちょっと珍しい方法をご紹介します。 一回作っておくと使い回しが効くので便利かと思います。 まずは長方形ツール（ショートカットはM）を使い、適当な四角形を描きます。 わかりやすいように色は黒にしています。 続いてナイフツールで四角形オブジェクトを切っていきます。 もうメチャクチャに切りまくります。 上下左右に切り分けて、細かくしてあげます。 切り終わったら、オブジェクト全体を選択した状態で[オブジェクト] → [変形] → [個別に変形]（ショートカットは⌘+Shift+Option+D） 「水平方向：5%」「垂直方向：5%」「水平方向：100px」「垂直方向：100px」、オプションは「垂直軸にリフレクト」「水平軸にリフレクト」「ランダム」「オブジ
(no title)｜鈴木メモ(旧)
Illustratorを覚えようと緩めにがんばるブログです。ただいま新アドレスhttp://suzukimemo.com/への移行中です。
Tutorial_くるくるリボンを描く – イラレラボ illustrator-labo
くるくるまるまったリボンを描きます。 普段はわりと数字にこだわって描きますが、今回はわりとてけとーに。 自由曲線から始めるので何回か試してみてください。 うねった曲線をペンツールで描きます。 線幅は1px。グレースケール：20％で、塗りはなしです。 効果＞3D＞押し出し・ベベル で幅をつけます。立方体をぐるんと回して、良さげな角度を探してください。 押し出しの奥行きがリボンの幅になります。 一番下の 表面：陰影なしにしてからOKします オブジェクトメニューから 分割・拡張 で3Dの効果をパスにばらします。 グループ解除繰り返して、それぞれのパーツをばらしておきます。 拡大表示し、厚みになっている1pxのアウトライン化した線を削除して、1pxぶんのズレをくっつけて修正します。 リボンのグラデーションを作ります。 濃い赤と薄い赤を交互に。 両端と真ん中、つまり、0％、50％、100％を：#97
Tutorial_イラレで光の表現その2 – イラレラボ illustrator-labo
イラストレーターでがんばる光の表現その2です。オブジェクトを柔らかくふんわり光らせます。Photoshopでやれよという突っ込みには耳を塞ぎつつ。 480×360pxの長方形を配置します。0%:#002800 > 50%:#004251 > 100%:#2D0058 の線グラデーションで塗ります。 アピアランスメニュー ＞ 新規塗りを追加、0%:#FFFFFF > 100%:#000000 （白から黒 の円グラデーションで塗ります。中心からやや左下をクリックしてグラデーションの中心位置を移動させ、不透明度40％ / 描画モード：スクリーンに設定します。 480×480pxの円を配置します。0％:#005368 > 100%:#000000 の円グラデーションで塗り、描画モードをスクリーンに設定します。上のあたりに位置をずらして、青い光を入れます。 光のラインを描きます。200×2pxの円を
Tutorial_DTP Booster_おさらいと補足その4 – イラレラボ illustrator-labo
透明感のあるオブジェクトとキラキラ。 遅くなってすみません。最後のぶんがまだでしたよな。 グラスのイラストのダウンロードはこちらから↓ ＞DTPBooster_grass_cs.ai.zip CS4バージョンダウンCSです。 透明感のあるグラスの底に反射する赤い光を描く 水面は反射率が高いので、ワイン自体は上を暗く下を明るいグラデーションにします。丸いワイングラスの底とグラスの脚が光を強く反射するのを表現します。 こーゆー細かいところがそれっぽく見えるコツかなと。 W65xH40pxの楕円を描きます。0％:#ED5C5C > 100%:#000000の線グラデーションで塗りを設定。角度は80度です。図のあたりに配置して、描画モードを覆い焼きに設定します。 ワイングラス表面の反射光を描く 単純な白黒の線グラデーションを描画モードスクリーン、不透明度20％で乗せています。スクリーンモードは白の
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Sass - CSS HappyLife
もう完全にただのお知らせや告知ブログ...！ 初版の発売から4年経ち、ありがたいことに改訂のお話を頂いたので、6月～8月辺りに森田 壮さんと執筆を行い、2017年9月15日に改訂2版が発売しました。 かなり頑張って加筆・修正などを行ったので思ってたより大変な執筆でした。 初版と改訂2版の詳しい違いに関しては、サポートサイト に載せておいたのでそちらを見て頂けるとありがたいです！ 初版と改訂2版の違い | Web制作者のためのSassの教科書 改訂2版 - 公式サポートサイト せっかく久しぶりにブログを書くので、サポートサイトには書いてないことにでも触れて行ければと。 いよいよ明日発売の「Web制作者のためのSassの教科書」ですが、今回は、8章有る中でも特に読んでもらいたい章に関して、書きたいなーと思います。 今回の執筆はわりと気合い入ってるので、宣伝エントリーが多くてすみません＞＜ ちな
即戦力となるアナログ表現の技を押さえる - MdN Design Interactive
腕のいいデザイン事務所で修業しないと ふつうは身につかない知識と技と心得 10 即戦力となるアナログ表現の技を押さえる 解説： 高橋としゆき［Graphic Arts Unit］ url： www.graphicartsunit.com/ 使用ソフト: Photoshop CS3 かすれや汚れなどといった、アナログの演出がデザインで必要になる機会は多いはずだ。そうしたアナログ感の演出にはさまざまな方法があるが、基本的な手法はしっかり身につけておきたい。ここでは、デジタルだけでアナログ感を表現する方法を紹介しよう。 実際にプリントアウトして作業する時間や環境がない場合や、画材などを使ったアナログの作業を経ずに、もっと手軽にアナログ感を表現したいということもあるだろう。アナログ風の質感はPhotoshopのフィルタなどを駆使して表現することもできるので、そうした技を使った多彩なアナログ表現を覚
WordPress管理画面にオリジナルメニューを追加した時の手順メモ
前回もちらっとメモしたんですが、 もっと具体的な内容も覚えておきたいので改めて実際のコードとともに手順をメモしたいと思います。 オリジナルの管理画面を用意しておくと、クライアントさんがサイトの更新を行う場合に安心して更新をお任せできますｗ ゴールはこれ。 不要なダッシュボードウィジェット、左メニューなどをすべて非表示にし、 オリジナルで用意したヘッダー＆メニューを差し込みます。 デフォルトの管理画面は高機能な分、メニューがずらーーーっと並んでおり WEBに詳しくない方にとっては何が何だか分からないものですからね。 ここは一思いにばっさりと切り捨て、クライアント専用にやさしいシンプルな見た目の管理画面を用意してあげることで 大幅に間違いが減りますし、説明の時間も短縮できると考えてます。 ちなみに、上記キャプチャに表示されているメモは『Headache With Pictures』というプラグ
Photoshopのレイヤーマスクを使ったブレンドテクニック / ウェブデザインライブラリー
シンボルをクリックしてレイヤーウインドウ（ウインドウ内に画像があります）からレイヤーマスクを開きます。 ブラシツールを選択して、背景色を「#000000」にしてから、次のようにオプションを設定します。 レイヤーウインドウに戻り、ブラシを使って画像を次のように作ります。 拡大画像を表示する 画像の感じがよくなるまで作業を続けます。 拡大画像を表示する 一番上（「右」レイヤー）のレイヤーマスクを作って、同じブラシを使って同様に作業します。すると次のようになります。 拡大画像を表示する レイヤー レイヤーマスクを使ってから、消しゴムツールで次のようにブラシを選択します。 一番下のレイヤーを選択して、消しゴムツールを使って画像の境界を消すと、画像の見栄えが良くなります。 拡大画像を表示する 一番上と一番下のレイヤーで作業を続けると、次のようになります。 この作業の後に、レイヤーウィンドウを選択しま
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
キーン！と冷たいクラッシュ氷をイラレで描いてみるよ[Adobe Illustrator] – クリエイター丙![キーン！と冷たいクラッシュ氷をイラレで描いてみるよ[Adobe Illustrator] – クリエイター丙](https://cdn-ak-scissors.b.st-hatena.com/image/square/f7f2097fc59626efc1ad21eb3a23520549ef8413/height=288;version=1;width=512/https%3A%2F%2Fcreator-hey.com%2Fwp-content%2Fuploads%2Fhow-to-draw-ices-011.png)
新着記事
鈴木メモ(旧)
404 Not Found
DO NOT EAT.jp : 画図の手帖 : TIPS : Illustratorでスタンプ風のかすれ表現
WEBディレクターの為のEXCEL術（1）作業スケジュール | designaholic -Creative Column-
Photoshop a Paper Texture from Scratch then Create a Grungy Web Design with it! | Envato Tuts+
