Android, iOS, Windows Phone用のアイコン等を全サイズ一括生成できるテンプレート:phpspot開発日誌
Design Resources from Bjango Android, iOS, Windows Phone用のアイコン等を全サイズ一括生成できるテンプレート Photoshop, Illustrator, Sketch, Affinity Designerに対応しているそうです。 iOS単体で、といった物はありましたが、全部一気に作れるのも便利そうですね 関連エントリ RubyでPhotoshopのPSDデータを操作できるライブラリ「PSD.rb」 8つのPSD、138のテンプレ、250＋のコンポーネントで構成されるiOSのUIデザインキット「TETHR」 Apple公式の端末、アイコンPSDが公開
デザイン制作時に役立つPSD形式のボタン素材 15 - NxWorld
個人的に良いなと思ったボタン素材のまとめです。 レスポンシブやフラットデザインの流行、CSS3を導入することが多くなっているなど、最近ではボタンデザインぐらいであれば画像は使用せずに実装していることも多いと思いますが、画像で実装する場合に便利だと思います。 また、画像として使わなくてもグラデーションやシャドウの使い方などデザインの参考にもなります。 紹介している素材を使用する際は、ライセンス等は各自で再度確認してください。 Free Cool Buttons Psd 全15カラーのシンプルデザインなボタンで、それぞれNormal・Hover・Activeの見栄えが用意されています。 Tangy Multi-Color Button Set 同じくNormal・Hover・Activeの見栄えが用意されている全10カラーのシンプルデザインなボタンで、こちらはPSDだけでなくCSSで実装された
是非ストックしておきたい フリーアイコンセットまとめ「20 Fresh and Beautiful Icon Sets for Free」
TOP > Design > 是非ストックしておきたい フリーアイコンセットまとめ「20 Fresh and Beautiful Icon Sets for Free」 常に新しいデザインのものがリリースされるアイコン。主流のフラットデザインから、立体感のあるデザインまで、いろいろなタイプが登場しています。今回はそんなフリーアイコンセットまとめ「20 Fresh and Beautiful Icon Sets for Free」を紹介したいと思います。 （Dribbble – Outline Icons Part 3 by Adrian Goia） さまざまなデザインシーンで活用できる種類のアイコンが紹介されています。気になったものをピックアップしましたので下記よりご覧ください。 詳しくは以下 Tab Bar Icons iOS 7 Vol3 | Media Icons | Pix
最近のウェブデザインのトレンドを取り入れたページレイアウトのPSD素材のまとめ
ただ見ているだけでもその美しいレイアウトに惚れ々々してしまう、最近のウェブデザインのトレンドを取り入れたウェブページやスマフォページのPSD素材を紹介します。 PSDが全部ダウンロードできるので、実用にも勉強にも役立ちます！
Webデザインが捗るPhotoshopの時短ワザ4つ
カンプのデザインやパーツの作成など、Webデザインにも欠かせないPhotoshop。もっとラクに、もっと速くWebデザインするために、すぐに役立つ4つの時短テクニックを紹介します。 面倒なスライス作業は「画像アセットの生成」機能で不要に Web制作で面倒な作業といえば、カンプから画像パーツをスライスする作業。パーツがたくさんあったり、あとからデザインが何度も変更になったりすると、いちいち書き出すのが手間ですよね。 Photoshop CC（14.1以降）の「画像アセットの生成」を使うと、スライス作業が不要になり、レイヤーグループごとに画像ファイルを自動的に書き出せます。 例として［角丸長方形］ツールと［テキスト］ツールで作った以下のようなボタンを書き出してみましょう。 ［角丸長方形］と［Button］の2つのレイヤーを選択し、command+Gでグループ化します。グループ名には、書き出した
デザイン作業をしていると見落としがちなPSDファイルのエチケットがチェックできるオンラインサービス -PSD Validator
ウェブデザインのPSDファイルで、チーム内のデザイナーで共有してファイルを触る時、コーダーに渡す時など、より使いやすいPSDファイルにするためのエチケットが守られているかチェックできるオンラインサービスを紹介します。 レイヤー名が「レイヤー1」のまま、グリッドを使用していない、watermarkの入った素材を使ってるなどはいただけません。
クリエイティブなデザインが簡単に制作できるフリーpsdレイアウト「20 Free Web Layout PSDs」
TOP > Design > クリエイティブなデザインが簡単に制作できるフリーpsdレイアウト「20 Free Web Layout PSDs」 webデザインを1から完成までつくり上げるのに、時間やコストをあまりかけることができない状況も、デザインの仕事をしていると経験することがあると思います。そんな時に活用できる、フリーpsdレイアウト「20 Free Web Layout PSDs」を今回は紹介します。 （Dribbble – Sevent WordPress + free psd by trendythemes） クリエイティブなデザインを簡単につくり上げることができる20種のpsdレイアウトが紹介されています。 詳しくは以下 ■Responsive PSD Template レスポンシブデザインのテンプレートpsdです。ベースがシンプルなので、希望のテイストのデザインにア
Photoshopでガイドだけを別のファイルにコピペできる機能拡張 -CopyGuides
Photoshopでせっかく引いたガイドを別のファイルにコピペしたいと思ったことはありませんか？ そんな願いを叶えるPhotoshopの機能拡張スクリプトを紹介します。 Copy Guides ページのちょい下にある「Download the .JSX file」をクリックし、ファイルを保存してください。 ダウンロードした「CopyGuides.jsx」を使用するPhotoshopのフォルダ内に移動します。 移動先：Photoshop\Presets\Scripts\ Photoshopを再起動します。 メニューの[ファイル]-[スクリプト]内に「CopyGuides」があれば、インストール完了です。 CopyGuidesの使い方 CopyGuidesの使い方はシンプルです。 ガイドをコピーしたいファイルをPhotoshopで開きます。 [Shift]キーを押しながら、[ファイル]-[スク
価格表のデザインをまとめたデザイン集「21 Examples of Pricing Pages in Web Design」
TOP > WebDesign > 価格表のデザインをまとめたデザイン集「21 Examples of Pricing Pages in Web Design」 WEBサービスでよく見かける、サービスの形態ごとの価格表、そのプランで何ができるのか？いくら位の差があるのかというのを一瞬で見分けられるように整理されており便利でスタンダードなデザインですが、これがいざ作るとなるとなかなか難しく苦労したというデザイナーの方も多いのではないでしょうか？今日紹介するのは価格表のデザインをまとめたデザイン集「21 Examples of Pricing Pages in Web Design」です。 Spotify 全部で21もの価格表がまとめられたています。今日はその中から気になったものをいくつかピックアップして紹介したいと思います。 詳しくは以下 Treehouse できることが明快で、比較
透過PNGにした画像は乗算や焼き込みカラーが反映されないのですよ │ これからゆっくり考L +α
透過pngで書きだしたい画像に乗算やオーバーレイや焼きこみカラー...などなど、描画モードが「通常」以外のものが使われていること、ありますよね？ 書きだしてから 「あれ...なんかデザインと違う...まさか...。あーやっぱり乗算だったー（泣」 っていうこと、ありますよね？（私だけですか...） 自分でちょちょいと修正できるときはいいんですけど、どう考えても無理な時とか、あまりに色々なところに乗算などを使われていると、 「次からはできればもうちょっと気をつけていただけるとありがたいです！」 と言いたい。 がしかし、なんで描画モード変更しちゃいけないの？と言われるとうまく説明できない。 できなかったので... サンプル作っておいておくことにしました。 （描画モードが変更されているパーツを透過pngで書きだすと、描画モードは反映されないんですよ、って説明してたんですけど...そもそもこれであっ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
UIってPhotoshopでどう作るの？チュートリアルで解説
今年気になったハイクオリティなデザインUIキット − 2014 - NxWorld
新着記事
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
Border
新着記事
新着記事
新着記事
新着記事
