Photoshopで簡単でキレイに物体を増減させる方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうも、はやちです( ˘ω˘) アスパラおいしいですよね( ˘ω˘) はやちは肉巻きアスパラが好きです( ˘ω˘)ｼﾞｭﾙﾘ あら、ここにおいしそうなアスパラが(๑´ڡ`๑) 今回はPhotoshopのコンテンツに応じた修正ツールを使ってアスパラを色々やっていこうと思います( ˘ω˘) アスパラを消してみよう！ 選択ツールでアスパラを囲みましょう( ˘ω˘) メニューバーの編集→塗りつぶしを選択します。 ショートカットキーShift＋F5でもできます( ˘ω˘) プルダウンからコンテンツに応じるを選択してOKを押すと( ˘ω˘) 消えた✌(´ʘ‿ʘ｀)✌ 他にも消し方があるよ ツールバーにあるパッチツールを選択してアスパラを囲みます( ˘ω˘) 上部にあるコントロールパネルのパッチのプルダウンからコンテンツに応じるを選択します( ˘ω˘) 選択されたものを引っ張ると置き換えたい背景に移し替
微細な汚れや味を表現するブラシコレクション「A Collection Of 100+ Subtle Brush Sets」
デザインのクオリティは細部に宿るといいますが、ちょっとした粒子や、色味の違いで大きくクオリティが変わったりします。今日紹介するのは、微細な汚れや味を表現するブラシコレクション「A Collection Of 100+ Subtle Brush Sets」です。 Hi-Res Subtle Grunge Vector Textures 粒子を表現したものから、刷り傷やランダムな粒子など様々なブラシセットがまとめられています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。 詳しくは以下 50 Subtle Grunge Brushes 細かな粒子を描けるグランジブラシ。大味な表現ではなく、細かい質感を出したいときに。 Scratchy Free Grunge Brushes 擦り傷のような傷も表現できるブラシセット High Res Fabric Texture
ポチッとするだけでプロ級の写真処理ができる良質なPhotoshopアクションまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーの王です。 昨今セピア風やらトイカメラ風何やら、昔っぽい写真のような加工が流行ってるみたいですね。自分的には今の最新鋭の一眼で撮ったまんまのようなクリアな写真のほうが好きだったりします。 とはいっても、たまには古き良き昔の写真も味深くていいのかもしれないですね。デザイン的見地から見ても色が統一されてたり、色の寒暖差が出たりで印象的な写真になりやすいものね。 スマホとかでその手のアプリが多数出回っているので、カスタマイズ性は低いものの、割りと手軽にできますが、パソコンなら言わずと知れたことだが、Photoshopで加工する場合がほとんどだと思います。 スマホよりは自分好みにいじれるが、いざやろうと思うとなかなか手間がかかって面倒だったりします。加えて、枚数が多い場合なんかはさおさらそうです。だがしかし！アクションを使えば一気に形勢逆転！ 寒色系 Purple wonde
Photoshopのパペットワープで自由自在に写真加工する方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーの白浜です。 今回はPhotoshopのパペットワープの機能をご紹介したいと思います。 「ググってわからないこと」が一瞬で解決するかも？ Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGのスクールでは、現役デザイナーがマンツーマンで指導します！ ▼少しでも気になる方は、ぜひ公式サイトをご覧ください！ ※2013年5月23日に公開された記事を再編集したものです。 パペットワープの使い方 レイヤーを選択して「パペットワープ」を選択 使い方は、該当レイヤーを選択して、「編集」→「パペットワープ」を押します。 するとこのようにメッシュ状の編集点が出てきます。 注：変形させたいオブジェクトは、切り抜いておいたほうがより正確な編集を行えると思います。 ここでメッシュを細かくすることもできま
多彩な表現を可能にする Photoshopブラシまとめ「30 Fresh & Free Photoshop Brush Packs」
TOP > Design , Photoshop > 多彩な表現を可能にする Photoshopブラシまとめ「30 Fresh & Free Photoshop Brush Packs」 自分では制作するのが大変な素材を、手軽に再現してくれるブラシ素材はとても便利なもの。今回はそんなブラシを30種まとめた「30 Fresh & Free Photoshop Brush Packs」を紹介したいと思います。 （Photoshop Brushes: Ink #4 | Titi Montoya – All Forms of Art） オブジェクト自体を描き出せるものから、背景素材として利用できるものなど、多彩な表現を可能にするブラシ素材が揃っています。気になったものをピックアップしてみましたので、下記よりご覧ください。 詳しくは以下 ■Feathers and birds Brushes
photoshopで枠線つき吹き出しをつくるときのちょっとしたコツ
ご存知の方も多いかもしれませんが、最近発見したので覚え書き。 吹き出しって三角の位置を微妙に修正することが多いと思うのですが、枠線つきの吹き出しって修正しづらくないでしょうか？ ※作成・確認環境は、Photoshop CS6です 例えば自分が配布しているSVGの吹き出しもそうなのですが、三角の部分を移動したり大きさを変えたい場合、パスが全て連結されていて動かしにくかったりします。 三角の部分を動かすには、土台の図形と三角部分を別々にすると良いですね。 吹き出しの図形をそれぞれシェイプで描きます。 このとき、吹き出しの三角の方は、パスを閉じないようにします。 ※訂正です、パスは閉じても閉じなくても表示は変わりませんでした。 良く確認せず申し訳ありません…。 2つの図形をちょうど良いところで重ね、ショートカットキーの「Ctrl + E」で結合します。 （レイヤーのところで右クリック→「シェイプ
「Slicy」Photoshopからのスライス作業が死ぬほど楽になるツールが便利だ！
Photoshopでデザインカンプを作成して、いざコーディング！となると面倒くさいのが画像のスライス作業。 その画像のスライスを超絶楽にしてくれるツール「Slicy」を今さらながら導入しましたので使い方をご紹介。 レイヤー・グループに名前を付けて保存 アプリはMac App StoreでDLでも良し、公式サイトから体験版をダウンロードするも良し。 試しにこんなカンプを作成してみました。世界中のイケメンを紹介する、IKEMEN.comです。第一回目のモデルから頓挫しております。 データができましたら、切り出したいパーツのレイヤーorグループに名前（○○.jpgや○○.png）を付けて保存します。 あとはその保存したPSDデータをSlicyにぶち込むだけ。 見事、名前を付けた通りに画像がスライスされました:) あとはドラッグアンドドロップか、画像を選択して上のSaveボタンをクリックして任意の
DreamweaverとPhotoshopを使い、神速でスライスする方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 先日、高円寺のワーキングスペース「こけむさズ」さんで勉強会があると聞いて行ってまいりました。 講師は「神速Photoshop」の著者の一人・石嶋さんで、フォトショを使って、わりとぽっちゃりな人をかなりすっきりにするテクや、ガサガサの残念肌をツルツルの潤い肌にするテクなどを教わってきました。 「カワイイはつくれる！」ということを実感いたしました。 そこで教えてもらった中でも、 「DreamweaverとPhotoshopを連動させて超効率的にスライス＆タグに埋め込むテク」がすごかったので、ご紹介させていただきます。 これを使うと、 とにかく早い 後からデザイン修正が発生した際、直すのが楽 シャドウがある画像でも正確に切り取れる などのメリットが！フォトショでもFW並か、それ以上に楽ができると思います。 そ
初めて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デザインカンプ制作はFireworksに比べて効率が悪い」という都市伝説について
2013/5/7に、Adobe Fireworks の事実上の開発終了が発表されました。 ただし、「バグ修正やセキュリティ関連のアップデートは継続する」とのことですが、いつまでも使い続けられることを保証するものではないので、Fireworks ユーザーの方はそう遠くないうちに別のアプリケーションに乗り換える必要があると思います。 Adobe、Web画像ツール「Fireworks」終了へ – ITmedia ニュース 移行先アプリケーションの候補の1つである Photoshop について、Twitterを見ていると「Photoshop でのWebデザインは制作効率が悪い」という方が多いようですが、私はそんなことはないと思っています。 なぜそう言えるのかについて、簡単にまとめてみました。 目次 FireworksとPhotoshop、それぞれのメリットとデメリット なぜ「Photoshopは効
[Photoshop]パターンを使って破線・点線を簡単に描く方法 | サイブリッジラボブログ
こんにちは。 デザイナーのYKKです。 今回は、Photoshopにでの作業効率がグンと上がる、 「パターン」についてご紹介致します。 凝ったものは自作するのが一番ですが、配布されているものを利用するのが便利です。 シンプルで使える！Photoshop パターン素材 – musign Simple Patterns http://www.trck4th.com/musign/2011/02/musign_simple_patterns.html 普通は模様（柄）として利用する為のパターンなのですが、 破線を描画したい時にも利用できます。 PhotoshopにはIllustratorのように破線を描く為のツールがありません。 かなり需要あると思うんですけどね。 Photoshopで破線を描くには、 ブラシの描画間隔を調整するやり方と、テキスト打ちの「——」を使用するやり方と大きく二通りの方法
![[Photoshop]パターンを使って破線・点線を簡単に描く方法 | サイブリッジラボブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/afb52993857c1108dcebfa1cf2537aba7789d851/height=288;version=1;width=512/http%3A%2F%2Flabs.cybridge.jp%2Fwp-content%2Fuploads%2F2014%2F09%2F110531_link1-thumb-580x369-919.jpg)
身につけておきたいWebサイト高速化テクニック #4｜最適な画像書き出しの基本 | DevelopersIO
みなさんこんにちは、クラスメソッドWeb担当の野中です。 昨日行われたAdobe MAXの発表でFireworksの新機能開発が終了 *1だそうですね。びっくりです。 さて、前回の身につけておきたいWebサイト高速化テクニック #3｜画像形式の基礎知識では、画像の品質を保ちながらファイルサイズを抑えるためにそれぞれの画像形式の特性について紹介しました。 第3回でリクエスト数の削減について先に解説すると記載していますが、文章の構成を考えると画像の書き出しについて先に説明した方が流れとしてわかりやすいので順番を変更しています。 本題 今回はPhotoshopやIllustrator、Fireworksを使った最適な画像書き出しの基本的な手法について紹介したいと思います。 前回の記事で得た知識を前提に解説しますので、まだ前回の記事を読んでいない方は必ず読んでおいてください。 この記事の対象者 W
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
新着記事
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
画像をRetina用にリサイズしてくれるフリーのPhotoshopアクション「Retinize It」:phpspot開発日誌
Free PS Grass Brushes 2 by s1088 on DeviantArt
JLD Dotted Dashed Line Brushes by JustLaugh143 on DeviantArt
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
Mask Brushes by xCJx on DeviantArt