タグ

関連タグで絞り込む (1)

タグの絞り込みを解除

photoshopに関するvinylismのブックマーク (21)

  • スキャンした下絵や線画から1クリックで主線を抽出するPhotoshopのアクション -Lineart Separate

    個人でも商用でも無料で利用できる、下絵や線画から1クリックで主線を抽出するPhotoshopのアクションを紹介します。 数手間かかるのが、1クリックでできちゃうと楽ちんですね。 登録すると、こんな感じに。 ※最後のアクション「Layer 0」で、日語環境だとアクションが止まってしまいますが、単にレイヤーを非表示にするだけのアクションなので無視しても大丈夫です。変更する時は上にちらっと見えてるように「レイヤー0」にします。 というわけで知り合いの絵師さんに下絵をいただいたので、実際に使ってみました。

    スキャンした下絵や線画から1クリックで主線を抽出するPhotoshopのアクション -Lineart Separate
  • PSDファイルを基にしたリリースレベルのレスポンシブデザインの作り方

    前回の「コーディングの手腕がないデザイナーだけでWebページ制作をしてみた件について」から続いていたLP(ランディングページ)制作も、ひとまずは落ち着いたかのように見えた。 しかし、クライアントもいろいろとWebの最新情報を集めているようで、次なる要望を伝えるメールが届いた。 スマホで見てもPCと同じレイアウトだから、ちょっと使いにくいので、スマホで見たときはレイアウトを変える方法、「レスポンシブ」っていうのですか、アレをやってほしいのです。社長は「岡さんなら10分くらいで終わらせられる」って言うのですが、さすがにそれは難しいと思うので明日の15時くらいまでにいただけるでしょうか? また明日! しかも検討の余地すら与えられない! 「Adobe Creative Cloud」なら何とかなるのだろうか……。 「レスポンシブWebデザイン」(以下、レスポンシブデザイン)というのは、デバイスの情

    PSDファイルを基にしたリリースレベルのレスポンシブデザインの作り方
  • わずか1分でプロっぽい写真にできるPhotoshopのHDRトーン機能がすごい | 楽してプロっぽいデザイン | Forty-N-FiveBlog

    HDR(ハイダイナミックレンジ)をご存知でしょうか?ハイダイナミックレンジとは、明るいところと暗いところを同時に階調を残して表現することができる写真の表現技法のことです。PhotoshopにはHDRトーンという機能がありますが、これを設定するだけであっという間に写真をプロっぽく仕上げる事ができます。 わずか1分でプロっぽい写真にできるPhotoshopのHDRトーン機能 HDRトーンを設定 上のメニューから「イメージ」「色調補正」「HDRトーン」を選択し、値を下記のように設定します。(値は任意ですので、とりあえず良い感じ調整すれば良いと思います。) やることはこれだけですが一気にプロっぽい感じに補正する事が出来ました。 これで完成です。 こちらが修正前です。 Flickrに大きな写真をアップしています。Flickrに大きな写真をアップしましたので、Before/Afterでその違いがよくわ

  • [Photoshop] The 12 Best Free Photoshop Plugins for Designers - デザイナーのためのフォトショッププラグイン

    [Photoshop] The 12 Best Free Photoshop Plugins for Designers – デザイナーのためのフォトショッププラグイン Pocket Tweet デザイナーのためのPhotoshopプラグインを12個まとめた記事。SNS用の画像吐き出しをサポートするもの、レイヤー関連ツール、スライサー、CSS3への変換ツール、アイコンライブラリ、ガイド生成、レイヤーコンプレッサー、Webフォントツール、レイヤー書き出しツールなどがあります。プラグインって入れ過ぎると重くなったり不安定になったりするので自分はあまり入れないようにしてますが、「こればっかりは手放せねぇ」的なものも長く使ってるとありますよね。Photoshopが日常のツールな人に是非これひとつ、という内容の記事。 The 12 Best Free Photoshop Plugins for De

  • おすすめ!Photoshopのフォントをもっと選択しやすくする·ConceptualCase MOONGIFT

    ConceptualCaseはPhotoshopのフォント表示を階層化し、Font Bookで管理できるようにするソフトウェアです。 Mac OSX版のPhotoshopで作業している時に、フォントを選ぶのがとても面倒に感じていました。あれだけ長く並んでいると、多数のフォントをインストールしている場合に大変です。そこで使ってみたいのがConceptualCaseです。 インストールしていない場合。CS6用ですがCS5でも使えました。 インストールするとこんな感じに。かなり見やすいです。 整頓する時にはFont Bookを使います。 ConceptualCaseはSIMBLプラグインとして提供されるソフトウェアです。インストールした後、Photoshopを起動するとフォント選択が階層化されます。これでFont Bookを使ってリストを管理しておけばすぐに必要なフォントが探し出せるようになるは

    おすすめ!Photoshopのフォントをもっと選択しやすくする·ConceptualCase MOONGIFT
  • Photoshopの作業効率をアップする便利すぎるエクステンションのまとめ

    最後の一つだけ有料ですが、あとは全部無料の便利すぎるPhotoshopのエクステンションを紹介します。 ガイドや角丸の作成もレイヤー管理・パーツ管理も今まで以上に楽になるはず! ガイド引きの効率アップ -GuideGuide 角丸の作成も修正も簡単にできる -Corner Editor PhotoshopのレイヤースタイルをCSS3にする -CSS3Ps レイヤー周りの機能を強化する -12 Pro Photoshop Time Savers 複数の画像で雑誌風のレイアウトを作成 -Tych Panel よく使うパーツを格納できる -Pixel Dropr ガイド引きの効率アップ -GuideGuide レイアウト用のグリッドを設計したり、エレメントの中心をだしたり、余白を確保するのに便利なエクステンション。 GuideGuide(無料) 対応バージョン Photoshop 2.0.3(f

  • これはヤバイ!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

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

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

    コーディングする時のスライス方法とか - CSS HappyLife
  • http://handywebdesign.net/2012/09/how-to-move-path-and-layer-from-ai-to-ps/

    http://handywebdesign.net/2012/09/how-to-move-path-and-layer-from-ai-to-ps/
  • CanLinkCup - Live Football Updates & Transfer News

    In short: yes, Ligue 1 does have a winter break. Every season in France’s top flight includes a pause over…

    CanLinkCup - Live Football Updates & Transfer News
  • 初めてPhotoshopでWeb制作する前にやっておくといい設定8(CS6/CC含む) | Design Color

    はじめに 先日ちょうどAdobe Creative Cloudを申し込みました。 Photoshopをまっさらな環境にする必要があるため、今回はまさに新品状態のCS6/CCの画面で解説をします! もくじ 定規などの単位はpxで統一 「自動選択」で図形からレイヤーを選択する 「バウンティングボックス」を表示して選択や変形をしやすくする 「ピクセルにスナップ(エッジを整列)」で端がぼやけるのを解消 レイヤーコピー時に「〜のコピー」とつけないようにする スライス書き出し時に「images」フォルダを作成しないようにする 【CS6/CCの場合】カラーテーマをグレーにする 【CS6/CCの場合】切り抜きツールを「クラシックモード」にする 起動画面。か、かっこいい…! CS6/CCはUIが黒いのですね。ちょっと慣れない。 従来のグレーにする方法も後ほどお伝えしますので、どうぞおつきあいください! 1.

    初めてPhotoshopでWeb制作する前にやっておくといい設定8(CS6/CC含む) | Design Color
  • Photoshop tutorials: 100 editing tips

    Issues filled with product reviews, latest updates, expert advice and moreDelivered to your Android or IOS deviceEvery issue is packed with photo tips, kit reviews and inspiration

    Photoshop tutorials: 100 editing tips
    vinylism
    vinylism 2012/05/27
    フォトショップユーザーなら知っておいた方がいい101のトリック
  • photoshop(フォトショップ)で髪の毛を自然な形で切り抜く方法 | 楽してプロっぽいデザイン | Forty-N-FiveBlog

    フォトショップでは様々な切抜きの方法があり、パスを使って切り抜くことが多いですが、髪の毛を切り抜く際、先端部分をパスで綺麗に切り抜くことは至難の業です。そんな時「チャンネル」を利用して切り抜きを行えば、髪の毛部分も自然な形で切り抜くことが出来ます。 「チャンネル」を利用して髪の毛を自然な形で切り抜く方法 パスでおおよその輪郭を選択します 「ペンツール」を選択し、パスパレットよりパスを新規作成します。おおよその輪郭のパスをとっていきます。ポイントは、髪の毛の部分は内側にパスをとることです。 髪の毛部分をなげなわツールで選択します 「なげなわツール」より髪の毛の先端部分を囲んでいきます。ある程度適当でかまいません。 なげなわツールで選択範囲が取れれば、Ctrl+Jを押してみます(今選択した部分のみコピーされ新規レイヤーに追加されます。) 「チャンネル」での処理 現状レイヤーには、基画像と、手順

  • [Photoshop CS5] 画像処理が格段に楽になる Photoshop アクションいろいろ | バシャログ。

    みなさんはじめまして。 シーブレイン、Webデザイナーの Latin です。 今回が初ブログとなります(汗)今後ともどうぞ宜しくお願いいたします。 早速何を書こうか非常に悩みましたが、まずは基に立ち返り、"画像処理作業"などの日常のルーティンワークを格段に早く、効率的にする事ができる Photoshop のアクションコマンドをまとめてみました。 え?そんなもん既に使ってるって? そうおっしゃらず・・・まだ使ってない方はぜひ一度試してみてくださいね! 今回は私が個人的によく使っているアクションコマンドと、有用性の高そうなものをご紹介させていただきます。 その前に Photoshop アクションコマンドの簡単な説明を。 【 Photoshop のアクション】とは? 例えば、写真のリサイズや色調変換などの作業を10回・・・100回と繰り返しやってると嫌気が差してきますよね^^; アクションはそ

    [Photoshop CS5] 画像処理が格段に楽になる Photoshop アクションいろいろ | バシャログ。
  • 複数の画像のレイアウトを自動化できるPhotoshopのエクステンション -Tych Panel

    あらかじめ設定したサイズにフィットするように複数の画像を配置するPhotoshopのエクステンションを紹介します。 Tych Panel [ad#ad-2] Tych Panelとは Tych Panelのインストール Tych Panelとは Tych Panelは写真などの画像のレイアウトを自動化するPhotoshopのエクステンションで、レイアウトの設定は事実上無限です。 下記のようなレイアウトも1クリックで簡単にできます。 Tych Panel -ギャラリー 背景色や角丸にも対応。 [ad#ad-2] Tych Panelの主な特徴 横・縦に画像を配置 高さ・幅のリサイズが可 スマートオブジェクト・レイヤーマスク対応 Adobe Bridge対応 背景色、ボーダー、角丸の設定可 Tych Panelのインストール インストールはちょっと面倒かもしれません。 ダウンロードしたファイル

  • グラデーションをより美しく滑らかにするPhotoshopのアクション -No More Banding

    グラデーションを描いた時にできてしまうバンディング(濃淡の縞)を滑らかにするPhotoshopのアクションを紹介します。 手動用にそのアクションの解説も。 Photoshop Actions to fix the banding of Photoshop's gradients. [ad#ad-2] No More Bandingの使い方 No More Bandingの仕組み No More Bandingの使い方 No More Bandingの使い方は簡単です。 「Download」ボタンから「No More Banding 0.5.atn.zip」をダウンロードして、解凍。 「No More Banding 0.5.atn」をPhotoshopのアクションパネルに登録。 インストールが完了すると、下記のようになります。 右半分が適用前、左半分が適用後です。 No More Band

  • Photoshopの上級者でさえなぜか曖昧な5つの基本機能 - MdN Design Interactive

    深く、くわしく掘り下げます! Photoshopの上級者でさえ なぜか曖昧な5つの基機能 Photoshopをそうとう使いこなしている人でも、「実は曖昧に使ってる!」という基機能は意外に多いのではないでしょうか。Photoshopの初心者、中級者ならなおさらです。そこで今回の特集では、多くのクリエイターが曖昧に使っていそうな、かつ基的な機能だけを深く掘り下げてみました。「こういったことだったのか!」と目から鱗なトピックが目白押しです。 ベベルとエンボスによる立体表現を熟知する

    Photoshopの上級者でさえなぜか曖昧な5つの基本機能 - MdN Design Interactive
  • ちょっとぼんやりした画像をくっきりさせるPhotoshopのチュートリアル | コリス

    元画像を一切劣化させることなく、ちょっとぼんやりしたねむい画像をくっきりさせるPhotoshopのチュートリアルを紹介します。 レースの柄をはじめ、よりくっきりしているのが分かると思います。 How to Non-destructively Sharpen Your Image In Photoshop [ad#ad-2] チュートリアルは4ステップで、慣れれば数分でできる思います。 下記は各ポイントを意訳したものです。 Step 1:画像の準備 Step 2:ディテールの抽出 Step 3:ディテールの調整準備 Step 4:ディテールの調整 完成 Step 1:画像の準備 まずは、元となる画像をダウンロードします。 Autumn Stock IV [ad#ad-2] ダウンロードした画像をPhotoshopで開いてください。 画像を加工するときは、元画像はそのまま残し、コピーした画像を

  • 角丸のぼけをなくすためのPhotoshopの設定 – creamu

    Photoshopの角丸長方形ツールで角丸を描いたとき、端がぼけることがありますよね。 blurな状態 clearな状態 これは、以下のように角丸長方形オプションで「ピクセルにスナップ」にチェックをつけることで防ぐことが可能です。

  • Photoshopの面倒なガイド引きを楽チンにするエクステンション -GuideGuide

    ウェブページのレイアウト用にグリッドを設計したり、エレメントの中心をだしたり、余白を確保するなど、Photoshopのガイド引きを楽チンにするエクステンションを紹介します。 この機能はデフォルトで実装してほしいですね。 GuideGuide 以前、紹介した時に比べてバージョンアップし、使い勝手がよくなりました。 [ad#ad-2] GuideGuideの対応バージョン GuideGuideのインストール GuideGuideの使い方 GuideGuideの対応バージョン Photoshop Photoshop CS4 Photoshop CS5 OS Windows(32bit) Windows(64bit) Mac OS CS5+Mac OSX Lionでは「Patch」が必要です。 GuideGuideのインストール GuideGuideのインストールは簡単です。 ここでは、Windo