新着記事『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
1-4時間で実践できる、Illustratorのさまざまなテクニックを学べるチュートリアルのまとめ
2013年春の新作、Illustratorのチュートリアルをvector tuts+から紹介します。 チュートリアルはステップごと詳しいキャプチャ付きで、英語が苦手な人でも雰囲気は伝わると思います。
すぐに使えるシンプルな小技（Illustrator編） | SONICMOOV LAB
ソーシャルアプリ事業部でデザイナーをしております。 こーたと申します。 どうぞよろしくお願いします。 今回は普段仕事でよく使う、illustratorの 「覚えなくてもいいけど覚えておくとちょっと作業が楽になる」 そんな小技を紹介したいと思います。 「Ctrl」+「Ｓ」くらいのシンプルさです。 覚えなくてもいいけど、覚えて頂けると幸いです。 とっくに知っているよ！という方はささっと読み流してください。 どこでも色を拾えるスポイトツール。 この画像のこの色を使いたい！ でもカラーパレットから色を探すのは大変。。。 そんな場合は、フォントからグラデーションまで、 何でも吸い取ってくれる万能なスポイトツールでアートボード外の色も吸い取ることができます。 現状、ピンク色ロゴを、デスクトップ上の参考画像（カメの甲羅）の色に変更したいと思います。 まずは、色を変更したいロゴを選択したら、ツールバーから
知っているのと知らないのとでは、ぐぐっと差がつく！文字組みの基礎 | SONICMOOV LAB
こんにちは。 ゆるゆるっとデザイナ―をさせていただいております、アリイエです。 今回は、文字組みについて少し考えたいと思います。 効果的なジャンプ率と書体で訴求力UP! デザイナーなら、無意識に使っているジャンプ率を改めて見直してみました。 上記のように、ジャンプ率が高いレイアウトは、勢いや力強さをアピールし印象としては元気なイメージを伝えることができます。 反対に、ジャンプ率が低いレイアウトは、穏やかで静かな落ち着いた印象を与えます。オーソドックスな明朝体でさらに品の良さも感じられます。 的確な文字詰めで読みやすさをUP! ちょっと問題です。 Q.下記の二つの画像、どこが違うでしょうか！？ A.ソニフェスさんのはちまきの「燃えろ！」の文字が「茹でろ！」になっている。 ◎正解です。正解ですが、伝えたい内容はそこではございません。 赤く丸をつけた部分がポイント部分になります。 【P
イラレでWebデザインをされる方にお願いしたい7つのこと。
普段はDTPをメインにやっていて、たまにWebのデザインもするというデザイナーさんは、 IllustratorでWeb用のデザインカンプを作ることが多いと思います。 別にIllustratorからでもコーディングはできるのですが、後工程の人を困らせないために、 ちょっとだけ気に留めておいて欲しいことがあります。 １．色モードはRGBで。 普段DTPをやっているとついCMYKモードのままで作ってしまうことがあるかもしれません。 でもWebはRGBの世界です。変換すると意図した色にならなかったりしますので、 最初からRGBで作ってください。埋め込む画像も同じです。 ２．どこがデバイスフォントなのか分かるように指示を。 紙の世界では文字は文字でしかありませんが、Webの世界では「テキストデータ」にするのか 「画像」にするのか決めなければなりません。本文は原則「テキストデータ」ですが、 判断に困る
Tracing a Vector Face From a Reference Photo | Envato Tuts+
A few times a each month we revisit some of our reader’s favorite posts from throughout the history of Vectortuts+. This tutorial by Jesse Hora was first published on October 20th 2009. There are numerous ways that you could approach using a reference photo in illustration, an obvious option being to 'trace' the photo. Since there are so many microscopic details in a photograph you have to make nu
斜線入りwebボタンの作り方（イラストレーター）
Illustrator斜線入りwebボタンの作り方を説明していきます。 上図のようなグラデーションに斜線のかかったwebボタンです。様々なwebサイトで見るデザインですね。実践でも素材としてすぐに使える優れモノです。 webボタンの制作の流れとしては、①グラデーションとブレンドを用いてwebボタンの原型を作成する②クリッピングマスクで切り抜き斜線を表現する③質感を高めるため陰影を作成するです。どれも実践ですぐに使えるテクニックばかりですのでしっかりとマスターしてみて下さい。
放射線状をイラストレーターで表現する方法
を紹介します。 まずは上のデザインをご覧ください。中心から線が放射線状に飛び出しているデザインです。ポスターの背景やベクターイメージなどによく使われますね。使用頻度が高いデザインパーツだと思います。 今回はこの放射線状の背景を一瞬で作る方法をご紹介します。もちろんペンツールで描くわけでもありません。
illustratorにある2種類の「ぼかし」の違いと特徴について検証してみた Be Creative Be Happhy/// ナナメウエBlog
こんにちは、illustratorマニアの鈴木です。 知っている人も多いと思いますが、イラレには2種類の「ぼかし」が存在します。 今回はillustrator効果の中にある[スタイライズ] → [ぼかし] とPhotoshop効果の中にある[ぼかし] → [ぼかし（ガウス）]の違いについて説明します。 ぼかしの適用前はこんな状態です。 アイコンのオブジェクトの背面に#000の楕円形のオブジェクトがあります。 シャドウを表現するために、この状態から楕円形のオブジェクトに2種類のぼかしをかけていきます。 同じ半径でもぼかしのかかり方に違いがある 左はillustrator効果[スタイライズ] → [ぼかし]半径7pxで適用。 右はPhotoshop効果[ぼかし] → [ぼかし（ガウス）] 7pxで適用したものです。 同じ半径7pxのぼかしなのですが表示される結果に違いが見られます。
Illustratorの基本的なエフェクト集 | コリス
Illustratorの基本的だけど、マスターしておきたい効果的なエフェクトをWeb Designer Wallから紹介します。 Mastering Illustrator Effects 以下、各ポイントをピックアップしたものです。 上記サイトではチュートリアルのAIファイルもダウンロードできます。 間のびしない矢じり 角丸を素早く綺麗に描く 正確なジグザクのライン オブジェクトの収縮と膨張 変形のエフェクト ラフにするエフェクト 落書き風のエフェクト Illustratorのエフェクトを使用時のTips 間のびしない矢じり [効果]-[スタイライズ]-[矢印にする]で矢印のエフェクトを使用できます。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
404 Not Found
Quick Tip: Use Illustrator Effects to Spice Up Your Graphs | Envato Tuts+
How to Create a Mosaic Portrait from a Photograph | Envato Tuts+
designers-tips.com
イラストレーターで反射するアイコンの作り方
http://designers-tips.com/en/archives/9100