指定したカラーをベースに、Webデザインやイラストで使えるカラーパレットや美しいグラデーションを生成できるテンプレート -Color Creator Templates
指定したカラーをベースに、そのカラーからバリエーションを調査し、Webデザインやイラストで使えるカラーパレットや美しいグラデーションを生成できるテンプレートを紹介します。 Color Creator Templates -GitHub Color Creator TemplatesはBSDライセンスで利用でき、3つのアプリ用にカラーテンプレートが用意されています。 Photoshop Sketch Affinity Designer Color Creator Templatesの使い方 Photoshop用のカラーテンプレートを例に使い方を紹介します。 Color Creator Templatesではテンプレートを使用して、カラーのバリエーションを調査し、カラーパレットを作成できます。通常のカラーツールでは見いだせない2, 3色のカスタムカラーのブレンドモードを使用することもできます。
複数の画像を自動的に配置して1枚の画像を作成できるPhotoshopエクステンション Tych Panel 2
※2017/04/02 ダウンロードページが削除されたため、リンクを削除しました。 Tych Panel 2は複数の画像を自動的に配置して1枚の画像を作成できるPhotoshopエクステンションです。 挿入方向と画像を選択するだけで、画像を自動的に配置してくれます。 こんな配置ができます いくつか作成例を紹介します。 ↓3行 x 3列の9分割。 ↓大きさがバラバラなレイアウトも作成できます。 ↓縦画像も配置できます。 インストール方法 ダウンロード サイトにアクセスして、「Download」ボタンからzipファイルをダウンロードして、解凍しておきます。 インストール Photoshopを管理者権限で起動します。Photoshopの起動アイコンを右クリックして「管理者として実行」を選択します。 Photoshopメニューの「ファイル」から「スクリプト」 > 「参照」を選びます。 ダウンロード
Arrange icons in phyllotaxis pattern with IconFlower Sketch App plugin
This weekend I made this little plugin. It arrange tons of icons in formations like the petal arrangement pattern in a sunflower. I love sunflowers 🌻 They call such patterns phyllotaxis pattern. Phyllotaxis describes spiral like patterns — it occurs repeatedly throughout nature. Arrangement of petals in sunflowers for instance. You can read more about Phyllotaxis in case you find it interesting.
Photoshopを使ってる人に今年一番の朗報！カラーのグループ化ができるようになる便利なスウォッチパネル -Swatchoos
Photoshopのデフォルトのスウォッチはカラーが選択できるシンプルなツールですが、すこし物足りないと感じませんか？ 例えば、カラーをグループ化したり、指定したカラーを混色したり、複数のカラーの明度を変更したり、形を丸にしてみたり、そんなことが全部できるSwatchoosを紹介します。 SwatchoosはPhotoshop CC2014.2以降、Win/Mac両対応です。
ZXPInstallerでエクステンションをAdobe CC 2015製品に簡単にインストール – lesson me
ZXPInstallerでエクステンションをAdobe CC 2015製品に簡単にインストール Adobe CC 2015以前はExtension Managerで拡張機能（エクステンション）を管理できていたのに、なぜcc2015からはExtension Managerがないんだろうと思っていた人も多いはず。 Extension Managerがなくてもコマンドライン使ったり、zxpファイルをApplication Supportディレクトリに手動でコピーしたりすれば使えるんですが、システムライブラリに追加するのって気を使うし、正確な置き場所調べるのも時間かかるしで、「めんどくさいなぁ〜」っていうのがみんなの本音なんじゃないでしょうか。 頻繁にやる作業じゃない分時間かかってる気がするし。 今日、photoshopでサムネ用にまとめて50枚ぐらいの画像を書き出すのにレイヤーを一気にリネームし
Photoshopを快適カスタマイズできるオススメ無料プラグイン6選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。デザイナーのハルエです。 普段Webデザインを制作する上でPhotoshopを使用している方は多いかと思いますが、いかに自分に合った環境にカスタマイズするかで作業効率は大きく変わってきます。 今回はいつものPhotoshopがさらに快適になる無料プラグインをご紹介させていただきます。 【こちらもおすすめ】 おすすめPhotoshopプラグイン WebINK http://www.webink.com/webfontplugin/ ※現在このサービスはご利用いただけません。 Google Web FontなどのWebフォントをPhotoshop上で表示、利用することができます。 最初の同期に少し時間がかかりますが、あとはデザインしながら手の届くところでWebフォントがさくさく選べてしまうので、非常に捗ります。 Photoshop CS5から対応しています。 flaticon ht
地味だけど便利！Photoshopでカラーの明度のバリエーションを簡単に展開できる機能拡張 -Lighten / Darken Color
Lighten / Darken Color カラーの明度を変更するのはもちろんPhotoshopのカラーピッカーで調整することはできますが、いちいち手作業でやるのは面倒くさいもの。そんな時は、この機能拡張を入れるとショートカットで簡単にできます。 明度を10%の増減で展開 Lighten / Darken Colorのインストール インストールは簡単です。 下記ページの中程の「Downloaded here」からファイルをダウンロードします。 Lighten / Darken Color 「[KAM] Color Lighten-Darken Scripts.zip」を解凍します。 解凍した「Color Darken.jsx」と「Color Lighten.jsx」を下記のフォルダ内に移動します。 ファイルの格納先：Photoshop/Presets/Scripts/ Photoshop
デザイナーの仕事を驚くほどラクにするPhotoshopアクション厳選18種【全て無料】 | Find Job ! Startup
画像加工や写真の修正、すべて手作業でやってませんか？ Photoshopのアクション機能で自動化すればアッという間に終わります。今回はデザイナーの仕事を驚くほどラクにするアクションを18種、厳選してまとめました。 目次 単純作業をラクにするアクション（×4種） モックアップ作成をラクにするアクション（×6種） 写真加工をラクにするアクション（×6種） 写真の枠をラクに付けるアクション（×2種） 単純作業をラクにするアクション １.Retina対応画像を生成する Retinize Itを使えば、iPhoneやiPadに対応したRetina画像を自動生成できます。リサイズ〜名前変更の手間を一気に短縮しましょう。 Retinize It ２.リフレクションする 水面に反射したような効果が得られるリフレクションエフェクトが簡単に作れるアクションです。たったのワンクリックでAppleプロダクトの
画像を使った視差アニメーションを簡単なjQueryのコードで実装するTips - かちびと.net
マウスの動きに応じて重ねた複数の画像 が動きその動きを使って視差効果を与える、 というjQueryプラグイン。ユニークでいいで すね。ソースも軽量です。こういうの実装され てるだけで、ちょっと味のあるデザインに なりますよね。 視差アニメーション用のjQueryプラグインは今までもいくつかありましたけど、今回使用されてるものは割と簡単なコードだったので勉強にもなると思いメモ。 PLAX マウスの動きに合わせて重ねられた画像がそれぞれ別の動きをするので結果的に視差効果が生じる、というもの。よくあるやつですね。Githubの404ページのアニメーションで使われてるスクリプトみたいです。 デモ (function($){ var layers = [], docWidth = $(window).width(), docHeight = $(window).height() $(window).
[JS]背景画像やスライドショーをブラウザいっぱいに表示するスクリプト -Vegas
写真画像をブラウザいっぱいに表示し、ウェブページにフル表示の背景画像やスライドショーを設置するjQueryのプラグインを紹介します。 ドットベースのオーバーレイ用の画像が数多く用意されているので、画像にスタイリッシュなエフェクトを加えることも簡単にできます。 デモページ サムネイルをクリックすると、写真画像が変更されます。 Vegasの実装 外部スクリプト 「jquery.js」と当スクリプトを外部ファイルとして指定します。 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="/vegas/jquery.vegas.js"></script> スタイルシート スタイルシートもあらかじめ用意されており、外部ファイルとして指定します。 <link rel="st
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Picnic for Sketch
AwwwardsやDribbble、Behanceなどの投稿をざっと見れるインスピレーション向上の為のChromeエクステンション・「Muzli」
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
3media.biz
Nyle Engineering Blog
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
selectボックスをiPhoneのOn/OffスイッチっぽくできるjQueryプラグイン「switchy」:phpspot開発日誌
Minimit Gallery Plugin