PNG画像をより美しく、より軽量に最適化するテクニック | コリス
先日、紹介した「JPEG画像の最適化テクニック」に続いてSmashingMagazineから、PNG画像をより美しく、より軽量に最適化するテクニックを紹介します。 追記：2009/07/27 本エントリには続きがあります。 続：PNG画像をより美しく、より軽量に最適化するテクニック Clever PNG Optimization Techniques 下記、各ポイントをピックアップして紹介します。 最後のはCS3向けで不明だったので、途中省略しています。 はじめに PNG画像フォーマットの概要 1. ポスタリゼーション 2. 手のはいってない透過 3. 透過による分離 4. マスクを活用 はじめに ウェブデザイナーとしてあなたは既にPNGのフォーマットに精通しているかもしれません。PNGは劣化のないフォーマットとして、GIFの非常に良い代わりとなります。 Photoshop（あるいは他の画
JPEG画像をより美しく、より軽量に最適化するテクニック
JPEG画像をより美しく、より軽量に最適化するテクニックをSmashingMagazineから紹介します。 Clever JPEG Optimization Techniques 1. 「8ピクセル」のグリッド 2. カラーの最適化 3. JPEG最適化の一般的なTips 1. 「8ピクセル」のグリッド JPEG画像は、あなたが既に知っているように8x8のピクセルのブロックから成り立っています。画質を低くするとよく分かります。 この8x8ピクセルを利用して、JPEG画像を最適化します。 画質10で作成したサンプル 二つの正方形は同じ大きさ（8x8ピクセル）です。左上のはきれいに見え、右下のは汚く見えると思います。 これらは、それぞれ8x8のグリッドに並べたもので、左上はグリッドに揃えたもの、右下はグリッドに揃っていないものです。 保存する際に画像は、8x8ピクセルのブロックに分けられるため
40 Beautifully-Designed Navigation Menus | Vandelay Design Blog
If you’ve seen one AI-generated website mockup, you’ve seen a hundred. The same purple gradients. The same sans-serif hero headlines. The same three-column feature sections with the same rounded corner icons. Scroll through Dribbble or Behance lately, and you’ll notice an unsettling homogeneity creeping into design portfolios — a visual convergence that makes everything feel…
Photoshop Actions – The Ultimate Collection — Smashing Magazine
Saving repetitive tasks as Photoshop actions can save you a lot of time, allowing you to automate your work and improve workflow efficiency. A Photoshop action is a recording of a sequence of commands and operations that you can save and access later on. Saving repetitive tasks as Photoshop actions can save you a lot of time, allowing you to automate your work and improve workflow efficiency. An a
100 Best Photoshop Text Effects Tutorials
Text effect is perhaps one of the most frequently used as well as the most versatile techniques in graphic designing on Photoshop. The bst thing about it is that you can use just about any effect, style or texture to produce interesting typography. The more versatile the text effect technique is, the more people have experimented with it and produced some brilliant tutorials. And so this post aims
30 Cool Abstract and Background Photoshop Tutorials
Backgrounds are perhaps the most multi-purpose design elements that can be used in almost any kind of design. Although you can download different backgrounds from the web but the flexibility and possibilities are greater when you design them yourself in Photoshop. Previously, I did a post on Photoshop text effect tutorials, and similarly, in this post, I am covering the best and most updated colle
Creating a Stunning Digital Smoke Effect - PSDTUTS
Some time ago I came up with a technique to create digital smoke using the Liquify filter in Photoshop. Although it was a simple and efficient way to achieve that sort of effect, people sent me emails asking how to customize it or that it wasn't so easy to follow. In this tutorial we are going to show you how to easily create digital abstract smoke using both Illustrator and Photoshop. One of the
Photojojo » 11 Super Awesome Photoshop Movie Effects
Free Square PrintsHappy holidays from team Parabo! Print up a free set of Squares with code CHEER through January 1, 2026. Shop Now Hi! We’re Parabo PressWe share in your joy, celebrate your story and help you hold onto life’s moments with thoughtfully-designed photo prints. Shop Prints 2026 Holiday CardsCelebrate the New Year with loved ones near and far! Thoughtfully printed on premium paper to
Youtube等の動画サイトで学ぶPhotoShop:phpspot開発日誌
Use YouTube to learn Photoshop: etc: quick links to good stuff For anyone who is interested in learning Photoshop, YouTube (and other video sites) can be a good source of free learning that you might not have thought of. Youtube等の動画サイトで学ぶPhotoShop。 PhotoShopのチュートリアルは多数ありますが、動画で公開されているとより分かりやすいですね。 各種動画サイトにて色々とPhotoShop用のチュートリアルが公開されているようです。 Correct Way To Convert Any Photo To Grayscale Video Corre
Tuts+
Envato: Get every type of asset for any type of project, and a full stack of AI tools From $16.50/m
Creating a Mac-Type Background in Photoshop
Envato: Get every type of asset for any type of project, and a full stack of AI tools From $16.50/m
Photoshopを完全マスターするためのチュートリアルいろいろ - GIGAZINE
ウェブデザインに限らず、何かパソコンを使ってデザイン関連の仕事をするにはあの「Photoshop」を使いこなすことが必須らしいとはわかっていても、いまいちどういう風に使えばいいのかわからない、あるいは、仕事でPhotoshopを使ってはいるが必要な機能のみを使っているだけであって、ちょっと凝ったことを聞かれると即答できないのでテクニックをブラッシュアップしたいと思っている……そんな人向けに役立つPhotoshopをマスターするためのチュートリアルをいろいろと集めてみました。時間のあるときにでも少しずつ眺めていけば、なんでもできるようになるかも。 チュートリアルの詳細は以下の通り。 まずは基本的なテクニックを具体例と一緒に解説しているサイトを3つほど。初級テクニックから高等テクニックまで具体例を交えて解説しています。 Photoshop Tutorials from PhotoshopCAF
動画で学ぶPhotoshop （27のテクニック） | POP*POP
下記のサイトで「You Tubeで見るPhotoshopのチュートリアル」という記事が紹介されていました。YouTubeだけじゃなくてMetacafeの動画もありましたが・・・。 どちらにしろ文章だとわからないことでも動画だと簡単に理解できることもあります。細かい操作の多いPhotoshopやIllustratorなどはこうした動画チュートリアルに向いているかもですね。 » Use YouTube to learn Photoshop: etc: quick links to good stuff 以下、オリジナルの記事を尊重しつつ、内容の紹介というスタンスでいくつかご紹介・・・。 ■ Web 2.0-Style Logo Web2.0サイトでよく見かけるのロゴの作成方法です。光っているようなロゴですね。 ■ PHOTO EFFECT エフェクトの詳細です。どこにでもあるような電車の中の写
Hand-Picked Photoshop Tutorials — Smashing Magazine
Adobe Photoshop is a powerful tool for designing various visual elements one can use for web-pages. However, sometimes it’s important to know what to do in order to achieve some effects. In such cases, step-by-step tutorials can provide help and save a lot of time you would have to spend on finding a solution otherwise. Let’s take a look at some of the best Adobe Photoshop tutorials we’ve found in
Adobe Photoshop CS 2 Tutorial - Pop Art - PhotoshopTalent.com
Click here to enter
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
🔥 I'm cooking up 💦 - take a look at porn videos 📱. Platform for lust and super HD content 😉!
はてなハイク サービス終了のお知らせ
45 Explosively Colorful Photoshop Effects - PSDTUTS
Photoshop Tutorials - Disco Tiles
Photoshop用ボブ・ブラシを使ってボブの絵画教室みたいな絵を描いてみる - DesignWalker