ダウンロードしておきたい、すごいPhotoshop 無料ブラシ素材33個まとめ 2018年6月度
不定期となりますが、デザイン制作に活用したい無料Photoshopブラシをまとめています。今回は2018年6月分のまとめです。 デザインをゼロから作るよりも、スタンプ感覚で利用できるPhotoshopブラシ素材を利用することで、制作時間の大幅な短縮にもつながります。またデザインに重ねることで、テクスチャの質感を反映できるなど、テクニック向上を目指したアイテムが揃っています。ご紹介しているアイテムの一部は、IllustratorやiPad専用デザインアプリ Procreate に対応した無料素材も一緒にまとめています。 デザイナーが愛用したい！すごいPhotoshopブラシ素材45個まとめ 2018年3月度 【総まとめ】2017年公開！デザイナーが持っておきたいPhotoshop無料ブラシ厳選64個 ダウンロードしておきたい、すごいPhotoshop無料ブラシ素材まとめ Aurora Wat
Photoshopで編集ラクラク！Webサイト用の美しい無料PSDテンプレート45個まとめ
「ウェブサイトを作成したい、でも時間もスキルもない。」そんなときに役立てたいのが、あらかじめデザインされたテンプレート素材です。時間の節約になるだけでなく、デザインのベースとして使うことで手軽にカスタマイズできます。 今回は、無料ダウンロードできるPhotoshop最新ウェブテンプレート素材をまとめてご紹介します。テンプレート素材はどれもレイヤーごとにきちんと整理され、必要に応じて手軽にカスタマイズできるように設計、デザインされています。今後のデザインプロジェクトにいかがでしょう。 ウェブサイト作成に困ったら使いたい！Photoshop無料テンプレート素材まとめ 2017年版 作業ペースが上がる！ブックマークしておきたい無料UIデザイン素材40個まとめ Photoshopで使える！美しい Web サイト用の無料テンプレート素材まとめ Edd – Landing Page Sketch Fr
ウェブサイト作成に困ったら使いたい！Photoshop無料テンプレート素材まとめ 2017年版
ウェブデザインを作成したいけど、デザインアイデアが浮かばない。そんな悩みを抱えたデザイナーは少なくはありません。世界中で公開された、ウェブサイト用テンプレート素材を利用すれば、デザイン制作時間を短縮し、より手軽にクリエイティブな作品を完成させることができます。 今回は、無料ダウンロードできるウェブサイト用PSDテンプレート素材をまとめてご紹介します。 ウェブデザイントレンドをうまく取り入れた作品が中心で、シンプルでミニマルな素材から、カード型レイアウトやマテリアルデザイン、画面を二分割したレイアウトやグラデーション、フラットスタイルなどどれも人気の高い素材ばかりが揃います。 完全無料で美しい！参考にしたいUIキット50個まとめ 2017年保存版 より手早くウェブサイトを作成したいときは、無料のHTMLテンプレートの利用も検討してみましょう。 レスポンシブ対応で無料！ウェブ制作を高速化できる
やってみたかった表現をマスター！基礎力をつけるPhotoshopチュートリアル30個まとめ
「文字をキラキラさせて目立たせたい。」「天気が悪くて光の足りない写真をどうにかして欲しい。」「画像をスケッチ風に仕上げたい。」 ウェブサイトだけでなく日常何気なく目にする雑誌や広告など、「このデザインはどうやって作るんだろう。」とふと思うことはないでしょうか。あらゆるデザインの現場で利用されている Photoshop なら、そんなクリエイティブなアイデアを実現することができます。 今回は、Photoshopの基礎を覚えながら、新しいデザインテクニックを学ぶことができる Photoshopの新作チュートリアルをまとめてご紹介します。覚えておくことできっと役に立つ、、初心者にもオススメしたい実践的な作り方を中心に揃えています。 2016年総まとめ！デザイナーが確認しておきたいPhotoshopチュートリアル厳選55個 詳細は以下から。 やってみたかった表現をマスター！基礎力をつけるPhotos
Photoshop用無料のレイヤースタイル1000+で作業時間を大幅短縮 | co-jin
Photoshopでの作業を劇的に効率化してくれる無料のレイヤースタイルをご紹介します。 これさえあれば、スタイルボタン１つ押すだけで、手の込んだレイヤースタイルをオブジェクトやテキストに適用することが可能になります。 こんな便利なものを使わない手はありません。 今回はそんな便利なPhotoshop用レイヤースタイルのうち、無料で利用できるレイヤースタイルを1000以上集めてみました。 これらのPhotoshop用レイヤースタイルで作業時間を大幅に短縮していただければ幸いです。 ダウンロードしたレイヤースタイルをPhotoshopで利用する方法 具体的にPhotoshop用のレイヤースタイルをご紹介するために、ダウンロードしたレイヤースタイルをPhotoshopで利用する方法をご紹介します。 まだ、使ったことがないという方は参考にしてみてください。 aslファイルをApplications
これさえ身につけてしまえば、ほぼ思い通りの作品が作れるようになるPhotoshopの切り取りテクニック。
Photoshopにはさまざまな切り取り方法があり、画像の質や状況に応じて使い分けることで思い通りの作品が作れるようになります。 しかし、すべての技術を身に付けてから作品を作ろうとすると時間もかかるので、作品の完成イメージから逆算して、その都度どんな技術が必要なのかを考えながら身に付けるようにすると、より早いスキルアップに繋がります。 ここでは、輪郭が複雑な画像でもほぼ完璧に切り抜くためのPhotoshopテクニックを解説します。 ※コンテストで賞を頂いた際も、ここで紹介している切り取り方法を活用しているので参考にしてみてください ⇒ デザインコンテスト第3弾 Surf in the Cityで受賞を頂いた想いと作品の解説。 FreeRide SNOW BOARD 今回は、元の右画像から空中に飛んでいるスノーボーダーを切り取って、左画像のように雪山の背景に合成させたいと思います。 このよう
PSDデザインカンプのスライス不要！DreamweaverでのHTML/CSSコーディングを爆速化する方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーの佐藤タカアキ（@sato_tkaaki）です。 僕の主な業務は、Webや紙などのさまざまなものをデザインしていくことなのですが、最近は今まで以上にマルチな動きを求められるようになりました。 何事もそうですが、自分自身が次のステップにいくためには、今までと同じ時間の使い方をしていたらいけません。 つまりは「効率化」することが必須になるわけです。 そこで今回は、アドビさんにお聞きした「WebデザイナーがDreamweaverのExtract機能を使って、PSDファイルから効率よくデザインする方法」をご紹介させていただきます。 そもそもExtract機能とは？ Dreamweaverは聞いたことあるけど、Extract機能ってなんぞ？！と、Extract機能を初めて聞いた方は首を傾げることでしょう。 以下に公式サイトの文言を引用させていただきます。 コンテキストに応じたコ
HTML・PSD形式のフリーテンプレート集「20 Free HTML and PSD Templates」
TOP > Design > HTML・PSD形式のフリーテンプレート集「20 Free HTML and PSD Templates」 フリーで配布されているテンプレートを使用することで、制作コストのカットやデザインクオリティのアップなど、さまざまな利点を得ることができます。そんな中今回紹介するのは、HTML・PSD形式のフリーテンプレート集「20 Free HTML and PSD Templates」です。 Dribbble – FREEBIE PSD: Flat UI Kit by Nik Pletikos いろいろなタイプのテンプレートがまとめられており、いろいろなシーンで活用することができそうです。 詳しくは以下 Clino UI Kit PSD – Inspirational Pixels いろいろな種類の素材が揃ったUIキット。ベーシックなデザインなどで、多彩なテイ
Webデザインのレイアウトや配色の参考になるPhotoshop用の無料素材のまとめ
Webデザインのセンスをアップさせるには、一つひとつのUIを観察し、考えてからPhotoshopを起動し、作業をすること。最近のトレンドをうまく取り入れたレイアウトや配色・タイポグラフィの参考になるPSDがダウンロードできるUI素材を紹介します。 縦長ページ用のさまざまなコンポーネント、斜めやサークルや幾何学を使ったもの、Material Design、ミニマルなど、参考になるものばかりです。 EventRay UI Kit (PSD) イベントやアクティビティの情報を管理するさまざまなGUIエレメントが揃ったUIキット。情報の取得や通知をはじめ、コメントやフィードバックやシェア、管理や販売などユーザーのインタラクションを容易にするようデザインされています。 Awesome UI Kit for Free (PSD, Sketch, Axure, Omnigraffle) ヘッダ、フッタ、
さまざまなUIをPhotoshopで作り出せるチュートリアル集「36 Photoshop Tutorials For iPhone App UI Design」
TOP > Photoshop > さまざまなUIをPhotoshopで作り出せるチュートリアル集「36 Photoshop Tutorials For iPhone App UI Design」 デザインのベースとなるUI。パーツとしてはさまざまなタイプが存在しており、すべてを1から作り上げるのはとても大変なもの。今回はそんな時に参考にしたい、さまざまなUIをPhotoshopで作り出せるチュートリアル集「36 Photoshop Tutorials For iPhone App UI Design」を紹介したいと思います。 Create a Mobile Shopping App Design in Photoshop – Tuts+ Design & Illustration Tutorial いろんな種類のUIデザインが紹介されており、作り方を参考にしながらハイクオリティな
使わなくなって一人前？ Photoshop／illustratorショートカットキー用のキーボードステッカー | ライフハッカー・ジャパン
roomieから転載：もう、頭こんがらがらない。Photoshopやillustratorのショートカットキー・ステッカーです。 こちらがPhotoshop用ステッカー。 そしてこちらが、Illstrator用ですね。 働く人には、考えること、覚えておくこと、山のようにあります。できる人の秘訣は「覚える必要ないことを忘れること」とも。ショートカットキーなんて、時間をかけて覚えたり、こんがらがって確認しなおす時間がもったいない。このステッカーに思いっきり頼ってしまいましょう。視覚的に覚えていくことで、指が覚えるのも速そうです。 「Photoshopとillustrator。両方使っているよ」という方もご心配なく。 配置が左右で分かれていて、アイコン以外の部分はクリアのステッカーなので、元々のキーボードも、お互いのアイコンも邪魔しません。デザイン的にもMacクオリティをキープできるシンプルさで
UIデザインの腕が上がるPhotoshopのチュートリアルのまとめ
UIデザイン用の最適なPhotoshopの環境設定方法から、ブラーやサークルを使ったエレメント、フラットや縦長やレトロスタイルのレイアウト、ページのアクセントになるエレメントの作り方、ディテールの作り込み方など、ユーザインターフェイスをPhotoshopで作成する際に勉強になるチュートリアルを紹介します。
PhotoshopでのUIデザインが楽になる！レイヤーの作業を便利にする無料の機能拡張 -LayerCraft
PhotoshopでWebページやアプリのUIデザインをしている時に役立つ、レイヤー作業が便利になる無料の機能拡張を紹介します。 各ページのデザインを作るためにヘッダとフッタだけがあるPSDにしたい、ナビゲーションやボタンなどパーツのみのPSDが欲しい、スマホ用の画像を書き出したい、などいろいろです。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Webデザイナーが知っておきたいPhotoshopのPSDファイル、レイヤー、エフェクト、フォントやテキスト、素材の効率的な管理方法
便利すぎ！Bootstrapベースのデザインカンプ作成がびっくりするほど簡単にできてしまうPhotoshopの機能拡張 -Bootcomp
新着記事
新着記事
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
