プロデザイナーも実践する、フォトショップの便利なショートカット36個まとめ
フォトショップでの作業に時間がかかってしまう、というひとは多いでしょう。作業をはじめると、同じ作業を延々と繰り返していることがあります。そんなときは便利なショートカットをつかうことで、何度もツールパネルをクリックすることなく、さまざまな機能を楽に、そしてスピーディーに実現することができます。 今回は、フォトショップの生産性がグンとアップする便利なショートカット機能36個をまとめてご紹介します。レイヤーの作成やサイズ変更といった、ビギナーさんがまず覚えておきたい基本ショートカットから、あまり知られていないプロ向け実践ショートカット（手がつりそう。）まで幅広く揃います。
Web新時代！心地よいアニメーションを実現する6つの基本テクニックまとめ
機能的なアニメーション（英: Functional Animation）とは、論理的ではっきりとした目的を持った、控えめなアニメーションを指します。読み込み時間を短く感じさせるだけでなく、ユーザーインターフェースに生命を吹き込みます。 インターフェースデザインを掛けあわせたり、分割したり、シェイプやサイズを変更することで、まるで人間のように、生きているような動きを実現できます。ナビメニューに応じてユーザーをスムーズに移動させたり、スクリーンに応じて要素が整理、変更されるのを伝えたり、デザイン要素の階層を補強するために、機能的なアニメーションを利用するように心がけましょう。 今回は、アニメーションをうまく利用する6つの基本原則、テクニックをまとめてご紹介します。 詳細は以下から。 01. レスポンシブなアニメーション UIデザインにおいてビジュアル・フィードバック（英: Visual Fee
Illustratorでのイマドキな画像書き出し方法【アセットの書き出し】
2016年12月7日 Illustrator 昔からIllustratorラブ！な私ですが、いつの間にやらWebデザインをする上での便利な機能が増えてきて、ますます嬉しい次第です。その中で今回は画像アセットを使った書き出し方法を紹介します。昔はスライスツールを使っていましたが、そんな面倒なことをしなくてもオブジェクトをドラッグ＆ドロップで簡単に書き出せちゃいますよ。 ↑私が10年以上利用している会計ソフト！ アセットの書き出しって何？ 2016年6月にアップデートされたIllustrator CCでは、従来のスライスとは違う、新感覚の画像書き出し方法である「アセットの書き出し」という機能が追加されました。オブジェクトをパネルにドラッグして追加すると、サイズや解像度、デバイスに合わせたフォーマットに書き出せます。Webやアプリ用のアイコンや、画面全体のデザインを行う上でも欠かせない、便利な機
森を描く事ができるブラシセット「130 PLANT BRUSHES」
デザインをする上で、森や植物といった要素を取り入れることは比較的よくある事で素材などもその分、充実していますが、多種多様な森林などを描く場合はそれなりの時間と労力がかかります。今日紹介するのはリアルな森を描く事ができるブラシセット「130 PLANT BRUSHES」です。 全部で130もの木々のオブジェクトがブラシ化されており、それらを組み合わせて利用することで比較的簡単に思い描いた森を描き出すことが可能です。 詳しくは以下 ブラシセットはABR形式でダウンロード可能で、photoshopをお持ちであればダウンロード後、ダブルクリックするだけですぐに利用できます。比較的大きめなブラシが収録されており、制作に困ることは無さそうです。 多種多様だけに色みや重なり方にちょっとコツがいりますが、使いこなせば上記のような表現を簡単に行うことができます。ナチュラル系や普段から自然をデザインに取り入れ
驚異的に仕事が速くなるPC単語登録、約200個を公開 - toricago
パソコンの操作スピードを上げるための工夫は色々とあるが、中でも取り入れる効果が大きいのが「単語登録」と呼ばれるものだ。単語登録とは、例えば「おつ」と打ち込み変換すると、「お疲れ様です」と表示させるように単語を登録する機能のことである。自分の名前や会社名を登録している人は多いのではないだろうか。 私は、タイピングには昔から自信があったので、単語登録の力を借りる必要はないと思っていた。それに、単語登録をしている人は、人差し指しか使わないようなスピードの遅い人ばかりだった。「単語登録はタイピングが遅い人向け」という先入観に妨げられ、私が単語登録に挑戦する日はなかなか訪れなかった。 ある日、『速さは全てを解決する』（著：赤羽雄二さん）という本を読んでいると、単語登録の重要性が説かれていた。ブラインドタッチもショートカットも使いこなす人が、仕事のスピードをさらに、極限まで上げるためのノウハウとして単
2016年にデザイナーが挑戦したい、10個の美しいフォントトレンドまとめ
2016年もすでに半分を過ぎたことで、フォントにおける今年のデザイントレンドが見えてきました。今回は、2016年に挑戦したいフォントのトレンド10個をまとめてご紹介します。 詳細は以下から。 01. 水彩ペイント・フォント まず真っ先にご紹介したいのが、2016年を代表する美しい水彩ペイントによる書体デザインです。Instagram など SNS への投稿から、Tシャツデザイン、結婚式の招待状などさまざまなところで活用されています。リラックスした（英: Laidback）、とても心地よい（英: Luscious）なスタイルが特長で、ほんの少しの色、または白黒で表現されています。 02. 大きな太字フォント かつではすべての書体、タイポグラフィーは小さく表示されていましたが、そんな時代はもう終わりです。最近では、フルスクリーンで表示されたイメージ写真と一緒に、力強い太字の書体を利用するのが一
Photoshop VIP ☞ 商用可、豊富すぎる711個のピクトグラムアイコンを無料公開している「Noun Project」
昨年の終わりごろに「商用可で色、サイズ変更も自由自在な無料ピクトグラムアイコン517個セット「Noun Project」」というエントリーをご紹介したのですが、ますます種類が増え711個となっていたのでご紹介。 使用ライセンスに関しても個人、商用利用可能となっているのはうれしいですね。 詳細は以下から。 豊富でクールなピクトグラムアイコン公開、The Noun Project The Noun Projectで公開されているアイコン素材は、2011年8月現在711個となっており、まだまだ増えていく模様です。 すべてのファイルはSVGファイルとなっており、Illustrator を使うことでサイズ、色などお好みで変更することが可能となります。 アイコンをクリックするとダウンロードリンクと詳細情報がポップアップで表示されます。 日本語にも対応しており、あらかじめカテゴリー分けされているのはうれ
Photoshopのワークスペースはどんな配置にしてる？Webデザイン向けの配置例をご紹介
Photoshopではウインドウの配置を自由に変更して好きなワークスペースを設定できます。 設定によって作業効率も大きく変わるため、他のデザイナーさんの設定が気になるところです。 今回は、Webデザイン向けのワークスペース設定の一例をご紹介します。 Webデザインにオススメのワークスペース 初期設定のPhotoshopでは、ワークスペースはこのようになっています。 今回ご紹介するワークスペースはこちらです。 Webデザインをするのであれば、このようなワークスペースがオススメです。 多少狭い印象ですが、本来デュアルモニター向きの量を執筆のためにノートで表示しているため、このような状態になっています。 ウィンドウ内に配置しているツールについては、以下のとおりです。 レイヤー、チャンネル、パス 基本どこでも必要になることがほとんどのウインドウです。 ヒストリー、アクション ヒストリーは作業を巻き
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Web DesigningやMdNや＋DESIGNINGなどもあるぞ！Web制作者やデザイナー向けKindle Unlimited読み放題の対象本のまとめ
