Photoshopを利用し、短時間で手軽に、みんながあっと驚く高品質なデザインを作成する方法はいくつかあります。 そのなかでも、文字を挿入し、ボタンを数クリックするだけで、見違えるほど魅力的にするテキストエフェクトは、グラフィックデザインにぜひ活用したい素材です。今回は参考にしたい PSD ファイルを、ファイルの基本的な使い方、カスタマイズ方法と一緒にご紹介します。 詳細は以下から。 ファイルの編集、カスタマイズ方法 では実際にファイルをダウンロードし、どのように編集するのか具体的に見ていきましょう。今回はデモとして以下のファイルを利用しています。 Molten Text Effect – DealJumbo まずPhotoshopでファイルを開き、レイヤーパネルを確認します。パネルの一番上に配置された、サムネイルの右下にアイコンが表示されているレイヤーは、スマートオブジェクトレイヤーであ
Wireframing is an essential step in the initial stages of a UI project, allowing you to define the information hierarchy of your mobile app or web design project and plan for functionality and user flow. By stripping away non-essential design elements, wireframes help to communicate the layout effectively. Whether you use a whiteboard, pencil and paper, web-based tools, or UI design applications,
プロダクトデザインを行う上でよく使うモックアップは、Web制作やその他デザインの場面、ビジネスの様々なシーンで活用することができます。 例えば、Web制作の場面では、ホームページのデザインにそのまま使うことが可能です。ビジネスの現場では、プレゼン資料で完成予定のデザインを見せたい時に使えます。 様々なタイプの素材があり、しかも無料で手に入るものが豊富にありますので、活用しない手はありません。 今回は、そんな便利なPSD素材の中から無料のものだけをピックアップしてご紹介します。 ビジネスに、デザインに、ぜひ活用してみてください。 ビジネスからデザインまで、幅広いシーンで重宝する無料PSD素材まとめ 1. 3 Elegant Macbook Pro MockUps http://graphicburger.com/3-elegant-macbook-pro-mockups/ 異なる3シーンを収
PSDからコーディングに必要な情報を抽出する技術がAdobeからCreative Cloud Extractとしてリリースされており、BracketsではExtract for Brackets (Preview)（以下Extract）というエクステンションとして、インストーラーに標準で組み込まれています。 Extractを使用することによりBrackets内でPSDを読み込み、各種コード・画像をその場でコードヒント（Ctrl+Space）で抽出・反映させることが出来ます。 コーディングの効率化に大きく貢献してくれるExtractのどのように使えばよいか、順を追ってご紹介していきます。 基本的な使い方はこちら→Bracketsの機能紹介、使い方解説 その他の便利エクステンション集はこちら→ Brackets おすすめエクステンション集・解説 下準備～起動 Extractを使用するには、Cr
Gitに限らず、バージョン管理システムで、コンパイルされたバイナリや、自動生成されたスクリプトを含めないというのは、プログラマの間では通念になっていると思います。それでは、デザインワークは? というとあまり扱いが統一されていません。 | コンパイル後のファイル | ソースファイル :--: | :--: | :--: ソースコード | 含めない | 含める デザインワーク | ? | ? デザインワークもコンパイルが当たり前に 従来、手作業でアプリケーションからエクスポートして、リポジトリに入れていましたが、現在その必要はほぼなくなりました。まだこの1,2年の話ですが、デザインワークでも「ソース」になる.sketchや.psdファイルから成果物を自動生成(コンパイル)するのが一般的になりつつあります。 面倒なスライスの切り出しといった作業は、もう過去の話です。一度ツールを設定してしまえば、
Download our free report on how leaders and design system contributors from enterprise companies like Caterpillar, PayPal, or Weir Group build and grow design systems. Learn key lessons on design system maturity and operations. Designing for Android? Use the free Material UI kit built straight into a design tool. Utilize high-quality elements with interactions. Easily resize to any screen. Design
資料の作成時やポートフォリオ、Webサイト制作など様々な場面でデザインをワンランクアップさせてくれるモックアップ素材。そんなモックアップ素材からPSDファイルとして無料でダウンロードできるものをiMacやiPhone、iPadといったApple製品に絞って30個集めてみました。 ※基本的に無料でダウンロード出来る素材ばかりですが、規約は各テーマによって違います。使用する際は規約に注意してください。 1. Flat Apple's Devices Mockup 2. MacBook Air Psd Mockup 3. iPad Air Mockup 4. Responsive Showcase PSD Mockups 5. iPhone 5S Psd Flat Design Mockup 6. iPhone 5C Mockup 7. Apple Retina MacBook Pro 8. F
Today’s freebie is pretty awesome. 24 flat style icons contributed by super-talented Jan Dvořák. The PSD includes all 24 icons which are fully layered for easy customisation. Very nice.
Today’s freebie is a fantastic contribution from UK-based designer Joel Siddall. 200 vector-based micro icons. And they’re pixel-perfect. Add these to your toolbox. Do it.
特にブラーな背景などの繊細で美しい背景に映える、透明感が美しいUIエレメントのPSD素材を紹介します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
