いよいよ大晦日ということで、毎年恒例のstudio9の一年を振り返ってみたいと思います。2014年に最も多くのアクセスを集めた記事をカウントダウンで紹介していきます。全部読んだ事あったかな？ 今年も残すところあと数時間となってきたと言う事で、恒例のstudio9の一年を振り返ってみたいと思います。 2014年も大変多くの方にstudio9を訪れていただき、昨日(12/30)までの一年間の総PVは約４９０万回と、昨年の１４０万回と比べると3.5倍の伸びとなりました！ いつも読んで下さっている皆様には本当に感謝です。 そんなわけで、サイト内で人気のあった記事の上位２０個をカウントダウン形式で順番にご紹介していこうと思います。 全部読んだ事あるでしょうか？ ちなみに昨年(2013年)のTOP20はこんな感じでしたよ。 【関連】2013年最も読まれた記事ベスト20！[写真お役立ち記事まとめ]＊集計
![2014年最も人気のあった記事TOP20！[写真お役立ち記事まとめ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/e9cee72d923134466f066b483f60b5a2369f6eb0/height=288;version=1;width=512/https%3A%2F%2Ffanyv88.com%3A443%2Fhttps%2Fphoto-studio9.com%2Fwp-content%2Fuploads%2F2014%2F12%2F2014top20.jpg)
Photoshopで細い毛先やふわっとした髪の毛をきれいに切り抜く方法です。 今回は画像の切り抜きの中でも難しい、髪の毛の切り抜きです。Photoshopではさまざまな画像の切り抜き方法がありますが、今回使用する機能は、CS5以降の「境界線を調整」です。 CS5以下のバージョンの方も、最後に切り抜きの境界線を合成した背景となじませる方法もご紹介しているので、ぜひ参考にして下さい。 「クイック選択ツール」や「投げなわツール」などで切り抜きする対象物をざっくりと選択します。ふわっとした髪の毛の細い部分も、上図のようにざっくりとした選択で大丈夫です。 今回はshutterstockで購入した写真を使います。 （上記写真はshutterstockで購入した写真です。こちらの写真を使用する際は必ず同サイトで購入し使用して下さい。） 選択した状態で、オプションバーの「境界線を調整」をクリック、ダイアロ
こんにちは。デザイナーのハルエです。 普段Webデザインを制作する上でPhotoshopを使用している方は多いかと思いますが、いかに自分に合った環境にカスタマイズするかで作業効率は大きく変わってきます。 今回はいつものPhotoshopがさらに快適になる無料プラグインをご紹介させていただきます。 【こちらもおすすめ】 おすすめPhotoshopプラグイン WebINK http://www.webink.com/webfontplugin/ ※現在このサービスはご利用いただけません。 Google Web FontなどのWebフォントをPhotoshop上で表示、利用することができます。 最初の同期に少し時間がかかりますが、あとはデザインしながら手の届くところでWebフォントがさくさく選べてしまうので、非常に捗ります。 Photoshop CS5から対応しています。 flaticon ht
「学校では教えてくれない、89の時短テクニック」「自己流で時間をムダにしていませんか？ウェブデザインをもっとラクに、もっとすばやく」ということで、かなり実践寄りの効率的なテクニックばかりを集めたのが「神速Photoshop [Webデザイン編]」です。ちょうどPhotoshop CC＋Lightroom 5が月額980円で使える「Photoshop 写真家向けプログラム」を使い始めたところだったので、しげしげと読んでみてお役立ちっぽいのがないかどうか探してみました。 まず以下が神速デザイン五カ条、「ショートカットを活用しよう」「最新機能を使いこなそう」「目的によってツールを使い分けよう」「「直し」に強いデータを作ろう」「面倒な作業は自動化しよう」ということで、どれもこれもごもっともな感じ。人は放っておくと今までの慣れ親しんだやり方が非効率的であっても「慣れているから」というただそれだけの理
![Photoshopで30分かかっていた作業がわずか1分でできるようになる「神速Photoshop [Webデザイン編]」](https://cdn-ak-scissors.b.st-hatena.com/image/square/0c41fbe4b12f924168669811ff3092c3f86d6551/height=288;version=1;width=512/https%3A%2F%2Ffanyv88.com%3A443%2Fhttps%2Fi.gzn.jp%2Fimg%2F2014%2F04%2F04%2Fphotoshop-god-speed-web%2FP1930188.jpg)
「見るだけでよだれが止まらない！料理をさらにおいしく見せる方法」 〜 Photoshop（フォトショップ）で広がる写真の世界 特別な日のディナー、自慢の手料理など、料理を撮影してブログに掲載する人も多いのではないでしょうか。だけど、料理の写真って難しいんですよね。すごく美味しかった料理なのに、写真を見るとあまり美味しそうに見えない…なんて、よくある話です。 そこでアドビのWebマガジン「DEKIMAGA」（デキマガ）から、フォトショップを使った料理を更に美味しく見せる、写真の補正テクニックを紹介します。 今回補正をする写真はこちら。おいしいはずのステーキが、焦げっぽくて冷めたように見えてしまいます。あまりおいしくなさそう。 それではこの写真を、PhotoshopCS4 Extendedを使って美味しそうに補正してみましょう。 Step1.写真全体を明るくしよう まずは写真を開き、「トーンカ
【過去記事】Photoshopの代わり！ 使える無料写真編集ソフト10選2013.09.25 21:30 Photoshopがなくたって、写真編集はできる！ 今月初めに話題になったまさかの無料配布も間違いでしたし、Photoshopの無料版みたいなのないかなー。あーぁ。...あります、たくさんあります。今回は、その中から使えるもの10個紹介いたします。 ■GIMP 言わずとしれた有名どころ。写真編集ヘビーユーザーにオススメのソフトウェア。レイヤーもマスクも完備、ブラシも細かくコントロールが可能。また、非公式のプラグインもあり詳しくなればもっと深使うこともできます。どうしてもPhotoshopの見た目が好きな人は、GIMPshopというヴァージョンを使えば、レイアウトがよりPhotoshop風になります。・クロスプラットフォーム ■Paint.NET GIMPよりも力は落ちるものの、インター
Photoshopでの作業を今までより早く、そしてより簡単にする20のTipsをSpoonGraphicsから紹介します。 20 Handy Photoshop Tips For a Faster Workflow デザイナーの人には常識的なものだと思いますが、実用的で多用するものが多く紹介されています。 ※コマンドはWin XP+Photoshop CS4のものです。 Macの場合は、下記置き換えてください。 Ctrl = Cmd Alt = Opt 作業ファイル上で、[space] 使用してるツールを手のひらツールに変更し、画像を移動させることができます。 [編集]-[環境設定]-[テキスト]の「フォントプレビューのサイズ」 サイズを「特大」にすると、フォント選びが楽になります。 「文字パレット」のサイズにフォーカスをあてて[矢印] 上下の矢印キーでフォントサイズを増減することができま
Photoshopのキーボードショートカットを使いこなせるようになると作業効率がグンとアップします。 数多くあるショートカットの中から特に実用的な25個を紹介します。 25 Awesome Keyboard Shortcuts for Photoshop That You May Not Know [ad#ad-2] 元記事では動作を軸に書かれていますが、下記はショートカットを軸に紹介します。 ショートカットはWindowsの表記です。 Macの場合は、置き換えてください。 Ctrl → Command Alt → Option Photoshopの便利なキーボードショートカット Ctrl+Space+左クリック Ctrl+Space+ドラッグ（右or左） ドキュメントを拡大表示 Alt+Shift+右クリック HUDカラーピッカーの表示 ※CS5のみ。環境設定でGPU設定をオンにしている
Photoshopの設定を変更して、動作を軽快にするための10のステップをSmashing Magazineから紹介します。 10 Simple Steps to Better Photoshop Performance はじめに もし、あなたがPhotoshopの設定をデフォルトのまま使用していたり、パフォーマンスを改善するために再点検することを望むなら、ここで紹介する10のポイントをチェックしてみてください。 1. ヒストリーの数を調整 作業履歴を記録するヒストリーはRAMを肥大化させるため、できるだけ数を少なく設定します。 一つの目安として、RAMが2GB以下の場合はヒストリーを使用しない方が軽快に動作します。 [編集] - [環境設定] - [パフォーマンス]の「ヒストリー&キャッシュ」で設定を変更できます。 2. キャッシュレベルの数を調整 レイヤーの数が少なく高精細の画像の場合
PhotoshopをWebデザイン制作として使ってると、画像を編集する事よりも、シェイプを使って図形を描く事の方が多い気がします。Illustratorで描くのと違って、ピクセル具合も気にしながら描けるので、小さいアイコンなんかはPhotoshop上で作った方がきれいに描けたりします。それでいてパスなので、拡大しても劣化しないし、ダブルクリックでカンタンに色を変えられるし、もちろんIllustratorでも使い回せるし、いろいろ重宝ポイントがあるんです。 そんな万能シェイプの機能や特長について、個人的なまとめです。 ※この記事では、主にPhotoshop CS4を使っていますが、Photoshop CS6との違いも、分かる範囲で注釈入れてます。 ※OSはMac OS X 10.6 Snow Leopardを使ってますが、Mac OS X 10.8 Mountain Lionとの違いも、分か
JPEG画像をより美しく、より軽量に最適化するテクニックをSmashingMagazineから紹介します。 Clever JPEG Optimization Techniques 1. 「8ピクセル」のグリッド 2. カラーの最適化 3. JPEG最適化の一般的なTips 1. 「8ピクセル」のグリッド JPEG画像は、あなたが既に知っているように8x8のピクセルのブロックから成り立っています。画質を低くするとよく分かります。 この8x8ピクセルを利用して、JPEG画像を最適化します。 画質10で作成したサンプル 二つの正方形は同じ大きさ（8x8ピクセル）です。左上のはきれいに見え、右下のは汚く見えると思います。 これらは、それぞれ8x8のグリッドに並べたもので、左上はグリッドに揃えたもの、右下はグリッドに揃っていないものです。 保存する際に画像は、8x8ピクセルのブロックに分けられるため
creative memomemo Webデザインtips,Photoshoptips,クリエイティブでステキなものをまとめているブログ。 こんにちは。 Adobeのソフト一個だけあげるよと言われたら、迷わずPhotoshopを選びます。井畑です。 そんなPhotoshopラブの僕ですが、昔は正直苦手でした。 なぜなら、PhotoshopはIllustratorと違って、調整しているうちにデータが劣化(どんどん汚く)なってしまうと思っていたからです。 正しく言うと、データが劣化しない方法を知らなかっただけなんですけどね、当時は大変でした。 画像も一回小さくしてしまうと、次に大きくした時に荒れてまいますし、トーンカーブ等の画像補正も一回かけると二度と修正できませんでした。何回もトーンカーブかけてるとどんどん画像が汚くなっていくし… よく、サイズを間違えてて2,3時間の作業を一からやり直しして
遅くなりましたが、2012年の上半期に公開されたpixiv講座の中で 特におすすめの画力向上講座、メイキングを厳選してご紹介します。 各ソフトの塗りメイキングは、ブラシ設定、レイヤー効果まで丁寧に解説されている 分かりやすい講座を中心にまとめていますので、ぜひ参考にしてみてください。 【画力向上系講座】 個人的、女性首肩？（イロイロ） 個人的決めポーズ？（男） 色気のある足・脚の描き方 初心者向け】45度とかの顔をそれっぽく描きたい人への講座 アタリと線画で顔の大きさが一致しない人(※私)向け覚え書き 筋肉メモ『首周り』。 【講座】丸○と６ステップだけで描く 割と簡単 顔講座 【116】リアルな絵を描く④【漫画アシスタントテクニック 間違ってても責任取らないパース講座1/2 間違ってても責任取らないパース講座2/2 15分で描ける！素材別背景物メイキング集～樹木編～ 【拡がれ】フリル講座【
「Webサイトを作れるようになりたいけど何から始めればいいかわからない」そんな人のために完全な素人の人がひとりでWebサイトを作れるまでに必要な本や記事集めました。 この記事テーマは３つの記事に分かれています。 一つ目は今回の、 完全素人がひとりでWebサイトを作れるまでに必要な本や記事集めました 〜①デザイン編〜 後日公開予定の、 〃 〜②コーディング編（HTML&CSS）〜 〃 〜③集客・Webマーケティング編〜 以上の３つです。 Webサイトの制作手順 初めての方は「Webサイトをどういう順番で作るか？」について知らないと思いますので、説明します。Webサイトを作成し、公開してたくさんの人に見てもらうまでには大きく７つのステップがあります。 ①どんなWebサイトにするか考える（企画） Webサイトを作るためにまずはどんな目的で、誰に、どんな情報やサービスを届けたいのかを考え
フォトショップでは様々な切抜きの方法があり、パスを使って切り抜くことが多いですが、髪の毛を切り抜く際、先端部分をパスで綺麗に切り抜くことは至難の業です。そんな時「チャンネル」を利用して切り抜きを行えば、髪の毛部分も自然な形で切り抜くことが出来ます。 「チャンネル」を利用して髪の毛を自然な形で切り抜く方法 パスでおおよその輪郭を選択します 「ペンツール」を選択し、パスパレットよりパスを新規作成します。おおよその輪郭のパスをとっていきます。ポイントは、髪の毛の部分は内側にパスをとることです。 髪の毛部分をなげなわツールで選択します 「なげなわツール」より髪の毛の先端部分を囲んでいきます。ある程度適当でかまいません。 なげなわツールで選択範囲が取れれば、Ctrl+Jを押してみます（今選択した部分のみコピーされ新規レイヤーに追加されます。） 「チャンネル」での処理 現状レイヤーには、基画像と、手順
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
