タグ

WebデザインとPhotoshopに関するs99e209のブックマーク (13)

  • Photoshopでほそ〜い髪の毛を1分で綺麗に切り抜く方法|フォトショップの参考書 [sitebook]

    写真に写っている人物を切り抜いて合成する仕事は、世の中にたくさんあります。 特に代表的なのは女性ファッション誌で、モデルの頭から足まで綺麗にトリミングし、すこし角度を傾けてキラキラをつけるなどして、可愛く合成されています。 しかしよく見ると、髪の毛を細かくトリミングされていない事例もみかけます。読者はそこまで見ていないでしょうが、クオリティも大事だと思います。 Photoshopで髪の毛を切り抜く技は、色々なブログで紹介されておりますが、ここでは、切り抜くのが難しい女性の画像を選定しましたので、ぜひご参考にしてください。

    Photoshopでほそ〜い髪の毛を1分で綺麗に切り抜く方法|フォトショップの参考書 [sitebook]
    s99e209
    s99e209 2014/11/18
    「自動選択ツール」と「境界線を調整」という機能を使って、髪の毛の細い線まで選択して切り抜く方法。
  • Photoshopのハイパスフィルターを使った凄技レタッチを解説 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは、デザイナーの白浜です。 最近写真のレタッチすることがちょくちょくありまして、その中で個人的に「これはすごい!」と思ったPhotoshopのハイパスフィルターを使った方法について、紹介していきたいと思います。 「ググってわからないこと」が一瞬で解決するかも? Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGのスクールでは、現役デザイナーがマンツーマンで指導します! ▼少しでも気になる方は、ぜひ公式サイトをご覧ください! ハイパスフィルターを使ったレタッチの手順 1. レイヤーを2枚複製する まずは元画像を2枚コピーします。レイヤー名は任意なのであとでわかりやすいように「ぼかし」と「ハイパス」と名前をつけています。 2. コピーしたレイヤーにフィルタをかける 複製したレイヤーにそれぞれフィル

    Photoshopのハイパスフィルターを使った凄技レタッチを解説 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
    s99e209
    s99e209 2014/11/11
    フォトショップでお姉さんのお顔全体に広がるそばかすを修正。 しかしBeforeのお姉さんはよくこんなシミになるまで日焼けしたなあ・・・
  • 【無料】DL必須のPhotoshopブラシ30選 - 2014/11/03 [Schoo]

    Photoshopブラシとは? 鉛筆のような風合い、クレヨンのような質感、水彩画のような淡いタッチ。 その全てを可能にしてくれるのがPhotoshopブラシです。質感出しはもちろん、背景やスタンプのような形でも使えます。 ・デフォルトのブラシに飽きた… ・でも自分で作るのは面倒… ・無駄なブラシをダウンロードしたくない… というPhotoshop初心者の方にダウンロードして欲しい使える【無料】Photoshopブラシを30個まとめてお届けします! 目次 ・ブラシの追加方法 ・ブラシツール30選 ブラシの追加方法 まずはブラシの追加方法。 拡張子が".abr"のブラシ素材をダウンロードしたら、Photoshopを立ち上げて追加していきましょう。 ・ブラシツールを選択 ・アイコンの「ブラシパネルの切り替え」をクリック ・別ウィンドウが開くので、ウィンドウ上部のタブを「ブラシプリセット」に切り替

    【無料】DL必須のPhotoshopブラシ30選 - 2014/11/03 [Schoo]
    s99e209
    s99e209 2014/11/09
    質感出しはもちろん、背景やスタンプのような形でも使えるPhotoshopブラシ30個まとめ
  • Photoshop不要!?簡単なデザインはiPadさえあればどこにいてもできる「Canva」 | Techable(テッカブル)

    SNSやブログ用に写真や画像にフィルターをかけたり、テキストを入れたりちょっとだけ加工したい」そんな状況であなたならどうするだろうか? 格的なものを作りたいならPhotoshopなどのデザインツールを使うのがベストかもしれないが、そこまで凝ったものを作る必要はなく、ハードルが高いという人も多いだろう。 最近では簡単にアプリやWebサイトを作れたり、Webデザインができるサービスが非常に注目を集めている。「Canva」というアプリも、簡単なWebデザインをしたい時には非常に有用なツールだ。 ドラック&ドロップでiPadからサクサクWebデザイン iPadとこのアプリさえあればどこにいても簡単に写真加工やバナーなどの作成ができるのがこのサービスの特徴。 特別たいしたスキルや知識は必要なく、ドラック&ドロップでサクサク簡単に操作が可能。予めレイアウトのフォーマットがいくつか登録されているため

    Photoshop不要!?簡単なデザインはiPadさえあればどこにいてもできる「Canva」 | Techable(テッカブル)
    s99e209
    s99e209 2014/10/21
    iPadと「Canva」アプリさえあれば簡単に写真加工やバナーなどの作成ができる。特別なスキルは必要なく、予め用意されているレイアウトのフォーマットでサクッとにデザインができる。
  • 【Photoshop入門】Webデザインをはじめよう!第1回 デザイン前に覚えておきたい環境設定とレイヤー機能 - Adobe Blog

    The Blog | Welcome to Adobe Blog アドビのブログでは、Creative Cloud、Document Cloud、Experience Cloudの最新情報や役に立つ情報を紹介しています。

    【Photoshop入門】Webデザインをはじめよう!第1回 デザイン前に覚えておきたい環境設定とレイヤー機能 - Adobe Blog
  • Webデザインが3倍速くなる!Photoshop神速テク4つ

    カンプのデザインやパーツの作成など、Webデザインにも欠かせないPhotoshop。もっとラクに、もっと速くWebデザインするために、すぐに役立つ4つの時短テクニックを紹介します。 サイズ違いのバナーはまとめて使い回し Photoshopでよく作るモノの1つといえば、バナー。掲載場所や配信先によってサイズが異なるバナーをバラバラに作成すると使い回しが面倒だし、写真や文言に変更があったときにいちいち直すのが大変ですよね。 いろんなサイズのバナーを1つのPhotoshopファイルにまとめて作成し、写真やロゴをスマートオブジェクトで一元化しておくと、バリエーションをスピーディに作れ、修正にも対応しやすくなります。 例として、大中小の3つのバナーを一気に作ってみましょう。作成する最大サイズのバナーが収まるように新規ドキュメントを作成し、大きいサイズのバナーから作成します。 レイヤーに素材を配置して

    Webデザインが3倍速くなる!Photoshop神速テク4つ
  • Photoshopで30分かかっていた作業がわずか1分でできるようになる「神速Photoshop [Webデザイン編]」

    「学校では教えてくれない、89の時短テクニック」「自己流で時間をムダにしていませんか?ウェブデザインをもっとラクに、もっとすばやく」ということで、かなり実践寄りの効率的なテクニックばかりを集めたのが「神速Photoshop [Webデザイン編]」です。ちょうどPhotoshop CC+Lightroom 5が月額980円で使える「Photoshop 写真家向けプログラム」を使い始めたところだったので、しげしげと読んでみてお役立ちっぽいのがないかどうか探してみました。 まず以下が神速デザイン五カ条、「ショートカットを活用しよう」「最新機能を使いこなそう」「目的によってツールを使い分けよう」「「直し」に強いデータを作ろう」「面倒な作業は自動化しよう」ということで、どれもこれもごもっともな感じ。人は放っておくと今までの慣れ親しんだやり方が非効率的であっても「慣れているから」というただそれだけの理

    Photoshopで30分かかっていた作業がわずか1分でできるようになる「神速Photoshop [Webデザイン編]」
  • 知らないと損!ウェブデザインに特化したPhotoshopの効率的な89の時短テクニック -神速 Photoshop Webデザイン編

    Photoshopを毎日使うウェブ制作者はぜひ目を通してほしい、Photoshopを自分の手足のように使えるようにするノウハウ、同じ結果でも遙かに時間が短縮されるテクニックが満載のオススメを紹介します。 同サイズの画像をスライスするのに5分かかっていたのが1分で! 10px以下の小さな文字を鮮明にするのに10分以上かかっていたのが5分でよりキレイに! など実用的な技が満載です。 「神速 Photoshop Webデザイン編」ではウェブデザインの現場でPhotoshopを使う時に役立つ情報が満載! Webデザインに特化したPhotoshopの環境設定方法から、すばやいスライス、効率的なカンプの作成、デザインのバリエーションを楽につくるなど、実践的なテクニックや便利なツール、そしていざという時の「直し」に強いデータをつくる方法など、デザイナーの時間を大幅に短縮します。 神速デザインの5箇条

  • Photoshopの実践的なテクニックが学べる動画のまとめ

    打ち出し画像にちょっとアクセントを加えたり、ぼやけた画像をくっきりさせたり、テキストをラスタライズせずにフィルタを適用したりなど、Photoshopのさまざまな実践的なテクニックを学べる動画をPhotoshop Video Academyから紹介します。 キャプチャやテキストでは分かりにくいポイントも動画だと操作が一部始終見えるので、より確実にマスターできると思います。 Photoshop Video Academy 動画はそれぞれ2〜5分くらいで解説は英語ですが、操作が動画なので分かりやすいと思います。 まぁ、同時に英会話の勉強にもなる、と。 Photoshop Blend Modes Photoshopのブレンドモードの効果を比較。 Photoshop Blend Modes Photoshopのブレンドモードを使って、画像にちょっと面白い効果を加えます。 High Pass Shar

  • 【Photoshop】あると便利!無料パターンを集めました。 | バシャログ。

    なかなかマリノスがACLで勝てないので、ヤキモキしているokadaです。 今回は、Photoshopパターンを集めました。よろしくお願い致します。 追加方法 ダウンロードした.patファイルをダブルクリックをして追加するか [レイヤー効果]→[パターンオーバーレイ]をクリックし、1から3をクリックし、パターンの読み込みで追加します。 {Patterns Triangles} 三角形をベースにしたジオメトリックパターン {Patterns Triangles} New Free Paper Patterns 紙のテクスチャパターン New Free Paper Patterns Handmade paper pattern set こちらも紙のテクスチャパターン Handmade paper pattern set Micro Patterns シンプルなシームレスパターン Micro Pa

    【Photoshop】あると便利!無料パターンを集めました。 | バシャログ。
  • 良いデザイナーはどこにいるか

    早いもので3月半ば、暖かくてナイスな週末でしたが、 今年も確定申告滑り込み、データ入力に忙しい大堀です。 去年会社にしたものの、2013年の半分は個人事業主だったので 封筒にためておいたレシートを打ち込んでいるのですが、 どうしてコンビニで買ったパンツのレシートを保存したのか、 昔の自分をちょっと問いつめたい日曜日です。 経費になるとでも思ったんでしょうか。 さて、今回タイトルにもしましたが、 最近お会いする方々によく言われるんです、 「良いデザイナーがいない、見つからない」と。 一概に”デザイナー”と言っても、分野によって求められるデザイナー像は違いますが、 今回はWebサービスをデザインする”デザイナー”について、スキルと立場の観点から考えてみました。 まず、デザイナーに必要とされる能力について書き出してみます。 a.デザイン思考力 b.プログラミング力(HTML,CSS,JS,php

    良いデザイナーはどこにいるか
    s99e209
    s99e209 2014/03/17
    ネット上には様々なデザイン手法が紹介されているけど、実際に使いこなせる人はそんなに居ないかも。
  • 【Photoshop】カスタムシェイプを集めました! | バシャログ。

    横浜にタワーレコードが戻ってくる事に、大感激のokadaです。 どうぞよろしくお願いします。 今回は、Photoshopカスタムシェイプを集めました。 追加方法 ダウンロードした.cshファイルをダブルクリックをして追加するか カスタムシェイプツールをクリックして、1から3をクリックし、シェイプの読み込みで追加します。 Speech Balloon Shapes 吹き出しアイコンのシェイプセット Speech Balloon Shapes 12 Pretty Chat Photoshop Shapes こちらも吹き出しアイコンのシェイプセット 12 Pretty Chat Photoshop Shapes ARROW SYMBOLS ICONS 矢印のシェイプセット ARROW SYMBOLS ICONS Free Label And Badge Vector Shapes バッジのシェイ

    【Photoshop】カスタムシェイプを集めました! | バシャログ。
  • Popular UIs | Free PSDs of popular Web Interfaces

    Free popular web UIs reproduced exactly in Photoshop for educational purposes. More created every week, so subscribe below to be notified when new UIs are released! If you'd like to contribute, feel free to submit a pull-request on Github or email me directly.

    s99e209
    s99e209 2014/03/03
    GithubやHeroku、Facebookなど有名サイトのUIをPSDファイルで配布している『Popular UI』
  • 1