IllustratorでのWebデザインがいい感じ！おすすめポイントや設定いろいろ
2014年3月19日 Illustrator, Webサイト制作 これまでは「WebデザインといえばPhotoshop」というのが通例でした。しかしIllustratorもWeb制作の環境に適応されてきた今、フラットデザインやイラストを多く扱うWebサイトでは断然Illustratorをおすすめします！今回はあまり知られていないIllustratorとWebデザインの相性や、Webデザイン用の設定方法等をご紹介します。 ↑私が10年以上利用している会計ソフト！ Illustrator初心者さんへ Illustratorはベクター形式の画像を作成できるAdobe社のアプリです。ロゴやイラストを作る時にはかかせません。Adobeの公式チュートリアルサイト、Adobe TVではIllustratorの概要やチュートリアルをはじめ、新しい機能の紹介も随時追加されています。 Illustratorは
グラデーションメッシュで透明なシャボン玉 - Illustratorテクニカル・ワークス - MdN Design Interactive
押さえておきたい機能とテクニック 描画モードを変えてオブジェクトを重ね背景が透ける球をつくる シャボン玉をモチーフとした透明感のあるパーツを作成する。ここでは、グラデーションメッシュを使って、黒い球体とカラフルに配色した球体をつくり、それぞれ［描画モード］を変えて、重ねることでシャボン玉を表現した。 制作・文 高野 徹（lolo66） url http://www.lolo66.com/ 使用ソフト Illustrator CS/CS2 まず楕円形ツールで、shiftキーを押しながらドラッグして正円を作成。塗りを［C：100、M：100、Y：100、K：100］に設定する1-1。この円に対し、オブジェクトメニュー→“グラデーションメッシュを作成...”を［行数：3］、［列数：3］、［種類：フラット］で実行1-2。この円をコピー＆ペーストで複製しておく。 1-1 1-2 複製元のオブジ
グラデーションメッシュを使いたい！
どうもこんにちは！ カヤック意匠部新米イラストレーターのウシキです！ 今回はwebデザインではほぼほぼ使うシチュエーションのないillustratorのこの機能！ グラデーションメッ〜シュ！！！をご紹介したいと思います！ illustratorではかなり初期のバージョンからあるのに全然つかわないなぁって人もいらっしゃるのではないでしょうか！ Photoshopでできちゃうからいらないんじゃない？ 印刷向きでweb向きではないんじゃない？ って思いがちですが、 ってその通りですが、 意外と使い方覚えちゃえば凄く簡単に早く便利にwebにも印刷にも対応できちゃう綺麗なオブジェクトがつくれちゃう！ それがグラデーションメッ〜シュです！ 使い方にはいくつかコツが必要です！実際にグラデーションメッシュで描いたイラストを用いて説明していきます！ 下のイラストをご覧ください。今朝会社にくる前に30分で作っ
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
楽してプロっぽいデザイン | Forty-N-FiveBlog
MovableTypeで作成してきたこちらの「楽してプロっぽいデザイン」はデザインの陳腐化に伴いWordPressベースのサイトに移行しました。 ブログ移行先：https://www.forty-n-five.site/ 引き続きご愛顧の程お願いいたします。 また、Photoshopのチュートリアルを中心としたyoutubeも運営を始めました。 youtube運営チャンネル：https://www.youtube.com/channel/UCXZMAcX7vukJ2iQg7EEVbGQ?view_as=subscriber | パーマリンク | コメント (0) | トラックバック (0) |
これだけ覚えておけば大丈夫。Web2.0風のボタンを作る方法。
いわゆるWeb2.0風って言われるようなボタンなどの素材。 既にいろんなところで頻出だけれども、これを知ってるだけで簡単にかっこいいデザインが出来るのでぜひ覚えておこう。 １．ボタンを作る まずは何でもいいのでシェイプでボタンを作る。 べベルをかけたりしてちょっと立体感を出しておこう。 こんな感じで。あとグラデーションをかけておこう。 ※グラデーションはあまりわかりやすく多用すると全体がでこぼこして見えてよくないが、 現実世界では必ず光の加減があるのでかすかなグラデーションをかけておくことは非常に大切。 ２．光沢をつける Web2.0風というのはいわゆる光沢があるようなボタンのこと。 光沢があるというのはある部分に光の反射が起こるので、特に白く輝かせる。 本当はいろいろなものを映りこませることでリアルに出来るが、そんなことをする必要はなく、 ちょっと左上に白くグラデーションをかけるだけでよ
カーニング（文字詰め） - Webデザインテクニック
カーニングについて タイトルなどの文字を画像で作成する場合、その文字をより美しく見せるためのテクニックとしてカーニングというものがあります。 これは、フォントを用いた時にできた文字と文字の間の余白を詰めるもので、特に等幅フォントに有効です。 → カーニング前 例えば、上のフォントの場合、小さい「ェ」の間が大きく開いてしまい、少し見栄えが悪くなっています。そこで、カーニングを行います。 → カーニング後 詰める間隔は、１文字ずつの余白を確かめつつ、全体のバランスを考えて決めます。「デ」と「ザ」のように間が詰まっている時などは少し間隔を広げてみるのもいいでしょう。 カーニングの例 文字間の●は特に注意してカーニングを行って欲しいところです。 → カーニング前 → カーニング後 小さい文字にだけ注目するのではなく、細い文字同士の余白にも注意しましょう。 → カーニング前 →
東京都国立市のウェブデザイン・ホームページ制作会社：株式会社ウェスカ
当社では、お客様の利便性向上のためのカスタマイズのためにCookie（クッキー）を利用しています。 詳細はクッキーポリシーをご覧ください。「同意する」をクリックしますと、クッキーの使用に同意いただいたものといたします。
私がwebサイトのラフデザインを制作する時の流れ │ Design Spice
私がwebサイトのラフを作る時の流れを書いてみました。 独学で身に付けた方法であり、 一般的な方法ではないかも知れないことを予め断っておきます。 私にはやりやすい方法ですが、 他の人にとってはそうではないかもしれません… 本エントリーはラフデザインのみ注力するため、既にコンセプト、ターゲット、サイト構成などは決まった状態と仮定します。 （※本文中のショートカットキーは全てMacの場合です） 希望デザインのヒアリング ※委託業務の場合です どんなデザインが希望かを先方にヒアリングします。 この時にできるだけ、クライアントのイメージを明確にするため 抽象的でも良いので沢山言葉を貰います。 明るい、可愛い、ポップ、カッコいい、シンプル、落ち着いた…etc 具体的にデザイン参考にしたいサイトがあるのなら聞いておきます。 また頂いた言葉と自分のイメージのギャップを埋めておきます。 ”シンプル”と言う
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Page Not Found | Inkscape