簡単に今すぐできる！WEB制作を「はじめて」する人が分かるまとめ
作成：2013/03/4 更新：2014/11/01 Web制作 > もし「全部」自分でやることになっても 一人でサクッと作れるようになりたい 今回はWeb制作や、ツール・ソフトの使い方が「簡単」に分かる、デザインが良い「マニュアル的」なサイトを抜粋しまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ １．Photoshop (フォトショップ) ２．Illustrator (イラストレーター) ３．Dreamweaver (ドリームウィーバー) ４．iPhone アプリ ５．Kindle 出版 ６．WordPress ７．スマートフォンサイト ８．アフィリエイト ９．アクセスアップ / ブログ １０．ライティング １１．SEO １２．プログラミング １３．html / CSS １４．Google Analytics １５．レスポンシブ Photos
ロボ描いたので描き方さらす。 島国大和のド畜生
知人が「お前が描き方を晒したら、俺も晒してやんよ！」と言っていたので晒すの巻き。 先週末に書き出して、タブレットドライバ破損、今日入れなおして続きを描いた。 俺レベルの絵の描き方を見ても何のトクにもならないけど、こちらには人の描き方を見れるというメリットがあるので気にしない。 とりあえず下書き。何も考えずにザクザクと描く。 下書きを薄緑に色補正。ロボを緑に塗るつもりなので。 ひたすらペタペタ塗る。使ってるソフトはSAI。文字が書けない、変形が弱い、ラインが弱い、フィルタが弱い、それ以外は神ツールという認識。その辺の機能があったらフォトショップ不要。今回はフォトショ使ってない。 あと、デザイン飽きてきたので、顔をヒーローっぽくした。その代わりに他はもっと無機質に。 肩のデザインを無機質な感じに変更。ここをイカリ肩にすると一気に擬人化が進むんだけど、今回はもっと量産型っぽい感じにしたかったので
フォトショップショートカットリスト PhotoshopShortcutList
アドビフォトショップショートカットリスト AdobePhotoshopShortcutList byBSCverCS6.26（ビスク式ｗ （ショートカットリストは書き出せるのに何故かスタンプとかないんで作って見ました・・・現在CS6のショートカットも追加中 このページはフォトショップのショートカットを自分なりに纏めて覚えるときために作ったフォトショップの使い方・ショートカット集のページです。 一緒にショートカットの類似系を覚えると便利なのでわざと説明を重複させてます、たった数段下でも重複させていますｗ。 見やすい・見難い・ショートカットが足りない・こうしたら見やすくなるかも・等ありましたらツイッターでリプライでもください。 できるだけ修正いたします。 見やすいようにタグを調整しました。 MACの場合はCtrlをCommandに読み替えてください。 押したキーから何のショートカットかわかるコ
Photoshopでスタイリッシュなナビゲーションボタンを作る方法 / ウェブデザインライブラリー
Home ＞ フォトショップ講座 ＞ Photoshopでスタイリッシュなナビゲーションボタンを作る方法 Photoshopでスタイリッシュなナビゲーションボタンを作る方法 投稿日：2008年7月15日 レベル：中級者 ソフトウェア： このチュートリアルでは、フォトショップでスタイリッシュなナビゲーションボタンを作ってみたいと思います。 Step1 ： はじめに Step2 ： メニューパネルを作成 Step3 ： インジケーターを作成 Step4 ： 分割線を作成 Step5 ： タイトルを挿入 Step6 ： メニューを反射させる Step7 ： 完成
Photoshopでプロフェッショナルがデザインするダークなヘッダーを作る方法 / ウェブデザインライブラリー
Home ＞ フォトショップ講座 ＞ Photoshopでプロフェッショナルがデザインするダークなヘッダーを作る方法 Photoshopでプロフェッショナルがデザインするダークなヘッダーを作る方法 投稿日：2009年06月19日 レベル：初心者 ソフトウェア： このチュートリアルでは、Photoshopでプロフェッショナルがデザインするダークなヘッダーを作ってみたいと思います。 Step1 ： はじめに Step2 ： メニューバーの背景を作る Step3 ： ロゴを作る Step4 ： アクティブリンクを作る Step5 ： 完成
フォトショップで実物の影を作る / ウェブデザインライブラリー
ではレンダーレイヤーを「新規レイヤー」ボタン上でドラッグして複製しよう。するとレイヤーパレットは下のようになるはずだ。 コピーしたレイヤーを使って「イメージ」−「色調補正」−「色相・彩度」を選択するか、「Ctrl」＋「U」を押してみよう。それから「明度」を「-100」に設定しよう。すると画像は下のようになるはずだ。 では、「編集」−「変形」−「自由な形に」を使おう。上部真ん中のドットを絵のようにドラッグすると、 影が下のようにつくはずだ。 影の基礎ができた。だが影を本物のように見せるのはこれからだ。「フィルタ」−「ぼかし」−「ぼかし(ガウス)」を選択しよう。下の設定を使おう。 レイヤーパレットを使って85％から95％の間で不透明度を下げよう。自分にとって一番いい設定を確かめてくれ。私の場合は91％だ。 レイヤーパレットに戻って影レイヤーにクイックマスクを追加しよう。それからグラデーションを
photoshopのテクニック集「95+ Great Photoshop Tutorials to Learn Awesome Photo Manipulation Tricks」
photoshopのテクニック集「95+ Great Photoshop Tutorials to Learn Awesome Photo Manipulation Tricks」 グラフィックデザインやクリエイティブの現場にとって欠かす事ができない、画像編集ソフトphotoshop。かなり高機能でそのテクニックを突き詰めれば様々な表現がかのです。今日紹介するのはそんなphotoshopのテクニックを集めたエントリー「95+ Great Photoshop Tutorials to Learn Awesome Photo Manipulation Tricks」。 How to Design a Dramatic Winged Dragon with Photoshop 映画のワンシーンのようなビジュアルをphotoshopを使って作り上げるテクニックが公開されています。今日はその中からい
テープを再現するphotoshopブラシ「Free Brushes – 20 Free Tape Photoshop Brushes」
TOP > Design , Photoshop > テープを再現するphotoshopブラシ「Free Brushes – 20 Free Tape Photoshop Brushes」 アナログ感を演出する為に便利な部品がテープ。ガムテープ、何となく、人の手を感じさせる素材です。今日紹介するのはそんなテープを再現するphotoshopブラシ「Free Brushes – 20 Free Tape Photoshop Brushes」です。 ビニールテープ、セロハンテープなどなど全部で20ものテープを再現してくれるphotoshopブラシが収録されています。収録されているテープブラシの一部は以下の通りです。 詳しくは以下 冒頭の画像のように、文字のベースに使うのも良いですし、デザインの一部としても利用できるかと思います。ブラシセットはzipで圧縮されていて.abrで配布されていま
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Photoshop Vip » 写真をプロの様に加工するフォトショップ用無料アクションファイル100個まとめ
新着記事
新着記事
新着記事
新着記事
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
新着記事
【テキスト・エフェクト】 - フォトショップで本物のような輝きがまぶしい黄金文字をつくる方法
新着記事
新着記事
Photoshop Vip » Photoshopのすごいテキストエフェクト作り方40個＋日本語チュートリアル
新着記事
