サイトデザインをする上で、デザインがワンパターンになったり、煮詰まったりすると思います。そんな時、Instagram を使わない手はありません世界中のインスピレーション溢れるアート系の発信やデザイン系のイメージがたくさん参照できます本記事ではデザインのヒントになること間違いなしの海外のアートデザイン系の Instagram アカウントをご紹介します。

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

こんにちは。デザイナーの藤田です。 「石の上にも3年」と言いますが、私のWebデザイナーとしてのキャリアもついに2年目が終わり、3年目を迎えようとしております。 日々学ぶ事が多く、とても3年程度で大成するような業種ではないですね（どの業種にも言えることだとは思いますが）。 そんな私がデザイナー1年生だった頃を振り返ると「手っ取り早くデザインが上達しないかなー」なんてよく考えておりました。 そこで今回は、私の経験から最も手っ取り早くデザインが上達する「トレース（模写）」の方法をご紹介いたします。 なぜトレースがデザインの上達につながるのか？ なぜトレースがデザインの上達につながるのか、自分なりに考えてみました。 「デザインは細部に宿る」と言われますが、その細部に気付く 「デザインの引き出しが増える」 「自分の悪い所が解る」←これが一番重要！ などなど、良いことがたくさんあります。 まずはカッ

こんにちは。会社でWindow家でMacを使っているので、Phothoshopのコマンドキーの配置に未だに戸惑います。井畑です。 今回は最近知って、おしっこちびるかと思ったほど便利なPhotoshopのショートカットや小技を紹介します。 ショートカットは慣れるまでは大変ですが、一度覚えてしまえば、それ無しには作業できなくなるほど、便利なものです。使った事が無い人は是非積極的に使ってみてください:) 今回はPhotohospのショートカットを一から紹介〜というものではなく、実際に作業してみて便利だなーと思うものをチョイスした記事となっております。 もしかしたらかなりマニアックなところかもしれませんが、ひとつでも読んでくれた人に「うぉーその技知らなかった。便利やーん！」というものがあることを祈って… それではどうぞ！ 最近覚えて便利すぎておしっこちびるかと思ったPhotoshopの小技/ショー

5月も終わりに近づいてきました。今月もGoodpatch社内で共有された新しくておもしろいデザインやアプリ、Webサービスをご紹介します！今月は社内でSketch.appを始めとする様々なWeb制作ツールが共有されました。まだローンチされてないものもありますが、今後よく使うツールになるかもしれないものもあるかもしれないので要チェックです！ 先月の同様のまとめ→ 「新しいものが大好きなグッドパッチで4月に話題になったアプリ、サービス、デザインまとめ」 Web制作ツール BRIEFS http://giveabrief.com/ プロトタイプが作成できるアプリです。iPhoneやiPadのデバイスで検証することが可能です。ちなみにこのアプリは最近リリースされ、Goodpatchが一番最初に購入したみたいです。 Sketch iOS Mirroring http://bohemiancoding

多様化するwebサイト、増加するデバイスに適応していくために今までのWeb制作のワークフローも見直す必要があるのではないでしょうか。またその一つの手法としてDesigning in Browserについて書きました。 現在ではWebサイトも、インタラクティブなサイト、アプリのようなサイト、可変するサイトなど様々なスタイルが見られるようになってます。 また、Webを閲覧できる環境もPCからスマートフォン、タブレット、テレビ、カーナビなど増加し続けてます。 それに伴い今まで以上にテストケースが増えてきてます。 今までのような静的なデザインを作ってから開発、テストというWeb制作のワークフローでこの変化の流れに対応できてるのでしょうか。 まず静的なデザインはあくまでこのように見えるという仮説であり、 解像度やスクリーンサイズが異なれば見え方も変わってきます。 更にどのように動くのかまでは表現でき

ご存じの方もいらっしゃると思いますが、Adobe Photoshop は JavaScript で制御することができます。 Photoshop 用の JavaScript ファイルのことを「JSX」と呼びます。拡張子は .jsx です。 Photoshop を使ってWeb制作されている方は多いかと思いますが、Photoshop は本来写真加工用のソフトでありWebデザイン用のソフトではないため、特にレイアウト機能が Fireworks、Illustrator、InDesign などに比べ貧弱です。 しかし、JSX を使用することにより Photoshop のレイアウト機能やWeb制作向けの機能をある程度向上させることができます。 JSX は昔から Photoshop に搭載されていましたが、書き方の参考になるような書籍やサイトが少ないためかそれ程注目されていなかった気がします。 しかし、最

