さまざまな美しい光のエフェクト、硝子が割れたエフェクト、水面や煙のエフェクト、インクやペイントのストロークなどが描けるPhotoshopのブラシ素材を紹介します。 写真やイラストに重ねたり、背景に添えたり、デザインのちょっとしたアクセントにぴったりです。
さまざまな美しい光のエフェクト、硝子が割れたエフェクト、水面や煙のエフェクト、インクやペイントのストロークなどが描けるPhotoshopのブラシ素材を紹介します。 写真やイラストに重ねたり、背景に添えたり、デザインのちょっとしたアクセントにぴったりです。
This post was originally published in 2014 The tips and techniques explained may be outdated. The classic illustration style used on money is something I’ve always wanted to figure out how to replicate in Photoshop. There’s plenty of Photoshop tutorials that show how to create a basic halftone line effect, but they never quite capture that authentic engraved look with plenty of shading and tone. A
The FX Box is required to use our latest effects and tools in Photoshop CC-2014 and newer. Load and remove new FX Tools easily – without the need to restart Photoshop! manage your favourite FX Tools free for Photoshop CC-2014 and newer easy installation and easy to use The free FX Box Plugin for Photoshop CC-2014 and newer is suitable for Mac and PC. There are already several free FX Tools availab
こんにちは、井畑です。 今日はかなりニッチな話ですが、Photoshopの小技を思いついたのでご紹介いたします。 Photoshopで二重罫線を使う際の小技です。それでは早速どうぞ!! 二重罫線とは 文字通り二重の罫線です。 よく、リストとかに使われますね。 僕の悩み:二重罫線をPhotoshopでデザインする時にレイヤーを2つ使うのが嫌 さて皆さんはこの二重線をPhotoshopでデザインする時どうやって作成しますか? 下図のように長方形ツールかラインツールを二つ使って作る人が多いのではないでしょうか? もちろんこれで問題無いと言えば無いのですが、個人的にはレイヤーを2つ使ってデザインしているのがちょっと嫌でした。 二重罫線の量が多くなってくるとその分レイヤーが2倍に増えていき、PSDが煩雑になるからです。 そこでこれを解決すべく思いついたのが、一つのレイヤーで二重罫線を作る方法です!作
The fast, precise, and repeatable way to export assets & specs from Photoshop Buy Now for $29 Works on Mac (intel) and Windows with Photoshop CC2014 to 2024 (*) Design delivery, fast-tracked. PNG EXPRESS is a Photoshop® plug-in that slices and exports your PSD document to individual PNG, JPG, & SVG assets, and generates matching design specifications with concise information on sizes, distances, f
How-ToHow to check screen time on AndroidEveryone gets carried away with doom scrolling sometimes. However, your Android phone can help you monitor and manage its screen time How-ToHow to turn off vibration on AndroidTurning off vibration on an Android phone is a fairly straightforward process. This guide will show you how to do it
When I started this blog, way back in 2006, I had no clue how long it would last. I actually had no idea I could even write about something for more than a couple of days. It is funny how things go. Once I read in a book that the secret of happiness was low expectations. That explains why, for over a decade, I have been running this site. It also explains why you might end up on this page. Not los
With the recent trend of using high-quality images as backgrounds on websites, it’s important to make sure there is high contrast between the text and the background. In order for the user to be able to receive the message being conveyed by the website, legibility is critical. Below are five ways to improve contrast when placing text over images. 1. Color Overlay As we can see in the Before image,
各ページの内容には万全を期してはいますが、(1)私の解釈の間違い (2)参考にしたソースの間違い (3)情報が古くなったことによる間違い、の可能性が常にあります。内容の信頼性は各人の判断に委ねます。 また、あるサイトからあるサイトへリンクをはる場合、サイト運営者の許可は不必要だと考えます。したがって、当サイトへのリンクは自由ですが、URLはトップページ以外常に変わる可能性があります。 デジタルメディアである以上、コピー&ペーストを制限することはできないとあきらめていますが、著作権を放棄したわけではありません。 InternetExplorerでも問題なく見れると思いますが、FireFoxでみることをおすすめします。
こんにちは。LIGブログ編集部です。いつも「時間が足りない!」「忙しい」「寝たい……」と思っているWebデザイナーの皆さん、Photoshop作業の時間短縮をしていますか? Photoshop作業の効率化すれば、余った時間でやりたいことができますよね。そこで今回は、Webデザイナーさんならぜひ使ってほしい、Photoshop作業を効率化する方法をまとめました。Photoshop初心者の方も、そうでない方も、時短できる要素がないかぜひ確認してみてください。 1. ショートカットを使い倒そう 作業時間の短縮を考えたときに、まず思い浮かぶのがキーボードショートカットですよね。知ってるか知らないかで大きな差が出てしまうところでもあります。 ひとつひとつ説明すると長くなってしまうので、おすすめのショートカットについては、かなり詳しく解説されているこちらの記事「Photoshopの効率化におすすめのシ
Illustratorでウェブデザインをおこなう人が増えてきましたが、やはりPhotoshopをベースにしているデザイナーさんが多いと思います。そんなPhotoshopを更に便利にパワーアップするプラグイン・機能拡張を紹介します。 ここで紹介するものは、当方の日本語環境(Win/Mac, CS6/CC)で利用しています。 面倒なガイド引きをパワーアップする強力な味方 等間隔ではないガイド引きを簡単に設定できる 選択範囲やオブジェクトを元にガイドが引ける さまざまなオブジェクトのカラーを一元管理できる 要素のサイズやエフェクトやフォントなどの情報を書き出す PNG画像をより美しく、より軽量に書き出す 黄金比、黄金螺旋、黄金三角形、1/3ルール、対角線などを簡単に描く Subtle Patternsのテクスチャ素材をPhotoshopから利用できる flat iconのアイコン素材をPhoto
Photoshopでウェブページやスマフォページのユーザインターフェイスをデザインする時に、最も良い結果がでる最適な環境設定を紹介します。 最後の「作業のパフォーマンスを向上させる設定」はウェブデザインに限らず、Photoshopの動作がもっさりしている人は見直してみてください。 How To Set Up Photoshop For UI Design 下記は各ポイントを意訳したもので、画像は当方のPhotoshop日本語版です。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。海外の多くのブロガーからあのブログでの無断翻訳・転載の声を聞くのでご注意ください。 環境設定はiPhone用を例にしていますが、基本的なポイントは全てのウェブデザイン作業に適用できます。 新規ドキュメントの設定 スナップの設定 テキストの設定 光源の設定 グリッドの設定 画像を書き出す時の設定 R
今年からWEBデザイン2年目に突入しました。Photoshopでバナー・ランディングページ・アプリ・コンパネまで色々作ってきましたが、初期の頃のデータを見返すとレイヤー分けがカオスで申し訳なくなります。 レイヤー分けがカオスだと、それを引き継いだ人の時間も奪いますし、自分でさえ分からなくなって非効率の悪循環に陥ります。レイヤーの乱れは心の乱れです。 …と言いつつ、レイヤー分けにこだわりすぎても現状の作業が遅くなりますよねー。僕は特に大雑把なので、単純な小技だけで実現できる整理術を考えました。プラグインもいりません。楽なのでオススメです☆ 1.「〜のコピー」を付けない設定 以前、レイヤー複製で「〜のコピー」を付けない方法:Photoshopという記事の書きました。まず、この設定をしましょう。 レイヤーウィンドウの右上からパネルオプションを選び「コピーしたレイヤーとグループにコピーを追加」とい
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く