デザイナーが確認しておきたい、デザインリソース完全ガイド 2016年度
オンラインホームページ作成ツール Webydo で働いている現役デザイナー達が、普段からよく利用している、作業を楽にするオンラインツールやリソース75個をまとめています。 ウェブサイトでよく利用する写真の見つけ方や最適化方法から、アイコンやフォント、配色などデザイナーが一度は困ったことのある問題を解決してくれる凄腕ツールが揃っています。現在の制作フローに活用し、より快適な作業を実現しましょう。 コンテンツ目次 イメージ画像・ビデオ動画の関連ツール アイコン関連ツール 書体、フォント関連ツール 配色カラーツール モックアップ＆プロトタイプツール ウェブサイト制作ツール コラボレーション、作業効率ツール デザインコミュニティーサイト オンライン・ラーニング、スクール イメージ画像・ビデオ動画 ShowBox – ブラウザ上からスタジオ制作されたような、高品質なビデオ動画を作成できます。 Cov
シネマグラフGIFアニメで驚きの効果を作成するPhotoshopチュートリアル:phpspot開発日誌
How to Make Cinemagraph GIFs with Photoshop - Video Tutorial シネマグラフGIFアニメで驚きの効果を作成するPhotoshopチュートリアル。 次のような、ちょっとサプライシングなGIFアニメが作れます。実になめらかですね。 作成のチュートリアルムービーは以下。作成にはPhotoshopCS5のExtendedバージョンが必要ですが、体験版でも試すことが可能です。 Extendedバージョンが欲しくなりますね。 関連エントリ プロレベルのPhotoshopチュートリアル集 広告デザインのためのPhotoshopチュートリアル１５ 動画で学べるPhotoshopチュートリアル２０ 光のエフェクトを与えたクールなイメージ作成Photoshopチュートリアル２５
photoshop- 1ピクセルラインで質感を高めるテクニック - WEBデザイン BLOG
下記の画像はこのサイトのトップページの画像です。両者の違いは、1ピクセルのラインが入っているか、いないかの違いです。左の画像はピクセルラインあり、右側はラインなしです。（画像クリックすると原寸表示されます。） ピクセルラインを入れることで、立体感を演出することができ、さらに質感を高めることができます。 さらに拡大した画像も下記の画像をクリックすることでご覧いただけます。
無料で使えるベクターデータを配布しているサイト27選 | S i M P L E * S i M P L E
拡大縮小しても画質が劣化しないベクターデータは何かと便利です。 Tutorial Blogで無料で使えるベクターデータを配布しているサイトが紹介されていました。全部で27あります。 ふきだし風のパーツやアクア風のボタン、国旗やトランプなど、さまざまな用途に使えそうです。 ↑ こうしたサイトデザインに使えるようなものや・・・。 ↑ ちょっといいのかな、これ？というものとか・・・。 ↑ 自分ではとっても作れなさそうなやつとか・・・。 形式はAIやSVG、PDFなどさまざまですね・・・それってただのアイコンでベクターデータではないのでは？というのも若干混じっていますがそこはご愛嬌。 よろしければ下記サイトからどうぞ。 » Free Vector Downloads – Photoshop Tutorial
Web Design Library ― One-stop resource for web designers
Blog Welcome to Web Design Library, the ultimate source of all sorts of info that you need in your professional life. Visualizing Success: Understanding 3D Rendering, Its Benefits, and Choosing the Right Partner There is a growing interest in effectively communicating ideas, designs, and concepts across different industries like architecture, interior design, gaming, and product manufacturing, whe
Design a Web 2.0 tab with Photoshop
The follow guide below attempts to give you an idea how to design a nice sleek tab menu in Photoshop, Web 2.0 style. Step 1 Create a new canvas with white[#ffffff] background at any size you like, preferably rectangular; they are more suitable to draw tabs. Then switch to Channels Tab (Windows -> Channels), click Create new channel on bottom right. Step 2 On the channel layer selected, draw simila
Photoshop でつややかな表現をわりと簡単に実現する
2006-05-05T20:05:06+09:00 Illustrator などを利用してベジェ曲線で書いた絵に Photoshop を利用してつややかな表現を加える方法は何通りもあり、すでにたくさんのノウハウが存在しますが、それなりのものならほんの少しの作業で実現できます。いつも違う方法でやってしまいあとで苦労する事があるので、自分自身の忘記録も兼ねてその Tips をまとめておきたいと思います。Photoshop CS で作成したデータですが、サンプルファイルも用意しているのでもしよろしければダウンロードして使ってみてください。 サンプルファイルをダウンロード(tsuyayaka-sample.psd) サンプルファイルはせっかく角丸の四角形で作成したので、Feed Icon として利用できるように、オレンジで描いたレイヤーと、アンテナ部分を描いたレイヤーも追加してあります。 レイヤー
Photoshop で背景透過の美しい favicon を作成する - 2xup
2006-04-28T23:23:04+09:00 favicon (ファビコン)はウェブブラウザのアドレスバーや、ブックマークした URL の横に表示される小さなアイコンです。いまやもうサイトのアイデンティティを明示するツールとしてほとんどサイトでみることができますが、小さいファイルであると共に、ファイルを扱えるソフトェアがそれほど多くは無いため、なかなか想い通りにデザインできない。という悩みを持っていました。できれば背景を透過にして、マットの少ない美しいものを作りたいと考えていて、使い慣れたソフトウェアである Adobe Photoshop で作れれば幸せだなあ。と思ってました。 これまでは、FavIcon from Pics という Web 上のツールを利用して作っていましたが、これは背景を透過にできなかったり、元の画像から変換される際に大きく画像の質が落ちてしまうという欠点がありま
色や大きさを後から変更できる AQUA風ボタンの作り方
二日ほど前のブックマークの人気エントリーに入っていた、「AQUA風ボタンの作り方リンク集」を見てつくづく思ったのだが、Photoshopは奥が深く、同じような効果を作り出すのに何通りも方法があるのが興味深い。そこで、今日は、Photoshopにも関わらずあえて全てをベクターデータで書くという特殊な技法（知り合いのデザイナーから教わった技法）でAQUA風ボタンを描いてみた。 まず最初に、"Rounded Rectangle Tool"で適当な大きさの角の丸い四角を書く。角の丸みは、Radiusの値で変更できるが、この場合は16pxとした。 この時自動的に作られたレイヤーをダブルクリックして、レイヤースタイルのInner Glow属性をオンにする。Blend ModeはMultiplyで、Opacityは４０％程度が適切、色は黒にする（黒にしておくと、後でメインの色を変更したときにここを変更し
MediaCreator.jp :: ウェブデザイナーと開発者のためのウェブチュートリアルリソースサイト
FPの試験に合格するために必要な勉強時間は、 最低300時間と言われています。 しかし、難易度が高まってきている現代では、 500時間以上は必要であるという方もおります。 また、資格は年齢・学歴に関係なく取得できるため、 1,000時間以上は学習が必要となる方もおります。 現在において士業として活躍している方は、 資格取得の勉強のコツが分かっておりますから、300時間未満で合格することも可能です。 FPの強みは、お金に関する専門家として独立できることです。 士業とは異なりますが、それに近い職業形態となっております。 ローン、資産運用、保険、税金などのお金に関する知識を総合的に学べるため、 自分に対してもメリットが大きな資格だと言えます。 資格には民間資格（CFP、AFP）、 国家資格（ファイナンシャル・プランニング技能士1級・2級・3級）があります。 国家資格である「ファイナンシャル・プラ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
web制作者のための2008年1月BESTまとめ43＋暇つぶしゲーム2*ホームページを作る人のネタ帳
http://www.design-step.net/kiso_1.html
Web2.0っぽいデザイン | i d e a * i d e a