blog元”theネットワークエンジニアを目指していたがネットワークエンジニアとして一回も働けなかった人間”が全くキャリアを積めず自分がぐちゃぐちゃなった結果、プログラマーとして再起を目指すブログです。コース001UdemyTweetコース001*1はこちら!www.udemy.comは私の私的なコメントであって動画の内容とは(本質的に)関係がございません。動画No.76:文庫本の紙カバーを革カバーに。ペンツールで4隅をクリックしておおまかに、ツールバーのパス選択ツールで微調整して、ピクセル単位で選択を完璧に。アンカーポイントの切り替えでハンドルを出して、カーブも使う。革の画像を上レイヤーにおいてクリッピングマスクで合成。メニューバーの編集から遠近法ワープでより自然に。革だと遠近法ワープの力がわかりにくい。動画No.77:ちょっとだけ応用編。クリッピングマスクの復習。ペンツールでハンドルを使って波線型のシェイプを作る。レイヤーマスクでグラデーションをつける。動画No.78:チャレンジ。車製品のトップページを作る感じ。クリッピングマスクとしてカラーバランスの緑追加を行う。JPEGの背景の白い部分を非表示にするのにはレイヤーマスク。動画No.レイヤーマスクとクリッピングマスクは「ものすごく使う」とのこと。動画No.79:自動のトーン補正など。メニューバーの自動トーン補正をすると少しだけ画像が変わる?動画でみる限り全く変化が分からん。メニューバーのウィンドウからアクションを出して、マクロみたいな作業自動化ができる、ということを説明。アクションもダウンロードできる。ググった限りではgimpの特定フォルダに入れれば使えるみたい(?)。アクションの結果追加されたものを確認して、自分のスキルを上げるのがいいらしい。それってスキルが上がったというよりアクションを知ったというのでは...いや、それがスキル、と呼ばれているもので、アクション作成とかは”センス”なのかもしれん。動画No.80:レベル補正。レベル補正の調整レイヤーを追加して、RGBごとの明るさ/コントラストををいじれる。どんな値がいいかは一概にはいえない。体で覚えろ!とのこと。動画No.81:写真をイラスト風に。同じ写真を何枚もレイヤーコピーを重ねる。切り絵風の「カットアウト」のフィルターをつけて、ブレンドモードをスクリーンに。その上に、「鉛筆」でフィルターしたものを「乗算」でブレンドする。輪郭を「輪郭検出」で乗算でブレンド。不透明度を調整して、完成。動画No.82:HDR風の写真にする、って、HDRがなんだか分からない。動画ではプリセット使うのがいいとのこと。たしかにこれを0から調節していくのは無理。プリセットを基礎に少しいじる感じか。動画No.83:シャープツールで目をはっきりくっきりさせる。ツールバーのぼかしの中のシャープツール。強さは弱めで重ねていく方がきれいにできる。何回もこすっていく感じ。動画No.84:スポット修正ブラシツールでニキビを消したり、肌をなめらかにしたり。ブラシツール状態になり、なぞった部分の「不要な」部分をフォトショが自動で判断し、消してくれる。なめらかにするにはぼかしツールで単にこする。強さを下げて何度も重ねていくのがコツ。ハイライトを入れるには覆い焼きツール。動画No.85:歯を白くしたり、目の充血を取ったり。復習?というか、人物に対してのレッスンとしての再出?レイヤーマスクの選択範囲から、明るさをあげてカラーバランスから黄色を減らす。動画No.ここでフォトショップ講座は終わり!次から【実践Webデザイン】(185まで100動画!)NESTオンラインの動画の構成が分かってきた。*2動画No.86:ワイヤーフレームの説明。ワイヤーフレームってなに?ワイヤーフレームは部屋の間取り図。最大の目的は、クライアントの目的を達成するための手段を考えること。実際に作ってからのロールバックを避ける目的。動画No.87:ワイヤーフレーム制作手順とツール。手順4パソコンで清書。清書のレベルは、説明文まで完璧に(ダミーテキストではなく)入れた方がいい。ILLUSTRATORなどがあると言うが動画内でのツール説明は(今のところ)無し動画No.88:ヒアリングのコツ。SE講座かな?依頼者の要望をそのまま聞くだけだと抽象的だし、あとから追加・変更もあり得るので、最終的に目的があやふやになりやすい。引き出すヒアリングで具体化を提案。いうツールがあるんですが、じゃあ、こういうサイトがあるんですが、こういう感じでどうでしょうか?とお客さんのイメージをこっちから確定させに動くる。動画No.89:ヒアリングの2段階。デザインやマークアップ、運用、集客に関して。この二つは分けた方がいい。上記、1は、目的、ターゲット、手段、を決めてから、企画、コンテンツを考える。コンテンツの優先順位も同意を得ておく。優先順位は、お客さんがアピールしたいところとか、サイトマップとか。問い合わせページ、アバウトページの要否など。動画No.90:webサイトのレイアウト例とパーツ名称の確認。動画No.91:初心者のためのワイヤーフレーム作成方法。アイディアの引き出しはほかのサイトをたくさん見てつける。PCでの清書は、最低限テキストと四角形があればいい、とのこと。動画No.92:ワイヤーのポイント、注意点。ユーザが迷子にならない。常に同じ場所に同じボタン、同じナビというレイアウト。ファーストビュー(最初にアクセスした瞬間に見える範囲(デバイス依存))視線の動き(左上からZ型とF型)失敗しないコツ:同じ目的を持つサイトを徹底的に調査して20サイトを目安に考える。動画No.93:Webデザイン勉強法:とにかくまねして作りまくる。ある画力上昇方法みたいだな。io3000.comやイケサイ.comなどいいと言われているものを参考にする。まねするのは、スペースやフォントや、マージン、パンでぃんぐやフェードイン、アニメーション、の細かい数値までまねるように。動画No.94:パンくずリストの作り方。ノンデザイナーむけにiconfinderをおすすめ。移動ツールでオブジェクトを選択した状態だと、選択した範囲の中央に並べることができる。動画No.しかし、文章までフォトショで作ってどうマークアップするんだろう...?動画No.メイリオが面妖と字幕されててワロス。面妖フォントってあったら面白そうではある。マジで?動画No.95:押したくなるダウンロードボタンの作り方。「光彩の内側」なんかはcssだと面倒か藻しれない。ググれば一応出てくるけど...定規とかスマートガイドは便利だな。動画No.96:広告のミニバナーの作り方。バナーなどは横幅が決まっていることが多く、文字の調節など難しい。テキスト選択で特定の文字と文字の間の文字間を狭めたりする。動画No.動画95と96がめっちゃ長い。復習をかねてるからだろうけど、こういう各動画の長さとかは、動画一覧からは分からんな...400動画ある!タイトルはこれだ!といわれても、内容はぜんぜん分からん。1日25動画!とか決めるのは未達成になりやすく危険かもしれん。動画No.97:メイン画像のバナー作成例。写真を利用する場合、色を塗りつぶすよりは、商品写真の端っこを引き延ばした方がきれいになる。フォントはflopdesignのものを利用。読みやすい行間は文字サイズの半分を足したもの。14pxなら21px。文字に1pxの白シャドーをかけると、リッチに見える。(動画じゃエンコのせいかぜんぜん分からない)動画No.98:ナビゲーションの作り方。パンくずリストではなく、ヘッダーの下か中によくある奴。横1440pxという前提で分割して各個センタライズ。動画No.99:ウェブサイト全体のバランスについて。レスポンシブは完全無視。このやり方の方が(デザインセンスの高い人にとっては)別個に作った方がいいのかもしれん。*3動画No.100:Webデザインで参考になるサイトの探し方。企画や機能に関する参考、デザインやテイストに関する参考で、分けて参考にして自分のサイトではmixするといい。ギャラリー」でググる。10以上mixすればオリジナル。...2018-09-01サイト"http://www.a3t3mbk.com"稼働!(中身はまだ)さくらのVPSで一番安いのを契約。読者になる検索リンクはてなブログブログをはじめる週刊はてなブログはてなブログPro最新記事はてな質問箱に投稿しましたWebアプリ作成に最も参考にしたYoutube動画はこれ!WebアプリのコードをGitHubで公開しました!ついに!個人開発のWebアプリケーションを公開しました!11月も終わるのでこの1か月で読んだものリスト月別アーカイブはてなブログをはじめよう!a3t3mbkさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。