レスポンシブの確認がこれで快適に！複数のスクリーンサイズで同時に確認できる無料ツール -Responsively App | コリス

2020/06/24 435 users コリス レスポンシブ 本命 デバイス Windows

レスポンシブの確認ツールやサービスをいろいろ紹介してきましたが、ついに本命とも言える無料ツールの登場です！ Windows, macOS, Linux対応で、しかもオープンソース、快適にレスポンシブの確認ができるResponsively Appを紹介します。5つのデバイスを同時にすれば、制作時間は5倍速くなります。 無料とは思えないほど... 続きを読む

イラスト作成もOK！ベクター素材を無料ダウンロードできるWebサイト厳選22個まとめ - PhotoshopVIP

2019/02/28 251 users クオリティ グラフィックデザイン パーツ イラスト シーン

無料で利用できるベクター素材は、制作時間のかかりそうなイラストやパーツなどを手軽に利用できる、グラフィックデザインでも重宝するアイテムです。 今回は、さまざまなシーンで利用可能な、高品質なベクター素材を無料ダウンロードできるサイト22個を国内、海外編に分けてご紹介します。 ベクター素材のクオリティが... 続きを読む

CSSの作業をもっと楽に！無料で使える便利なWebツール40選 - PhotoshopVIP

2018/06/27 131 users レスポンシブ PhotoshopVIP アニメーション 節約

CSSを使って作業をいているときに活用したい、無料で使えるオンラインツールをまとめてご紹介します。これらのツールは、制作時間を節約、短縮できるだけでなく、CSSのちょっとややこしい問題の解決ツールを想定し作成されています。 CSSをベースとしたアニメーション、レスポンシブに対応したナビメニュー作成ツール、... 続きを読む

ウェブデザイナーが配色に困らない、実践向き無料カラーツール14個まとめ - PhotoshopVIP

2017/06/21 78 users PhotoshopVIP ツールキット ウェブデザイナー

配色は、デザイナーが扱うツールキットの中でも強力なアイテムのひとつで、習得するのが難しいコンセプトでもあります。 可能な色の組み合わせは無数にありますが、 ウェブサイトやアプリで使用する色を決めるときに悩んでしまう こともしばしば。 デザイン作業を簡単にする、配色カラーパレット作成に適した無料ツール をまとめてご紹介します。制作時間の短縮につながる実践的なツールの使い方を学びましょう。 http:... 続きを読む

Photoshopに役立つ、無料の万能パターンテクスチャ厳選40枚 2017年4月度 - PhotoshopVIP

2017/04/05 69 users モダンレトロ 短縮 PhotoshopVIP 万能アイテム

グラフィックデザインからウェブ制作まで、幅広く利用できる Photoshop 用の無料パターンテクスチャ素材 をまとめてご紹介します。どれも最近公開されたものばかりで、新しいデザイントレンドも手軽に取り入れることができ、制作時間の短縮にもつながります。 特に今年人気の高い カラフルデザインやモダンレトロ の他に、どんなデザインにも役立つ万能アイテムなどが揃います。デザインが何か物足りないと感じると... 続きを読む

けものフレンズのタイトルロゴをCSSだけで作ったのー？すっごーい！！ | KuzLog - クズログ

2017/02/20 100 users position CSS けものフレンズ フレンズ わけ

あかまる( @Kuzlog )はPureCSSでワケの分からないものを作るのが大好きなフレンズなので、けものフレンズのタイトルロゴをCSSのみで作ってみました。 ちなみに制作時間は約6時間！貴重な休日が潰れちゃったね！ しにたーい！ 参考にしたのは けもフレ公式サイト のこれ↓ この画像を参考にしながら position で無理矢理レイアウトを組み立てました。見ての通り、「の」と「ズ」の部分は 鬼... 続きを読む

LIGブログ用に描いてきたイラストの解説と制作時間・使用ツールまとめ | 株式会社LIG

2015/07/05 53 users 株式会社LIG イラスト 解説

使用ツール ステッドラー鉛筆 B3 Photoshop おしゃれな格好をした人を描きたかったんですが、なにぶん服のセンスがないので「ファッションプレス」のストリートスナップからスタイリングを参考にさせてもらいました。 参考にしたのはこちら： http://www.fashion-press.net/snaps/1669 当然絵としてはまったく違うし元のスナップのほうが可愛いんですけど、参考を見て「... 続きを読む

