Web制作にAdobe系のソフト、Adobe XDとPhotoshopとIllustrator、そして、Creative Cloudを活用している人は多いと思います。ブラウザやスマホなどの閲覧環境が多様化する中、デザインツールや制作のワークフローも大きく進化しています。 今すぐに試したくなるテクニックが満載で、最近のWeb制作のワークフローを効率的にする解説書を紹介します。 本書は現役で活躍しているWeb制作者がAdobe系アプリを現場でどのように使用しているか、Web制作のワークフローを詳しく解説した一冊です。 初心者の人はもちろんのこと、今まで変わらず同じ使い方をしてきたベテランの人にも「こんなやり方があったとは！！」となり、きっと目から鱗だと思います。

Adobe XDがデザインやプロトタイプのツールとして広まっていますが、Photoshopなど他のデザインツールとの使い分けや連携に悩んでいるウェブデザイナーの方も多いのではないでしょうか？　この記事では、デザインフェーズにおいてXDとPhotoshopを併用してデザインする方法を紹介します。 Photoshop単体で最後までデザインすることもできますが、XDと連携することによって以下のような恩恵を受けられるようになります。 XDの機能「リピートグリッド」で作業効率をアップ プロトタイプで実際の動作をシミュレーション URL共有でフィードバックや修正のサイクルコストを短縮 XDの強みである動作の軽快さを利用して全体の画面を見通す PhotoshopとXDを行き来してデザインする場合 Photoshopでパーツをデザインし、XDでレイアウトする方法を紹介します。 Creative Cloud

webサイトのUIデザインに関するPhotoshopチュートリアルまとめ「50 Tutorials for Designing Website in Photoshop – Ultimate Roundup」 デザインのスキルアップはデザイナーにとって重要な課題。日々技術を上げるため、常にアンテナを貼っている方も多いはず。そんな中今回ご紹介するのは、webサイトデザインに関するPhotoshopチュートリアルをまとめた「50 Tutorials for Designing Website in Photoshop – Ultimate Roundup」です。 Design a Textured Outdoors Website in Photoshop デザインの参考やスキルアップに使える、WebのUIデザインに関したチュートリアルが、50種類もまとめられています。その中から特に気に入った

ITディレクターであり、3人の女の子の父親であるジョン・ヴィルヘルム（44歳）は、娘たちの日々の成長を記録に残すべく、フォトコラージュに本気を出した。 このコレクションにテーマはないが、娘たちはまさに、リアルとバーチャルを行ったり来たりしながら、る虚像の中で成長を続けている。 長女ロウ（6歳）、次女マイラ（4歳）、三女ユナ（1歳）の姿を見ていこう。

当サイトでこれまでに投稿したエントリーから、Photoshopの基本操作から各ツールの実践的な使い方やテクニックまで、入門者必修の機能を中心にまとめています。これからフォトショップをはじめる人が目を通しておきたいエントリーとなっています。 あらゆるデザインの現場で使われているフォトショップは、豊富に揃った機能がゆえに新しくはじめようという人には敷居が高く感じるかもしれません。ここでは、覚えておきたい定番の使い方から、制作スピードが早くなるプロ便利技を機能や用途に応じて詳しく見ていきましょう。

「文字をキラキラさせて目立たせたい。」「天気が悪くて光の足りない写真をどうにかして欲しい。」「画像をスケッチ風に仕上げたい。」 ウェブサイトだけでなく日常何気なく目にする雑誌や広告など、「このデザインはどうやって作るんだろう。」とふと思うことはないでしょうか。あらゆるデザインの現場で利用されている Photoshop なら、そんなクリエイティブなアイデアを実現することができます。 今回は、Photoshopの基礎を覚えながら、新しいデザインテクニックを学ぶことができる Photoshopの新作チュートリアルをまとめてご紹介します。覚えておくことできっと役に立つ、、初心者にもオススメしたい実践的な作り方を中心に揃えています。 2016年総まとめ！デザイナーが確認しておきたいPhotoshopチュートリアル厳選55個 詳細は以下から。 やってみたかった表現をマスター！基礎力をつけるPhotos

デザインに手軽に加工表現ができる Photoshopbrushまとめ「40 High-Resolution and Free Photoshop Brushes」 Photoshopの機能として重宝されているブラシ機能。手軽に難しいグラフィックを表現できるため、日々活用されている方も多いと思います。今回はそんなブラシのコレクションに加えたい、デザインに手軽に加工表現ができる Photoshopbrushまとめ「40 High-Resolution and Free Photoshop Brushes」を紹介します。 Free PSD Goodies and Mockups for Designers: FREE HI-RES SMOKE PHOTOSHOP BRUSHES さまざまな種類のブラシが紹介されており、どれもハイクオリティで使ってみたくなるものばかり。気になったものをピックアップ

新デザインテクニックを学ぶPhotoshopチュートリアルを、定期的に毎月まとめています。今回は、2016年のあいだに公開された中で、ぜひこれから活用したいベスト・オブ・PSチュートリアルをご紹介します。 覚えておきたいデザインの時短テクニックから、撮影した写真を自由にレタッチ小技や、レイヤースタイル設定のみで完成する文字エフェクトの他、デザインがグッと良くなる使いこなしたいチュートリアルが満載です。見逃したアイテムがないか、年末年始に確認してみてはいかがでしょう。 詳細は以下から。 2016年総まとめ！デザイナーが確認しておきたい厳選Photoshopチュートリアル インクエフェクトを利用したポートレイトのつくり方 水に落としたインクの雰囲気を、そのまま人物ポートレイト写真と合成します。 幻想的な多重露光エフェクトのつくり方 ポートレイト写真に加え、水彩ペイントテクスチャと雲テクスチャ、

カメラを始めてから撮って出しという機会が減り、現像というものを覚えた方は多いはず。僕もその一人で、メインにLightroomを使い未だに四苦八苦しながらやっています。 ちなみにLightroomを使う際に、Adobeのフォトグラフィプランに入ったのですが、これはLightroomとPhotoshopがセットになっていて、月額980円で使えるという夢のプランです。 でもね、Lightroomはそこそこ使っているのですが、Photoshopに関してはこれがさっぱり使ってない。僕がこの1年でPhotoshopを使ったのは、多分比較明合成をしたかった時だけですから！ これじゃ全然夢のプランを使いこなせていないんですね。むしろちょっと損してる？ そんな状況を打破するために、いまさらですがPhotoshopをしっかり学びたいと思い始めました。書籍で勉強も良いんだけど、スタンダードなことしか書いてなくて

インターネットが進化することで、ウェブデザインの作成方法は変化してきていますが、デザインや配色など基本的な要素で悩んでしまうということも多いのではないでしょうか。 あらかじめ利用する素材を揃えたUIコンポーネントを使えば、より手軽にそしてスピーディーにデザインをウェブサイト制作を進めることができます。 今回は、あらゆるデザインコンセプトやプロジェクト案件に対応でき、無料ダウンロードできるUIコンポーネント素材をまとめてご紹介します。Photoshop で利用できるのはもちろん、最近人気の Sketch や Figma、Illustrator にも対応する素材が揃います。デザインアイデアが欲しいときなど、今後の参考にしてみてはいかがでしょう。 詳細は以下から。 魅力的なウェブデザインを素早く仕上げる、すごい無料UIコンポーネント素材まとめ iOS 10 GUI Kit Sketch / PS