魔法！Webレイアウトを数回のクリックで『Velositey』#Photoshop
さっさと仕事を終えて帰宅に向かいたいWebデザイナーさんへ朗報ですよ！ Photoshopと合わせて使える便利機能を見つけたので紹介します。 Velositeyは、Webレイアウトを数回のクリックで完成できるPhotoshop用のプラグインです。例えば、以下のようなレイアウト。Photoshopを起動してから、わずか4回のクリックで完成です。 ワイヤーフレームにも使えますし、ここからさらに作り込んでWebデザインとして完成させることも可能ですね。 それでは実際に上のレイアウト作成にかかった『4クリック』を振り返ってみます。 著者情報：この記事を書いた人 ウェブさえ web業界14年目。フリーランスwebデザイナーとして活動後、法人化。今でも年間100件以上のウェブサイトの企画・制作に関わっています。 ウェブさえにできること【お仕事のご相談＞サービスメニュー】 Follow @websae2
スクリーントーンをブラシで手軽に表現できる「44 Pixel Screentone Brushes」
ブラシには非常にさまざまな種類があり、簡単に複雑な描写を描き出せるということもあり、頻繁に利用しているという方も多いのではないでしょうか？そんな中今回紹介するのは、スクリーントーンをブラシで手軽に表現できる「44 Pixel Screentone Brushes」です。 網目状のスクリーントーン描写を、ブラシで手軽に作り出すことができるセットです。 詳しくは以下 定番として利用できるシンプルな網目対応から、斜めの格子状、レース風、花柄風といった、いろいろな種類のスクリーントーンブラシが全部で44種セットになってまとめられています。そのまま利用するのはもちろんのこと、重ねて使ったり、他のテクスチャなどと組み合わせることで、オリジナル性のある描写も可能になりそうです。 モノトーンなので、利用できる範囲も非常に広いのではないでしょうか？取り入れておけば、多彩なシーンで活躍してくれるブラシになるか
細かすぎて伝わらないアンチエイリアスの話
はじめまして、デザイナーの越後です。 webフォント全盛の昨今ですが、まだまだ文字を画像化する機会も多く 画像で文字を扱うにしても、くっきりはっきり、意図した形でデザインがしたいものです。 そこで今回は「細かすぎて伝わらないアンチエイリアス」と題して、 少しマニアックなphotoshopでのフォント調整についてお話したいと思います。 おさらい：photoshopのアンチエイリアスについては、基本的には５種類 Photoshop上で文字を扱う際には、指定出来るアンチエイリアスは、 なし / シャープ / 鮮明 / 強く / 滑らかに の５種類です。 「なし」に関してはアンチエイリアスがかかっていないので、 文字のままのドットで表示されますが、 他の４つに関しては シャープ：文字が太い / くっきり 鮮明：文字が細い / くっきり 強く：文字が太い / なめらか 滑らかに：文字が細い / なめ
Photoshop CC新機能 "リンクされたスマートオブジェクト" で震えた。これはUIデザインが捗る！ | Goodpatch Blog
はじめまして。最近SNSでTシャツを晒される機会が増えたなと感じるUIデザイナーのみっつーです。よろしくお願いします！ 先日Photoshop CCのアップデートがあり色々機能が追加されましたが、その中でも気になる新機能がありましたので、そのことに関してMEMOPATCHで初めて記事を書きたいと思います！ 早速ですが、最近Sketchでデザインすることが増えてきました。 というのも、徐々にpluginが増えてきて Sketch Symbol Plugin 等を使用しpage間でオブジェクトの変更、差し替えが簡単になり、作業がかなり捗るようになってきたからです。（みんなもSketch使ってみたらいいと思う。） 「もうこれからはPhotoshopを使うこと少なくなるのかもな、さよならかな…」と思った矢先に、今回Photoshopのアップデートの一報がきたわけです。今回のアップデートで追加された
画像のノイズを減少させる方法 （Photoshop CC）
この文書では、Adobe Photoshop で「ノイズを軽減」フィルターを使用して、画像のノイズを減少させる方法について説明します。 ノイズを軽減ダイアログボックスで設定を行います。 強さ ： 低減する輝度ノイズの量をスライダで調整します。この設定はすべての画像チャンネルに適用されます。 ディテールを保持 ： 髪の毛やテクスチャなどのディテールとエッジをどの程度保持するかを調整します。値が大きいほどディテールは保持されますが、ノイズの低減量は少なくなります。 カラーノイズを軽減 ： 不規則なカラーピクセルを削除します。値が大きいほど、カラーノイズは低減されます。 ディテールをシャープに ： ノイズを低減させることによって画像のシャープさは失われる傾向があります。このコントロールの値を調整し、画像をシャープにします。 JPEG の斑点を削除 ： JPEG の画質設定が低い場合に生じる斑点や
The ustwo™ Pixel Perfect Precision Handbook 2 日本語版
『Pixel Perfect Precision™ Handbook 2』（以下PPP™）は、ウェブサイトなどのデジタル環境用のデザインをする上での基本原則と、実践ですぐに使える具体的なPhotoshopのテクニックが収録されているドキュメントです。その名の通り、パーフェクトな精度のピクセルでデザインをするためのノウハウが、わかりやすいビジュアルと簡潔な文章でまとまっています。 元々PPP™は、グローバルに拠点を置くデジタルデザインスタジオustwo™ のGyppsy氏が制作したドキュメントです。iBooks版とPDF版のPPP™ドキュメントに加え、スクリプトやPhotoshopパターン集を付録の「エクストラ」として、ustwo™ ウェブサイトにて無償で配布しています。 PPP™は、デジタルデザインを学びたい人に、デザインの基礎知識と概念的な全体像を提供できるドキュメントであると同時に、既
Photoshop スライス機能の基礎 | 簡単にわかるPhotoshop（フォトショップ）の使い方
スライスとは？ Webサイトを制作する時の必須作業とも言える「スライス作業」。 Webデザイナーさんがページ全体のデザインをして、次にコーディングをする人がボタンやアイコンといったパーツを切り出していく、そのときに使うのが「スライス」機能です。 FireworksやIllustratorにもスライス機能がついていますが、ここではPhotoshopのスライス機能の使い方をまとめてみます。
Photoshopでの作業のパフォーマンスを向上させる最適な環境設定のまとめ
Photoshopでの作業がもたついたり、もっときびきび動作させたい、という時に、ちょっと見直しておきたいPhotoshopの設定項目を紹介します。 各設定は、ウェブページのレイアウトやUIの作成を想定したもので、必要に応じて調整してご利用ください。 CC2015にも対応した環境設定は、下記ページをご覧ください。 Photoshopの作業パフォーマンスを向上させる最適な環境設定のまとめ -CC2015対応 How To Optimize Photoshop For Better Performance 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。海外のブロガーから他ブログでの無断翻訳・転載の声を聞くのでご注意ください。 ヒストリーとキャッシュ グラフィックプロセッサー 仮想記憶ディスク メモリの使用状況 64ビットモード レイヤーパ
Easy Ways to Reduce Noise in Your Images
2013年3月25日 Photoshop 暗い場所や室内で取った写真はノイズが入りやすいですよね。画像を補正する際、意外とやっかいだったりします。Photoshopには「ノイズを軽減」機能もありますが、なんだかあまり変化がなかったり…。そんなノイズを簡単に軽減する方法をいくつか紹介します。ビフォー・アフターの差にびっくりしちゃうと思いますよ！ ↑私が10年以上利用している会計ソフト！ Neat Image Neat Imageは画像のノイズ除去を自動で行なってくれるソフトです。Windows、Mac、Linuxで利用でき、Photoshop用のプラグインも使うことができます。無料版と有料版があり、無料版では大きなサイズと商用利用は不可です。今回は無料版を試してみました！
「ロングシャドウ」エフェクトをPhotoshopの3D機能で簡単に作る方法 | 株式会社LIG
フラットデザインとロングシャドウが定着しつつある今日このごろ。いつ廃れるかは誰にも分からないが、いわゆる「ロングシャドウ」ってやつは割りと綺麗だなと個人的に思ってます。作り方はCSSならtext-shadowを利用したジェネレーター、Photoshopならスマートオブジェクトを使ったテンプレートやアクションなどがあります。今回は一味違うやり方で、Photoshopの3D機能を使っての作り方をご紹介します。 なぜ3Dで作ったほうが便利かというと、それは、このように、入射光を調整することが簡単に行えるからです。 あと、光の減衰で陰がだんだんとぼやけていくというちょっとリアルな表現もPhotoshopで簡単にできちゃいます。 ※制作環境はPhotoshop CS6以上が必要です。 ロングシャドウをPhotoshopの3D機能で作る方法 3Dオブジェクトに変換 レイヤーに右クリックして、テキストレ
ScaleOut | Supership
2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。本件に関する詳細は、プレスリリースをご確認ください。 2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。 本件に関する詳細は、プレスリリースをご確認ください。
透明を使った美しいグラデーションを描くことができるPhotoshop用のグラデーション素材
美しいグラデーションを描くポイントは、濃淡のシマシマがでてしまうバウンディング。透明を使った美しいグラデーションを描くPhotoshop用のグラデーション素材を紹介します。 Exponential Gradient バウンディングの解決方法としてはCS6以降だとグラデーションの設定で「ディザ」にチェックをいれたり、あとはCS5以前だと「ぼかし」をいれる方法があります。 「ぼかし」を使う方法は、下記の記事を参考にしてください。 グラデーションをより滑らかにするPhotoshopのチュートリアル しかし、これらの方法は透明ではないグラデーションでしか機能しません。黒から白、描画色から背景色など。 ここで紹介するグラデーションを使用すると、透明を使った美しいグラデーションを描くことができます。 Photoshopで用意されているグラデーションは通常、両端に不透明度の分岐点が用意されているだけです
Photoshop CC 14.1 に画像パーツ書き出し機能がやってきた - colopixie
画像アセットにチェック ファイルから、生成＞画像アセットにチェックを入れます。 ファイルを保存 ファイルを保存すると、保存フォルダーに、[filename]-assetsというフォルダーができ、その中に上で指定した形式で保存されています。 Windowsでもきちんと書きだされます！ Windows8/PhotoshopCC14.1 上のPSDファイルを書き出すと、 JPGで品質7のbackground.jpgとGIFのbackground.gif PNGで400%にスケーリングした、logo.pngとJPGで品質40%で250×250にリサイズされたlogo.jpg PNGで200%にスケーリングされた[email protected]とPNGのbutton.png PNGのbutton2.png が書き出されるはずです。 まとめ Slicyでは、名前指定をしたレイヤーに基いてサイズ指定が
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://dandkagency.com/velositey/
tutorial | CINEMAGRAPH.JP(シネマグラフ.jp)
sekailog.com
The Blog | Welcome to Adobe Blog
Medical sozai｜photoshop｜ブラシ
Learn | Adobe Creative Cloud
Border
