DesignDevelop
WEBデザインでは非常に重要となり、利用頻度も高いアイコン。様々なアイコンセットが世に中には出回っていますが、今回紹介するのはJPGやPNGといった画像データでは無くて、SVGでダウンロードしたり、SVGコードで出力できる、ICONサービス「ICONSVG」です。 シンプルでスタンダーどなアイコンが並んで降り、「Arrow」「InterFace」「Media」「Files&folders」「Editor」「Symbols and shapes」「User」「Graphs&charts」「Devices」「Layout」といったカテゴリに分けられて収録されています。 詳しくは以下 (続きを読む…)
これからのWebデザインはIllustrator派が増えてくるのでは？ | 5 LOG
個人的に、今はWebデザインはイラレでやります。Photoshopは画像の調整にしか使いません。 これからは、徐々にDesigning in the browserにシフトして、ワイヤー、ラフ、パーツ制作にイラレを使用していくつもりです。 ただ、まだまだデザインカンプの作成が必須となっていて、なかなかシフト出来ないのが現状です。 なぜIllustratorか？ そもそもイラレの方がレイアウトが組みやすい。 これが一番の理由なんですが。。。 いや、これ以外にも、いろいろとあって、 以前は、とにかく画像画像だったパーツ（ナビゲーションとかボタンとか見出しとか）が、CSS3で表現出来るようになり、Webフォントやアイコンフォントが主流になってきて、画像で書き出すパーツが大幅に減った。 さらに、Retina等、解像度の違うディスプレイが登場して、今後も増えてくる事を考えるとSVGの使用も増えてくる
エンジニアと険悪にならない！ステキなPSD、6つの約束｜株式会社アクトゼロ｜クリエイティブブログ
こんにちは。みなさん5月病になっていませんか？私は新人社員でもないのに半分陥りかけています。友達とぱーっと飲んだりしてストレス解消していますが、いい加減肝臓がやられてしまいそうなので自重気味です。。 さて、デザイン作業が平行すると、ついついPSD(Adobe Photoshop)ファイルの細かいところが疎かになりがちですよね。デザインプレビューのときは見えていない部分でも、コーディング作業をするエンジニアには「このデザインどうなってるの？」「ちゃんと考えて作ってよ！(当たり前ですが)」となんとなくでは作業出来ないことがたくさんです。今回はこれさえおさえておけばきっと大丈夫。エンジニアと険悪にならないPSDファイル作りについて書きます。基本中の基本ですが、忘れたりしてしまうんです…(すみません) その1.マウスオン画像はある？ 「すごく良いボタンを作れた！おしたくなるわこのボタン！」…で、こ
白の要素を透明にするPhotoshopアクション - saucer
少し前にTwitterでユミソラさん（@yumisora）とロゴの抽出についてお話していて、以前「Photoshop 楽・速・美」という書籍で書いた「炎を奇麗に抽出する」というネタを思い出したので、画像の白い部分を透明にするように内容を展開してアクションにしてみました。興味があれば使ってみてください。（2014.2.8 15:55更新） どういう処理ができるか画像の中の白い部分を透明にします。グラデーションなども半透明でキレイに抜けます。グレースケール画像に限っては、エッジのフリンジ（ギザギザ）もない状態でキレイに抽出が可能です。白黒のロゴや線画をすばやく透明化したときは、便利に使えるんじゃないかと思います。 ダウンロード以下からどうぞ。zip圧縮していますのでダウンロードしたあと解凍してください。今のところCS5、CS6、CCでの動作を確認しています。もしそれ以下のバージョンで欲しい方が
これは気になる！最近のウェブデザインで人気のカラーをまとめたスウォッチ素材
前回紹介したフラットなユーザインターフェイスを作成する際にぴったりなカラースウォッチの第二弾がリリースされていたので、紹介します。 今回は442種類のカラーがセットになっており、前回のVol.1を含めてダウンロードできます。
《你懂的睡不着正能量www》_正能量网站WWW正能量下载_网站正能量www正能量网址_正能量网站免费入口直接进入
《你懂的睡不着正能量www》是一款可以观看众多福利资源的视频播放软件。正能量网站WWW正能量下载,网站正能量www正能量网址,正能量网站免费入口直接进入提供苹果ios下载/安卓版下载。正能量网站www正能量下载,正能量www正能量视频网站拥有海量的影视作品资源！
DreamweaverとPhotoshopを使い、神速でスライスする方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 先日、高円寺のワーキングスペース「こけむさズ」さんで勉強会があると聞いて行ってまいりました。 講師は「神速Photoshop」の著者の一人・石嶋さんで、フォトショを使って、わりとぽっちゃりな人をかなりすっきりにするテクや、ガサガサの残念肌をツルツルの潤い肌にするテクなどを教わってきました。 「カワイイはつくれる！」ということを実感いたしました。 そこで教えてもらった中でも、 「DreamweaverとPhotoshopを連動させて超効率的にスライス＆タグに埋め込むテク」がすごかったので、ご紹介させていただきます。 これを使うと、 とにかく早い 後からデザイン修正が発生した際、直すのが楽 シャドウがある画像でも正確に切り取れる などのメリットが！フォトショでもFW並か、それ以上に楽ができると思います。 そ
簡単に今すぐできる！WEB制作を「はじめて」する人が分かるまとめ
作成：2013/03/4 更新：2014/11/01 Web制作 > もし「全部」自分でやることになっても 一人でサクッと作れるようになりたい 今回はWeb制作や、ツール・ソフトの使い方が「簡単」に分かる、デザインが良い「マニュアル的」なサイトを抜粋しまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ １．Photoshop (フォトショップ) ２．Illustrator (イラストレーター) ３．Dreamweaver (ドリームウィーバー) ４．iPhone アプリ ５．Kindle 出版 ６．WordPress ７．スマートフォンサイト ８．アフィリエイト ９．アクセスアップ / ブログ １０．ライティング １１．SEO １２．プログラミング １３．html / CSS １４．Google Analytics １５．レスポンシブ Photos
美しい半透明のパネルを簡単に作成できるPhotoshopのスタイルのまとめ
最近のトレンドのぼやけたブラーの背景に載せたり、美しい写真の背景にも映える半透明のパネルやテキストを簡単に作成できるPhotoshopのスタイルを紹介します。 素材はレイヤースタイル・aslファイルでダウンロードできます。
40+ Beautiful Free Calendar PSD Designs - Lava360
Today, we are showcasing 40 beautiful and free calendar PSD designs for you. We all know very well that Adobe Photoshop is the best and first option for the designers and developers but the problem is that Photoshop is hard to learn and you need to have good practice on it in order to get good results. Furthermore, finding out the good design elements and selecting which designs can reflect creati
デザイン時に注意したい角丸の使いかた - Design Color
もくじ 大きな角丸はあまり使わないほうがいい理由 要素によって角丸の大きさを使い分ける理由 大きめの角丸でもおかしくない場合は？ 角丸の大きさを後から調整するPhotoshopプラグイン はじめに なんとなくで使っていたけど、一度ちゃんと考えてみよう！と思わせてくれたきっかけは、こちらのスライドでした。 今回は、こちらのスライドの角丸についての部分に沿って考えていこうと思います。 少ない手間と知識でそれなりに見せる、ズルいデザインテクニック 大きな角丸はあまり使わないほうがいい理由 「ズルいデザイン」のスライドでは、「角丸は5〜6pxくらいが最も無難でキレイ」とのこと。また、下記のようにも言われています。 「R半径が大きい角丸は、野暮ったいデザインになりやすいので、あまり使わないほうがよいです」 引用元：少ない手間と知識でそれなりに見せる、ズルいデザインテクニック たしかに、私も以前に、デ
1クリックでレトロかわいくできるPhotoshopのレイヤースタイル素材のまとめ
テキストに1クリックで、レトロ風のかわいいエフェクトを適用できるPhotoshopのレイヤースタイルをpsd-dude.comから無料で利用できるものを厳選して紹介します。 Retro Layer Styles for Photoshop
Macユーザの私がWeb制作を行う上で使用しているアプリ・ツール・サービス・ブックマークレットなどのまとめ
昨年より、5年間やっていたDTPの部署からWeb制作の担当と相成った私。 正直、まだまだお勉強中のWeb制作なのですが、ちょいとここいらで今自分が使用しているアプリ・ツール・サービスなどをまとめておこうと思います。 デザインに使用しているアプリ まずはデザインに使用しているアプリ。 Adobe Photoshop・Illustrator デザインに使用しているのはAdobeのPhotoshopとIllustrator。（CS5） DTPのころから使っているので非常に慣れているのはいいのですが、おかげさまで新しい環境に飛び込む勇気がなく、いつか覚えようと思っているFireworksに手を出す時間がございません。 まぁそのうち…うん…。 どんな風にIllustratorやPhotoshopを使用しているのかは、以下の記事をごらんくだしあ。 これが出来れば中級者！Illustrator初心者のた
フリーランスという働き方を辞める事にした。
Web制作の会社も入った事の無い俺が、ひょんな事から独立してから２年。 今月で２年間続けたフリーランスという名の将来性の見えない働き方を辞める事にした。 俺の経験が役に立つかはわからないが誰かの参考になればと願い、記録に残す事にした。 元々俺は、フリーランスになりたくてなったタチでは無く 事情があり半ば強制的に独立の形を取った。 独立当初はTwitterとかFacebookのSNSを駆使して仕事を獲得していた。 今流行りのソーシャル営業ってやつだ。 経験の無い俺が厳しいWeb制作の世界でどうやって生き残ろうか考えた時 今までずっと使っていたインターネットを駆使して営業してやろうと思った。 思惑通り売上は右肩上がりに伸びて行き、食う分には全く困らないぐらい金も手元に入った。 このまま彼女と結婚して、幸せな家庭を築くはず、だった。 元々PhotoshopやIllustratorでデザインを作る
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
新着記事
新着記事
新着記事
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
新着記事
