正式版がリリースしたAvocodeの便利な使い方をご紹介（コリス限定の優待コードもあるよ） | コリス
制作の効率が劇的にアップする『Avocode』の正式版が、1/29にリリースされました！ Avocodeは簡単に言うと、PSDのプレビューや書き出しをPhotoshop無しで行うもので、書き出しは画像だけでなく、SVGやCSSにも対応しています。画像のスライスやスタイルシートのコーディング作業がググッと楽になるWin/Mac/Linux対応のアプリです。 正式版で、特に大きく変わったのがデザイナー用簡単GitHub。これは無料で単体利用できる機能で、PSDファイルの共有やリビジョン管理が非常に簡単にできます。 ベータ版の時から、そして正式版がリリースされてからみっちりと試したので、Avocodeの使い方や登録方法を紹介します。 Avocode Avocodeには無料と有料のプランがあり、有料プランの優待コードがコリスのビジター限定でもれなく使用できます。無料プランだけを使ってもよし、有料プ
ハイクオリティなフリー素材がPSD形式でダウンロードできるサイト20選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのサリーです。 フラットデザインが流行してから、アイコンやモックアップ素材を使う機会が以前より多くなったように感じます……。 素材をダウンロードしたとき、編集がラクチンだと助かりますよね。 今回はPSD形式などのまま素材をダウンロードできる、とっても太っ腹なサイトを20個ご紹介します。 PSD形式のフリー素材を配布しているサイト GraphicBurger http://graphicburger.com/ 無料と有料の素材がごちゃ混ぜなのでご注意。 緑の「Download」ボタンが「Visit download page」となっている場合は有料素材です。 365psd http://365psd.com/ 日本でも有名なフリー素材サイト。 365個一気にまとめてダウンロードできる有料パックもあります。 Pixeden http://www.pixeden.com/
新着フリーなwebサイトデザイン用PSDテンプレート（40個+） - いぬらぼ
壁紙・写真8953 webデザイン3925 デザイン3291 絵画・イラスト・アート2193 動物1745 3D1724 UI1291 photoshop1083 フリー1004 風景834 自然821 かわいい689 wordpress679 素材652 テーマ632 チュートリアル626 フォント617 幻想的548 動画530 お洒落524 建築物501 犬430 テンプレ400 イラスト397 psd396 猫384 ロゴ331 jquery297 ブラシ296 プレミアム285 プラグイン274 テクスチャ260 CSS249 ミリタリー221 タイポグラフィ217 名刺213 gif212 都市風景210 インテリア206 宇宙203 エフェクト200 SF188 ポスター186 ファンタジー186
全て商用利用無料！すぐに使えるJPEG素材からオリジナルを作成できるPSDまでブラーな背景素材のまとめ
全て商用利用無料！すぐに使えるJPEG素材からオリジナルを作成できるPSDまでブラーな背景素材のまとめ
カラースキームを作成する時に持っていると便利なPSD素材 -Colour Toner PSD
ウェブサイトのカラースキームを作成する時などに、一つのカラーで濃淡を変えたりシャドウを加えたりといったカラーのバリエーションを簡単に利用できるPSD素材を紹介します。
2年の実務で使いやすさを追求した、便利でシンプルなワイヤーフレームのPSD素材 -RafalTomal WireframeKit
右半分 ライセンスは特に無しとのことで、個人でも商用でも無料で利用でき、修正して他の人と共有しても構わない、とのことです。 あなたがしたいことは何でもしてくれ！、と。 ワイヤーフレームの使い方としては、このワイヤーフレームと新規ドキュメントを並べてPhotoshopで開き、必要なエレメントをドラッグで移動して利用するだけです。また、エレメントのカラーはブラックになっているので、不透明度を調整し容易に背景を変更することができます。カラーを変えたい時には、レイヤーの四角いアイコンをダブルクリックしてください。 注意するポイントは、ワイヤーフレームであまりに多くのディテールを作らないことです。
デザイン作業をしていると見落としがちなPSDファイルのエチケットがチェックできるオンラインサービス -PSD Validator
ウェブデザインのPSDファイルで、チーム内のデザイナーで共有してファイルを触る時、コーダーに渡す時など、より使いやすいPSDファイルにするためのエチケットが守られているかチェックできるオンラインサービスを紹介します。 レイヤー名が「レイヤー1」のまま、グリッドを使用していない、watermarkの入った素材を使ってるなどはいただけません。
商用利用も無料、全110種類のミニサイズのアイコンのPSD素材 -Micro Icon Set
Micro Icon Set [ad#ad-2] アイコンは全部で110種類あり、ウェブサイトやウェブアプリケーションなどに利用できるデザインのものが揃っています。 アイコン全110種のキャプチャ [ad#ad-2] ダウンロードできる素材のフォーマットはPSDで、アイコンはそれぞれシェイプになっているため、サイズやカラーを変更して利用できます。
デザインの勉強にもなる、高品質なウェブページのPSD素材 -Artfan Design | コリス
ウェブデザインに役立つリソースやチュートリアルを掲載している「Artfan Design」から、個人ブログやポートフォリオ、ビジネスサイトですぐに使えるウェブページのPSD素材を紹介します。
Photoshopでガイドだけを別のファイルにコピペできる機能拡張 -CopyGuides
Photoshopでせっかく引いたガイドを別のファイルにコピペしたいと思ったことはありませんか？ そんな願いを叶えるPhotoshopの機能拡張スクリプトを紹介します。 Copy Guides ページのちょい下にある「Download the .JSX file」をクリックし、ファイルを保存してください。 ダウンロードした「CopyGuides.jsx」を使用するPhotoshopのフォルダ内に移動します。 移動先：Photoshop\Presets\Scripts\ Photoshopを再起動します。 メニューの[ファイル]-[スクリプト]内に「CopyGuides」があれば、インストール完了です。 CopyGuidesの使い方 CopyGuidesの使い方はシンプルです。 ガイドをコピーしたいファイルをPhotoshopで開きます。 [Shift]キーを押しながら、[ファイル]-[スク
HTML5/CSS3で作るスマートフォンサイトの基本 (1/5)
スマートフォンサイトのサイト設計、画面設計に続き、今回はデザインとHTML/CSSの制作です。前回作成したワイヤーフレームをもとにデザインカンプを作成し、HTML/CSSをコーディングしていきます。 Photoshopでデザインカンプを作成する 最初に、グラフィックソフトを利用してデザインカンプを作成します。今回はPhotoshop CS5を使いましたが、FireworksやIllustratorなど使い慣れたツールで構いません。 デザインにあたっては、スマートフォンのブラウザーの画面領域を定義したテンプレートを用意してからデザインパーツを作成、配置していきます。画面領域はサイズを測ってガイドを引いてもよいですが、本連載の第5回で紹介したデザインテンプレートを利用するのが手軽です。
フラットが美しすぎるアイコン24個セット:phpspot開発日誌
Free PSD: 24 Flat Icons | Premium Pixels フラットが美しすぎるアイコン24個セット。PSD形式で配布されているそう。 iPhoneの時期OSがフラットになるとか、マイクロソフトやグーグルは既にフラットだとか、フラットの合理性に注目があつまっていたりしますが、フラットでもこれだけ美しくできるのだなと再確認させられるアイコンセット。 今後出てくるアイコンなんかもこうした美しいフラットアイコンだとWEBサイトやアプリも作りやすく、シンプルに美しくなるのかも。 関連エントリ シンプルで使えそうな５０のベクターアイコンセット アイコンフォントを使ってレスポンシブかつRetina対応のUIメニューを作るチュートリアル 地図と共に使えそうな２００のフリーベクターアイコン集 汎用で使えそうなフリーのアイコンフォント「Genericons」
透明感が美しい！さまざまな背景にマッチするUIエレメントのPSD素材 -Blugraphic
特にブラーな背景などの繊細で美しい背景に映える、透明感が美しいUIエレメントのPSD素材を紹介します。
DreamweaverとPhotoshopを使い、神速でスライスする方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 先日、高円寺のワーキングスペース「こけむさズ」さんで勉強会があると聞いて行ってまいりました。 講師は「神速Photoshop」の著者の一人・石嶋さんで、フォトショを使って、わりとぽっちゃりな人をかなりすっきりにするテクや、ガサガサの残念肌をツルツルの潤い肌にするテクなどを教わってきました。 「カワイイはつくれる！」ということを実感いたしました。 そこで教えてもらった中でも、 「DreamweaverとPhotoshopを連動させて超効率的にスライス＆タグに埋め込むテク」がすごかったので、ご紹介させていただきます。 これを使うと、 とにかく早い 後からデザイン修正が発生した際、直すのが楽 シャドウがある画像でも正確に切り取れる などのメリットが！フォトショでもFW並か、それ以上に楽ができると思います。 そ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブUIの設計時に使える、ワイヤーフレーム用の無料のPSD素材
新着記事
今年気になったハイクオリティなデザインUIキット − 2014 - NxWorld
プレゼンで、スマフォアプリの複数画面をかっこよく見せるモックアップ用のPSD素材
これはスゴ過ぎ！Bootstrap 3のインターフェイスの全てを再現したPSD素材 -Bootstrap 3 PSD
洗練されたデザインのPSD素材が無料でダウンロードできるサイトのまとめ