Photoshopで画像を切り抜いたり、選択範囲やマスクを作成するのにはいろいろな方法が用意されています。しかしCC 2015.5からの「選択とマスク」、CC2018の「被写体を選択」を一度使ってしまうと、ほかのやり方には戻れないくらい簡単で、そして正確に作成することができます。 そしてさらに進化したPhotoshop CC2021での「選択とマスク」「被写体を選択」の使い方を紹介します。 ちなみに、下の作業時間は1分かかっていません。
この記事では、インスピレーションを与えてくれる、Webデザインの参考になるサイトを紹介します。 サイト全体のデザインやレスポンシブデザインに特化したサイト、サイトパーツ、ロゴ、アイコン、バナーなどを収集して紹介しているサイトなど10サイト厳選しました。あなたのWeb制作の刺激になること間違いなしです。 1. MUUUUU.ORG クオリティが高く、縦に長いサイトを収集しているギャラリーサイトです。サイト自体シンプルで使いやすく、またカテゴリー分けが詳細でとても探しやすいサイトです。 2. 現代デザイン 技術的、デザイン性がすぐれたサイトを収集したギャラリーサイトです。カテゴリーは業種と色、日時のみですが、業種を細かく分類しています。また、気に入ったサイトをブックマークに入れることができます。 3. I/O 3000 国内外問わない、秀逸なデザインのサイトを収集しているギャラリーサイト
おはようございます。お久しぶりです。GWもあっという間に終わり…いつもの忙しい日常が帰ってきましたね…。これから梅雨という少し憂鬱な季節がやって参りますが、適度にゆるーく乗り切りましょう! 今日は行間についての記事です。Webでは、行間のとり方ひとつで読みやすさが全く変わります。ですので、文章を配置する際は、それぞれのフォントサイズに適正な行間を与えてあげることが重要となってきます。 一般的な行間のとり方 一般的には、文字が小さいほど行間を広くとるのが読みやすく、逆に大きな文字は行間が狭くても読みやすいと言われています。それには、下記のような理由が挙げられます。 小さい文字の時に行間が狭いと、一度に複数の行が視界に入ってきてしまうため、とても読みづらくなります。 大きい文字の場合は、文字そのものが大きいので視界に入る行は比較的少なくなります。 そのため、多少行間が狭くても読みやすさに問題は
配色、フォント、レイアウト、アニメーションなど、デザイナーが考えなければはいけないことは膨大です。急がなきゃいけないのになかなか作業が進まない…と苦戦することもあるのではないでしょうか。 そこで今回は、デザインをより効率的に、ハイクオリティにしてくれるWebサイトやサービスをご紹介します。 Coolors Coolorsは、バランスの良い配色パターンをランダムに表示してくれるWebサービスです。スペースキーを押すと、センスのある配色パターンを次々と生成してくれます。 気に入った色は固定することができ、さらにそれに合った色を探してくれるのでとても便利です。また、気になった色にカーソルを合わせれば、HSB、CMYK、RGB、PMSの値やコピックの色番号を知ることもできます。 COLOR SAFE
広告やバナーを製作する際、大切なのが読み手に「インパクト」を与えること。どうやったら目を引く広告がデザインできるのか・・。そう悩むデザイナーの方も多いのではないでしょうか。 そこで今回は、Illustratorの基本操作だけでできる、簡単な表現技術をいくつかご紹介します。 枠からはみ出す 画像リンク:mebic.com こちらはとてもシンプルにインパクトがだせる方法。広告サイズが決まっていると、「この枠の中に情報を収めなければ」と考えがちですが、きちんと可読性さえ残しておけば、すべてを枠の中に収める必要はありません。広告枠からどーんとはみ出せば、広告全体に勢いをつけることができます。 画像リンク:countach.tv こちらのルーツの広告もそうですね。街にある広告などをよく見て回ってみると、「枠をはみ出す」という効果は以外と使われています。今回ご紹介する広告のいくつかにも適用されているの
TOP > Design > UIやテンプレートなど フリーで使用できるキットが豊富に揃ったまとめ「Best Free User Interface Kits」 デザインを手軽かつ、効率的にクオリティアップにつなげることができるUIやテンプレートなどは、フリーで配布されているものも多く重宝しているという方も多いのではないでしょうか?そんな中今回紹介するのは、フリーで使用できるキットが豊富に揃ったまとめ「Best Free User Interface Kits」です。 Freebie | PerfectKit – modern UI kit (desktop & mobile ready) | DesignHooks 非常にたくさんの種類のインターフェイスキットがまとめられているので、きっと欲しい・希望のものを見つけることができるはず。きになったものをピックアップしましたので、下記
こんにちは!インターン生の須佐です。 11月も終わりを迎え、ここ最近一気に気温が下がりましたね。普段は薄着で過ごしている僕ですが、この前シャツ一枚で外に出たら死にかけました。季節の変わり目ですので、皆さんお体に気をつけてくださいね! さて、今月も、Goodpatchで共有された新しくておもしろいデザインやアプリ、Webサービスをご紹介したいと思います。実用性のあるモノからクスッと笑えるモノまで、幅広くまとめています。楽しんで見ていってください! 月間のまとめはこちらからどうぞ! Typorama テキストをおしゃれなタイポグラフィーに変換して、画像の上に貼り付けできるアプリです。テンプレートは複数用意されているので、イメージにあったフォントの組み合わせを選ぶことができます。デザイナーにとってはタイポグラフィーの勉強にもなります。 http://www.typorama.co/ Pindro
折り返し翻訳辞書 折り返し翻訳辞書は、ある日本語を英語、オランダ語、イタリア語の順番に翻訳し、最後にまた日本語に翻訳するサービスです。 翻訳内容がユニークで、Twitterでトレンドになるなど盛り上がりをみせました。アイデアが非常に面白いです。 はてな、KADOKAWAの新・小説投稿サイト 今冬リリース予定の、オリジナル小説を字数無制限で投稿でき、誰でもその投稿された作品を読むことができるサービスです。ユーザー同士で評価しあい、その結果を様々なカテゴリーのランキング形式で閲覧できます。 公式として、二次創作可能な有名作品がそろっているのはすごい。投稿者、閲覧者とも無料で利用できます。 SENGA SENGAは、10月19日にリリースされた、イラストの投稿や評価ができる、イラストSNS&マーケットプレイスサービスです。 自分で投稿したイラストは1点から販売することも可能です。その場合、販
完成作品、製品を紹介する際に、より魅力的に見せることができる手段の一つとして、PSDのモックアップを使用する方法があります。 あらかじめデザインしてあるPSDファイルを編集し、作品画像をはめ込むことで、手軽に見た目のクオリティを高めることが可能です。 今回は、プレゼンテーションに使えるモックアップ、デザインに便利なテンプレートを中心に、PSDファイルをご紹介します。 いずれも無料で使えるフリー素材ですので、ぜひ活用してみてください。 無料で使える便利なPSDファイルまとめ 1.Newspaper Advert Mockup http://www.techandall.com/newspaper-advert-mockup/ 新聞の一部に広告をデザインしたPSDモックアップ素材です。 2.Simple Branding Mockup http://www.techandall.com/sim
どうも、やなぎさわです。サイトの背景画像をちょっとお洒落な柄にしたいというデザイナーの方いませんか? 今回は、シームレスな背景用パターンが無料でダウンロードできる「PATTERN LIBRARY」というサイトをご紹介します。 可愛らしいイラストから最近流行のインディアンパターンや上質な質感のパターンなど様々な種類が揃っています。全部で52枚ある素材を全てご紹介します。 パターン作りの手間が省ける「PATTERN LIBRARY」 気に入ったパターンが見つかったら、すぐにダウンロードができて使えるから便利です。 しかし、ダウンロードした時に画像のサイズが小さいなって思うかもしれません。 パターンの柄によってサイズが異なりますが、全てそこまで大きなサイズの画像ではありません。そこで、私の場合はPhotoshopを使って、ダウンロードした画像をパターン化させてしまいます。 その詳しいやり方は、以
Googleが開発者向けイベントGoogle I/O 2014で発表した新しいUX体系が「マテリアルデザイン」です。アニメーションやカードデザインなどを使い、「合理的な余白と動きを使った統一理論に基づいたもの」と定義されていますが、このマテリアルデザインの優れたウェブサイトやモックアップを毎日最大12個展示する「MaterialUp」は、「優れたマテリアルデザインとは何か」が一目で分かる上に素材のダウンロードまでできる便利なウェブサイトになっています。 The Best Of Material Design, daily – MaterialUp http://www.materialup.com/ マテリアルデザインとは何か?ということは、以下の記事から読むことが可能です。 アニメーションを使ったGoogleの新UXデザイン「Material Design」とは? - GIGAZINE
Our last Wallpaper of the Week was an image I had created using Pixelmator, and I really liked the outcome. The best part about it was that it was pretty easy to accomplish in Pixelmator, but I decided for perspective's sake to create the same effect in Photoshop. The process is easy as well, but with a few extra steps. As in the previous tutorial, I will show you how to create a digital bokeh eff
どうも、やな☆ぎさわです。 僕は、映画が大好きでよく観るのですが、それぞれの映画で使われているタイトルフォントはオリジナリティがあってかっこいいなぁと常々思っています。 そこで今回は、映画で使われているっぽいタイトルフォントがダウンロードできるサイトをいくつかご紹介します。 ぜひとも、パロディ感覚でイベント告知のポスターやパンフ、バナーなんかに使用して、あの名画を再現してみてはいかがでしょうか。 以下で紹介しているフォント達はどれもムッチャクチャ格好いいのですが、商用に使えるやつと使えないやつが混じっているため、ご利用の際はライセンスをしっかり確認してくださいね。 パイレーツオブカリビアン風フォント 海の男、いや、漢たちの話。 >>フォントダウンロードはコチラ スター・ウォーズ風フォント そう、この記事を書いている今も、広い宇宙のどこかでは、互いの星の運命をかけた宇宙戦争が繰り広げられてい
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く