新着記事『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
PhotoshopってFireworksと違ってここがダメだよねって思ってたけど使い方知らないだけだった件
Posted: 2013.04.23 / Category: WebDesign WebデザインツールとしてFireworksとPhotoshopがよく挙げられますが、私はFireworksをメインに使用しています。理由はFireworksと比べるいろいろと不便な点があったからなのですが、ちょっと調べたらいろいろと知らないだけだったのでメモしておきたいと思います。 Photoshopってキャンバスで直接選択できなくね？ Fireworksは選択ツールでキャンバスでオブジェクトを直接選択できるのに、Photoshopはレイヤーから選択しないといけないから直感的じゃないですよね。いえいえ直接選択もできますよ。 左パレットから「移動ツール」を選択ます。そのままだと選択されているレイヤーを移動させるだけのツールですが、「cmd + 左クリック」することで選択することができます。 ドラッグすれば範囲
脱!photoshop初心者! ワンステップ上のレイヤーの使い方 | Photoshop Spice
photoshopのレイヤーの便利な使い方をまとめました。 これらを覚えておくとだいぶ作業が捗ると思います。 対象はphotoshopを使い始めたばかりの方～効率的に使いたいと思ってる方です。 なのでバリバリに使ってる方には得ることはないと思います。悪しからず… また、あまりに基本的なことは端折ってあります。 ※ショートカットはMac用の表記になってます。 windowsの場合は[command]→[Ctrl]、[option]→[alt]に置き換えてください。 新規レイヤー作成 レイヤー複製 グループ 選択 順序 マスク 選択範囲 表示非表示 リンク 整列 結合・スタンプ レイヤー効果 その他 新規レイヤー作成 レイヤーパレットの新規レイヤーアイコンで新規レイヤーを作成できます。 [option] + 新規レイヤーアイコン で、ダイアログを出して新規レイヤーを作成します。 [c
Telegraphics - Free plugins for Photoshop & Illustrator...and other software
ICO (Windows Icon) Format An easy way to create your web site's favourites/shortcut/bookmark icon in Photoshop. FREE, $5 donation suggested if you love the plugin. (MacHouse has a video tutorial on making a favicon.) More information Български Dansk Deutsch Ελληνικά Español فارسی français עברית हिंदी Hrvatski Bahasa indonesia italiano 日本語 Magyar Nederlands Norsk polski português pt-BR Română Pyccĸ
Photoshop補正講座〜ヒストグラムとレベル補正とトーンカーブ〜 – from Editors | サストコ
こんにちは。唐揚げ大好き横地です。 先日、社内で「Photoshop補正講座」というのを開催しました。 メインコンテンツは「ヒストグラムの理解と、レベル補正とトーンカーブの使い方」でした。 先ず、レベル補正、トーンカーブに興味を持っている時点で初心者の域から一段昇っていると思いますが、これらを感覚でなく理論で使いこなせるようになるためには、ヒストグラムへの理解が必須です。 多くのPhotoshop本などで、ヒストグラムへの言及はありますが、これがそもそも何であるかを、きちんと理解できるよう説明しているものは少ない… 私自身は、そこを「ちゃんと」説明している本に出会ったことがありません。 たとえば、Photoshop Lightroomのヘルプでは、このように説明されています。 http://helpx.adobe.com/jp/lightroom/kb/6280.html ヒストグラムとは
これはヤバイ！Photoshopで目力アップ・ぷるるん唇・美肌補正する魔法のアクション -Skin Retouching
お肌のビフォー・アフター Skin Retouchingのインストール Skin Retouchingの使い方 Skin Retouchingのインストール サイトの下の方「Free Download」から「Skin - 5 Retouching Actions.zip」をダウンロードします。 5 Skin Retouching Photoshop Actions 「Skin - 5 Retouching Actions.zip」を解凍します。 Skin by SparkleStock.atn Photoshop用のアクションファイル Skin by SparkleStock.zxp Photoshop用のエクステンション Photoshopにインストールするには、.atn, .zxpのいずれかを使用します。 アクションファイルのインストール アクションファイルをインストールするには、Ph
Webデザイナーの僕が使ってみて嬉しかったPhotoshopCS6の新機能
こんにちは。 やっとPhotoshopCS6を購入しましたPhtoshop Loverの井畑です。 今回はPhotoshopCS6使ってみて「うぉーむっちゃ便利になったなー！」と思った点をまとめてみました。 PhotoshopCS6は、かゆいところに手が届く、こういう機能を待っていた！という点がいっぱいでございます。 既に発売されて結構たっていることなので、今更感はあると思いますが、よかったらご覧ください！ それではどうぞ! PhotoshopCS6の嬉しい新機能目次 オブジェクト、選択範囲を変更する時にサイズを親切に教えてくれる! レイヤーフォルダに効果を適用できる! 複数のレイヤーにまとめて「ロック、色、描画モード」を適用できる! レイヤーに色を付けるのが簡単になった! レイヤーの検索できる! 切り抜きツールで切り抜いた画像が再度編集できる! 急なシャットダウンも怖くない!自動保存機能
ポチッとするだけでプロ級の写真処理ができる良質なPhotoshopアクションまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーの王です。 昨今セピア風やらトイカメラ風何やら、昔っぽい写真のような加工が流行ってるみたいですね。自分的には今の最新鋭の一眼で撮ったまんまのようなクリアな写真のほうが好きだったりします。 とはいっても、たまには古き良き昔の写真も味深くていいのかもしれないですね。デザイン的見地から見ても色が統一されてたり、色の寒暖差が出たりで印象的な写真になりやすいものね。 スマホとかでその手のアプリが多数出回っているので、カスタマイズ性は低いものの、割りと手軽にできますが、パソコンなら言わずと知れたことだが、Photoshopで加工する場合がほとんどだと思います。 スマホよりは自分好みにいじれるが、いざやろうと思うとなかなか手間がかかって面倒だったりします。加えて、枚数が多い場合なんかはさおさらそうです。だがしかし！アクションを使えば一気に形勢逆転！ 寒色系 Purple wonde
[Photoshop]シームレスなテクスチャをワンクリックで作るアクションを作った
外で写真を撮ってきたりして、それを背景素材として使ったり出来るといいですよね。その写真、モノによってはシームレスに出来ますよ。 写真で撮ってきたテクスチャに使えそうな画像をワンクリックでシームレスな画像に作り変えられるアクションを作りました。自由に使って結構ですのでどんどん写真撮ってwebサイトの背景とかに使っちゃってください。例によって前置きいらない人はダウンロードへGO！ シームレスパターンの基本的な作り方 アクションファイルにしちゃってるのでそれをダウンロードすれば終わりですけど、作り方を知りたい人の為に一応書いておきます。 基本的にはシームレスなパターンの作り方というのは斜め45°に回転させた正方形を敷き詰めていくということが重要です。
![[Photoshop]シームレスなテクスチャをワンクリックで作るアクションを作った](https://cdn-ak-scissors.b.st-hatena.com/image/square/ef4921c030237c6860695b71450570e2af879f42/height=288;version=1;width=512/http%3A%2F%2Fwebcre8.jp%2Fwordpress%2Fwp-content%2Fuploads%2F2011%2F10%2Fphotoshop-seamless-texture-02-150x150.png)
【スウォッチ】 綺麗だなと思った写真からカラーパレット化してストックしておく
エイプリル・フールですね。でもこの記事はネタじゃないので普通に読んでいただければと思います（笑）あ、そういえば今日はヒゲを剃りましたよ。ちょっと剃り残しちゃったけど、すぐ戻ります。 さて、Dribbbleとかってそれぞれの作品にカラーパレットが登録されていますよね。 それから検索できたり、便利。 Dribbbleのカラーパレット。.acoファイル(Color Swatches)もダウンロード出来る なんかキレイなカラーパレットって、見てると嬉しくなりませんか？ なりませんかそうですか 好きな写真からカラーパレットを作る 普段、綺麗だなーと思った写真から、メインの色を抽出してカラーパレットとして並べておくんです。 並んだカラーパレットには名前なんてつけてあげちゃって。 根暗でしょう？ でもけっこうデザインする時に役に立つんです。 色の組み合わせ、感情というかストーリーが出
Photoshopでmp4をひらいて、動画から綺麗なアニメーションGIFを作る | ナナメウエblog
生きてます。ナナメウエのはっちです。 お仕事で、mp4の動画からサムネイル（アニメーションGIF）を生成したいんだけどという場面に遭遇しました。 色々調べたところ、Webアプリでもあるっぽいのですが、そのアプリを試したところ正常に動いておらず、ぐぬぬ…どうしようかな、と。 そういえば？Photoshopで動画編集ができるという噂を以前聞いたことがあったので調べてみました。 意外とまだ需要のあるアニメーションGIF。 お役に立てれば幸いです。 Photoshopでmp4動画を開く 使用しているのはPhotoshopCS5です。 どのバージョンから動画が取り込めるのかは知りません。だってわたしFireworks派だもの…！ ファイルから「開く」でもいけます。今回はドラッグ＆ドロップで。 タイムラインを表示 読み込みに少々時間がかかりますが気になるような時間でもありません。 とりこま
Photoshopのシェイプでできること。
PhotoshopをWebデザイン制作として使ってると、画像を編集する事よりも、シェイプを使って図形を描く事の方が多い気がします。Illustratorで描くのと違って、ピクセル具合も気にしながら描けるので、小さいアイコンなんかはPhotoshop上で作った方がきれいに描けたりします。それでいてパスなので、拡大しても劣化しないし、ダブルクリックでカンタンに色を変えられるし、もちろんIllustratorでも使い回せるし、いろいろ重宝ポイントがあるんです。 そんな万能シェイプの機能や特長について、個人的なまとめです。 ※この記事では、主にPhotoshop CS4を使っていますが、Photoshop CS6との違いも、分かる範囲で注釈入れてます。 ※OSはMac OS X 10.6 Snow Leopardを使ってますが、Mac OS X 10.8 Mountain Lionとの違いも、分か
ペーストに関するあれこれ｜DTP Transit
ペーストに関しては次のようなアプローチがありますが、同じCSアプリで相当異なっています。 どの座標にペーストされるのか？ 同じ位置に複製する方法 コピーしたテキストを属性なしでペーストする方法 CS5で、さらに混沌とした状況になっているので、揃えた方がよさそうです。とりあえず、Illustratorに［テキスト属性なしでペースト］機能が欲しい。 「同じ位置にペースト」（Illustrator、Photoshop）と「元の位置にペースト」（InDesign）は揃えた方がいい 「ペーストスペシャル」（Dreamweaver）と「特殊ペースト」（Photoshop）は揃えた方がいい 「選択範囲内へペースト」（Photoshop、InDesign）と「内部にペースト」（Fireworks）は揃えた方がいい ペースト複製同じ座標にペーストテキスト属性なしでペーストIllustrator
[Photoshop]マスクの方法まとめ
Photoshopのマスクのかけ方は、大きく分けて、『クリッピングマスク』、『レイヤーマスク』、『ベクトルマスク』の3種類があります。 それぞれの作成方法をご紹介します。 クリッピングマスク レイヤーマスク ベクトルマスク（CS6, CC） ベクトルマスク（CS5？以前） クリッピングマスク すぐ下にある下層レイヤーのオブジェクトの形に切り抜くマスクです。 一番簡単なマスクですが、オブジェクトを動かす時に、マスク部分も選択しなければいけないという煩わしさもあります。 01) 切り抜きたい形のオブジェクトを作成します。 パスの図形でも、フリーハンドの図形でも大丈夫です 02) 切り抜きたいレイヤーを、その上に置きます。 03) レイヤーの間を、「Alt+クリック」します。 アイコンが写真のように変化し、マスクがかかりました。 調整レイヤーも同じようにマスクがけできます。 レイヤーマスク 選択
![[Photoshop]マスクの方法まとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/bb45a436e313479c083a441149c4b60b22112d10/height=288;version=1;width=512/http%3A%2F%2Fwww.ar-ch.org%2Fwp%2Fwp-content%2Fuploads%2F05_s1.png)
[Photoshop]レイヤー効果の楽ちんコピペ方法 | 株式会社ComD
別のレイヤーにも同じレイヤー効果をかけたい場合の方法としては １）効果が掛かっているレイヤーの上で右クリック（もしくはcontrol＋クリック）するとウィンドウがでてくる ２）その中の「レイヤースタイルをコピー」にマウスを合わせクリック ３）別のレイヤーで同じく右クリックしてウィンドウを出し「レイヤースタイルをペースト」 で、効果をコピー という方法があるのですが、もっと簡単にレイヤー効果をコピーすることができます。 それは、 効果が掛かっているレイヤーの横にあるfx（レイヤー効果のマーク）をoption押しながらマウスでつかんで他のレイヤーにドラッグする という方法です。 ちなみに、 ドラッグだけだと（optionを一緒に押さないと）、レイヤー効果を移動します。 この方法は、 複数掛かっている効果の内の一つだけでもコピーや移動ができるので、 「境界線の効果だけをもってきて揃えたい！」なん
![[Photoshop]レイヤー効果の楽ちんコピペ方法 | 株式会社ComD](https://cdn-ak-scissors.b.st-hatena.com/image/square/9157c104ca8a9d02445bfe02d648e6e493c62901/height=288;version=1;width=512/https%3A%2F%2Fcomd.jp%2Fwp-content%2Fuploads%2F2017%2F02%2Fkv-2.png)
決定版！小悪魔agehaロゴをPhotoshopで！！ | 有限会社緩急クリエイティブ公式サイト【東京マーケットミルフィーユ】表参道 マーケティング グラフィックデザイン
01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 << >> new ミヤネ？ 安藤？ いや、ボンバイエ！ (04/01) スマホ ゲームは1月が勝負！ (03/25) 妖怪ウォッチブームは終わるのか？ (03/08) 少年法引き下げは今か？ (03/06) 大塚家具経営の手腕。パパか？娘か？ (03/03) category 業務実績 (24) マーケティングなう (537) computer design (151) TEXT POWER (35) 富士五湖周辺のカフェ情報 (25) ネタ (285) 業務連絡 (276) archive April 2015 (1) March 2015 (4) March 2014 (1) February 2014 (
Juaraslot88: Situs Slot Gacor dan Judi Slot88 Online Indonesia
Juaraslot88: Situs Slot Gacor dan Judi Slot88 Online Indonesia Situs Agen Judi Slot Online Terpercaya di Indonesia Juaraslot88 Selamat datang di Juaraslot88 yang merupakan situs agen judi slot online paling terpercaya di Indonesia, juga sebagai tempat bermain taruhan judi online yang aman dan murah hanya bisa anda temukan pada situs slot online terbaik Juaraslot88. Minimal deposit yang kami tetapk
Adobe Photoshop使い方講座 | Photoshop Maniax!
Adobe Photoshop（フォトショップ）を中心とした画像作成テクニック講座。色調補正等の基本からテクスチャ、ロゴ作成、画像合成までのチュートリアル！※全ての画像はクリックすると拡大表示できます。 逆光で撮影した写真等、シャドウが暗すぎ、ハイライト部が飛び気味の写真の補正をPhotoshopで行います。このようにシャドウ、ハイライト共に適正でない画像の場 [...]
PhotoshopでのWeb制作効率を向上させる「JSX」とは
ご存じの方もいらっしゃると思いますが、Adobe Photoshop は JavaScript で制御することができます。 Photoshop 用の JavaScript ファイルのことを「JSX」と呼びます。拡張子は .jsx です。 Photoshop を使ってWeb制作されている方は多いかと思いますが、Photoshop は本来写真加工用のソフトでありWebデザイン用のソフトではないため、特にレイアウト機能が Fireworks、Illustrator、InDesign などに比べ貧弱です。 しかし、JSX を使用することにより Photoshop のレイアウト機能やWeb制作向けの機能をある程度向上させることができます。 JSX は昔から Photoshop に搭載されていましたが、書き方の参考になるような書籍やサイトが少ないためかそれ程注目されていなかった気がします。 しかし、最
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Webデザインのタネ | Web制作の効率化やトレンド・ノウハウ