新着記事『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
デザイナーのためのロゴデザインのチュートリアル&素材45+ – creamu
97412913, iStockphoto/ Thinkstock よりよいロゴをデザインしたい。 そんなときに参考になるのが、『45+ Beautiful Logo Design Tutorials and Resources for Designers』。デザイナーのためのロゴデザインのチュートリアル&素材集です。 いい感じのものが揃っていますね。 3D Logo Tutorial illustratorとPhotoshopを併用して3Dのロゴを作るチュートリアル Logo Design Project Step By Step Walkthrough コンセプトメイキングから実制作までを解説した記事 Design a Grungy Circular Logo 円形でグランジのテクスチャ感のあるロゴの作り方 Step By Step Logo スケッチからロゴを作るまでのチュートリアル
WebデザインにjQueryを使いたい人向けの動画チュートリアルサイト・jQuery for Designers
jQueryをWebデザインの為に使い たい、という方にお勧めのサイト・ jQuery for Designersのご紹介。 jQueryは様々なプラグインがあり ますが、ここはWebデザインに特化 しています。 jQuery for DesignersはデザイナーのためのjQuery情報サイトです。まだ数自体は少ないのですが、チュートリアルやデモを中心に情報を配信していますので今後の期待も込めてご紹介します。 Webデザイナー用のjQuery情報サイトです。右上に「Easy」、「Medium」、「Hard」とありますが、これは導入難易度を示しているようです。 チュートリアルは動画とテキストがあります。動画コンテンツ上部のdemo、View Codeでデモやコードのページに切り替えます。 例えば以下のような情報があります。 Automatic Infinite Carousel 自動でスラ
ロゴを（切り抜かずに）透過する - DTP Transit
支給されたロゴがビットマップのみで、かつ背景が透過されていないといったケースがあります。 トレースしようにも解像度が低くてムリ、こんなときに使えるテクニックをご紹介します。 この記事の元ネタは、CreativeTechs Tips » Isolate a Logo on a Transparent Background.です。 斜体の「背景」レイヤーになっている場合には、レイヤー名をダブルクリックして「レイヤー0」に変更します。 ロゴの透過を確認するための新規レイヤー（レイヤー1）を作成し、適当なカラーで塗りつぶします。「レイヤー1」は「レイヤー0」の下に移動します。 「レイヤー0」のサムネールをダブルクリックして、［レイヤースタイル］ダイアログボックスを表示します。［ブレンド条件］の「このレイヤー」にある白いスライダーを左方向にドラッグします。 「レイヤー0」の白地が透けますが、フリンジ
8 different ways to beautifully style your HTML lists with CSS
The use of HTML lists (<ol> for an ordered list, <ul> for an unordered list) is very common these days. Today, we're going to look a little bit further than creating regular lists, by showing 8 different ways to beautifully style your HTML lists with CSS. We'll use some pure CSS techniques to make a bored list look awesome (and even have some extra functionality). As a reminder, here's how a defau
Photoshopで農業のWebサイトを作る方法 / ウェブデザインライブラリー
投稿日：2009年10月02日 レベル：中級者 ソフトウェア： このチュートリアルでは、Photoshopで農業のWebサイトを作ってみたいと思います。 Step1 ： はじめに Step2 ： ヘッダーのレイアウトを作成 Step3 ： ナビゲーションリンクを作成 Step4 ： テキストを配置 Step5 ： 完成 はじめに、760ピクセル×770ピクセルの新規ドキュメントを作成します。 葉っぱの画像を配置します。 長方形ツールを選択します。 白い長方形（白いシェイプ）を作成し、次のように配置します。 この白いシェイプに、レイヤースタイルを追加します。 そうすると、このようになります。 再び長方形ツールを選択して、もう一つ長方形を作ります。 「Ctrl」+「J」キーを押してこのシェイプを複製します。 次に、複製したシェイプの色を黒に変更します。「Ctrl」+「T」を押してこの
How to Create a Slick and Clean Button in Photoshop
President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for MarketingCloudFX and other key research and development projects at WebFX. This Photoshop tutorial shows you how
Home - DesignM.ag
li > a" data-ddst-label="Navigation Items" data-ddst-no-support="background,border"> li > a" data-ddst-label="Navigation Items" data-ddst-no-support="background,border"> Home Categories Tutorials Resources Inspiration Freelance Interviews Design Freebies About Contact Advertise With Us Write For Us Contact
photoshop • 1stWebDesigner
One of the biggest hurdles to becoming a web or graphic designer is the cost. Professional design software takes time to learn and is expensive on top. Photoshop may be… We know, how hard it is to stand out from the crowd. But with our collection of the best free Photoshop actions, you are going to be able to achieve just that. Whether you’re a photographer, artist or designer, Photoshop brushes c
The Most Detailed PSD to HTML Tutorial
We have six unique text and video PSD to HTML conversion tutorials in this article. You will learn how to design web layouts in Adobe Photoshop and convert them into responsive HTML websites in no time! Table of Contents: Convert a PSD Template to Basic HTML Video Series Convert a PSD Template to Bootstrap Video Series Code a Responsive Website with HTML5 and CSS3 Design an Agency Landing Page in
Photoshopのレイアウトチュートリアル90 – creamu
1st webdesignerで、Photoshopのレイアウトチュートリアルが紹介されています。 ざっといくつかご紹介。 ↑はDesign a trendy business & finance layout。 Create a Clean and Effective Product Layout Web Design Tutorial: Blog/Portfolio Template! Create a Professional Portfolio Design in 17 Easy Steps Softblue Template Tutorial その他のリストは以下からどうぞ。 » 90 New And High Quality Photoshop Web Layout Tutorials 実家に帰ってきてまったりしています。お店のパピヨンがかわいすぎて連れて帰りそうになりました♪
Web&グラフィックデザイナーのためのPhotoshopチュートリアル760+ – creamu
WEBDESIGNDEVで、Web&グラフィックデザイナーのためのPhotoshopチュートリアルがまとまっています。 ざっといくつかご紹介。 » 30 Useful Photoshop Tutorials for Vintage and Retro Style Web design Ledgerによるビンテージ&レトロチュートリアル30 » 18 Web Header Tutorials Photoshopでヘッダー画像をデザインするチュートリアル18 » 12 Fresh Tutorials Design Reviverによるタイポグラフィーや壁紙、イラストのデザインチュートリアル » 23 Brilliant Adobe Photoshop Tutorials That You Shouldn’t Miss Smashing Downloadsによる見ておきたいPhotoshopチュ
Twitter Background Design How-To and Best Practices
This post was originally published in 2009 The tips and techniques explained may be outdated. With Twitter quickly becoming the hottest site to be seen on, everyone wants to stand out from the crowd. There has already been a range of quality designs showcased on various sites, which has shown an emergence of trends such as the ‘sidebar’. Let’s take a look at some of the best practices around Twitt
グラデーションをより滑らかにするPhotoshopのチュートリアル
Photoshopを使用して、グラデーションを描いた時に濃淡の縞ができないように滑らかにするチュートリアルをslodiveから紹介します。 How To Correct Banding In Your Gradients Using Photoshop 下記にチュートリアルのポイントをステップごとに紹介します。 Step 1 レイヤーにグラデーションを作成し、作業（確認）用にそのレイヤーをコピーします。
How to Make a Light and Sleek Web Layout in Photoshop
President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for MarketingCloudFX and other key research and development projects at WebFX. In this web design tutorial, we’ll cre
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Web Design Blog - Webdesigner Depot
新着記事
新着記事
Five Technologies That Will Keep Shaping the Web in 2010
Photoshop VIP
