Get awesome stuff delivered straight to your inbox! Twice a month! Plus a list of tools and plugins we use.
Get awesome stuff delivered straight to your inbox! Twice a month! Plus a list of tools and plugins we use.
August 24th, 2009 Tutorials Icons are essential within web design and within interface designs. There are many sites across the web where you can download free icons. This article features a wide selection of over 60 tutorials which will guide you through the process for learning how to design icons. 1. Simple Coffee Cup Icon Photoshop Tutorial 2. Design a Detailed Compass Icon in Photoshop 3. iT
先日メールで水滴の表現をというリクエストをいただきました。(ヤマダ様メールありがとうございました!) それでちょっとオブジェクトと格闘していたのですけれど、難しいでスね水滴。 ヤハリ環境光とか水滴自体がくっついてる素材とかに影響されるので、一番手っ取り早いのは「写真をじっくり見て描く」なんてわりとキホン的なところに行き着いたりして。こんな感じでしょうかネ↑ 左が写真、右がオブジェクトを重ねてつくってみたモノです。 それじゃ芸がないので、それらしいグラフィックスタイルをつくってみました。水滴に見えますかどうでしょうカ。 どんなアピアランスになっているかをついでに解説↓ A. ハイライトです。左上からあたる一番強い反射光ですね。 塗りは中心位置0%:#FFFFFF > 外側位置60%:#000000 の円グラデーション。 効果 > パス > パスのオフセット :-6px 不透明度:100% /
TOP > Design , vector > 高層ビルなど都市を表現するベクターデータセット「7 High-Quality City Skyline Vectors」 大きさや色等を自由に設定でき様々なシーンに柔軟に対応できるため、制作する側に取ってはとても便利なベクターデータ。様々なベクター素材が世界中で公開されていますが、今日紹介するのは高層ビルなど都市を表現するベクターデータセット「7 High-Quality City Skyline Vectors」です。 上記のようなリアルな都市の風景のベクターデータがいくつか収録されています。基本的にはビル群となりますが、川沿いのモノだったり少しパースがかかっていたりと、様々な角度からの都市のベクターデータがセットになっています。収録されているデータは以下の通りです。 詳しくは以下 ベクターデータを見てみましたが、ライブとレースなの
TOP > Design , vector > 商用可!5000を超えるシルエットベクターデータ配布サイト「All Silhouettes」 様々なデザインシーンに使えるシルエット素材。単純で、曖昧なので、どんなデザインにも合わせる事ができますし、背景だったりアクセントだったり使い勝手も非常に良い素材の一つですが、今回紹介するのはそんなシルエット素材を集めたWEBサイト「All Silhouettes」です。 全部で5000を超えるシルエットが88にも及ぶパックで公開されています。種類は様々で、動物から人間、機械、矢印と様々なシーンのシルエットが公開されています。 詳しくは以下 上記は今最も人気のシルエット素材。人物のシルエットがやはり人気が高いみたいですね。デザイナーだけでなく、企画書を書いている方にも良い素材なのでは無いでしょうか!? ライセンスは「You are free t
Welcome To Skwak's "Maniac World" Amazing illustrator "Skwak" created a world populated by 'maniacs', where everything is exaggerated.110 Great Skateboard Designs And Graphics Skateboarding is a sport that is close to my heart, but I think one of the things that I liked most about hanging out in skateboard shops was the ever changing wall of skateboard deck art that was constantly updating with ev
TOP > Design , vector > 敷きつめられるイラストレーターのチェックパターン集「20 Seamless Plaid Patterns for Illustrator」 イラストレーターで背景等を制作する際に便利なパターン。一度制作しておけば、どんな大きさにも対応でき、目の粗さ等も柔軟に対応できる優れものです。今回紹介するのはそんなイラストレーターのチェックパターンをあつめたエントリー「20 Seamless Plaid Patterns for Illustrator」を紹介したいと思います。 すべてチェックのパターンになりますが、様々なパターンが公開されています。今日は公開されているものの中から気になったものをいくつか公開したいと思います。 詳しくは以下 パターンファイルは便利ですが、自分で制作するとなるとなかなか面倒くさいのでありがたいですね。 配布している
aetuts+で、フリーテクスチャを配布するキラーサイトが紹介されています。 ざっといくつかご紹介。 » Textures.z7server.com 500以上のテクスチャが無料で利用できる » 2Textured いろいろなカテゴリーのテクスチャが2786種類 » Texture Vault 小さいサイズのテクスチャを無料で利用可能 » Royalty Free Textures ロイヤリティーフリーのテクスチャがダウンロードできる » Texturepop 自然やメタルなどのテクスチャが利用可能 その他のリストは以下からどうぞ。 » 44 Killer Free Textures Sites 仕事でお付き合いさせていただいている方と飲み。近くに住んでるカメラマンも紹介してもらえて楽しかった♪
Vector artwork takes a great deal of talent to produce to a good standard. The best works often demonstrate a huge attention to detail, as well as a keen focus on lighting and surface gradients. Some pieces of vector artwork stand out even more, simply by having that ‘wow’ factor. I’ve trawled the web looking for these types of artwork to help inspire you. Along the way I found many works that whi
Illustratorでがんばる光の表現のチュートリアルです。キラキラピカピカ。 Photoshopでやんなさいよと突っ込まれそうですけれども。イラレでやったほうがいい時もあるんです!たぶん。 オブジェクトの描画モードは基本的にPhotoshopのレイヤーモードと同じ効果です。なのでPhotoshopならではのアバウトなエアブラシ以外は実はほとんど変わらない効果が出せます。エアブラシぽいのもグラデーションメッシュ使えばできそうな気もしますが此処は割愛。 シャープな曲線をつかった光のライン等はイラレの方が描きやすいです。Photoshopでももちろんできますが。 光の基本になるのは#FFFFFF(白)から#000000(黒)の円グラデーションです。グレースケールではなくRGBの白黒に設定してください。 此処では位置が50%のものと20%のものの二つを使用しています。 必要に応じてスクリーンか
How to Create a Modern Music Player UI Using Adobe Illustrator There have been a lot of UI kits swarming around the market lately. Some include complete sets of User Interface elements and some focus on just one element. These kits often serve as a basis and template for web designers in creating wonderful web pages. Because of these kits, web designers now don’t have to worry about running out of
ギャル系雑誌やヒップホップ系の雑誌タイトルによく使われているダイヤモンドや宝石をちりばめたロゴ・タイトルの作例を紹介します。 文字を立体にするphotoshopのスタイルファイルは無料で配布します。どうぞご利用ください。 ロイヤリティーフリーとしますので商用でも自由に使ってください。 えーと、ぶっちゃけ自分が画像をアップしているphotolibraryのCMもかねてます。そちらのご利用もお待ちしております。 用意するもの:illustrator8.0以上・Photoshop6.0以上 根性さえあれば、illustratorは3.2以上・Photoshop4.0以上でも可だと思います。 ダイヤモンドのパターン(今回の作例はこちらを利用しました) 1.ベースとなる形をイラストレーターで作る。 文字を打ったらアウトライン化する。フォントはCooperBlak。 2.外枠のベース
先日アップしたクリスタルの素材を使って、ダイヤモンドの様にキラキラ光らせまくるチュートリアルです。 ダイヤモンドは永遠の輝きw 青い背景を描きます。 480×360pxの長方形を配置します。0%:#4F589F > 100%:#1B1464 の円グラデーションで塗ります。 アピアランスメニュー から塗りを複製し、不透明度40% / 描画モード:乗算 に設定します。 影っぽいテクスチャをつけます。 600×300pxの長方形を配置します。0%:#FFFFFF > 100%:#000000 の円グラデーションで塗ります。 グラデーションツールで、長方形下辺の中央から端に向けてドラッグし、グラデーションの位置を調整します。円グラデーションが半分になった感じ。 縦40pxに縮小します。 回転ツールで75度回転し、不透明度20% / 描画モード:オ−バーレイ に設定。 optionキー(winだとa
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く