ドットインストール代表のライフハックブログ
Photoshopで人物を加工してアーティスティックにするチュートリアルを集めてみました。 人物を迫力あるものにしたい場合に色々と使えるかもしれません。 10Steps.SG ? Photoshop Tutorials and Resources - Creating an Abstract Watercolor Wallpaper 水彩画風にしてアーティスティックに加工 Amazing Watercolor Effect in Pixelmator | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials 写真を水彩画みたいにする凄いテクニック Create a nature-fantasy composition with 3d text and light effects | Best Photoshop Tut
200を超える非常に美しいPhotoshopのパターンがまとまったエントリが公開されています。 deviantARTなどに掲載されているもののピックアップで、紹介されているパターンは以下のように非常に美しいです。 リンク先は以下のエントリを参考にしてください。 200 free beautiful Photoshop patterns hand-picked from DeviantArt - FrancescoMugnai.com ためしに使ってみました。 次のような背景をパターンで簡単に定義できてしまいます。 素晴らしい! 関連エントリ サイトデザインをオシャレにする背景画像パターン集 サイトのレイアウト時に役立ちそうなレイアウトパターン集「12 Standard Screen Patterns」 背景画像に使えるレトロなPhotoshopパターン集 PhotoShopのブラシやパター
写真データを拡大すると、どうしても画像が粗くなってしまいます。特に、解像度が低い画像を拡大し過ぎると、昔のテレビゲームのドット絵みたいになりますよね。そんな時は、画像を拡大してもエッジを滑らかに見せてくれる『SmillaEnlarger』がオススメです。 『SmillaEnlarge』rは、拡大した時にギザギザになってしまう部分を人工的に補完して、拡大しても画像のイメージをそのままに、それっぽい感じで表示してくれるのです。 画像の拡大したい部分を選択ボックスで囲んだら、あとはズームスライダを使ってどれくらい拡大するかを決めるだけです。選択部分には、シャープやディザ加工やノイズなど、様々な画像補正をすることもできます。補正適用後の状態はプレビュー画面で随時確認できますので、ためらわず直感でどんどん補正してみましょう。おかしなことになったら、また元に戻せばいいのです。 補正し終わったら「Cal
ナビゲーション・ボタン・スライダー・タブ・パネル・フォーム・ページネーションなど、ウェブサイトのさまざまなパーツが揃ったフリーのPSD素材をBest Blog Boxから紹介します。
透明感のあるものやグランジ風・イラスト風など最近よく見かけるウェブサイトのデザインを一から丁寧に解説しているPhotoshopのチュートリアルを紹介します。
JPEG画像をより美しく、より軽量に最適化するテクニックをSmashingMagazineから紹介します。 Clever JPEG Optimization Techniques 1. 「8ピクセル」のグリッド 2. カラーの最適化 3. JPEG最適化の一般的なTips 1. 「8ピクセル」のグリッド JPEG画像は、あなたが既に知っているように8x8のピクセルのブロックから成り立っています。画質を低くするとよく分かります。 この8x8ピクセルを利用して、JPEG画像を最適化します。 画質10で作成したサンプル 二つの正方形は同じ大きさ(8x8ピクセル)です。左上のはきれいに見え、右下のは汚く見えると思います。 これらは、それぞれ8x8のグリッドに並べたもので、左上はグリッドに揃えたもの、右下はグリッドに揃っていないものです。 保存する際に画像は、8x8ピクセルのブロックに分けられるため
TOP > Design , vector > アナログの塗りを表現するベクターペイントブラシ「15 Paint Brushstroke Illustrator Brushes」 イラストレーターはとても便利なツールですが、アナログ感のあるデザインに仕上げる差異にはどうしても手間がかかってしまいますし、photoshopに比べるとそう言った面では不便な所もあります。今回紹介するのはイラストレーターで塗りのアナログ感を簡単に再現できるブラシセット「15 Paint Brushstroke Illustrator Brushes」です。 全部で15種類の塗りのパターンのブラシセットが収録されていて、かすれのある物から、べた塗り、間隔を空けて塗ったもの、筆をひねりながら塗ったものなどなど、バリエーション豊かです。ブラシの一覧が併せて公開されていましたので、下記に貼付けておきます。 収録ブ
40 Sources To Download High-Quality Free Photoshop PSD Stuff | Showcases | instantShift ハイクオリティなPhotoshopソースが入手できる40ソースサイトが紹介されています。 Photoshopファイルなので自由に編集・カスタマイズが可能です。 PSlover 車、ビルディング、トレンチなどのPhotoshopファイルが入手できる freePSD グラフィック、ロゴ、テンプレートなどのPhotoshopファイルダウンロード Zcool (Chinese) 中国語のPSDリソースサイト。一風変わったPSD素材もあるみたい PSDfreebee サイトレイアウトや背景、壁紙などのPSDファイル配布 Pixey ボタンやアイコンなどのPSDをブログで紹介 全部見る - 他にも色々あります 活用して素材作りな
デザインのアクセントや背景などに、はまりそうなPhotoshopのブラシをAdam Woodhouseから紹介します。 各画像をクリックすると、ブラシが表示されます。
【illustrator】看板のデザインデータの分割について【スライスツール】 ご覧頂き誠にありがとうございます。 まずはじめに、当方初心者になりますこと、ご了承願います。 2700㎜x2700㎜ の看板の制作依頼を頂き、原寸サイズで作成→完成し、あとは納品なのですが、先方から「1800㎜x900を4枚と900㎜x900㎜を1枚の合計5枚に分割してほしい」と言われたのでスライスツールでそのサイズ通りにカットしたのですが、以下の疑問があります。 ①スライスツールで分割した5枚をそれぞれ保存するには「web用に保存」しかなく、書き出しがRGBになります。そもそもイラレでスライスツールを使用のが間違いですか?? ②https://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q14160090369?__ysp=44OH44K244Kk44Oz
ウェブサイトでよく使用されるホームや検索やショッピングカートなどのアイコンを描くPhotoshopのブラシとシェイプを紹介します。 Web Icons Brushes(Photoshop用のブラシ) Web Icons Shapes(Photoshop用のシェイプ) 素材はブラシとシェイプなので、サイズやカラーなど好みのものに変更して使用することができます。 アイコンの種類は、下記のようになっています。
35 Beautiful & Free PSDs For Charming Designs というエントリで、色々なPhotoshopに関するテンプレートが紹介されていました。 その中で、バッジ・ステッカー風のPhotoshopテンプレートファイルが目をひいたのでご紹介。 カラフルで見ているだけでも楽しいのですが、Photoshopなのでサイトに導入するのも容易です。 こうしたパーツを導入しているサイトは多いと思いますが、1から作るより、サクッとテンプレートを使って効率化しましょう。
イメージを開いてレイヤーを追加します。 多角選択ツール(L)で上図のように領域を選択します。 選択した領域を白で塗つぶして選択を解除します。 レイヤースタイルを開いて上図にように こんな経験ないですか?ブラシを使おうとしているけど左上のようブラシの塗りつぶす領域が表示されるのが一般的ですよね?どころが右上のようにブラシの塗りつぶす領域が表示されず、「+」になった場合、使えないはないけど何かつかいづらいし、嫌ですよね?(私だけ?)こんな時にはキーボードの左Shift、上の「Caps Lock」を押してください。ブラシの塗りつぶす領域が表示されます。
Create an apple style menu and improve it via jQuerySince I wrote my last tutorial on how to create a CSS only multilevel dropdown menu I got a lot of visitors who wanted to know how I created the main navigation of kriesi.at. (a so called kwicks menu) The interest in extraordinary menus seems to be high nowadays, so today I will teach you how this is done. Since the Apple-flavored Leopard-text-in
50 Gorgeous Navigation Menus | Vandelay Website Design サイトを美しく魅せるゴージャスナビゲーション集。 重厚で美しいデザインのナビゲーションの特集です。 Housing Works Nuttersmark Paiko Good Soh Tanaka 参考にしてエレガントなメニュー作りに役立てましょう。 関連エントリ ナビゲーション実装に使える、Ajaxライブラリ/サンプル集 階層ナビゲーション実装ライブラリ集 クールなナビゲーションメニューを作成するCSS&HTMLサンプル CSSベースの超クールなナビゲーション集 CSSでdigg風のナビゲーションを実装サンプル
2006-04-28T23:23:04+09:00 favicon (ファビコン)はウェブブラウザのアドレスバーや、ブックマークした URL の横に表示される小さなアイコンです。いまやもうサイトのアイデンティティを明示するツールとしてほとんどサイトでみることができますが、小さいファイルであると共に、ファイルを扱えるソフトェアがそれほど多くは無いため、なかなか想い通りにデザインできない。という悩みを持っていました。できれば背景を透過にして、マットの少ない美しいものを作りたいと考えていて、使い慣れたソフトウェアである Adobe Photoshop で作れれば幸せだなあ。と思ってました。 これまでは、FavIcon from Pics という Web 上のツールを利用して作っていましたが、これは背景を透過にできなかったり、元の画像から変換される際に大きく画像の質が落ちてしまうという欠点がありま
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く