『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
こんにちは。食欲の秋まっしぐら井畑です。 今回は、Photoshopのショートカットを整理していたらステキな設定を見つけましたので、ご紹介したいと思います。 そのステキな設定とは「レイヤースタイルのコピー&ペースト」のショートカットです。結構めんどくさい作業だったのですぐに設定しました;) さぁ詳しい説明しますよーそれではどうぞ!! レイヤースタイルのコピー/ペーストを設定すると幸せになれる レイヤースタイルって何? ショートカットの説明の前に、レイヤースタイルについて軽く説明をしておきます。 レイヤースタイル(レイヤー効果)とはPhotoshopでレイヤー(図形レイヤーや文字レイヤーetc…)にたいして装飾や効果を設定できる機能のことをいいます。これを使えば、長方形に境界線をつけたり、文字にドロップシャドウをつけたりするのがとても簡単にできるようになります。 レイヤースタイルは一度作成す
こんにちは。デザイナーの白浜です。 今回はPhotoshopでギザギザしたアイテムを作る方法をご紹介します。 ジグザグラインの作り方 まずはジグザグミシンで縫ったようなジグザグラインの作り方です。 ラインツールや長方形ツールで細長い線をひきます。 次に「フィルタ」→「変形」→「波形」ツールを使います。 ※この時パスはラスタタイズ化されてしまうので注意。 波型のオプションを上記のように設定します。ポイントは波数を1にすることと、三角波にチェックを入れること。これで均等で角がとがったジグザグになります。 上の設定でできたジグザグはこんな感じです。 このツールの困った点は、ご覧のとおりプレビュー画面に拡大機能がないのでプレビューが意味をなしていないことです。(CS6使用。CCだとどうにかなってたりするかな?) 白色だとよりわかりづらいですね。 一部を新規レイヤーにコピーして、線だけにしてからフィ
こんにちは。Photoshopの起動と共に目覚め、Photoshopの落ちとともに眠ります。井畑です。 最近、縦に長いバナーを作る事が多く、それに伴い縦で文字組する事が多くありました。 その時に困ったのが「!」や「半角英数」の扱い 普通に打つと「!」や「半角英数」は横に寝てしまうので、いちいちその部分だけテキストボックスを分けて作成していましたが、後輩に簡単でスマートなやり方を教えてもったのでご紹介いたします。(ありがとう後輩!!) それではどうぞ!! まずは例を置いておきますね。 例の様にPhotoshopで縦書きに文字を打つと「!?」が横になってしまいます。 「縦中横」にチェックを入れればスマートに縦書きに 「!?」だけ別途テキストボックスを作ればもちろん縦にできますが、これを回避するスマートな方法があります。やり方は簡単。 縦にしたい箇所(テキスト)を選択して、[文字パネルのメニュー
作成:2013/07/16 更新:2014/11/01 無料素材 > 写真うつりが悪い、気になるところをサクッと修正したい。今回は、顔や体型を簡単に修正する方法やアクションをまとめました。結構共通する部分が多いですが、顔以外にも使える色々な方法があるのでお試しを。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 髪 1.髪の色を変える 2.髪の毛を切り抜く 肌 3.シミやそばかすを消す 4.肌を美白にする 5.肌を滑らかにする 顎 6.顎をシャープに 7.リフトアップ 目 8.目を大きくする 9.まつげを増やす 10.目のクマ/ほうれい線を消す 11.目の色を変える 鼻・唇 12.鼻を高くする 13.ぷるるん唇にする 14.歯を白くする 体型・表情 15.バストアップ 16.ポーズを変える 17.顔の表情・形を変える 背景 18.背景を消す 19.背景をぼかす
こんにちは、デザイナー兼フォトグラファーのおまめ (@omame_creator) です。 今回はPhotoshopで写真を切り抜く方法、髪の毛のような細かいものをきれいに切り抜く方法、背景と馴染ませる方法を解説します。 どれも私が試して一番短い時間で簡単にできた方法なので、ぜひ試してみてください! 独学でつまずいていませんか? Photoshopの使い方を効率的に学びたい、プロのデザイナーに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGでもWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。「今すぐスクールの概要を知りたい!」という方は、ぜひこちらより資料をご請求ください。 ※この記事は2022年3月に編集部が情報を更新しました 「選択とマスク」を使って髪の毛を切り抜く方法 髪の毛を目立たせるため、強めになびかせた
あら簡単!写真やウェブページの画像にパースをつけてかっこよく魅せるPhotoshopのアクション -Perspective Actions
Web制作でのデザインにはPhotoshopを使っています。Kanaです。 ショートカットを使ってPhotoshopを操作しているのですが、作業中、 「え、そんな便利なショートカットがあったの?」といわれることがありました。 Photoshopを使ってデザインされている方の参考になればと思い、私がよく使うショートカットをまとめました:) ショートカットを使うと、マウスの操作が減るので、とても便利ですよ! あくまで私がよく使うショートカットですので、同じ動作が他のショートカットで出来たり、このショートカットがあるのに、あのショートカットはない…ということがあるかもしれません。 1.ファイル管理系ショートカット1-1.新規作成1-2.キャンバスサイズの変更1-3.上書き保存1-4.別名を付けて保存1-5.ウィンドウを閉じる1-6.アプリケーションを終了2.基本ショートカット2-1.コピー2-2
こんにちは。デザイナーのハルエです。今回はIllustratorのレイヤーを保持したままPhotoshopに移動する方法をご紹介します。 最初からPhotoshopで作ればよくない?と言う方もいるでしょうが、私はイラストなど細かいパスを描くときはイラストレーターの方が断然使いやすいので、いつも「Illustratorでパスデータを作成→Photoshopで加工・着色」という方法で作業しています。 ではさっそく試してみましょう! 「ググってわからないこと」が一瞬で解決するかも? Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGのスクールでは、現役デザイナーがマンツーマンで指導します! ▼少しでも気になる方は、ぜひ公式サイトをご覧ください! Illustratorでデータを作る まずは今回のサンプルとし
2013/5/7に、Adobe Fireworks の事実上の開発終了が発表されました。 ただし、「バグ修正やセキュリティ関連のアップデートは継続する」とのことですが、いつまでも使い続けられることを保証するものではないので、Fireworks ユーザーの方はそう遠くないうちに別のアプリケーションに乗り換える必要があると思います。 Adobe、Web画像ツール「Fireworks」終了へ – ITmedia ニュース 移行先アプリケーションの候補の1つである Photoshop について、Twitterを見ていると「Photoshop でのWebデザインは制作効率が悪い」という方が多いようですが、私はそんなことはないと思っています。 なぜそう言えるのかについて、簡単にまとめてみました。 目次 FireworksとPhotoshop、それぞれのメリットとデメリット なぜ「Photoshopは効
こんにちは。唐揚げ大好き横地です。 先日、社内で「Photoshop補正講座」というのを開催しました。 メインコンテンツは「ヒストグラムの理解と、レベル補正とトーンカーブの使い方」でした。 先ず、レベル補正、トーンカーブに興味を持っている時点で初心者の域から一段昇っていると思いますが、これらを感覚でなく理論で使いこなせるようになるためには、ヒストグラムへの理解が必須です。 多くのPhotoshop本などで、ヒストグラムへの言及はありますが、これがそもそも何であるかを、きちんと理解できるよう説明しているものは少ない… 私自身は、そこを「ちゃんと」説明している本に出会ったことがありません。 たとえば、Photoshop Lightroomのヘルプでは、このように説明されています。 http://helpx.adobe.com/jp/lightroom/kb/6280.html ヒストグラムとは
Posted: 2013.04.23 / Category: WebDesign WebデザインツールとしてFireworksとPhotoshopがよく挙げられますが、私はFireworksをメインに使用しています。理由はFireworksと比べるいろいろと不便な点があったからなのですが、ちょっと調べたらいろいろと知らないだけだったのでメモしておきたいと思います。 Photoshopってキャンバスで直接選択できなくね? Fireworksは選択ツールでキャンバスでオブジェクトを直接選択できるのに、Photoshopはレイヤーから選択しないといけないから直感的じゃないですよね。いえいえ直接選択もできますよ。 左パレットから「移動ツール」を選択ます。そのままだと選択されているレイヤーを移動させるだけのツールですが、「cmd + 左クリック」することで選択することができます。 ドラッグすれば範囲
こんにちは。今日も元気にPhotoshopと戯れます井畑です。 今回はPhotoshopの文字詰めに使うツールについてちゃんと調べてみました。 今では息をするように文字詰めをしていますが、デザイン初めたての時は勝手が分からず苦労しました…Photoshopの文字詰め♪ 基本的なことがほとんどなので、知ってる人にとっては当たり前のことですが、おさらいによろしければご覧ください。 それではどうぞ! ちょっと待って文字詰めって何? まずは文字詰めが何か分からない人の為に軽く説明しておきますね。 ワンランク上のデザインにはかかせない文字詰め 文字詰めとは読んで字のごとく、文字と文字の間を詰めてバランスをとる作業のことです。 通常文字を打っただけでは「ベタ組み」と呼ばれ、基本的に文字と文字の間が空きすぎています。それを詰めてデザインのバランスをとります。 WEBの性質上テキストデータの文字詰めは難し
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く