タグ

photoshopに関するroylatteのブックマーク (75)

  • Photoshopのレイヤー分けがカオスにならない整理術 | SMARQ

    今年からWEBデザイン2年目に突入しました。Photoshopでバナー・ランディングページ・アプリ・コンパネまで色々作ってきましたが、初期の頃のデータを見返すとレイヤー分けがカオスで申し訳なくなります。 レイヤー分けがカオスだと、それを引き継いだ人の時間も奪いますし、自分でさえ分からなくなって非効率の悪循環に陥ります。レイヤーの乱れは心の乱れです。 …と言いつつ、レイヤー分けにこだわりすぎても現状の作業が遅くなりますよねー。僕は特に大雑把なので、単純な小技だけで実現できる整理術を考えました。プラグインもいりません。楽なのでオススメです☆ 1.「〜のコピー」を付けない設定 以前、レイヤー複製で「〜のコピー」を付けない方法:Photoshopという記事の書きました。まず、この設定をしましょう。 レイヤーウィンドウの右上からパネルオプションを選び「コピーしたレイヤーとグループにコピーを追加」とい

    Photoshopのレイヤー分けがカオスにならない整理術 | SMARQ
  • 40分かかる作業が3分で終わる!Photoshopの神ワザまとめ | Find Job ! Startup

    FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ

    40分かかる作業が3分で終わる!Photoshopの神ワザまとめ | Find Job ! Startup
  • FINDJOB!終了のお知らせ | FINDJOB!

    FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ

    FINDJOB!終了のお知らせ | FINDJOB!
  • Photoshopで人物の髪の毛を「境界線の調整」を使って簡単に切り抜く方法 | ページ 2 / 3 | 東京上野のWeb制作会社LIG

    こんにちは、デザイナー兼フォトグラファーのおまめ (@omame_creator) です。 今回はPhotoshopで写真を切り抜く方法、髪の毛のような細かいものをきれいに切り抜く方法、背景と馴染ませる方法を解説します。 どれも私が試して一番短い時間で簡単にできた方法なので、ぜひ試してみてください! 独学でつまずいていませんか? Photoshopの使い方を効率的に学びたい、プロのデザイナーに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGでもWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。「今すぐスクールの概要を知りたい!」という方は、ぜひこちらより資料をご請求ください。 ※この記事は2022年3月に編集部が情報を更新しました 「選択とマスク」を使って髪の毛を切り抜く方法 髪の毛を目立たせるため、強めになびかせた

    Photoshopで人物の髪の毛を「境界線の調整」を使って簡単に切り抜く方法 | ページ 2 / 3 | 東京上野のWeb制作会社LIG
  • How to Transform a Man to a Pretty Girl Using Photoshop

    2013年3月25日 Photoshop 最近のPhotoshopはすごいですよね。物を何もなかったかのように消したり、ぽっこりお腹を自然にひっこめたり。今回はそんな魔法ツールPhotoshopで、男子をキラキラ女子に変身させてみようと思います!女性モデルにも使える技も多数紹介しているので、人物の補正をする時に参考にしてみてください! ↑私が10年以上利用している会計ソフト! 元画像はこちら ご協力してくださったのは、顔面広告などの個性的なサービスを立ちあげて活躍中の大川竜弥さん。写真素材を無料で配布しているサイト、PAKUTASOのモデルとしても大人気ですね!Web屋さんなら一度は大川さんの年収が低すぎて驚いている写真やこたつでだらけてる写真を見たことがあるのではないでしょうか? そんな大川さんを素敵に変身させますよー!ちなみに使用したのはMac OS, Photoshop CS6です。

    How to Transform a Man to a Pretty Girl Using Photoshop
  • 角丸の作成・修正の強力な武器になる機能拡張 -Corner Editor | コリス

    Corner Editor Corner Editorの主な特徴 Corner Editorのインストール Corner Editorの使い方 Corner Editorの主な特徴 旧版の全ての機能が使え、更に多くの機能を備えています。 直線で作成された角に角丸作成・修正ができます。 角を一つだけでも、複数同時でも、複数別でも簡単に角丸を適用できます。 角の種類は角丸だけでなく、計4種類のスタイルに増えました。 多角形にも対応しました。 一度設定した内容をセーブできるようになりました。 パスがスムースになりました。 各コーナーにラベルを付与できるようになりました。 Corner Editorのインストール インストールは簡単です。 ※Win/Mac共通です。 ダウンロードして解凍した「Corner Editor.jsx」を、Photoshopフォルダ内の「/Presets/Scripts/

  • Photoshopで40分かかっていた作業が5分でできる「神速Photoshop」

    結果が同じなら過程はどうでもいいというのは嘘で、むしろ結果が同じなら素早い方が良いわけです。作業のスピードを上げるというのはキーボードのタイピング速度を物理的に高速化したりすることではなく、「効率化」することで無駄を省き、よりスマートにすることによって「最小限の労力で最大限の成果を上げる」ことを可能にする技術を習得することであり、そういう点にフォーカスを絞り込んだ書籍が「神速Photoshop」です。 献された実物のページをめくると最初に目に飛び込んでくるのがこの「神速デザイン 五カ条」。中身は「ショートカットを活用しよう」「最新機能を使いこなそう」「目的によってツールを使い分けよう」「「直し」に強いデータを作ろう」「面倒な作業は自動化しよう」となっており、どれもこれもうなずけるものばかり。 「書の使い方」のさらに下部を見てみると「書の作例データは以下のURLからダウンロードできます

    Photoshopで40分かかっていた作業が5分でできる「神速Photoshop」
  • 新着記事

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

    新着記事
  • PhotoshopのGPU/OpenGLって使ってる? 僕が使ってるお気に入り機能まとめ / Maka-Veli .com

    メモリいますしグラボによっては使えないそうですが、皆さんGPU/OpenGLって使ってますか?僕は一応使ってます。使いこなせてないと思いますが。けっこう便利な小技が揃ってるので、個人的に気に入った機能をまとめました。使った事無い方は是非一度お試しください。 それと、3Dが出来るのは大きいかもしれないですね。使い方によっては面白い装飾が作れます。 が、3Dに関しては知識不足の為、省きます。 CS4から、あるいはCS5から導入された物が散らばってますが、 僕の環境が5.5なので5.5前提で書いていきます。ちなみにWinですが、Macも部分併記。 それと、恐らくCS6は微妙にどこか違うはず。6での追加機能も特に調べて無いです。 なんだよCS6書けよとご不満の方、CS6買って!CC1年でも良いです。ぜひ! フリップ スマホ的な感じで、するするーっと動くようになります。 [Spac

  • 2012年、Photoshopの使い方を実践からしっかり学べるチュートリアルのまとめ

    2012年に公開されたものを中心に、素材の入手やレタッチのテクニックなど丁寧に解説されたPhotoshopのチュートリアルを厳選して紹介します。 完成作品を見るだけでも楽しくなりますね。

  • ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP

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

    ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
  • こんな不思議ワールドも簡単に作れる! Photoshopのビフォーアフター&プロセス教室

    こんな不思議ワールドも簡単に作れる! Photoshopのビフォーアフター&プロセス教室2012.12.09 21:00 そうこ 不思議の国はPhotoshopで作れる。 Photoshopで作ることができるのは、カワイイ!だけじゃない。でかい電池のドラムに、巨大犬に股がるアドベンチャー、色々な世界を作ることができるのです。じゃぁどうやるの? Martin De Pasqualeさん作の画像を参考に見ていきましょう。 ドラム電池 1番難しいのはライティングと色をマッチさせること。これを克服する1番のポイントは、各撮影を同じ場所、同じセッティングでやってしまうこと。この場合はドラムを演奏するMarinさん、それとドラムになる乾電池を別々に、同じ場所で撮影していきます。電池の向きや置き方も同じ様に。するとあとで合成する時に楽ちん。 巨大犬 こちらも、電池と同じく大きさを変えて作る世界。やり方は

    こんな不思議ワールドも簡単に作れる! Photoshopのビフォーアフター&プロセス教室
  • サービス終了のお知らせ - NAVER まとめ

    サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

    サービス終了のお知らせ - NAVER まとめ
  • http://webdesignmatome.com/web-tips/photoshop-shortcut

    http://webdesignmatome.com/web-tips/photoshop-shortcut
  • 美しい光・ライトを描くPhotoshopのブラシのまとめ -2012年版

    美しい光の軌跡、輝く光源、閃光、写真のぼけなど、ライトのエフェクトを描くPhotoshopのブラシを紹介します。

  • コーディングする時のスライス方法とか - CSS HappyLife

    珍しく、Photoshopネタでも。 コーディング関係だからこのブログの主題っぽい! 今回は、PhotoshopCS6を利用したスライスに関するアレコレです。 コーディング時にはスライスは必須ですし、一番面倒な部分なので少しでも効率良くスライス出来ると良い感じですよね。 内容としては、スライスの基からって訳じゃないので、最低限スライスツールが使えてる方を対象にしたような感じになってると思います。たぶん。 ちなみに、面倒な説明しなくていいから分かりやすい様に動画ベースでやっていきます! Photoshopを起動します 何はともあれ、Photoshopを起動します。 これはすごく重要な作業です。 Photoshopは重いので起動するのがダルいですね。ウチのVAIO Zが頑張ってます。 CS3の頃はサクサクで良かったんですが。 起動したら、psdファイルを開きましょう。 普通のスライス まずは

    コーディングする時のスライス方法とか - CSS HappyLife
  • 【UI デザイン 練習用 - エアメール風】 - Webサイトのデザインをしよう

    PhotoshopでWebサイトのデザインをしよう「連載!実践で学ぶWebサイト制作ガイド」第四弾はAdobe Photoshopというツールを使って実寸のサイトデザインを作成します。Photoshopで説明していきますが、同様のグラフィックツールでもOK。Photoshopは体験版もあるのでぜひご利用ください。説明しやすいよう、簡単なデザインにしたつもりですが、すごく長くなってしまったような…。わかりにくくてすみません X( 実践で学ぶ Web サイト制作ガイド:その 4目標:実際の幅にあったサイトデザインが作れる・Photoshop の基的なツールを使った装飾ができる必要なもの:Adobe Photoshop対象レベル:Photoshop の基的なツールの使い方がわかる目次誰のため?何のため?Web サイトを作り始める前に。Web サイトの構成図を簡単に作れる便利ツールWeb サイ

    【UI デザイン 練習用 - エアメール風】 - Webサイトのデザインをしよう
  • Photoshopを使いこなすための印象的なチュートリアルいろいろ

    Photoshopを使えばここまでの作品ができる、ということがよくわかるチュートリアル集が「35 New Photoshop Tutorials with Various Techniques」です。アイコンからSFっぽいイラストまで、さまざまなジャンルにおける作品のメイキングが公開されており、技術が学べるだけでなく、こんなラフスケッチからここまでの作品が……!と製作過程を眺めているだけでも楽しめます。 35 New Photoshop Tutorials with Various Techniques | The Design Inspiration ◆Photohop Tutorial Link: A Cute Cartoon Artwork Creation 鉛筆でのスケッチはこんな感じ。 スケッチをスキャンし、Photoshopを使って着色していきます。 完成作品はこちら。 なお、

    Photoshopを使いこなすための印象的なチュートリアルいろいろ
  • モダンなサイトデザインのPhotoshopテンプレート13:phpspot開発日誌

    13 Free PSD Web Design Templates モダンなサイトデザインのPhotoshopテンプレートが13個まとまっています。 1からはじめるよりもスピーディーにレイアウトが組めそうですね。 関連エントリ Facebookのタイムラインを作る際に便利なPhotoshopテンプレート

  • サービス終了のお知らせ - NAVER まとめ

    サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。