コピー＆ペーストで使える！実践的なBootstrapスニペット12個まとめ - PhotoshopVIP

2015/06/09 368 users 短縮 PhotoshopVIP 著者 案件 日本語抄

海外デザインブログTutorialzineで公開された「12 Time-Saving Bootstrap Examples」の著者より許可をもらい日本語抄訳しています。 人気のHTMLフレームワークBootstrapを使った案件に便利な、コピー＆ペーストで使うことができるコードスニペット12個をまとめてご紹介します。実践的なウェブサイト案件で活用することができ、制作時間の短縮にもつながるコードを集... 続きを読む

タスク自動化ツール「gulp」 を使って制作時間を短縮しよう | Webクリエイターボックス

2014/12/24 371 users Sass Gulp コンパイル CSS タスクランナー

みなさん、タスクランナーを使っていますか？タスクランナーとはファイルの圧縮やSassのコンパイルなんかを、ファイルを保存したと同時に自動で行なってくれる素敵ツールです。制作のスピードアップも間違いなし！今回はそんなタスク自動化ツールのひとつ、gulpを紹介します。 gulpとは gulpとは、Node.jsを使ったタスク自動化ツールです。CSSやJavaScriptファイルの圧縮や結合、Sassの... 続きを読む

さまざまなデザインシーンに対応したフリー素材まとめ「50 Web Designer Freebies from May 2014」 | DesignDevelop

2014/06/08 94 users クオリティ 素材 参考 デザイン制作 自分

デザイン制作を行う上で、自分でオリジナルで素材をつくることも多いと思いますが、フリーで配布されている素材を使用することで、制作時間を短縮できたり、手軽にクオリティを高めることができます。今回はそんな時のために是非参考にしておきたい、さまざまなデザインシーンに対応したフリー素材まとめ「50 Web Designer Freebies from May 2014」を紹介します。 Free Vector... 続きを読む

デザイン制作に使いやすいPhotoshop素材まとめ「80+ Absolutely Gorgeous Free PSD Files For Designers」 | DesignDevelop

2012/09/05 69 users 工程 一つ一つ パーツ 全体 DesignDevelop

デザイン制作に使いやすいPhotoshop素材まとめ「80+ Absolutely Gorgeous Free PSD Files For Designers」 デザイン制作は全体のイメージを作り上げるのはもちろん、その工程ではさまざまなパーツ作りが必要となっていきます。しかし、一つ一つのパーツを作り込むには時間がかかり、全体の制作時間も増えていってしまいます。そんな中今回紹介するのが、デザイン制... 続きを読む

デザイン制作に使いやすいストライプパターンまとめ「Collection of High Quality and Free Stripe Patterns for Your Design Projects」 | DesignDevelop

2012/05/22 79 users DesignDevelop クオリティ アイデア 技術

デザイン制作に使いやすいストライプパターンまとめ「Collection of High Quality and Free Stripe Patterns for Your Design Projects」 デザイン制作にはさまざまなアイデアと技術が必要になりますが、そんな中でもなるべく制作時間を押さえながら、高いクオリティを追求したいもの。そこで今回紹介するのが、デザイン制作に使いやすいクオリティ... 続きを読む

Illustratorの表現の幅が広がるIllustratorブラシセットまとめ「75+ Illustrator Brush Sets for Download」 | DesignDevelop

2012/05/18 344 users DesignDevelop Illustrato パーツ

Illustratorの表現の幅が広がるIllustratorブラシセットまとめ「75+ Illustrator Brush Sets for Download」 クオリティの高いデザイン制作のために、細かいパーツを一つ一つ制作したり、パーツの加工をPhotoshopで行うことも多いと思いますが、一手間も二手間もかかり、制作時間も増えてしまいます。そんなシーンに是非活用したい、Illustrato... 続きを読む

Photoshop Vip » 煙と炎を本物そっくりに表現するPhotoshop用無料ブラシ19セットまとめ

2010/07/05 472 users Photoshop Vip Photoshop 本物 質感

デザインに本物そっくりな煙や炎を使いたいと考えたことありませんか。 Photoshopで加工することでリアルな質感を表現することはできますが、制作時間もかかってしまいます。 そんなときはPhotoshop用ブラシを利用してみてはいかがでしょう。 海外デザインブログcruzineで、煙や炎を再現することができるPhotoshop用無料ブラシセットを19個まとめたエントリー「Photoshop Bru... 続きを読む