ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
細かすぎて伝わらないアンチエイリアスの話
はじめまして、デザイナーの越後です。 webフォント全盛の昨今ですが、まだまだ文字を画像化する機会も多く 画像で文字を扱うにしても、くっきりはっきり、意図した形でデザインがしたいものです。 そこで今回は「細かすぎて伝わらないアンチエイリアス」と題して、 少しマニアックなphotoshopでのフォント調整についてお話したいと思います。 おさらい：photoshopのアンチエイリアスについては、基本的には５種類 Photoshop上で文字を扱う際には、指定出来るアンチエイリアスは、 なし / シャープ / 鮮明 / 強く / 滑らかに の５種類です。 「なし」に関してはアンチエイリアスがかかっていないので、 文字のままのドットで表示されますが、 他の４つに関しては シャープ：文字が太い / くっきり 鮮明：文字が細い / くっきり 強く：文字が太い / なめらか 滑らかに：文字が細い / なめ
「Slicy」Photoshopからのスライス作業が死ぬほど楽になるツールが便利だ！
Photoshopでデザインカンプを作成して、いざコーディング！となると面倒くさいのが画像のスライス作業。 その画像のスライスを超絶楽にしてくれるツール「Slicy」を今さらながら導入しましたので使い方をご紹介。 レイヤー・グループに名前を付けて保存 アプリはMac App StoreでDLでも良し、公式サイトから体験版をダウンロードするも良し。 試しにこんなカンプを作成してみました。世界中のイケメンを紹介する、IKEMEN.comです。第一回目のモデルから頓挫しております。 データができましたら、切り出したいパーツのレイヤーorグループに名前（○○.jpgや○○.png）を付けて保存します。 あとはその保存したPSDデータをSlicyにぶち込むだけ。 見事、名前を付けた通りに画像がスライスされました:) あとはドラッグアンドドロップか、画像を選択して上のSaveボタンをクリックして任意の
カンプがなくなったときのデザイナーの役割
手段を再想像する 昨年末に開催された CSS Nite Shift 5 で「Reimagination（再想像する） 」の話をしました。人とコンピュータの関わり方が行動や価値観を再定義しているのと同じように、Webサイト制作にしても同様のことがいえます。今までの当たり前を疑い、未来に柔軟に対応できるワークフローが必要とされています。 例えば従来必須だと言われていたワイヤーフレームも考慮対象です。少し前に ASCII へ「柔軟性あるデザインプロセスへ移行するためのヒント」という記事を寄稿しました。ワイヤーフレームが果たそうとしているコミュニケーションの目的は間違っていませんが、つくるためのツールや手法に問題があるのではないかという疑問を投げかけた記事。絶対いると思い込んでいるものも、今の時代にマッチしなくなってきているものは少なくありません。 また、Photoshop や Fireworks
【ケータイ】画像のファイルサイズを50%削減するひと手間
こんにちわ。最近ソーシャルアプリやるようになったやしこです ソーシャルゲームはいま一番アツい分野！いろいろなゲームが群雄割拠です。 でも画像が重くてさくさく連打できないとゲームの爽快感が半減してしまいます。悲しいけどこれ携帯なのよね。 なるべくストレスフリーのみんなに優しいデザインをした〜い！ そんなユーザーにもエンジニアにもモテる爆軽画像への研究・発見報告です 基本の基本 画像の重さは１画面合計100k以内 PNGは使えないとおもっておk 画像にwidthとheightを指定しないのは死亡フラグ 元画像が複雑な場合ライブトレースで爆軽に 私が現在担当している英雄になりたい！は魅力的なキャラクターたちが登場する戦争ゲームです 繊細なキャラクターデザインでそれが重厚な世界観を作り出す大事なキーになっています ところがアニメ塗りと違って色数が多すぎて減量に不向きです。どうしても重くなってしまい
モデリング要らず！Google 3Dデータを使って、1日で街のゲームグラフィックを制作する方法
3Dデータを探す クォータービューグラフィックでは建物の雰囲気が全体のテイストを左右します。欧米の建物を使えばメルヘンや中世風RPGのような感じに、ビルの建物を多く使うとサイバーや現代風なグラフィックになります。 今回は欧米の建物を利用して中世風RPGなグラフィックを作っていきましょう。 Googleの3Dギャラリーにアクセスしたら、使用したい建物を探して.kmz形式のものをダウンロードしてください。Photoshopで読み込めるのは.kmz形式だけです。 欧米の国の名前で検索をするとそれっぽい建物が出てくると思います。フランス、ロンドン、ベルギーといったところがお薦めです。使用したい建物の3Dデータをいくつかダウンロードしておきましょう。 3Dデータが.skp形式しかない場合は、Googleが無料で提供しているGoogle SketchUpを使用すればkmz形式に変換できます。 3Dデー
PhotoShopでオリジナルの古地図を作成するチュートリアル:phpspot開発日誌
PSDTuts - Photoshop Tutorials and Links - How To Create An Old-World Map In Photoshop PhotoShopでオリジナルの古地図を作成するチュートリアル 雲模様の描画などを駆使して次のような古地図を作成していくチュートリアルになってます。 PhotoShopでお手軽に地図を描きたい場合には覚えておきたいサンプルですね。 地図画像を作成する局面もWEB制作者にとっては珍しくない（？）かもしれないので覚えておきましょう。 関連エントリ 写真家のためのPhotoShopレタッチテクニック集55 サングラスに好きな写真を映りこませるPhotoShopチュートリアル PhotoShopで髪の毛の描き方テクニック 凄くクールな名刺を作成するPhotoShopチュートリアル
PhotoShopでウェブデザインにクールな3D効果を取り入れるチュートリアル:phpspot開発日誌
PSDTuts - Photoshop Tutorials and Links - Creating A Cool 3D Web Design Effect PhotoShopでウェブデザインにクールな3D効果を取り入れるチュートリアル。 作成するイメージは次のようなもの。 ３Ｄ効果を入れると、重厚さ、高級さを演出できていいですね。 高級感のあるイメージのサイトにしたい場合にはぴったりです。 植物っぽい模様をつけたり、グラデーションで立体効果をつけるなど、なかなか為になるチュートリアルとなっています。 関連エントリ 写真家のためのPhotoShopレタッチテクニック集55 サングラスに好きな写真を映りこませるPhotoShopチュートリアル PhotoShopで髪の毛の描き方テクニック 凄くクールな名刺を作成するPhotoShopチュートリアル
水玉の描き方
「フィルタ＞変形＞極座標...」を選ぶと極座標のダイアログが開きますので そこで「極座標を直交座標に」を実行します。 「イメージ＞画像回転＞垂直方向に反転」で上下逆さまにします。※ここがポイントですよ。 そして再び「フィルタ＞変形＞極座標...」を選んで、 こんどは「直交座標を極座標に」を実行します。そのあと円形にくりぬきます。 できあがった水玉を複製する前の元の画像にコピーしてなじませましょう。 （真ん中を消しゴムツールで消して背景が透けるようにすると効果的です。）
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
App Icon Template
新着記事
新着記事
新着記事
Photoshopの無料ブラシを使って、たった３分でプロが作ったようなグラフィックを作る方法 - デザインウォーカー | DesignWalker - ロサンゼルスで働くウェブデザイナーの日記
Photoshopテクスチャ&ロゴ