学科 グラフィックデザイン基礎①

-本日のアジェンダ-

1限目
学科 グラフィックデザイン基礎①
ファイルの作成方法について

2限目
学科 グラフィックデザイン基礎①
オブジェクト移動方法について

3限目
学科 グラフィックデザイン基礎①
図形の描き方について

4限目
学科 グラフィックデザイン基礎①
描いてみましょう

5限目
学科 グラフィックデザイン基礎①
本日のまとめ

本日テーマ

保存：「Ctrl」＋「S」 はこまめにしましょう。

本日のIllustratorの基本操作

  • 新規作成・開く
  • アートボード
  • 選択ツール
  • 長方形ツール
  • 楕円形ツール
  • 多角形ツール
  • スターツール
  • パスファインダー（合体・型抜き・交差）
  • プロパティパネル
  • ズームツール
  • 保存(ai)・別名で保存（pdf）

新規作成・開く

Illustratorを起動すると、スタートワークスペースが表示されます。
「新規作成」をクリックして、新規ドキュメントダイアログボックスを開きます。

保存(ai)・別名で保存（pdf）

Illustrator ドキュメントを保存すると、アートワークデータはファイルに書き出されます。 データの構造は、選択したファイル形式によって異なります。アートワークを保存できる基本的なファイル形式には、AI、PDF、EPS、FXG および SVG の 5 種類があります。
またWEBサイト用の画像「jpg、gif、png」に保存することもできます。
あと、もう一つ専用ソフトが無い方にも見てもらえるように「pdf」への保存も可能です。

ショートカットキーについて

　
Windows版
　保存：「Ctrl」＋「S」
　別名で保存 ：「Shift」「Ctrl」＋「S」
　Web用に保存（従来）： 「Alt」「Shift」「Ctrl」＋「S」

参考サイト

ワンポイントアドバイス

新規ファイルを作成したらまず「保存」をしましょう。

アートボード

アートボードは、絵画にたとえればアートワークを作成するためのキャンバスのようなものです。 アートボード内にアートワークを作成することで印刷時に書き出される範囲の目安になります。

参考サイト

選択ツール

オブジェクト全体（グループ含む）を選択するツールです。このツールで選択されたオブジェクトは、周囲にバウンディングボックスが表示され、オブジェクトの拡大・縮小・回転などを行うことができます。基本的な使い方は、オブジェクトをクリックして選択、もしくはドラッグして選択するだけです。

参考サイト

図形ツール

イラストレーターでオブジェクトを描画する方法は多数存在します。その中で、四角形や円など簡単な図形を描くのに向いているのが「図形ツール」です。図形ツールを使うことで、単純な図形を素早く効率的にアートボード上に作ることができます

参考サイト

パスファインダーツール

パスファインダーとは複数のパスを合成させたり、逆に一方のパスからもう一方の形を切り抜いたりする事ができる一連の機能の事です。 手作業では再現が難しい幾何学的なパスも工夫次第で比較的簡単に作ることができます。

参考サイト

プロパティパネル

Illustrator CC2018のプロパティパネルとは、ウィンドウ上部に表示されていたコントロールパネルをさらに使いやすくしたものになります。

ズームツール

画面上を拡大表示や縮小表示して作業しやすくします。 細かい作業をするために拡大表示がしたい、または全体を確認したいので拡大表示したい場合がります。 そんなときにはズームツールを使用します。

本日の課題

とにかく何かを描いた画像データを、ご自身のWordpress(ポートフォリオサイト)に投稿してください。

学科 CMS構築基礎①

-本日のアジェンダ-

1限目
学科 CMS構築基礎①
WordPressとは？

2限目
学科 CMS構築基礎①
CMSとは？

3限目
学科 CMS構築基礎①
投稿ページ基本①

4限目
学科 CMS構築基礎①
課題制作

5限目
学科 CMS構築基礎①
課題制作

本日のテーマ

目標は100ページ！

【資料】

カリキュラム資料 ダウンロード用サイト
https://cu-doc.deau-ac.com/

下記のファイルをダウンロードしましょう。
「Wordpress活用法の教科書①.pdf」

【動画】

WordPressとは？

WordPress(ワードプレス)は、ブログやサイト（ホームページ）を作成できるソフトです。今や、世界中のサイトの約3分の1はWordPressで作られていると言われています。日本国内でも、個人ブログだけでなく、企業や公共機関のサイトなどに幅広く利用されています。

参考サイト

CMSとは？

コンテンツ管理システムは、ウェブコンテンツを構成するテキストや画像などのデジタルコンテンツを統合・体系的に管理し、配信など必要な処理を行うシステムの総称。2005年頃より一般的に普及したといわれる。コンテンツマネージメントシステムとも呼ばれる。 ウィキペディア。

参考サイト

WordPressの初期設定

まず皆さん用のアカウントを用意してあります。
講師の指示に従って初期設定を行ってください。
初期設定が出来たら、投稿ページをいじってみましょう。

WordPressの利用方法について

ログインURLについて

まずURLに
/wp-login.php
付け加えてください。

※ワードプレスのログインURLは初期設定の場合はサイトURLのあとに「/wp-login.php」を付けたものになります。

権限について

WordPressはいくつかの権限に分けることが出来ます。運用方法に合わせてうまく使い分けていくと便利です。

参考サイト

投稿ページとは？

wordpressの投稿ページとはwordpressというCMS （Content Management Systemの略） を利用して、簡単にページを作れる仕組みです。
Webページの仕組みをここから確認していきましょう。
投稿ページは、日時ごとにページを作成することが出来ます。
コーポレートサイト運用では、新着情報のページに使われることも多いです。

投稿ページの主な項目

  1. タイトル
  2. 文章入力とブロック(クラシックの追加)
  3. ステータスと公開状態
  4. 公開する・更新する・予約する
  5. パーマリンク

タイトル

ページの見出しやページタイトルに反映します。
また、投稿一覧ページやトップページの記事一覧の箇所に反映されます。
ページのタイトルになる事を想定した見出しを考えましょう。
※検索エンジンのキーワードに重要な存在になります。

文章入力とブロック(クラシックの追加)

ページの内容の部分になります。
「段落」「見出し2～６」「リスト・番号付きリスト」
等を選ぶことが出来ます。
更に
「文字の揃え位置（右揃え・真ん中揃え・左揃え）」
「太字」や「イタリック」
「リンク」・「新しいタブで開く」
「打消し線」
の設定が可能です。

参考サイト

ポートフォリオについて

Webデザイナーの就活で使用するポートフォリオとは、これまで作成してきた作品を1つのファイルにまとめた「作品集」のことをいいます。自分のスキルや個性を評価してもらう資料であり就活時に提出が求められます。履歴書だけでは伝わらない技術力やセンスなどを視覚的にアピールできます。

参考サイト

ワンポイントアドバイス

ポートフォリオサイトの記事は、訓練校での6カ月間で何をやって過ごしていたかの証明になります。
未経験の方であれば、何を学んでいたのか、自身が普段どんな生活をしているのか、
企業担当者が知りたいのは、「どんな人物なのか？」です。
日々の訓練で学んだ事だけではなく、遊びに行った事や、プライベートで読んだ本、見たYouTubeなどの動画なども載せて自分らしい作品にして行きましょう。

本日の課題

企画でまとめた内容を投稿ページにしてみましょう。
※時系列は訓練日にしておくと良いです。