Webデザインの1pxを作るためのPhotoshopのレイヤースタイルいろいろ
色んな Webサイトを見ていると、1px にこだわって作られたキレイなデザインがたくさんあります。私は Photoshop を使っているので、Photoshop のレイヤースタイルを使って、1px の細かい所を作る Tips をまとめてみました。基本的な操作ばかりなので、これから Photoshop で Webデザインをやってみたいなーという人向けの記事です。 色んな素敵なデザインの Webサイトを観察していると、1px の細かいところまでこだわって作られてるデザインってとても多いですよね。1px … Webデザインでは一番小さいサイズ。「神は細部に宿る」という言葉もあるけれど、1px までしっかり作られたグラフィックはとても美しいですね！ 今回は Photoshop を使って、いろんな 1px を作ってみました。とは言っても難しいグラフィックデザインを作るわけではなくて、レイヤースタイル
写真は怖くない！すごい「Photoshop」マジック小技集２３
作成：2013/07/16 更新：2014/11/01 無料素材 > 写真うつりが悪い、気になるところをサクッと修正したい。今回は、顔や体型を簡単に修正する方法やアクションをまとめました。結構共通する部分が多いですが、顔以外にも使える色々な方法があるのでお試しを。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 髪 １．髪の色を変える ２．髪の毛を切り抜く 肌 ３．シミやそばかすを消す ４．肌を美白にする ５．肌を滑らかにする 顎 ６．顎をシャープに ７．リフトアップ 目 ８．目を大きくする ９．まつげを増やす １０．目のクマ／ほうれい線を消す １１．目の色を変える 鼻・唇 １２．鼻を高くする １３．ぷるるん唇にする １４．歯を白くする 体型・表情 １５．バストアップ １６．ポーズを変える １７．顔の表情・形を変える 背景 １８．背景を消す １９．背景をぼかす
デザイナーの仕事を驚くほどラクにするPhotoshopアクション厳選18種【全て無料】 | Find Job ! Startup
画像加工や写真の修正、すべて手作業でやってませんか？ Photoshopのアクション機能で自動化すればアッという間に終わります。今回はデザイナーの仕事を驚くほどラクにするアクションを18種、厳選してまとめました。 目次 単純作業をラクにするアクション（×4種） モックアップ作成をラクにするアクション（×6種） 写真加工をラクにするアクション（×6種） 写真の枠をラクに付けるアクション（×2種） 単純作業をラクにするアクション １.Retina対応画像を生成する Retinize Itを使えば、iPhoneやiPadに対応したRetina画像を自動生成できます。リサイズ〜名前変更の手間を一気に短縮しましょう。 Retinize It ２.リフレクションする 水面に反射したような効果が得られるリフレクションエフェクトが簡単に作れるアクションです。たったのワンクリックでAppleプロダクトの
【実例つき】写真編集ソフト「Photoshop Lightroom」の使い方 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
ミッション！ ではさっそく、今回のミッションを発表します。 こちらの写真を・・・ こちらの写真に変えるのです！ そもそもAdobe Photoshop Lightroomとは？ 「Photoshop」という単語が入っているけど、「Photoshop」とはどういう関係なの？と、Lightroomが初耳の方なら誰もが首を傾げるでしょう。 公式サイトの文言を見てみましょう。 Lightroom とは何ですか？また、どのような人を対象としていますか？ Adobe Lightroom は、初心者からプロフェッショナルまで、あらゆるレベルのユーザーが写真に必要なすべてのツールを搭載しています。Lightroom は、コンピューター、Web、iPad、モバイルデバイスなど、どこにいても写真を整理、編集、共有できます。お気に入りの写真を編集したり、フラグ付け等の作業をしても、他のデバイスにも全ての編集作業
覚えて効率アップ！PhotoshopでWebデザインをする私がよく使うショートカット
Web制作でのデザインにはPhotoshopを使っています。Kanaです。 ショートカットを使ってPhotoshopを操作しているのですが、作業中、 「え、そんな便利なショートカットがあったの？」といわれることがありました。 Photoshopを使ってデザインされている方の参考になればと思い、私がよく使うショートカットをまとめました:) ショートカットを使うと、マウスの操作が減るので、とても便利ですよ！ あくまで私がよく使うショートカットですので、同じ動作が他のショートカットで出来たり、このショートカットがあるのに、あのショートカットはない…ということがあるかもしれません。 1．ファイル管理系ショートカット1-1．新規作成1-2．キャンバスサイズの変更1-3．上書き保存1-4．別名を付けて保存1-5．ウィンドウを閉じる1-6．アプリケーションを終了2．基本ショートカット2-1．コピー2-2
Photoshopでガイドだけを別のファイルにコピペできる機能拡張 -CopyGuides
Photoshopでせっかく引いたガイドを別のファイルにコピペしたいと思ったことはありませんか？ そんな願いを叶えるPhotoshopの機能拡張スクリプトを紹介します。 Copy Guides ページのちょい下にある「Download the .JSX file」をクリックし、ファイルを保存してください。 ダウンロードした「CopyGuides.jsx」を使用するPhotoshopのフォルダ内に移動します。 移動先：Photoshop\Presets\Scripts\ Photoshopを再起動します。 メニューの[ファイル]-[スクリプト]内に「CopyGuides」があれば、インストール完了です。 CopyGuidesの使い方 CopyGuidesの使い方はシンプルです。 ガイドをコピーしたいファイルをPhotoshopで開きます。 [Shift]キーを押しながら、[ファイル]-[スク
Macromedia Flash - その他のダウンロード
使い慣れたアプリを最新バージョンにアップグレードして、創造性を加速しましょう。 クラウドストレージ、デバイス間でのファイル同期、Creative Cloud サービスへのアクセス、その他などの特典をお楽しみください。
Photoshop Etiquette: A Guide to Discernible Web Design
They say a good designer is a meticulous one. “Sweat the details” and all of that. But how well does that ethos check out when we’re passing along PSDs? Take a look at a recent comp. Layers named? Original assets preserved with masks? We may be detail-oriented when it comes to prescribing layout and type, but the organization of our artwork suffers as a means to an end. Efficiency masquerades as g
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
Photoshoplab
新着記事
新着記事