【Webデザイナー必読】PhotoshopやHTMLなどのスキルを劇的に上げられる記事まとめ30選
Webデザイナーとしてのキャリアを歩み始め1年目。基本的なスキルを学び、業務をひと通りこなせるようになったものの、先輩デザイナーと比べると、差を感じてしまうという方もいるのではないでしょうか？ Webデザイナーはクリエイター系の職種であるため、「センス」が重要視されるシーンが多いです。しかし、“学び”によってスキルアップできるのもまた事実。むしろ、テクノロジーの発展が著しい業界ということから、プロとして仕事を続けるのであれば学び続けなければならないのは宿命かもしれません。 そこで、今回は「Photoshopを使ったデザイン」や「HTMLなどの言語を使ったコーディング」、「Webデザイナーとしてインプットしておきたい情報」に関する30記事をご紹介します。 Photoshopなど、デザインに関する記事10選1.良いデザインって？技術を学ぶ前に知っておきたいデザイン・レイアウトの基本的なこと こ
イラストレーター必見！！ディレクター目線で語るプロイラストレーターならこれを描けると仕事が途切れないよ、っていう物3つ - ヨミコのデザイン工房
こんばんは。Web&グラフィックデザイナーのヨミコです。 さて、私の本業はコンテンツディレクターなのですが。 http://yomikodesign.hateblo.jp/entry/2015/01/02/222957 どんな仕事かと言うと具体的にはクリエイターさんが作ったイラストを見てああでもないこうでもない、と指示を出して直して貰ってクライアントに納める仕事です。(ざっくりですが…) そこで、実際にプロのイラストレーター相手に仕事をしているディレクターが現場から見て常に不足している絵師はこれが描ける人！！ という事って、プロイラストレーター志望や、既にイラスト受注している人にとっては有益な情報になるかな、と思い、今回まとめてみました。 イラストレーターはこれを練習しろ！3選！ 1.センスのいい、オリジナルキャラクター 動物でも人間でも可。 また、センスの良さというのは今風なら良いという
紙・布・木目・ドット柄など無料で使えるシームレスパターン素材まとめ
ウェブ制作にシームレスなパターン素材は欠かせませ... / シームレスなテクスチャーパターン素材 / Subtle Light Tile Patter...他...全18件 ウェブ制作にシームレスなパターン素材は欠かせません。いざ探そうとすると、これがなかなか見つからなかったりして厄介です。 ここでは、最近見つけた質感を加えたいときに重宝するパターン素材をまとめました。
覚えて効率アップ！PhotoshopでWebデザインをする私がよく使うショートカット
Web制作でのデザインにはPhotoshopを使っています。Kanaです。 ショートカットを使ってPhotoshopを操作しているのですが、作業中、 「え、そんな便利なショートカットがあったの？」といわれることがありました。 Photoshopを使ってデザインされている方の参考になればと思い、私がよく使うショートカットをまとめました:) ショートカットを使うと、マウスの操作が減るので、とても便利ですよ！ あくまで私がよく使うショートカットですので、同じ動作が他のショートカットで出来たり、このショートカットがあるのに、あのショートカットはない…ということがあるかもしれません。 1．ファイル管理系ショートカット1-1．新規作成1-2．キャンバスサイズの変更1-3．上書き保存1-4．別名を付けて保存1-5．ウィンドウを閉じる1-6．アプリケーションを終了2．基本ショートカット2-1．コピー2-2
Photoshopで水しぶきを加工した合成写真に挑戦！ | Webクリエイターボックス
2013年3月25日 Photoshop 今年はPhotoshop系の記事も増やしたいですねー、という事で簡単な合成関連の記事でも。季節外れながら水をテーマに水しぶきと女性を合成してみたいと思います。ポイントを抑えておけば、水の代わりに火や植物など、テーマを変えても使える技です。動画も用意したので、制作手順など参考になる点があれば幸いです！ ↑私が10年以上利用している会計ソフト！ 作成中の動画です。全体の流れを掴んで頂ければと思います。 1. 素材集め 女子と水しぶきはいつも愛用しているFotoliaの素材を、背景に使う水面素材はDiviantArtで配布されているものを使いました。 水しぶきの写真素材は無料ではなかなか見つけにくいのですが、stock.xchngで「water splash」で検索するといくつか見つかります。 2. 女子の加工
デザインやファッションに取り入れたい、2013年のトレンドカラー
Pantoneが2013年セレクションしたカラーは、バランスとハーモニーをあまなう優雅で美しいグリーン「エメラルド」。 2013 Pantone Color of the Year PANTONE 17-5641 Emerald グリーンは自然界に最も豊富に存在するカラーで、Pantone Color Instituteの長年の研究によると、人間の目は他のカラーに比べグリーンをより多く見てしまうといった効果があるそうです。このエメラルドのグリーンは非常に魅力的なカラーで、ファッションでもインテリアでも容易に取り入れることができます。 2012年のカラー「タンジェリンタンゴ」の深みのあるオレンジは前へ動くといったエネルギーを後押しする意味がこめられていました。 「エメラルド」はバランスとハーモニーを促進することに加え、洞察力を引き起こし、さらに私たちの幸福感を高めるカラーです。エメラルドとい
Photoshop & Illustrator CS6 の進化したところと不具合まとめ
5月27日に、渋谷 LightningSpot にて Webデザイナーのための Adobe CS6 検証会 をひらきました。 日曜の開催にも関わらずたくさんの方にお越しいただき、CS6 について熱い議論が交わされました。 ご参加いただいた皆様、ありがとうございました。 CS6 検証会では、Photoshop、Illustrator、Fireworks はもちろん、Dreamweaver、最後は VPS など CS6 と関係ないところまで話が飛んだのですが、この記事では Photoshop CS6 と、Illustrator CS6 の進化したところと不具合などについてまとめたいと思います。 Photoshop CS6 の進化したところや活用法 Web制作に関係ある機能の多くは Webデザイナー視点から見たPhotoshop CS6の進化したところ という記事に既に書いていますのでそこは省き
PhotoShop&FireworksでWebデザインする為に必要な情報をまとめてみた
PhotoShopでWebデザイン PhotoShopVIP PhotoShopだけでなく、他のソフト共通で使える素材やネタも多い。 これからPhotoshopでWebデザインをしたい初心者さんのためのツールパネルとかいろいろ PhotoshopをつかってWebデザインする視点で使う機能解説なので、知ってることも多いけど、ここはまず抑えておいたほうがいい！ Webデザインの1pxを作るためのPhotoshopのレイヤースタイルいろいろ この辺りの設定数値は覚えておこう！他のソフトでも応用できます。 PhotoshopでWebサイトのモックアップをつくるチュートリアル 海外のチュートリアルの日本語訳での解説、グリッドシステムの勉強にもなる。 日本語で読めるPhotoshopチュートリアル集 まとめ まずは、日本語でのチュートリアル！どんな使い方をしているのかを知るのが大事！ photos
PhotoshopでのWeb制作効率を向上させる「JSX」とは
ご存じの方もいらっしゃると思いますが、Adobe Photoshop は JavaScript で制御することができます。 Photoshop 用の JavaScript ファイルのことを「JSX」と呼びます。拡張子は .jsx です。 Photoshop を使ってWeb制作されている方は多いかと思いますが、Photoshop は本来写真加工用のソフトでありWebデザイン用のソフトではないため、特にレイアウト機能が Fireworks、Illustrator、InDesign などに比べ貧弱です。 しかし、JSX を使用することにより Photoshop のレイアウト機能やWeb制作向けの機能をある程度向上させることができます。 JSX は昔から Photoshop に搭載されていましたが、書き方の参考になるような書籍やサイトが少ないためかそれ程注目されていなかった気がします。 しかし、最
【Photoshop】Web用ボタン日本語チュートリアルを集めてみた - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
暮らしの情報サイトnanapiはサービスを終了いたしました | nanapi [ナナピ]
2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より「みんなで作る暮らしのレシピ」という考えのもと、ユーザーの皆さまに生活に関する様々な「ハウツー」を投稿していただく投稿型ハウツーサービスとして運営してまいりました。 約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。 掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。 長きに渡りnanapiを応援してくださり、本当にありがとうございました。
ここまで教えてくれていいの？！WEB屋のテンションと底力を上げる厳選チュートリアル色々！ | バンクーバーのうぇぶ屋
WEB制作のチュートリアルって本当に多いですよね。 でも、本当に役に立っている、制作に生かせてるチュートリアルって少なくないですか？チュートリアルの過程が中途半端だったり、途中からついていけなくなったり。はたまた、続きは有料なんて物も今までありました。 しかし！僕の短いWEB屋人生ですが、年に2、3は『お、おぉぉ！マジテンション上がるWA！』と叫びたくなるチュートリアルに出会うことが稀にあります。そんな感銘を受けたチュートリアルは速攻でFacebookにアップしているのですが、今回は今日まで見てきた中で、余りにクオリティが高かったり、確実に自分や周りのスキル、そしてテンションを上げたチュートリアルを厳選してご紹介！ 英語記事メインですが、デザインよりならステップbyステップなのでなんとかなります！コードなら、Demoとか多いので見ながらついていけば理解できます！是非参考までに流し読みして見
ASCII.jp：JSでWeb制作を自動化するAdobe Bridge活用入門｜古籏一浩のJavaScriptラボ
画像管理だけじゃない、「Adobe Bridge」の隠れた魅力 「Adobe Bridge」（以降、Bridge）は、Adobe Creative Suiteに同梱されている画像管理ソフトです。もともとPhotoshop CSに搭載されていた画像管理機能が、Photoshop CS2から分離独立してBridgeとなりました。Adobe Creative Suite 3では「Bridge CS3」、Adobe Creative Suite 4では「Bridge CS4」が同梱されています。 「Bridgeって単なるビューアーソフトでしょ？」と思っている人は多いでしょう。というよりもビューアーやファイラーとしての機能しか知らない人がほとんだと思います。Bridgeは表面的には画像管理ソフトですが、実は強力なJavaScriptを搭載しており、Webや他のソフトと連携してさまざまな処理を自動化す
webデザインに必要なアイコンが全て揃うアイコンセット「500+ web icons pack」
ページ移動が必要なwebページを快適に閲覧してもらうために重宝する素材アイコン。WEBサイトの内容によっては、分かりやすく表現するために多くの種類のアイコンが必要になります。そこで今回紹介するのが、webデザインに必要なアイコンが500個もまとめられたアイコンセット「「500+ web icons pack」です。 上記のとおりシンプルで使いやすいデザインのアイコンセットとなっています。 詳しくは以下 「500+ web icons pack」には、ホームや設定・電話などを表す一般的なUIを示すアイコンはもちろん、大型ショッピングモールに表示されているような案内アイコン、ビジネスシーンで使いやすい時計やグラフを示すアイコンなど、生活のあらゆる状況がアイコンとしてセットになっています。 シンプルなシルエット素材になっているので、流行などに関係なく利用できるというのが嬉しいですね。PSDデータ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
新着記事
新着記事
https://psdhunter.com/
新着記事
新着記事