第1回：ピンクを使いこなそう http://lab.gpol.co.jp/graine/2011/04/web-1.php 第2回：模様を攻略！ひと味ちがうデザインへ http://lab.gpol.co.jp/graine/2011/06/web-2-1.php 色、柄の次はモチーフ！ わかっているようで、わからないのが女の子の好きなもの。 女の子好みは千差万別ですが、定番モノがあるんです。 ちょっとしたアクセントに、ぽんっと置くだけで女子向けデザインになっちゃう 定番モチーフを押さえましょう。 1.布・レース リネンやコットンなどの布、レース、ボタン、刺繍など、お裁縫を連想させるものは、いかにも女の子らしいですね。 ナチュラル指向の女性に人気なのがこれらのモチーフです。 布系 水玉、花柄、ストライプ柄の布・リネン・帆布 糸系 毛糸・縫い目・クロスステッチ・あみぐるみ お裁縫系 レース・

クールでオシャレ ヴィンテージ　フリーフォトショ... / ガーリーレトロ フォトショップ フリーブラシ/パ... / かわいい手書き系フォトショップフリーブラシまとめ...他...全20件

［速報］アドビも「クラウド＋モバイル戦略」へ、「Creative Cloud」「Photoshop Touch」など発表。Adobe MAX 2011 PhotoshopやIllustrator、Dreamweaverなど、クリエイターのためのツールをパッケージソフトとして提供してきたアドビシステムズ。単体のパッケージソフトを統合したものを「Creative Suite」としてきたように、クリエイターのために同社が提供する各種クラウドサービス「Adobe Creative Cloud」を、ロサンゼルスで開幕した同社のイベント「Adobe MAX 2011」で発表しました。 「Adobe Creative Cloud」発表 基調講演に登場したのはアドビCTO、ケビン・リンチ氏。 Creative Cloudは、PC、タブレット、スマートフォンのさまざまなデバイスをサポートし、データ同期も行う

2015年7月11日、追記。このページ、いまだによくアクセスされているようですが、その全員が「なんだよ2011年の記事かよ、クソが！」と不信感を抱くことと存じます。あらためて確認しますと、CC2015でも通用する内容ですのでクソとかいわずにご一読ください。 本編ここから釣り気味のタイトルですみません。中身も釣りなのでご査収のほどよろしくお願いいたします。さて、この記事↓にリスペクトかつインスパイアされ、勢いで記事投下してみる。 Webデザインの1pxを作るためのPhotoshopのレイヤースタイルいろいろ Webデザインをするにあたって、巷ではPhotoshopを使う人が多いようなのだが、ベクターデータの軽快さや自由自在の拡大縮小の便利さもあって、私はIllustratorを使っているため、日頃から虐げられている。ことWebに関しては、Photoshopがたけのこの里なら、Illustra

株式会社吉田印刷所は、同社が運営する印刷情報発信サイト「DTPサポート情報ブログ」にて行った「よく使用するDTP・デザイン用ソフトのバージョン」のアンケート結果を公表した。アンケート期間は2011年7月1日～7月31日となっている。 アンケート結果によると、Illustrator・Photoshopのよく使われているバージョンはCS3がともに1位（Illustrator 34.7％、Photoshop 30.7％）となった。続いて2位がCS4、3位がCS5、4位がCS2、5位がCS5.1という順位になっている。CS3は順位こそトップになったものの、前回調査と比べて比率は低下。代わりにCS4とCS5の比率が上がっている。詳細はWebサイトで確認してほしい。 IllustratorとPhotoshopでよく使われるバージョン 株式会社吉田印刷所 URL：http://blog.ddc.co.j

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

2013年3月23日 Photoshop 「少しの手間で大きく変わる、細部にこだわったWebデザインを」で紹介した「わずかな」加工を使ってボタンのデザインをかっこよくしよう！というチュートリアル記事です。前回の記事内にPhotoshopでの作成チュートリアルも載せたかったのですが、あまりにも長くなりそうだったので別記事にする事に。合わせて見てみてください！ ↑私が10年以上利用している会計ソフト！

どんなにいいカメラを使っていても、どんなに速いレンズを使っていても、ライティングが完ぺきでないと、良い写真にはならないものです。いい感じで撮れた！ と思った写真でも、人物の顔に光がきちんと当たっていなかったらガッカリですよね。 そこで今回は、悩ましい写真の明るさ問題を、どんな画像エディタでも簡単に解決できる方法をご紹介します。 方法はいたって簡単。冒頭のデモビデオではPhotohopを使っていますが、Photoshopでなくても、以下の2つが行える画像エディタであれば大丈夫です。 画像を開き、矩形選択ツールで明るさを調整したい範囲を選択します。調整したい範囲より少し余裕を持って選択しましょう。選択範囲をコピーして、新規レイヤーにペーストします。 レベル補正やトーンカーブなど、明るさが調整できるツールで中間色を選びます。これだと写真全体の色が少し飛ぶので、特別な色だけを明るくしたい場合は、例