0.1ランク上のアイコンの作り方講座
第2回 P4D デザイナー向けプログラム部 http://prog4designer.github.com/ で発表させていただいたスライドです。 ==================== あわせて読みたい ==================== 少ない手間と知識で”それなり”に見せる、ズルいデザインテクニック https://speakerdeck.com/ken_c_lo/zurui-design ノンデザイナーのための配色理論 http://www.slideshare.net/saucerjp/ss-14902681 初めての欧文書体 http://www.slideshare.net/shoheiitoh/ss-17245066 Bootstrapのカスタマイズ例 https://speakerdeck.com/machida/railsenziniafalsetamefals
ベクター素材のフリーダウンロードサイト8選【Freepikだけじゃない！】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのハルエです。 イラストやパーツ、背景など、素材の作りこみが必要なときにフリーのベクター素材ってものすごく重宝しますよね。そのまま使うこともできますが、そこから自分なりのテイストに変えてデザインしちゃえばより良いものができるはず！ 時間がないときなどにも凄く助かります。 今回は、高品質なベクター素材が無料でダウンロードできる厳選した8サイトをご紹介させていただきます。 独学でつまずいていませんか？ Webデザインの基礎を効率的に学びたい、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGではWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。 詳細を知りたい方は、ぜひスクールの詳細をチェックしてみてください！ →スクールの魅力が分かる資料はこちら！（資料請求） 高品質なベクター素材の無料ダウン
無料で商用利用可なフリーアイコン素材サイト13選【デザイナー厳選】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーの花ちゃんです！ Webサイトのデザインをしていると、アイコンを取り入れる場面がよくあると思います。アイコンには文字だけではわかりにくい情報を、ユーザーに対して直感的に素早く伝える効果があります。また、モチーフを簡略化しているので、限られたスペースでもしっかりその機能を果たしてくれます。 今回は、Webサイトはもちろん、図版や資料作成にも欠かせない、無料で使えるアイコン素材サイトをテイスト別にまとめてみました！ 独学でつまずいていませんか？ Illustratorの使い方を効率的に学びたい、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGでもWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。「今すぐスクールの概要を知りたい！」という方は、ぜひこちらより資料をご請求ください。 ※この記事は2
デザイナーのための素材サイト13選 – creamu
デザインに使える素材を探している。 そんなときにおすすめなのが、『13 Most Desirable Collection Of Free Resources For Every Designer』。デザイナーのための素材サイト13選だ。 以下にいくつかご紹介。 » フリーのデザインテンプレート&PSDファイル45選 » フリーのさびた金属のテクスチャ50選 » クオリティの高いWordPress2.7のテーマ15選 » あなたのブログを魅力的にするWordPressのプラグイン15選 » フリーのPhotoshopパターン集 » Webデザインに使えるフリーアイコンやPSDファイル45選 » 無料で使える背景パターンジェネレータ12選 その他のリストは以下から。 » 13 Most Desirable Collection Of Free Resources For Every Desi
2008年、ウェブのデザイナー・開発者がおさえておきたいリソース集 | コリス
2008年、ウェブのデザイナー・開発者がおさえておきたいデザイン、Photoshop&Illustratorのチュートリアル、ブラシやベクター素材、JavaScript、CSS、WordPress、タイポグラフィ、フォント、素材、リソースなどをnoupeのエントリーから紹介します。 2008 Most Popular Design posts, Tutorials and Resources デザイン関連 Photoshopのチュートリアル関連 Illustratorのチュートリアル関連 Photoshop&Illustratorのブラシやベクター素材 JavaScript関連 WordPress関連 CSS関連 フォント&タイポグラフィ関連 ツール&素材関連 デザイン関連 42 Awesome Business Card Designs 20 Beautiful HDR Pictures
Best Design Resources of 2008
Collection of the best and most useful design resources of 2008. Typography Resources – 60 Brilliant Typefaces For Corporate Design [Smashing Magazine] – 20 Free Handwritten Fonts And Resources [Fuel Your Creativity] – 50 Incredible Fonts for Professional Web & Print Design [Noupe] – 15 Beautiful High-Quality Free Fonts [Smashing Magazine] – 21 Inspirational Typography Artworks from DeviantArt [De
Photoshopで簡単なマルチタグのアイコンを作る / ウェブデザインライブラリー
投稿日：2008年12月05日 レベル：中級者 ソフトウェア： このチュートリアルでは、Photoshopで簡単なマルチタグのアイコンを作ってみたいと思います。 Step1 ： はじめに Step2 ： レイヤーマスクを加える Step3 ： グラデーションオーバーレイを加える Step4 ： 新たにレイヤーを作りタグを増やす Step5 ： 完成 任意のサイズと背景で新規ドキュメントを作成し、角丸長方形ツールを選択して半径を10ピクセルにします。 任意の色で細長い長方形を描いてから、「編集」−「変形」−「回転」を選択して、少しだけ回転させます。 回転させたらレイヤースタイルを設定して不透明度を85％にします。 すると次のようになります。
サイトによく使いそうなピクセルタイプの54個のアローのPSD素材 | コリス
deviantARTのsizer92から、サイトによく使いそうなピクセルタイプの54個のアロー（矢印）のPSD素材を紹介します。
リアルで美しいPSD付きアイコンセット「DelliPack」:phpspot開発日誌
DelliPack: A Free Icon Set | Freebies | Smashing Magazine You can use the icons for private and commercial projects, blogs and web-sites for free, without any restrictions whatsoever.リアルで美しいPSD付きアイコンセット「DelliPack」 次のようなリアルなアイコンセットがSmashing Magazineで公開されています。 リアルな感じもいいですね。 関連エントリ シンプルなUIアイコンセット「Simplicio」 サイト作成に便利に使えるPSD付きアイコン集
photoshopのアイコンチュートリアルの決定版「40+ Hand-picked Photoshop Icon Designs」
TOP > Design , Photoshop > photoshopのアイコンチュートリアルの決定版「40+ Hand-picked Photoshop Icon Designs」 国内外に限らず、アイコンをダウンロードできるWEBサイトは多々ありますが、どうしても既製のものだと、求めている物とバッチリ合わせるというのは難しく、探し回らないといけません。そうなってくると自分で制作をと思ったりもしますが、どうやって作るのか分からない…そんな人のために今日紹介するのは高品質なアイコンのチュートリアル集「40+ Hand-picked Photoshop Icon Designs」です。 主に立体的なアイコンが多いのですが、質感のあるものから、かなりリアルなもの定番なものと様々なアイコンのチュートリアルが集められています。今回はいくつかきになったチュートリアルをピックアップして紹介し
Photoshopでアイコン作成のためのチュートリアル色々:phpspot開発日誌
40 Hand-picked Photoshop Icon Designs [Photoshop Tutorials] Photoshopでアイコン作成のためのチュートリアル色々紹介されています。 作り方を覚えておけば応用が利いてサイト用のアイコン作りなんかに役立ちそうですね。 関連エントリ カレンダー、バルーンなどWEBアプリに使えるハイクオリティアイコンセット「pinvoke」 ドット絵っぽい可愛い16x16のアイコン集
アイコンデザイナーになりたい人のためのPhotoshopチュートリアル15選『Want to be an Icon Designer? 15 Amazing Photoshop Icon Tutorials.』 | CREAMU
Design アイコンデザイナーになりたい人のためのPhotoshopチュートリアル15選『Want to be an Icon Designer? 15 Amazing Photoshop Icon Tutorials.』 アイコンをデザインしたい。 そんなあなたにおすすめなのが、『Want to be an Icon Designer? 15 Amazing Photoshop Icon Tutorials.』。アイコンデザイナーになりたい人のためのPhotoshopチュートリアル15選だ。 以下にご紹介。 » Traffic ConeアイコンをPhotoshopで描く方法 » 本のアイコンを作る方法 » Mac OS Xのメールアイコンのようなデザインをする方法 » Mac OS X用のアイコンを作る方法 » グラフのWebボタンを作る方法 » Photoshop CS3のアイコンを
すこしズルしてリアルなアイコンを作る方法 | バシャログ。
猫も杓子も Web 2.0 的な表現がもてはやされた頃、 ツヤツヤでリアルなアイコンの作成を迫られて嫌な汗をかきました。 質のよいイラストを描くことが要求される上、小さく細かい作業がてんこ盛り。 時間もスキルも足りない！ [1] まずフリー写真を探します。 アイコン作るのに何故写真が必要なの？とお思いかもしれませんが何故ならすこしズルいからです。 今回はこの本の写真を、アイコンっぽくしてみます。 [2] 必要なサイズにぎゅっと縮小し、背景を切り落とします。 [フィルタ]→[カラー調節]→[トーンカーブ]で、強めに調節します。 さらに[フィルタ]→[カラー調節]→[明るさ・コントラスト]でかなり思い切ってコントラストを上げます。 写真が縮小された上、強く補正をかけたことで、イラストに近いテイストになってきました。 [3] ここまでくればあとは簡単。 輪郭線を書き足したり、グラデーションを上か
How to Design Mini Icons - Web Designer Wall
Numbers of people have asked me how to design my popular Mini Pixel Icon pack. In fact, they are relatively easy. All you need is just some basic Photoshop skills. Here I will show you how to use the Pencil tool to design pixel icons, and then re-use them to create a full collection. This is the technique that I used to create over 320 icons within a day. Download Photoshop file 1. Create a new do
無料利用可能な110個のアイコン詰め合わせセット「Iconica」
GPLライセンスで提供されており、全部で110個分あります。各種ファイル形式やデバイスのアイコンがそろっており、このライセンスに従う限りは自由に改造することも可能です。 ダウンロードは以下から。 Iconica by `dangeruss on deviantART 提供されているZIPファイルの中身はPSD形式のファイルになっており、Photoshopで加工したりすることができます。以下が全アイコンファイルの中身です。意外に高品質なので便利かも。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.designwalker.com/2009/03/icon-tut.html
矢印素材いろいろ - DesignWalker
バレンタイン Photoshopチュートリアル、ブラシ、アイコンあれこれ - DesignWalker
fortysomething.ca
http://www.designwalker.com/seed/graphicdesign/santa-claus-hat/