わたしたちは成長する過程で、さまざまな変化に直面します。そして、それはPhotoshopも例外ではなく、機能やエフェクト、インターフェースなど進化を続けています。 今回は、人気のあるウェブサイトやアプリケーション、ゲーム、WindowsやMac OSなどのオペレーションシステムのデザインの歴史を、画像でたどることができるアーカイブサイト Version Museum より、Photoshopのデザインがどのように変化してきたのか詳しく見てみましょう。 Version Museumとは？ Version Museumは、テクノロジーの歴史を文章で読むだけでなく、実際の美術館を散策するように、テクノロジーの進化をバージョンを追って、視覚的に確認できるオンライン・アーカイブサイトです。 Adobeの人気ソフトウェア「Photoshop（フォトショップ）」やInternet Explorerなどの
photoshopに関するlamichのブックマーク (74)
-
lamich 2021/09/13
-
レイヤーマスクを利用して画像をフェードさせる (Photoshop Tips)
レイヤーマスクを利用して画像のフェード効果を描画します。 手順 Photoshopを起動し、画像を開きます。画像のモードがRGBでない場合は、RGBにします。 レイヤーウィンドウの下部ツールバーの左から3番目の[マスクを追加]ボタンをクリックし、レイヤーマスク追加します。 レイヤーマスクを追加すると下図の状態になります。レイヤーマスクのプレビューをクリックしレイヤーマスクのプレビューに白枠が表示された状態にします(下図参照)。 ツールパレットから[グラデーションツール]を選択します。 上部のツールバーのグラデーションのプレビューのコンボボックスを開きグラデーションの種類を選択します。今回は左上の[描画色から背景色へ]のグラデーションを選択します。 描画色を白、背景色を黒に設定します。 左から右に向かって、ドラッグしてレイヤーマスクにグラデーションを描画します。グラデーションを描画できると下
-
これさえ身につけてしまえば、ほぼ思い通りの作品が作れるようになるPhotoshopの切り取りテクニック。
Photoshopにはさまざまな切り取り方法があり、画像の質や状況に応じて使い分けることで思い通りの作品が作れるようになります。 しかし、すべての技術を身に付けてから作品を作ろうとすると時間もかかるので、作品の完成イメージから逆算して、その都度どんな技術が必要なのかを考えながら身に付けるようにすると、より早いスキルアップに繋がります。 ここでは、輪郭が複雑な画像でもほぼ完璧に切り抜くためのPhotoshopテクニックを解説します。 ※コンテストで賞を頂いた際も、ここで紹介している切り取り方法を活用しているので参考にしてみてください ⇒ デザインコンテスト第3弾 Surf in the Cityで受賞を頂いた想いと作品の解説。 FreeRide SNOW BOARD 今回は、元の右画像から空中に飛んでいるスノーボーダーを切り取って、左画像のように雪山の背景に合成させたいと思います。 このよう
-
沖データ 連載企画 いまさら聞けないDTP・印刷の基礎知識
OKIウェブサイトでは、お客様個々の利用に合わせてカスタマイズした、より良いサービスを提供することを目的としてクッキーを使用することがあります。お客様は、ブラウザの設定により、クッキーの機能を無効にすることができますが、その場合、ごく一部のサービスがご利用になれなくなることがあります。
-
2
こんにちは、あゆみです。 Web用としてデータを作成し、フライヤーなどで印刷したとき「なんか色が違うなあ……」と思ったこと、ありませんか？ RGBからCMYKへ変換すると、墨がくすんだような仕上がりになることがあるんです。そこで今回は、Webと紙の両方でデザインをするときに気をつけたい、ちょっとしたことをまとめてみました。 「わからないこと」が一瞬で解決するかも？ Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGのスクールでは、現役デザイナーがマンツーマンで指導します！ ▼少しでも気になる方は、ぜひ公式サイトをご覧ください！ CMYKとRGBの基礎 まずは色そのもの（CMYKとRGB）についてさくっと説明します。 みなさんが普段目にするものにはすべて色がついていますよね。すべての色は光からの刺激でそ
-
ACEパソコンアカデミー
美味しく見せる一工夫！ 料理の写真を美味しそうに見せる為に必要な要素として、「湯気」は欠かせないものですよね。温かい料理ほど、湯気がある写真と無い写真では見た印象に大きく差を与えます。 例えばこの2枚の写真を比べてみると、湯気のある右の写真の方が出来たての様な暖かさを感じ、まるでお味噌汁の香りもしてきそうな位に食欲をそそりますよね。反対に、左の湯気のない写真では冷めた印象になるだけではなく、汁物の写真では食品サンプルのように見えてしまう事もあります。これでは、美味しさを伝える事が出来ませんよね。 しかし自分で写真を撮っても、中々上手く湯気が写らなかったり試行錯誤している間に冷めてしまったりと難しいものです。 そこで今回は、Photoshopを使って写真から美味しさを損なわせない様に湯気を描き足す簡単な方法をご紹介します！ 今回は簡単に出来る2つの方法をご紹介します。 １、フリーハ
-
【Photoshop初級】フォトショップの環境を初期化する方法 | 山梨県デザインスクール ウェブデザインスタジオ山梨｜IT教育のデザイン教室
今回はフォトショップの環境を初期化する方法をご説明しますね。(^_-) 個人専用のパソコンでフォトショップを使っている場合にはあまり必要ないかもしれませんが、会社や学校などでは何人かでパソコンを共有して作業を行うことがありますね。そうするとソフトの環境は以前に使用した人が残したままの状態になっていて、時に作業しづらいと感じることがあるものです。(-_-;) 特にパレット位置や有無は、フォトショップの習熟度によって全く異なります。プロになっても、1年目のデザイナーの使い方と10年以上のキャリアのあるデザイナーとでは全然画面レイアウトが異なります。そのような場合にはフォトショップの環境を初期化する以下の操作を行ってみましょう。(^.^) １．フォトショップを起動する ２．すぐに Ctrl + Alt + Shift を押しっぱなしにする（マッキントッシュの場合には Command + Opti
-
フォトショップで写真をだんだん透明にぼかす方法 | WEBデザインの教科書
今回は、このように写真の端を透明にぼかす方法を紹介したいと思います。 1.写真をフォトショップで開きます。 2.背景レイヤーを右クリック。「背景からレイヤーへ」を選択し、OKを押します。 3.レイヤーパレットの下の方にある「レイヤーマスクを追加」を選択します。 4.マスクが選択されていることを確認し、ツールボックスから「グラデーション」を選択してください。 5.グラデーションの色を黒→白にしてください。 ※黒→白のグラデーションは予めプリセットに入っているので、それを選択すると簡単です。 6.グラデーションの黒い方が透明に、白い方が残ります。消したい方向から残したい方向へグラデーションをかけてください。 7.下に白いレイヤーを追加すると、このようになります。 以上で完成です。
-
Photoshopで自動でレイヤー別にファイルを書き出す方法
Photoshopで自動でレイヤー別にファイルを書き出す方法 Photoshopでまとめて素材を作り、1 つ1 つのレイヤーを個別書き出したいときありますよね。 PremiereやAfter Effectsで素材を使う場合は、レイヤーで読み込んでくれるのでそのままのPSDデータでいいのですが、EDIUSなどで使う場合はレイヤーで読み込む事ができないので、レイヤーごとにバラバラのファイルにする必要があります。 レイヤーが2個や3個程度ならいいですが、20や30となるとすごく大変です。 僕も以前に100以上の素材を作ることがあったのですが、1つずつ書き出す方法を知らなかったので、とりあえずそのままのPSDデータを使う部分だけ表示させて別名保存して使っていました。 当然ですが100以上のレイヤーがあるので1つ200MBとかのPSDデータが素材の分だけあることになります。・・・結果、ファイルサイズ
-
-
Photoshop CC 14.1 に画像パーツ書き出し機能がやってきた - colopixie
画像アセットにチェック ファイルから、生成＞画像アセットにチェックを入れます。 ファイルを保存 ファイルを保存すると、保存フォルダーに、[filename]-assetsというフォルダーができ、その中に上で指定した形式で保存されています。 Windowsでもきちんと書きだされます！ Windows8/PhotoshopCC14.1 上のPSDファイルを書き出すと、 JPGで品質7のbackground.jpgとGIFのbackground.gif PNGで400%にスケーリングした、logo.pngとJPGで品質40%で250×250にリサイズされたlogo.jpg PNGで200%にスケーリングされた[email protected]とPNGのbutton.png PNGのbutton2.png が書き出されるはずです。 まとめ Slicyでは、名前指定をしたレイヤーに基いてサイズ指定が
-
Photoshopでレイヤー名を置換するJSX
仕事なり趣味なりでPhotoshopをいじることはあるんですが、時々したくなるのがレイヤー名の置換。標準の機能でそれくらいできればいいのに…と思いますが、無いようですし、拡張機能を使えば自作できるので作りました。 本当は所謂テキストエディタみたいなウィンドウの出し方がわかればよかったんですが、JavaScriptのpromptで入力させてごまかしてます。 JSXファイルの配置場所は、Windows7でCS5(64bit)の標準だと C:\Program Files\Adobe\Adobe Photoshop CS5 (64 Bit)\Presets\Scripts ですかね。 コードはこちら。 Win7+CS5,CS6での動作は一応確認しましたが、誤動作による責任は負えませんので試してからお使いください。 使い方は、Photoshopで何かしらPSDファイルを開いている時に、スクリプト→こ
-
Sign in - Google Accounts
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
-
-
-
GIGAZINE - Photoshopに膨大な量のリソースを追加する「22Pixels Flock」
153種類のフォント、100種類以上のブラシ、14種類のカスタムシェイプ、17種類のスタイル、30種類のテクスチャ、アイコン形式のフォーマット、プラグイン1つ、さらに7000種類ぐらいの各種プリセットが無料で一気にインストールされます。 22Pixels Flock - Reviews and free downloads at Download.com http://www.download.com/22Pixels-Flock/3000-2192_4-10504543.html ファイルサイズは88.4MB、フルインストールするには153MB必要。これひとつでかなりいろいろできるようになりますね……。 Macintoshの方は中身だけを抽出したこちらをダウンロードすればいいかも。 http://rapidshare.de/files/19238330/22Pixels_Flock_ju
-
Photoshop Tips - 写真加工 - by StudioGraphics
●アンシャープマスクで本当にいいの？ 「いい写真なんだけど、ちょっとだけピントが外れてしまった…残念っ！」 という写真があったとして…いや、筆者の場合もよくあることなんですけど…そんな写真を、あなたならどうしますか？ 諦めますか？ それとも、なんとか救済処置を施してみますか？ 救済処置としては、ご存知だと思いますが、Photoshop のフィルタである［アンシャープマスク］をかけるという方法がありますね。この［アンシャープマスク］とは、画像内の個々のピクセル（画素）の周囲にある、異なる色情報を持ったピクセルを検索し、指定した量だけピクセルのコントラストを高めるフィルタです。つまり、明るいピクセルは指定した量に基づいてさらに明るくなり、暗いピクセルはさらに暗くなり、結果的に画像全体にシャープ効果が得られるというわけです。 でも、RGB 画像に対して普通に［アンシャープマスク］をかけると、実は
-
フォトショップ早わかり Photoshop Tips & Manual - 目次 - by StudioGraphics
「フォトショップ ティップス ＆ マニュアル」は、アドビ・フォトショップを使う上で知っておくと便利なテクニックをひとつひとつ丁寧に紹介していくコーナーです。 フォトショップを早く理解して、すぐに使えるようにするために、「フォトショップ ティップス ＆ マニュアル」は、大きく分けて以下の二つのセクションで構成されています。フォトショップの基礎から一歩一歩勉強していくには、「機能別マニュアル」を、すぐに役立つテクニックが知りたいときは、「目的別ティップス集」をご覧ください。 「フォトショップ ティップス ＆ マニュアル」は、2004年の7月下旬から始まったコーナーですので、内容はまだ充実していません。不定期ではありますが、少しずつ更新していいきますので、気長にお付き合いください。 （コーナー概要を読む）
-
WEB制作｜デザイン会社｜超簡単! 髪の毛の画像を1分で切り抜く方法まとめ
お客様に最適なWEB戦略で、 ブランド価値の向上、お問い合わせの増加、迅速な情報の配信、 営業・広告費用の削減、顧客満足の向上、リピート率の増加 の成功事例を実現しております。 切り抜き・マスク作業で、もうイライラしない！ 誰でも、切り抜き30秒・調整30秒で完成できる方法。 WEBサイトやLPのキービジュアルでは画像を使うことが多い。 しかし、お客様から素晴らしい画像の支給があるとは限らない。 「これ、マスクしないといけないじゃないか！」 昔からマスク専用のアプリケーションがあるほど、 マスク作業・切り抜き作業というのは 利益にならないのに、手を抜けない根気が必要な作業。 しかし、今なら誰でも簡単に、1分あればできる。 今更だが、やっとAdobeのCS5シリーズをまともに使い始めたので ここで、Photoshop CS5を使った、超簡単マスク術を紹介したい。 お題の写真 こちらが今回のお
-
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Copyright © 2005-2025 Hatena. All Rights Reserved.
設定を変更しました