aiba

現職デザイナー、イラストも描きます。2020年にIllustrator・Photosh…

aiba

現職デザイナー、イラストも描きます。2020年にIllustrator・Photoshopのオンライン講師をはじめました。 教える上での気づきをまとめたnoteです。

学習計画を立てよう

どうして学習スケジュールを立てるのか目標意識をもって、メリハリをつけるため計画をたてることで、何をすべきなのかが明確化されます。スケジュールを立てると、いつまでに何を終わらせようと集中して取り組むことができメリハリがつきます。 例えば来週末までに自習課題を完了したいから、今週は何時間学習して・どのタイミングでフィードバックを貰うなど、具体的に計画を立ててみましょう。 スケジュールを立てる・活かすポイント1.予備日を組み込んで余裕のあるスケジュールにしよう スケジュール

aiba

    • 目標を立てることの意義

      モチベーションの維持は困難なのですが、勉強のためには非常に大事なのことです。そして勉強する前にまず考えるべきことは、どのような目標を立てるのかということ、そして、その目標をどのようにして常に意識し続けるかということなのです。ぜひ、目標が大事だということを頭に入れておきましょう。 | 適切な目標を複数作ることがポイント目標は自分のレベルに合わせた適切なものでなければなりません。簡単すぎると、努力を続けるためのインセンティブとしては弱くなってしまいます。逆に、難しすぎる目標は、

      aiba

      • ［Photoshop講座］文字がシェイプ化できない

        フォトショップの作業が楽になる、覚えておきたい小技テクニック！ WEBデザインを効率よく作業していくためにヒントを紹介していきます。 [文字がシェイプ化できない]例えば「要求された操作を完了できません。テキストレイヤーは太文字を使用しています。」のアラートが出た場合、文字パネルを確認しましょう。 ・オレンジ枠：文字パネル→「太さ」のチェックを外す チェックを外したテキストレイヤーは、シェイプ化できます。 フォントの持つ太さ（例えば、ボールドとか）ならシェイプ化できるの

        aiba

        • 「40分」で作れる！ バナーの作り方[後編]

          「40分」で作れる！ バナーの作り方[前編]の続きです。ここまでで、ざっと25分くらいで作業しました。時間を意識しながら制作をすると、スキルアップにつながります。タイマーで計りながら自分の作業時間を把握しておくことも、作業の時間短縮には重要です。 7.装飾を整える大体のレイアウトが決まってきました。装飾整えていきましょう。 ・「初回限定」の飾りをリボンにし、ワープで変形 ・書体を変更。太や文字間を調節 この段階でpsdデータの切り抜きを、Photoshopを使って綺麗に

          aiba

        学習計画を立てよう

        aiba

          「40分」で作れる！ バナーの作り方[前編]

          WEBデザイン初心者の人や、デザインに自信がない人の中には、「どのようにバナーを作ればいいのかわからない」と悩んでいる人も多いのではないでしょうか。 そこで今回は、バナー作成のプロセスやコツをご紹介します。 1.要素を並べるアートボード外に要素を並べます。 ・テキスト要素：ボックスではなくダダ打ち（プレーンテキスト）で文言ごとに打つ。 ・写真やイラスト：使用する画像を配置しておきます。切り抜きはフォトショップでやるので、psdデータが望ましい。 2.テキスト要素を仮配

          aiba

          「40分」で作れる！ バナーの作り方[前編]

          aiba

          [Webデザイナーを目指すには？]ワイヤーフレームの読み方

          これからwebサイトを作りたい、アプリを開発したいという人のために、「ワイヤーフレーム 」について詳しく説明していきたいと思います。 01 ワイヤーフレームとは？ ワイヤーフレームとは「ホームページのレイアウトやコンテンツの配置を決めるための設計図」のようなものです。ワイヤーフレームの目的は ・情報整理のため ・ホームページのレイアウトを決めるため ・プロジェクトメンバーと認識を合わせるため ・アイデア出しや議論の「たたき台」にするため といった情報の優先順位や構成を決

          aiba

          [Webデザイナーを目指すには？]ワイヤーフレームの読み方

          aiba

          [Webデザイナーを目指すには？]検索ワードの絞り方

          検索をするときは、"使うツール名” と、"分からない言葉 or やりたいこと” で検索することがおすすめです。 例＞「レイヤースタイル」がわからない場合。 検索キーワード：「photoshop レイヤースタイル」 
検索結果：http://co-jin.net/design/free-photoshop-layer-styles1000 また検索は、photoshopだけではなく、html・illustrator・ javascript などでも同じです。 
“言語名"

          aiba

          [Webデザイナーを目指すには？]検索ワードの絞り方

          aiba

          ［Photoshop講座］文字をシェイプ化すると勝手に黒く太くなってしまう…対処法

          フォトショップの作業が楽になる、覚えておきたい小技テクニック！ WEBデザインを効率よく作業していくためにヒントを紹介していきます。 ［文字レイヤーをシェイプに変換］Photoshop2021でテキストをシェイプにすると、線(1px,#000)が勝手についてしまうバグがあるようです。 文字のシェイプ化は、今までフォントだったものが「パス化」され、図形（シェイプ）のような扱いになった感じです。 なので「シェイプを作るツール」で、塗りや線の色を変更することができます。 1_

          aiba

          ［Photoshop講座］文字をシェイプ化すると勝手に黒く太くなってしまう…対処法

          aiba

          ［Photoshop講座］オブジェクトの横幅や高さを確認する方法

          フォトショップの作業が楽になる、覚えておきたい小技テクニック！ WEBデザインを効率よく作業していくためにヒントを紹介していきます。 ［オブジェクトの横幅や高さを確認する方法］ 1_「情報」ウィンドウを表示させます。 2_大きさを調べたい物が置かれているレイヤーを選択→Ctrl+T（自由変形） ●オレンジの部分：座標軸 X（よこ）Y軸（たて）が確認できます。 ●黄緑の部分：オブジェクトの大きさ W（幅）とH（高さ）が表示されてすぐに測定できます。 ガイド線の位置を確

          aiba

          ［Photoshop講座］オブジェクトの横幅や高さを確認する方法

          aiba

          ［Photoshop講座］画面のセンターラインを図る方法

          フォトショップの作業が楽になる、覚えておきたい小技テクニック！ WEBデザインを効率よく作業していくためにヒントを紹介していきます。 [画面のセンターラインを図る方法]上部のメニューの「表示」→「新規ガイド」を選択します。 新規ガイドウィンドウが表示されます。 ・左右にセンターラインを引きたい場合「垂直方向」を選択 左右にセンターラインを引きたい場合、垂直位置に「50％」を入力し、「OK」をクリック。 ・上下にセンターラインを引きたい場合「水平方向」を選択 水平方向を選

          aiba

          ［Photoshop講座］画面のセンターラインを図る方法

          aiba