【2018年春】今チェックしておきたいデザインツール12選
JakeはUIデザインやWeb開発の記事を執筆するライターです。彼の仕事はあらゆるWebや彼自身のポートフォリオで見つけることができます。ツイッター@jakerocheleauから最新のアップデートをフォローできます。 デザイン業界の流れは速く、絶えず新しいツールが誕生しています。そのため、デザイナーとして最先端を走り続けるには、世の中の動向につねに注意する必要があります。 そこで今回は2018年現在、チェックしておきたいデザインツールを厳選してまとめました。これらのツールにはデスクトップのプログラムもありますし、SaaSのアプリやブラウザツールもあります。 いずれにせよ、このリストにはみなさんがチェックしたいと思うものが必ずあるはずです。詰まるところ、素晴らしいデジタルコンテンツを作ることにおいて、あなたのデザインスキルはさまざまな手段の一部に過ぎないのです。 Adobe XD Adob
CCライブラリでチームでのデザイン作業を効率化
最近のAdobeCCアップデートで実装された、Creative Cloud Libraries通称CCライブラリを使ってみるとすごーく便利だったので紹介します。 AdobeCC始まったな！って感じです。 ちなみにこの記事は、WACULアドベントカレンダーの10日目になります。 プログラミングな記事が大半ですがチェックしてみてください。 WACUL Advent Calendar 2015 CCライブラリはデザイン要素をクラウドで共有して利用できる CCライブラリを使うと、アイコンや写真などのデザイン素材や、文字スタイルやカラーなどの情報を、クラウドで管理してアプリケーションやドキュメントの垣根を超えて利用することができます。 さらに便利な点としてCCライブラリは他のAdobeCCユーザーと共有して利用することもできます。AdobeCCをメインで使っているチームであれば使わない理由は無いかと
【解決編】Retina対応のPhotoshopとかで画像が1/2サイズで表示されて困ってたらこうした方がいいよってみんなに教えてもらった話 - akuyan to
みんなのやさしさで目から汁があふれて画面が見えない…。 今朝方、ここ半年ぐらいずっと困ってたことを改めてブログにして吐き出したのがこちら。 それが世間の皆様の心あたたかいご助言により、めでたく解決したので感謝と感謝と感謝の意をこめて、他の困ってる方々にもお伝えするべく、教えてもらった内容以下にすべてまとめます。 第1希望の「AdobeだけRetina切る方法」 困ってますエントリーの希望としてあげさせてもらった第1希望「AdobeだけRetina切る方法」を、そのものズバリ教えてくださったのはこちらの方。 高橋としゆき（@gautt） Finderの［情報を見る］で［低解像度で開く］にチェックを入れておけばいいのでは https://twitter.com/gautt/statuses/449434490176143360 はてなダイアリーだとツイート埋め込めないんだね… 高橋としゆき (
愛媛県松山市のホームページ制作会社・Web制作会社｜株式会社ナナサン
ナナサンは、愛媛県から 宇宙一を目指すホームページ制作会社です。 The best in the Universe. 弊社にとってデザインとは「誰かと誰かのコミュニケーションの手段」であると考えます。 例えばお固いイメージのある企業が顧客に自社のユニークな部分を長々と文章で綴るより面白いキャラクターをウェブサイトやチラシに登場させた方が伝わりやすい。 例えば自然素材にこだわったレストランのウェブサイトを作るなら、きれいでクールなデザインよりも手触りがあって暖かみのあるデザインの方が健康に良さそう。 クライアントにとって、どうすれば顧客に正しく魅力的な情報を伝えられるのか、 そのために最も有効なウェブサイト企画やデザインはどんなものなのか、あらゆる方向から検討し、実現していきます。 「MADE FOR COMMUNICATION〜伝えるためのモノづくり〜」 あなたの伝えたいことを形にしていき
the-orange-box.com | Made with attention to detail
The FX Box is required to use our latest effects and tools in Photoshop CC-2014 and newer. Load and remove new FX Tools easily – without the need to restart Photoshop! manage your favourite FX Tools free for Photoshop CC-2014 and newer easy installation and easy to use The free FX Box Plugin for Photoshop CC-2014 and newer is suitable for Mac and PC. There are already several free FX Tools availab
[adobe]Photoshop お気に入り拡張機能やプラグイン・アクション - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
![[adobe]Photoshop お気に入り拡張機能やプラグイン・アクション - NAVER まとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/aaf4a90490de8d6a79e37f690a4f17f0a88d7b03/height=288;version=1;width=512/https%3A%2F%2Fstatic.line-scdn.net%2Fmatome%2Fedge%2Fimg%2Fcommon%2Fog%2Fogimage_20120614.png)
配色が面白くなる！無料でイケてる「Adobe color CC」の使い方
どうも、Adobeのに会員になっており毎月の課金でカツカツしているカツザワです。 有料のCreative Cloud メンバーシップに加入していますが、いまいちフル活用しきれていないなぁと思っていたところ、無料で使うことができるとてもイケてるサービスに出会ったので紹介しちゃいますよ。 Adobe Color CCとは Adobe Color CC ひとことで言ってしまうと配色パターン作成サービスです。 Webブラウザ上で写真画像を取り込むと色の抽出できます。また、抽出した配色パターン（以下テーマと呼びます）を保存し、一般公開もできる仕様になっています。 さらにiPhoneアプリも公開されていて、iPhoneアプリから取り込んだ配色パターンをWebブラウザ上でも共有できるようになります。 以前は「Adobe Kuler」というサービス名で公開されていましたが、名称が変わりちょっと使い易くなっ
Photoshop CC（14.1.2）の「属性」パネルでシェイプのサイズや位置を変更する方法
Photoshop CC では、長方形などのシェイプを作成した際に「属性」パネルでシェイプのサイズや位置を変更することができるようになりました。 これでWebデザインカンプ制作がやりやすくなる！と思ったのですが… Photoshop CC を 14.1.1 以降にアップデートすると、移動ツールでシェイプを選択しても「属性」パネルでサイズや位置を変更できなくなりました。 今の今まで、てっきりこの挙動はバグだと思っていたのですが、社会人のためのWebデザインスクール の受講生の方が Adobe に電話で問い合わせたところ後日回答をいただき、「そのように仕様が変更された」のだそうです。 そして、「属性パネルによるサイズや角丸の変更は [パス選択ツール/パスコンポーネント選択ツール] から利用できます」とのことだそうです。 つまり、Aキーを押すか、ツールから [パス選択ツール（白矢印）] か [パ
コップのフチ子「崖っぷちコンテスト」｜Adobe美術大学
Twitter、Facebookに投稿した 作品URLを応募フォームに入力！ どんな作品が応募されるのかしら〜、 たくさんの作品はやく見たいな〜！ ※制作時と応募時で形式が異なります。制作時の元ファイルは必要なので、フチ講習を必ずご覧ください。 ※応募期間中に上記のハッシュタグとURLを投稿内容に記載している方のみが対象となります。 ※facebookの場合、投稿の共有範囲とシェアした投稿の共有範囲が公開になっている方のみ対象となりますのでご了承ください。 課題概要 あなたによってデザインされた「コップのフチ子」の広告グラフィックを募集します。 提供されるフチ子素材を、Photoshop CCで自由にアレンジして、「ギリギリのフチ子」を テーマにした「コップのフチ子」をプロモーションするグラフィック作品をつくってください。 応募期間 2014年9月11日（木）～10月22日（水） 講評発
Adobe MAX 2014で発表されたアドビの新技術が凄すぎて来場者が狂喜乱舞な件
Adobe MAX 2014の目玉イベントの一つ「Sneak Peak」で発表された13個の未来の技術をまとめました。 「Adobe Magic」と呼ぶにふさわしい、クリエーターにとってワクワクするような研究・開発の発表です。
Photoshopのpsdファイルに含まれるフォント名を一覧表示するスクリプト – とろテク
○概要 Photoshop CS以降で現在開いているファイルに含まれるフォント名を一覧表示するスクリプトです。 端末にインストールされていないフォントでも名前を表示できます。 ○ダウンロード fontname.zipをダウンロード ○使い方 ・上記のファイルをダウンロードし、内部のjsxファイルを取り出します。 ・取り出したファイルをPhotoshopのスクリプトフォルダ（例：C:\Program Files\Adobe\Adobe Photoshop CS2\プリセット\スクリプト）にコピーします。 ・Photoshopを起動し、調べたいpsdファイルを開きます。 ・メニューより、スクリプトを実行します。 ○補足 日本語表記のフォント名を知りたいときには、こちらのサイトが参考になります。
ウェブデザインの主役！ Photoshopと親密にお付き合いする方法 -CSS Nite LP34 セミナーレポート- | Web屋のーりー
Warning: Use of undefined constant user_level - assumed 'user_level' (this will throw an Error in a future version of PHP) in /home/nori44/nori44.jp/public_html/blog/wp-content/plugins/ultimate-google-analytics/ultimate_ga.php on line 524 CSS Nite というセミナーイベントを皆さんは御存知ですか？ ウェブデザイン界隈の「速く、美しく、上手い」猛者たちが集い、その知識がいかんなく共有されるセミナーイベント、それがCSS Niteです。CSS Niteという名前ですが、CSSだけじゃなく、ウェブデザインにまつわるネタならなんでもテーマとして取り上げていて
透明を使った美しいグラデーションを描くことができるPhotoshop用のグラデーション素材
美しいグラデーションを描くポイントは、濃淡のシマシマがでてしまうバウンディング。透明を使った美しいグラデーションを描くPhotoshop用のグラデーション素材を紹介します。 Exponential Gradient バウンディングの解決方法としてはCS6以降だとグラデーションの設定で「ディザ」にチェックをいれたり、あとはCS5以前だと「ぼかし」をいれる方法があります。 「ぼかし」を使う方法は、下記の記事を参考にしてください。 グラデーションをより滑らかにするPhotoshopのチュートリアル しかし、これらの方法は透明ではないグラデーションでしか機能しません。黒から白、描画色から背景色など。 ここで紹介するグラデーションを使用すると、透明を使った美しいグラデーションを描くことができます。 Photoshopで用意されているグラデーションは通常、両端に不透明度の分岐点が用意されているだけです
「Photoshop CC」が月額1000円で利用できる新プランが登場、「Lightroom 5」も利用可能に
Photoshop WorldにてAdobeが新プランとして、「Photoshop CC」と「Lightroom 5」が月額1000円で利用できる既存ユーザー向け新プランを発表しました。 PhotoshopとLightroomユーザー向けに月額1,000円の新たな提供方法を発表 Introducing the Photoshop Photography Program | Creative Layer http://blogs.adobe.com/creativelayer/introducing-the-photoshop-photography-program/ この新プランはPhotoshop CS3以降を所有しているユーザー向けのものとなっており、以下のような組み合わせとなっています。 ・Photoshop CC ・Lightroom 5 ・20GBのオンラインストレージ ・Beh
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
フォトショップ用語 英語-日本語対応表
Removing Objects with Content-Aware Fill and Patch in Photoshop CC - Planet Photoshop
デジタルフォト & デザインセミナー 2015 | アドビ システムズ 株式会社
HTML／CSSコーディング時間を激減させる「Creative Cloud Extract」と、その真価を引きだすための10のポイント
The Blog | Welcome to Adobe Blog
Learn | Adobe Creative Cloud