またフラットデザインネタになってしまいますが、シンプルで使い勝手の良さそうなUIデザインコレクションBlog/Magazine Flat UI Kitが公開されていたので、今回はご紹介します。 Webサイトやブログサイトに必要なデザインアイテムを一式揃えているので、後はパ... 続きを読む
こ、こういうのが知りたかった。PhotoBlogStopのブログにて「Photoshop Blend Modes Explained」が紹介されています。 「暗めの写真はScreenでブレンドするといい感じ♪」ぐらいにしか知らなかったブレンドモードの解説です。デザイナーの方には常識かもしれま... 続きを読む
Finding free user interface elements and wireframes is just like finding treasure for designers. This is because resources like these can significantly help designers in their work and help them complete their job easily and more quickly. Bas... 続きを読む
イラレについてのシノゴノスクリーンショットをなにがしか使う人向けのマニアックなアクションです。しかもイラレラボなのにPSDかい! Macで⌘+shift+4で撮ったスクリーンショットから ・影を削除する ・影を削除して#999999/1px内側のワク線をつける 以上2種の... 続きを読む
PhotoshopをWebデザイン制作として使ってると、シェイプを使って図形を描く事って結構多い気がします。拡大しても劣化しないし、ダブルクリックでカンタンに色を変えられるし、Illustratorでも使い回せる、そんなシェイプの機能や特長について、個人的なまとめ... 続きを読む
Home > ダウンロード > ダウンロード - その他 > 新トレンド「フラットデザイン」を参考、無料UIデザインキット(PSD + HTMLバージョン) Windows8のインターフェース画面デザインでもおなじみ、フラットデザインを意識したUIデザインキットFlat UIが公開... 続きを読む
最近のトレンドのぼやけたブラーの背景に載せたり、美しい写真の背景にも映える半透明のパネルやテキストを簡単に作成できるPhotoshopのスタイルを紹介します。 素材はレイヤースタイル・aslファイルでダウンロードできます。 Aero and Other Glass Styles 個人... 続きを読む
海外デザインブログGraphicDesignJunction.comで、お役立ちフリーPSDファイル素材25個をまとめたエントリー「25 Fresh UI Design PSD Files for Download」が公開されていたので、今回はこちらをベースに、お気に入りフリーPSD素材を、一緒にまとめています。 ... 続きを読む
グレースケール変換の方法は多々ありますが、どうも「モード」→「グレー」がDisられる傾向があるようなのでそれは違うよ!というところから少し。 モード→グレーは結構優秀 (実際にはモードから変換するのではなくて、「編集」→「プロファイル変換」を勧め... 続きを読む
Adobe Photoshop 1.0のソースコードがComputer History Museumで公開・無料でダウンロードすることが可能になりました。Photoshopは1987年に当時大学生であったトーマス・ノールさんが開発、AppleとAdobeに見せたところAdobeがライセンスを取得し、1990年にバー... 続きを読む
Win/Mac対応、Photoshopで角丸の作成・修正の強力な武器になる機能拡張 -Corner Editor Corner Editor Corner Editorの主な特徴 Corner Editorのインストール Corner Editorの使い方 Corner Editorの主な特徴 旧版の全ての機能が使え、更に多くの機能を備えてい... 続きを読む
先週発表された、Create Cloud から提供される Photoshop 13.1 アップデートでは、CSS 関連の機能が 2 つ追加されました。 HTML や CSS ファイルに定義されている色をスウォッチに読み込み レイヤーを CSS コードとして書き出し まず、「スウォッチの読み込み」... 続きを読む
ブログやポートフォリオ、Eコマース、コーポレートサイトなどに、レトロ風、スタイリッシュ、クリーン、スリーク、背景に写真、イラストを使うなど、ウェブページのユーザーインターフェイスをPhotoshopで作成するチュートリアルを紹介します。 Create a One-Pa... 続きを読む
ウェブページのメニュー、ボタンなどをはじめ、ボックス、スライダー、アイコン、背景パターン、リボン、バッジ、エフェクト、テンプレートなど、トータル2,000くらい?のPSD素材がダウンロードできるByPeopleを紹介します。 そんなに数多くダウンロードできな... 続きを読む
PhotoshopCS5, PixelBender | 19:11 | PixelBenderで作った処理をPhotoshopで使うさて、これまで作成したフィルターを実際Photoshopで使うための 手順を説明します。 PixelBenderPlug-Inの取得Photoshopで使うようにするためには、PixelBenderで作ったフィルタ... 続きを読む
Webデザイン PhotoshopでのWeb制作効率を向上させる「JSX」とは Top diary Wednesday, April 4th, 2012 ご存じの方もいらっしゃると思いますが、Adobe Photoshop は JavaScript で制御することができます。 Photoshop 用の JavaScript ファイルのことを「JSX」... 続きを読む
有名アプリなんでしょうかね、Skala Preview。いままで知りませんでした。 Skala Previewを使うと、Mac上の画像やPhotoshop画面やクリップボードの画像を、iPhone上でピクセルパーフェクトで表示できます。 Mac / iPhone 用アプリ。 使い方も簡単で、MacとiPhon... 続きを読む
先日、 Martin Perhiniakさんのエントリーを拝見して快く同じエントリーの日本語意訳版での紹介を承諾していただけたのでご紹介。 ここで紹介する25のPhotoshopショートカットは、あなたの作業のスピードアップに使えます。あまり知られていないものや、割と知... 続きを読む
9月22 JavaScript で PSD Parser を作り始めました はじめに JavaScript で PSD ファイル (Photoshop Document) をパースする psd.js というのを作り始めました。 以下のURLで公開しています。 https://github.com/imaya/psd.js psd.js と聞いて、なんか前に聞... 続きを読む
プロのような写真加工を、ボタンひとつで実現してくれる、魔法のようなPhotoshopツールのひとつ「アクション素材」。 あらかじめ素材ごとに、色合いやコントラストなどの設定がされているので、ワンクリックで完成するお手軽写真加工テクニックです。 海外デザ... 続きを読む