[O][Webデザイン]IllustratorをWebデザインに使う時に気をつけたい設定 | Olein | 岐阜県岐阜市のデザイン屋ブログ
はじめに Webデザインを行う上で一番使われているソフトといったら、やはりAdobe Photoshopでしょうかね。僕も仕事で使うことはよくあるんですが、やはり画像の補正やら修正・レタッチ、合成などがほとんどで、オブジェクトを作って配置していくということをPhotoshop上で行うことに慣れていません。 そして、僕自身仕事で一番使うのはやはりAdobe Illustratorです。印刷物のデザインをメインにやってきましたので、自ずとそうなってしまいます。しかし、IllustratorはWebデザインには向いていないとよく言われます。そう言われるにはたくさんの理由があるのだと思うのですが、線にアンチエイリアスがかかるときがあることや、そもそもIllustratorの操作に慣れていないという声もよく聞きました。 ですので、今回こちらの記事では、僕のようなスタイルの人がWebデザインをIllu
手書きPOPをIllustratorでつくろう！〜POPができるまで〜
書店さんにPOPを置いてみたい！せっかく本がでたのならやってみたいですよね。Webデザインはモニタの前で作って完了してしまうので「モノ」に憧れます。 ということで「スマートフォンデザインでラクするためには」で作ってみました。 著者POPは効果が高い！ らしいですよ！本当は書店さんへ突撃してみたいのですが、書店員さんも忙しかったり、POPを置かない主義のところもあるようですので今回はデータをあずけて書店へ向かわれる出版社の営業さんにお持ちいただくようにしました。 可能であればその場へ行って、その場で描いてみたいですね。 デジタルで作る理由 手書きだけでいいとは思うのですが以下のような理由があげられます。 うまくかけた文字だけ使える 文字ごとに高さや大きさを調整できる 色が変えられる 後からやり直せる 入れる内容 キャッチコピー 説明 著者名 タイトル 順番は優先順位。POPということで、商品
Web制作のための、Illustratorの独学方法 - DESIGNMAP
まずは大まかに基本操作をさわっていこう。 細かい機能、コマンドなどは覚えようとせず、さっと流そう。例えば、パスファインダであれば、［合体］、［分割］、［全面オブジェクトで型抜き］だけを理解すれば、当面は十分である。ツールもすべて理解したり、覚えたりする必要はない。色の付け方、複製、グラデーション、回転、縮小・拡大、リフレクトなどベーシックな機能だけをおさえる。 一冊目として、おすすめなのは『Illustrator トレーニングブック』である。安定した内容で、これ以上分かりやすく解説するのは難しいくらいの構成になっている。
illustratorで修正が簡単な文字枠を作る方法 Be Creative Be Happy/// ナナメウエBlog
2012年10月25日 投稿者: suzuki こんにちは、デザイナーの鈴木(@suzukisan__)です。 今回は入稿間際に修正が一気にきて死にそうになるDTPデザイナーの方などに役立つ内容です。 illustratorでデザインをしている時に頻繁に使う、文字枠の中に文字があるというこの形。 長方形ツールでオブジェクトを作成して、その上に文字を重ねるというやり方の人が多いんですが、これだと文字数が増えた時に下の長方形オブジェクトのサイズまで変えて、さらに中央揃えしたり…とけっこう手間がかかります。 今回はもっと簡単で、さらに文字数が増えた時にも簡単に対応できる方法をご紹介します。 まずは文字を入力します。 今回はFutura Mediumにしました。 次にテキストオブジェクトを選択した状態で、[アピアランス]の[新規塗りを追加]を2回クリックして、塗りを2つ追加します。 こ
これが出来れば中級者！Illustrator初心者のための「ロゴ作成講座」
先日、ブログのリニューアルに伴いまして当サイトの「ロゴ」を作成してみたわけなんです。 ↑こんなん。 で、こちらのロゴ私も大変気に入っておりまして、ありがたくも「かっこいい！」「抱いて！」というお声を頂戴したりしなかったり。 そんななか、「あのロゴはどうやって作成したのですか？」「手順を晒してください」「私も全てを晒します…//」と言ったご意見を何名かの方から頂きましたので、「Illustrator初心者のためのロゴ作成講座」と銘打ちましてどんな手順であのロゴができ上がったのかをチュートリアルにまとめてみました。 なんとも大上段に構えたタイトルですが、これからIllustratorを学ぶ方にはちょうどいい感じの内容になっておるかと存じますので大目に見てください;)そしてすんげーーーーー長いですがこちらもご勘弁ください。 新規書類を作成 では早速Illustratorを開いて、新規書類を作成し
Photoshop・IllustratorユーザーのためのFireworks入門
現在開講している、社会人のためのWebデザインスクール で私と一緒に講師をされているユミソラさん（ @YumiSora ）は、以前のスクールでも Fireworks 特別講座を担当して頂きました。 その際、「桜の作り方」というレッスンは Fireworks 特有の操作が上手くまとまっていたので、ユミソラさんに許可を頂いて記事にしました。 Illustrator でも同じものは作れそうですが、普段 Fireworks を使わない私には新鮮でした。 Fireworksで桜を作る 今回作る桜はこんな感じです。 桜の形はパスの型抜きでサクッと作れそうですが、5等分に回転して並べる部分はどう作るのか気になりました。 まず新規作成し、楕円ツールをクリックし、塗のカラーでピンクを選択し、Shift キーを押しながらドラッグして正円を描きます。 このあたりは Photoshop や Illustrator
YouTube人気急上昇
【ゆっくり茶番劇 】 男から女の子になった 第百七話「元男の子は相談する」#ゆっくりロア #男から女の子になった #ゆっくり
商用・個人利用OK！編集可能な美しいカメラレンズのベクターアイコン10個 – poyosi.com
自分で美しいとか言っちまったッ！ 一眼のカメラはSONYのNEX-5を使ってます！@poyosiです！ ひょんなことからカメラレンズのアイコンを作る機会がありまして、ついでに幾つかバリエーションを作りました。 もし気に入っていただけたのなら、このページの下にダウンロードボタンがありますので自由にお使いください。 レンズアイコンは2カラー全10種類！ イラストレーターのデータでダウンロードできますので、ご自分で自由にフレームを変更することも可能です。 ベクターデータなのでサイズは自由 ベクターデータなので、サイズは自由に変更することができます。 結構拡大してもある程度は耐えられそうです。 商用・個人利用OKです 配布のことは考えずに作っていたのでレイヤーを分けてなかったり、適当にごまかしているところが幾つかありますのでご了承ください。 再配布はしないでいただければ、商用・個人利用OKです。
Photoshop & Illustrator CS6 の進化したところと不具合まとめ
5月27日に、渋谷 LightningSpot にて Webデザイナーのための Adobe CS6 検証会 をひらきました。 日曜の開催にも関わらずたくさんの方にお越しいただき、CS6 について熱い議論が交わされました。 ご参加いただいた皆様、ありがとうございました。 CS6 検証会では、Photoshop、Illustrator、Fireworks はもちろん、Dreamweaver、最後は VPS など CS6 と関係ないところまで話が飛んだのですが、この記事では Photoshop CS6 と、Illustrator CS6 の進化したところと不具合などについてまとめたいと思います。 Photoshop CS6 の進化したところや活用法 Web制作に関係ある機能の多くは Webデザイナー視点から見たPhotoshop CS6の進化したところ という記事に既に書いていますのでそこは省き
PhotoshopやIllustratorを組み合わせて5分でも早く！Fireworks中心に制作している僕のAdobeソフトの使い方 | Webデザインのタネ
一定期間更新がないため広告を表示しています
Fireworksで文字組みのしっかりした本文を作りたいときはIllustratorからコピペするといいかもしれない | Webデザインのタネ
一定期間更新がないため広告を表示しています
わりと面倒な後光を超簡単に10秒で描く方法 for Illustrator – poyosi.com
後光のぽよしアイコンで話題の@poyosiです、こんにちは。（そんな話題見たこと聞いたことない） 後光をイラストレーターで描くのってわりと面倒で、三角形を作ってくるくる回してる人もいるかと思いますが、そんな面倒な後光をサクっと作ってしまうテクニックをご紹介します。 ちなみに「後光」と言うとちょっとださい感じがするので合コンでは「バックフラッシュッ！」とか「サンバーストッ！」とまるで必殺技のように言うときっとモテると思いますよ。 イラレで超簡単に後光を描いてみましょう。 円を描く ここでは背景なしの線のみで、例として「200px」×「200px」の正円を描きます。 線幅を設定する 線幅を、円と同じピクセル数にします。ここでは「200px」ですね。 破線を設定する そして、破線をお好みのサイズで追加すると…もうそれっぽいのができます！やばい超簡単ですね！ パスに変更する このままでは扱いづらい
基本の基本！綺麗なデータの作り方：ロゴ編 | ウープスデザインブログ (デザイナーまめこ)
デザイナーさん1年生に向けての内容です。ロゴを作成して、誰かに渡すことがでてくるかもしれません。独り歩きしても問題ないデータを意識して作っていますか？カンバス外にゴミがあるなんてもってのほかです。キレイに掃除しておきましょう。Illustratorバージョン8で開けるように作ってあれば最近は問題ないので保存するときも忘れずに。 アウトラインをとる 基本中の基本ですね。書体は会社によって入っているもの、ないものがあります。自分が作っているのが至極標準的な書体であったとしても、アウトラインは必ずとりましょう。アウトライン化すると文字の編集ができなくなりますので、その前のデータは別で保存しておきましょうね。 アウトライン化していないデータは選択するとこのようになります。文字が編集できる状態です。 選択したまま、上部にあるメニューから「書式」→「アウトラインを作成」です。右横に書いてあるのはショー
使い勝手がよい、50種類のシンプルなデザインのアローのベクター素材
アロー素材全50種類のキャプチャ ダウンロードできる素材のフォーマットは4つです。 ai: Illustrator用のファイル eps svg csh: Photoshop用のカスタムシェイプ [ad#ad-2] Photoshop用のカスタムシェイプは下記のようになっています。 カスタムシェイプなので、簡単に拡大縮小して利用できます。 アローのカスタムシェイプ50種類 素材の利用にあたっては個人でも商用でも無料とのことです。 詳しくはダウンロードファイルの「MediaLoot_License_Agreement.pdf」をご覧ください。 また、アロー素材は「Vol 1」とあるように、「Vol 2」もあります。 こちらは、サイトにメンバー登録（有償）する必要があります。
25 Beautiful Examples of Illustration in Web Design
Examples of Illustration in Web Design can be found all over inspiration galleries and the trend towards colorfully illustrated websites has only grown with the widespread adoption of modern approaches that allow for richer images and faster-loading graphics. These illustrated […] Examples of Illustration in Web Design can be found all over inspiration galleries and the trend towards colorfully il
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://handywebdesign.net/2012/09/how-to-move-path-and-layer-from-ai-to-ps/
イラレアイコン
新着記事
新着記事
新着記事