ほんの数クリックで完成！文字をかっこよくするPSテキストエフェクトまとめ
Photoshopを利用し、短時間で手軽に、みんながあっと驚く高品質なデザインを作成する方法はいくつかあります。 そのなかでも、文字を挿入し、ボタンを数クリックするだけで、見違えるほど魅力的にするテキストエフェクトは、グラフィックデザインにぜひ活用したい素材です。今回は参考にしたい PSD ファイルを、ファイルの基本的な使い方、カスタマイズ方法と一緒にご紹介します。 詳細は以下から。 ファイルの編集、カスタマイズ方法 では実際にファイルをダウンロードし、どのように編集するのか具体的に見ていきましょう。今回はデモとして以下のファイルを利用しています。 Molten Text Effect – DealJumbo まずPhotoshopでファイルを開き、レイヤーパネルを確認します。パネルの一番上に配置された、サムネイルの右下にアイコンが表示されているレイヤーは、スマートオブジェクトレイヤーであ
【サンプルPSDデータ配布中！】デザイナーとフロントエンドにちょっと優しい「PSDルール」を考えてみた | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
【サンプルPSDデータ配布中！】デザイナーとフロントエンドにちょっと優しい「PSDルール」を考えてみた こんにちは、デザイナーのもりたです。 突然ですが皆さん、整理整頓は得意ですか？ 私の会社のPCのデスクトップはスクリーンショットだらけです。 よく整理整頓の第一歩はルールづくりだと言いますね。 リモコンはサイドテーブルに置く、雑誌はラックに入れる、シャツ類は一番上の引き出しに入れる……。でも、整理整頓ができる人にはきっとわからないけれど、自分に合わせたルールをつくるのが一番めんどくさいんですよ！ だからデザイナーの間でもPSD（Photoshop Document）のレイヤー整理がまちまちだったり、同じ人でさえ場合によって変わったりします。そこで、いちいち考えることすらめんどくさくなったので、社内共通のルールをつくってしまおうということになりました。 せっかくつくったので、今回はそれをご
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が公開
履歴書作成をもっとクリエイティブにしてくれるフリーテンプレート集「Free Professional CV/Resume and Cover Letter PSD Templates」
履歴書作成をもっとクリエイティブにしてくれるフリーテンプレート集「Free Professional CV/Resume and Cover Letter PSD Templates」 就職活動をする時に必ずといって良いほど必要になってくる履歴書。一般的には、無難なフォーマット化された用紙に記入することがほとんどだと思いますが、今回は履歴書でクリエイティブ性をアピールしたい時におすすめなフリーテンプレート集「Free Professional CV/Resume and Cover Letter PSD Templates」を紹介したいと思います。 Resume templates — Яндекс.Диск 特に、アート・デザイン・クリエイティブ系の就職活動をされる方におすすめの、今までにないデザイン性の高い履歴書テンプレートが揃っています。 詳しくは以下 Free Minimalist
アイコンからUI・モックアップまで デザイン性の高いフリー素材集「Freebies & Goodies For Web Designers」
どんどんと新しい素材が配布され続けており、常にチェックされている方も多いのではないでしょうか？そんな中今回紹介するのは、デザイン性の高いフリー素材集「Freebies & Goodies For Web Designers」です。 Free Perspective Website Mockup | ZippyPixels アイコンからUI・モックアップまで、いろいろなタイプの素材がまとめられています。気に入ったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 Amenities – 50 misc PSD icons – Freebiesbug シンプルなアイコンセット。塗りタイプとラインライプの2種が展開されています。使いやすいデザインが特徴です。 Renegade: Vintage Photo Filter Actions – ByPeople ヴィンテージ調の写真
Adobe Brackets Extract の使い方 – LIQUID BLOG
Sublime Text から Adobe Brackets に浮気してみた という記事を書いて以降、完全に Adobe Brackets に乗り換えてしまいました。 PSDを簡単スライス Adobe Brackets の好きなところは、Extract for Brackets（Preview） という機能で、 PSDを開いてCSS抽出やスライス画像書き出しができる点です。 今回は、Extractの便利な使い方をご紹介します。 公式ヘルプ https://helpx.adobe.com/jp/creative-cloud/help/extract-for-brackets.html via http://qiita.com/assialiholic/items/d52c10605d821f597036 Extract for Brackets の使い方 起動方法 Adobe Bracket
フリーで使用できる HTML&PSDテンプレートまとめ「20 Fresh and Free HTML and PSD Templates plus GUI Packs December 2015」
フリーで使用できる HTML&PSDテンプレートまとめ「20 Fresh and Free HTML and PSD Templates plus GUI Packs December 2015」 テンプレートを使用することで、デザインのクオリティを一気に高めることができると共に、コスト面の削減、制作スピードのアップにもつながります。そんな中今回紹介するのは、フリーで使用できるHTML&PSDテンプレートまとめ「20 Fresh and Free HTML and PSD Templates plus GUI Packs December 2015」です。 Aisha-HTML5 Responsive Template | ShapeBootstrap 最新のデザイン性が活かされた、高いデザイン性のあるテンプレートがまとめられています。気になったものをピックアップしましたので下記よりご覧く
何コレすごい！Photoshopの勉強になる！調整レイヤーがどのように機能しているかがまるっと分かる -Live_Curves
Photoshop自体も便利ですごいソフトウェアですが、今回紹介する仕組みというかPSDを作った人もすごいです！ 一見「ふーん」と思いましたが、実際にやってみると「おおおおお！」と驚きました。 やり方は簡単なので、ぜひお試しください。 This PSD Reveals What Every Photoshop Adjustment Layer Does via Curves 「Live_Curves」はPhotoshopの調整レイヤーがあなたの写真にどのように機能しているかが分かる新しい方法で、特別なPSDファイルを使用することで、ドキュメントのカーブをリアルタイムに表示します。
背筋が凍る、Webデザインをpsdでやり取りする際の「超重要」なのに見過ごされがちな設定
寒くなってきたのに怪談タイトルでｻｰｾﾝ でも… カラー設定もお互い「WEB・インターネット用-日本」に合わせていたのに… デザインした時に見えていたもの（右）と、psdファイルを渡した先（左）でこう変わっていたとしたら… しかも無警告で変わっていたとしたら…？？？ どうだ怖いだろう…！ ？？何が起きた？？ まずこの現象の理由ですが、 「レイヤーで重なった塗りやテキスト」のフチの合成処理時に、レイヤー同士の重なり具合を変える設定があるのです。 こんなレイヤー構造にしていたとします。テキストのアンチエイリアスは鮮明。多角形には属性パネルでぼかしをかけました。 カラー設定プリセットを「WEB・インターネット用-日本」の完全なデフォルト値（というか期待している値）の状態にしていると、こう見えます。 CS6のカラー設定。Web・インターネット用 – 日本になってますね。 先方も同じカラー設定にして
最近のWebデザインで採用されているページレイアウトやUIの新常識がチェックできる素材のまとめ
最近のWebのUIはフラットデザイン・Material Designが着実に進化し、シンプルでコンテンツにフォーカスされたデザインが定着してきました。テキストは読みやすく、写真はより大きく使用されています。レイアウトは縦長型やカード型の人気が高く、デスクトップでもスマホでもスクロールを前提にしたデザインが主流となっています。 最近のWebデザインで採用されているページレイアウトやUIの新常識がチェックできる素材やプレビューを紹介します。 Boring Cards UI Kit PSD、個人・商用利用無料。 Bootstrap 4でも新しいコンポーネントとして注目されているカードを使用したUIキット。黄金比をベースにしたデザインはさまざまなサイズ・カラーで展開することができます。
見やすく綺麗なPSDをつくるためのポイントや覚えておきたい便利機能 10 - NxWorld
自分が普段からどちらかといえばデザインよりもコーディングなどの作業が多いので、中にはただのコーダー側の意見や愚痴っぽいのもあるかもしれませんが、Photoshopでデザインする際に見やすく綺麗なPSDにすることができると思うポイントや知っておくと便利だと思う機能をいくつかあげてみました。 最近だと特にレスポンシブが関連してIllustratorやSketchを使ってるという人も多いとは思いますが、デザイン制作時にPhotoshopを愛用しているという方は参考にしてみてください :) あくまで個人的に思ったことなので、バリバリのデザイナーさんとかで「もっとこうしたら良くなるよ！」とか「それはしない方が良いのに...」みたいな意見があればアドバイスやツッコミ大歓迎です。 ここで紹介している内容やキャプチャは「Adobe Photoshop CC 2017」を使用した想定のものになり、バージョン
信じられないくらいパワフルなWordPressテーマのMonstroidがリリース！ | バンクーバーのうぇぶ屋
ものすごいWordpressテーマが出たなーという事でこちらでもご紹介。北米圏で様々なテンプレート販売を行っている大御所と言えばTemplate Monsterが大御所かと思いますが、ここから（現時点では）究極と言って良いんじゃないかというレベルのWPテンプレート「Monstroid」が登場しました。 今までこのブログでは有料WPテーマの紹介等はしたことが無かったのですが、巷で結構ニュースになっていたのでこちらでも共有させて頂ければと思います。 とにかく、ありとあらゆる機能が実装 驚くべきはその機能面／選択肢の充実度です。145種類に渡るページテンプレート、120を超えるPSDファイル、50を超えるライセンス付きのイメージ画像。 バックアップは勿論、当たり前のようにレスポンシブデザインにも対応し、スキン変更も自由自在、E-Commerce機能にSEO対策済みで、Analytics実装、サー
Photoshop用無料のレイヤースタイル1000+で作業時間を大幅短縮 | co-jin
Photoshopでの作業を劇的に効率化してくれる無料のレイヤースタイルをご紹介します。 これさえあれば、スタイルボタン１つ押すだけで、手の込んだレイヤースタイルをオブジェクトやテキストに適用することが可能になります。 こんな便利なものを使わない手はありません。 今回はそんな便利なPhotoshop用レイヤースタイルのうち、無料で利用できるレイヤースタイルを1000以上集めてみました。 これらのPhotoshop用レイヤースタイルで作業時間を大幅に短縮していただければ幸いです。 ダウンロードしたレイヤースタイルをPhotoshopで利用する方法 具体的にPhotoshop用のレイヤースタイルをご紹介するために、ダウンロードしたレイヤースタイルをPhotoshopで利用する方法をご紹介します。 まだ、使ったことがないという方は参考にしてみてください。 aslファイルをApplications
商用利用可能なアイコンセットが無料で手に入るサイト「IconStore」 | ライフハッカー・ジャパン
「IconStore」は商用利用可能なアイコンセットが無料で手に入るサイトです。ブログやウェブサイトに使えるアイコンセットが無料でダウンロードできますよ。商用利用可能なので安心ですね。ただし再配布は許可が必要です。 以下に使ってみた様子を載せておきます。まずIconStoreへアクセスしましょう。アイコンセット一覧が表示されます。左側のメニューからカテゴリや人気順のソートを行うことができますよ。キーワードで検索もできるので便利ですね。 ダウンロードボタンから一括ダウンロードできます。ファイル形式はPSD、SVG、AI、Webfontなどアイコンセットごとに変わります。アイコンをお探しの方はぜひ一度覗いてみてはいかがでしょうか。きっとお気に入りのアイコンが見つかると思います。 IconStore （カメきち）
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
UIってPhotoshopでどう作るの？チュートリアルで解説
今年気になったハイクオリティなデザインUIキット − 2015 - NxWorld
新着記事
