ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
商用利用も無料！紙や布地・デニム地などの癒し系のパターン素材
以下、ダウンロードできる素材はPhotoshop用のパターン（PAT）で、CS3にも対応しています。 ※CS6でももちろん使えます。 素材は全て個人でも商用でも無料で利用できます。 詳しくはダウンロードファイルの「license.txt」をご覧ください。
読みやすい文章を書くのに押さえておきたい基本となる5つのポイント
ブログに限った話ではないですが、読まれることを前提に文章を書くのは何かを伝えるためです。読みやすい文章を心がけることで、読み手への伝わり方が全く違ってきます。 今回はそのために押さえておきたい、読みやすい文章のポイントについてまとめてみました。 一般的になじみのない言葉は使わない Photo:Fountain pen, cheap By realblades 伝えることを目的とした文章には、理解しやすい言葉や単語を選ぶべきです。 読みが難しい漢字が入っていたり、普段めったに使わないビジネス用語が文章の中にずらずらっと並んでいたりすると、読み手にとっては苦痛でしかありません。 特定分野の限定層を対象とした媒体であれば、それに関連する専門用語を多用するほうがより伝わると思いますが、分野を問わず広く読んでもらいたい内容であれば、どんな人にもわかる言葉や単語を用いることをおすすめします。 もし専門
Free and Premium Photoshop Styles | Photoshop Style a Day
Free and Premium Photoshop Styles
商用・無料で利用できる国内フリー写真素材24サイト 2012年10月版 | 56docブログ
定期的にチェックしてないとリンク切れとかあるんでその辺の確認かねて国内の無料画像素材まとめておきます。定番サイトも多いですが未読のものがあれば参考に。 利用条件の概要について併記しますが、実際に利用するにあたっては各サイトにていま一度確認してからお願いいたします。
コーディングする時のスライス方法とか - CSS HappyLife
珍しく、Photoshopネタでも。 コーディング関係だからこのブログの主題っぽい！ 今回は、PhotoshopCS6を利用したスライスに関するアレコレです。 コーディング時にはスライスは必須ですし、一番面倒な部分なので少しでも効率良くスライス出来ると良い感じですよね。 内容としては、スライスの基本からって訳じゃないので、最低限スライスツールが使えてる方を対象にしたような感じになってると思います。たぶん。 ちなみに、面倒な説明しなくていいから分かりやすい様に動画ベースでやっていきます！ Photoshopを起動します 何はともあれ、Photoshopを起動します。 これはすごく重要な作業です。 Photoshopは重いので起動するのがダルいですね。ウチのVAIO Zが頑張ってます。 CS3の頃はサクサクで良かったんですが。 起動したら、psdファイルを開きましょう。 普通のスライス まずは
即戦力となるアナログ表現の技を押さえる - MdN Design Interactive
腕のいいデザイン事務所で修業しないと ふつうは身につかない知識と技と心得 10 即戦力となるアナログ表現の技を押さえる 解説： 高橋としゆき［Graphic Arts Unit］ url： www.graphicartsunit.com/ 使用ソフト: Photoshop CS3 かすれや汚れなどといった、アナログの演出がデザインで必要になる機会は多いはずだ。そうしたアナログ感の演出にはさまざまな方法があるが、基本的な手法はしっかり身につけておきたい。ここでは、デジタルだけでアナログ感を表現する方法を紹介しよう。 実際にプリントアウトして作業する時間や環境がない場合や、画材などを使ったアナログの作業を経ずに、もっと手軽にアナログ感を表現したいということもあるだろう。アナログ風の質感はPhotoshopのフィルタなどを駆使して表現することもできるので、そうした技を使った多彩なアナログ表現を覚
【UI デザイン 練習用 - エアメール風】 - Webサイトのデザインをしよう
2014年8月17日 Photoshop, Webサイト制作, Webデザイン 「連載！実践で学ぶWebサイト制作ガイド」第四弾はAdobe Photoshopというツールを使って実寸のサイトデザインを作成します。Photoshopで説明していきますが、同様のグラフィックツールでもOK。Photoshopは体験版もあるのでぜひご利用ください。説明しやすいよう、簡単なデザインにしたつもりですが、すごく長くなってしまったような…。わかりにくくてすみません X( ↑私が10年以上利用している会計ソフト！ 実践で学ぶWebサイト制作ガイド：その4 目標：実際の幅にあったサイトデザインが作れる・Photoshopの基本的なツールを使った装飾ができる 必要なもの：Adobe Photoshop 対象レベル：Photoshopの基本的なツールの使い方がわかる 事前知識は以下の記事でおさらい！ これからP
Photoshopを便利にする30のショートカット | コリス
Web Design WallでPhotoshopの30のショートカットが紹介されていました。 Photoshop Secret Shortcuts 下記に、コマンド別に紹介します。 ※Win XP+Photoshop CS2でのコマンドです。 Macの場合は、下記置き換えてください。 Ctrl = Cmd Alt = Opt [選択ツール] + [space] 選択範囲を作成中、スペースキーで移動できます。 [Ctrl] + [マウスのスクロールアップ or ダウン] ドキュメントを上下のスクロールではなく、左右にスクロールできます。 文字パレットのフォントリストにカーソルを入れて、[↑ or ↓] フォントのリストを一つずつ表示します。 テキストを選択して、[Ctrl] + [Shift] + [< or >] フォントサイズを2pt単位で変更できます。 [Ctrl] + [Alt]
時短：覚えちゃえば便利なPhotoshopショートカット 40+
Photoshopのショートカットってどれくらい使ってますか？プロの方はショートカットばかりで数えきれない...という人も多いと思いますが、私が使っていて便利だと思うショートカットをまとめてみました。いざまとめようとすると、なかなか出てこないものですね ... 普段は手が勝手に動くっていうか ... 習慣って怖い X( わりとよく使って便利だなーと思う Photoshop のショートカットをまとめてみました。私は CS5 なので、他のバージョンでは使えないものもあるかもしれませんが …。記事中 Mac のキーボードの画像を使ってますけど、Windows の人は command = Ctrl キー、option = Alt キーが対応していると思います。 Photoshop を開きながら、いろいろ試してみてくださいね！ 1. 全画面表示 tab キー 大きな写真などを扱う時、全画面で表示した
プロでも見落としがちなデザインの死角 - MdN Design Interactive
デザインの本質論から、上手な逃げの技まで プロでも見落としがちなデザインの死角 日々のデザインワークの中で、何となくやっていることや、改めて考えると意外に知らなかったことなどはいろいろあるだろう。今回の特集では、そういった多くの人が見落としがちなものを思いつくかぎり集め、まとめて紹介していく。本質的な話からちょっとした逃げの技まで、デザインの知識が総合的に身につく内容だ。 知っておくべきこと ベーシックなパターンを応用してパターンをつくり込む パターンの質感を加工すれば、ベーシックなドットやストライプはどんなデザインにも活用できる。ここでは、加工したパターンを応用して、イメージに合わせてさらにつくり込むテクニックを紹介する。 制作／文：高野 徹［lolo66］ ●URL：http://www.lolo66.com/ ●使用ソフト：Illustrator CS3、Photoshop CS3
無料でダウンロードできる高品質なアイコン集「Iconsutra」
スタンダードなデザインのアイコンからTwitterアプリ用、Photoshopのオリジナルアイコン、アドビシステムの各ソフトの丸形アイコンまで、カラフルで高品質なアイコンをダウンロードできるのが「Iconsutra」です。 Iconsutra - Icon and UI Design, India http://view.iconsutra.com/ ◆Mobile Me Icons アドレス帳、カレンダー、GPS、アルバム、iDisk、メールなどデスクトップに使えそうな6つのアイコン。ファイルにはMac用のICNS形式、Windows用のICO形式、PNG形式、iContainer形式、PSD形式があります。なお、このアイコンは個人での使用のみが許可され商用、あるいは素材の再配布や販売は許可されていません。 ◆Boolean Icons v1.1 16×16の全110種類のアイコンはエレ
今後の大きな画像を配置するウェブデザインに必須のファイルサイズ縮小テクニック
概要 ▶ 最近のウェブサイトでは大きく画像を使うデザインが増えてきましたが、閲覧者のストレスを無くすためにロード時間はなるべく短い方が良いですよね。今回はFireworksを使った画像劣化の少ないJPEG画像サイズ縮小テクニックを紹介します。 今回は画像を画面いっぱいに使う時代に必須の画像ファイルサイズ縮小テクニックを紹介します。 最近のウェブサイトではかなり大きく画像を使うデザインが増えてきました。 たとえばこんな感じのサイト（これは本当はデモページですが） 出典：Overlay Effect Menu with jQuery | Codrops ブロードバンド化が進んでいるとはいえ、画像のファイルサイズが大きすぎて、画面表示まで時間が掛かってしまうようであればユーザビリティも悪いですし、何より格好が悪いですね。 ローカルでデザインしている時は特に問題が無くても、サーバーにアップロードし
Quick Tip: Learn How To Create a Vintage Photo Effect in Photoshop | PSDFan
Quick Tip: Learn How To Create a Vintage Photo Effect in Photoshop The popularity of apps such as Instagram has shown a tremendous demand for cool photo effects. It’s no longer enough for people to Facebook regular photos of their experiences, they want realistic filters such as bleached, degraded or vintage. It’s certainly true that these filters can add a lot to your photos and give you some rea
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
手紙や書類を豪華に飾るレターヘッド用テキストフレーム素材
新着記事
Photoshop Vip » 継ぎ目のないパターンを無料で探すときに見るべき22個のWEBサイトまとめ
51個のPhotoshop テキスト エフェクト集
新着記事
