?ワーキンググループ – パソコン楽しみ隊

研修 - ワーキンググループ

ワーキンググループ

GIMP ワーキンググループ

画像1GIMP(GNU Image Manipulation Program)とは、オープンソースで開発されているフリーの画像編集・加工ソフトウェアです。 読みはギンプ、あるいはジンプ。
フリーの画像処理ソフトとしては高機能を誇り、数々の有料ソフトと比較しても遜色ないと言われています。

参加できるのはパソ隊会員になります。
あびこ市民活動ステーション大会議室 13:00~16:00 月1回、原則第3金曜日
開催日の最新情報は [会員の広場]-[会員用カレンダー] にて確認してください。

目的 フリーソフトGIMPのテクニックレベルアップ。
将来、HP、ポスター、チラシなどパソ隊への制作要望に応える。
内容 基本的には、月1回(第3金曜日)ステーションAで実施。研修会方式で進めます。

GIMP W.G.作品

GIMPのW.G.メンバーによる作品を紹介します。

:::「アイキャッチ画像作成練習」::: R4/3

アイキャッチ画像を作ってみました。

:::「子どもまつりの額縁プリクラ」::: R3/8

10月の子どもまつりの額縁プリクラ用に作ってみました。

:::「パソ隊の新入会員募集のチラシ」::: R3/1

メンバーそれぞれのアイデアでチラシを作ってみました。

:::「紅葉狩りの案内チラシ」::: R2/11

チラシを作る練習をしました。

:::パソ隊出前講座ポスター::: R2/2

ポスターを作る練習をしました。

開催実績過去1年の掲載

2022/09/16 9月は夏休み

2022/08/19 第5回ブラシを使う・ブラシを作る
1.ツールオプション ブラシので描画 ブラシ サイズ 角度 間隔などを変えることでいろいろな線 模様ができることを確認。動的特性の使いかたも確認6種類の模様を描いた。
2.メッセージカードを作った。使ったツールは テキスト ブラシ グラデーション これはいろいろな用途で利用できるとおもいます。
3.写真からイチゴのブラシを作る。これは 4.で利用するための行程。
4.おやつの写真に3.で作ったイチゴのブラシでイチゴを張り付ける。ツールは 前景抽出選択 ブラシ 華やかなカードができました。
5.ブラシツールの動的特性を自分で設定した。

2022/07/15 第4回 飛び出す写真
サッカーやバレーボールなど人物に動きのある画像の上に枠を書いて、その人物があたかもその枠から飛び出しているような画像に加工します。
動きのある人物の画像を取り入れる。
背景として全面黒色のレイヤーを追加する。
更に透明のレイヤーを追加して、そこに変形四角形の白い枠を書く。
書いた白い枠の外側にある人物の足・頭などの一部を残して、白枠の外側全部を消去する。
人物と白枠が重なっているので、重なった部分の白枠を消去する。
これで、白枠から飛び出しているような人物の画像が出来上がる。

2022/06/17 第3回レイヤーの基本
1.市松模様とレイヤー
①新しいレイヤーを追加 レイヤー名:市松模様…塗りつぶし方法:透明 下塗り…パターン…市松模様
②市松模様レイヤーを選択した状態で”色域を選択”ツールで黒の部分をクリックする。
描画色赤に変更する。市松模様赤レイヤーを選択した状態で編集…描画色で塗りつぶすをクリックする。選択を解除する。
市松模様レイヤーを選択した状態で”色域を選択”ツールで黒の部分をクリックする。描画色赤に変更する。市松模様赤レイヤーを選択した状態で編集…描画色で塗りつぶすをクリックする。選択を解除。市松模様レイヤーの白の部分を消去する。レイヤ名を”市松模様黒”に変更する 名前を付けて保存する
2.草原のイラストでレイヤーのおさらい
①ファイル…開く/インポート…空 ②研修会資料のイラストを配置して画像を作る。(草原、雲、ポニー女の子、ポニー男の子)③透明のレイヤーを追加して馬の影を作ってみる。④名前を付けて保存する。
⑥市松模様赤レイヤーを選択した状態で、編集…描画色で塗りつぶすをクリックする。

2022/05/20 第2回前景抽出選択を使って合成写真
1.前景抽出選択ツールを使って前景を切り出します。
2.さらに修正したい時は、自由選択ツールやクイックマスクを使い修正します。
3.前景が選択出来たら、周りを消去します。
4.前景をコピーします。
5.合成したい写真を開き、前景を貼り付けます。
6.拡大縮小ツールで、大きさを調整し移動配置します。
7.ガウスぼかしでぼかします。
8.新しいレイヤーを追加し、ブラシツールで影をつけます。
9.ガウスぼかしや不透明度を調整して、自然な感じにします。
10.各自手持ちの写真で前景抽出選択ツールを使って合成写真の作成をしました。

2022/04/15 第1回GIMPを始めよう(基本の確認とおさらい)
1、GIMPのバージョン確認
2、画面の構成 ①各部の名称と解説 ②ファイルの開き方 ③画像のサイズ変更 ④文字の入力  *文字の拡大縮小と移動 *文字の飾り
3、その他

2022/03/26 第11回アニメーションを作る
<クマのイラストを動かす>
(1) クマ.pngのレイヤーを複製する。 (2) ブラシで、コピーレイヤーの目を細くする。 (3) 2枚のクマのレイヤーを回転させる。 (4) コピーしたテキストレイヤー名に(replace)をつける。 (5) フィルター→アニメーション→GIF用最適化 (6) レイヤーの(100ms)を(300ms)にする。 (7) フィルター→アニメーション→再生
<木馬のイラストを動かす>
(1) 木馬を5回複製し複製する毎にずらす。 (2) 全部で6個レイヤーを作り同じ高さに揃える。 (3) 木馬のレイヤーをそれぞれ回転させる。 (4) フィルター→「アニメーション」→GIF用最適化 (5) レイヤーの(100ms)を(300ms)にする。 (6) フィルター→アニメーション→再生

2022/02/25 第10回アイキャッチ画像を作成
1.画像全体を使う場合 (スノードロップ.jpg、人形たち.jpg)
2.画像の一部を切り取る場合
3.2枚の画像を並べる場合
4.枠線を付ける

2022/01/21 第9回レイヤーマスクを使い合成写真を作成
1.レイヤーマスク(選択ツールでマスク)
2.レイヤーマスク(黒と白のグラデーションでマスク)
3.レイヤーマスクを使って画像を切り抜く
4.レイヤーマスク
5.切り抜いた画像を合成写真に

ホームページ ワーキンググループ

画像2ホームページW.G.参加できるのはパソ隊会員になります。HP基礎とHP実践の2コースがあります。
あびこ市民活動ステーション大会議室 13:00~16:00 月1回、原則 HP基礎 第3木曜日、 HP実践 第4水曜日
開催日の最新情報は [会員の広場]-[会員用カレンダー] にて確認してください。

趣旨 ウェブ制作の人材育成。(市民団体からのHP作成依頼に対応する)
概要 ウェブページを記述するための言語であるHTML(XHTML)と、表示レイアウトなどの修飾を指定するのためのCSS(スタイルシート)を学びます。 現在のウェブデザインは、文書の構造(HTML)と体裁(CSS)を分離させるという設計思想で制作されています。 そんなに難しいものではなく、仕様(決まり)を若干覚えるくらいでホームページが作れるようになります。
開催実績過去1年の掲載

2022/09/22 第6回お問い合わせフォームの作成
先月にインストールしたComtact Form7お問い合わせフォームを設置する。
フォームの部品の削除(題名)フォームの部品の追加(チェックボックス)
問い合せした方へ問い合せ内容を控えとして送信する(メール2)
テストの為に自分あてにお問い合わせを送信してみる。

2022/08/25 第5回クマの山荘 本文の作成ーお部屋
X-Freeは3ヵ月に一度管理パネルを開けて更新すること。 前回のテーマ「お食事」のページが完成しているかどうか講師に依る確認。 クマの山荘 「お部屋」のページの作成及び講師に依る確認。 お問合せのページの「CONTACT FORM7」を新たにインストール。 次回の講座に備えて、講師に依るお問合せページを作る方法のプレゼテーションがあった。 次回は問い合わせフォームを作成する。掲載する自分の好みの写真を用意する。(大きさは縦1000x横600ピクセル位)

2022/07/28 第4回クマの山荘 本文の作成-お食事
1. 前回の続きを作成  本文の作成-お食事を仕上げた
2. 文字の色付け  見出し、段落、ギャラリー(食事の写真を配置)
 本文とギャラリー(クマ2の写真)をカラム2を使って横に並べる
3. 写真をクリックするとその写真が大きく飛び出す様にするには、
 メデイアファイルになっていないと出来ない

  

2022/06/23 第3回クマの山荘HP作成
ホームの本文作成
①クマさんの山荘にご招待 → 見出し H2 記事 → 段落 18px スライダー → プラグイン [Smart Slider 3]
②ツキノワグマの生態 → 見出し H2 形態 → 見出し H3 記事 → 段落 18px 環境 → 見出し H3 本文 と ギャラリー(クマ1.jpg) → カラム 2 見出し、記事、動画挿入
③スライダー作成 管理画面から[Smart Slider]-[ダッシュボード]-[ダッシュボード] [NEW PROJECT] [Create new project] 設定 名前[kuma3slider]-[作成] [スライドを追加]-[画像] ホーム1.jpg~ホーム12.jpg [保存] [Size]タブ [スライドの幅制限] OFF、レイアウト [Boxed]、Min Height 400px [操作]タブ [サムネイル] ON Desktop Width 45PX,高さ 30PX …以下同様 ③サムネイルの整列-[中央]、バー[スタイル]-[背景色]白(FFFFFFFF) ホバー時の表示 [Hide On] モバイル外す [自動再生]タブ 自動再生 ON [Slide Duration] 5000MS ボタン ON

2022/05/26 第2回クマの山荘HP作成
◆固定ページ
以下五つの固定ページを作成
ホーム、お食事、お部屋、お問い合わせ、ブログ アイキャッチ画像  お食事 → 背景2.jpg  お部屋 → 背景3.jpg
◆ホームページ設定
[外観]-[カスタマイズ]-[ホームページ設定]
ホームページの表示  固定ページ ホームページ → ホーム 投稿ページ  → ブログ [公開]
◆メニュー
[外観]-[メニュー]
メニュー名 → main、[メニューを作成] [ホーム][お食事][お部屋][お問い合わせ]を選択し、[メニューに追加] 順番に並べる (ドラッグ&ドロップ)、[メニューを保存]
◆サイトの基本情報
[外観]-[カスタマイズ]-[サイトの基本情報]
サイトのタイトル クマの山荘 キャッチフレーズ 空白
ロゴ ロゴ.png   ロゴの幅 150  サイトアイコン ファビコン.png
◆ヘッダー画像
[外観]-[カスタマイズ]-[ヘッダー画像] [新規画像を追加] → 背景1b.jpg [新規画像を追加] → 背景1c.jpg [アップロード済みヘッダーをランダム表示]
◆ホームページヘッダー
[外観]-[カスタマイズ]-[ホームページヘッダー] [ホームページヘッダーを有効にする]
[新規画像を追加] → 背景1.jpg 見出し  クマの山荘へようこそ テキスト …素晴らしい自然との共存を願って…
◆サイドバー
[外観]-[ウィジェット] ペ-ジサイド]でブロック編集

2022/04/28 第1回2022HP 初心者対象研修会
①HP2022年度の研修内容を一通り説明。 ②Wordpressとは何かを説明。 ③見本となるHPをコピーして、Wordpressで作製して行く。クマの山荘を使用する。 ④Terapadをインストールしてアドレスの保存や研修内容のメモを保存する。 ⑤yahooメールアドレス、セーフティメールのアドレスの取得。 ⑥レンタルサーバーXFREEにログイン。 ⑦クマの山荘のHP画面が出来あがる。

2022/03/24 第11回wordpressHP作成実践。
<テーマ> ブロックのカスタマイズ、アニメーション 次年度HPWGの進め方
1.質疑応答  Q.XFREEで作成画面が開かない  A. 3ヶ月毎の契約更新を怠らずに
2.先月の復習  ①テキストリンクのアニメーション ②スクロールに連動するアニメーション ③ホーバー画像のアニメーション・・・先月のCSSを修正 
3.今月の研修  先月宿題:タイトルのアニメーション
①ページのソースを見て、どの様にコードが表記されているかを調べる ソースの中、ピンポイントで検索するには、[ソース/CtrlF/検索ワードコピぺ]
②アニメーションさせるタイトルのページ編集画面でブロックを追加し、CSSを追記
4.次年度の進め方 ①WordPressで「クマの山荘」作成・・・初歩から ②HPWorkshop・・・Zoomで更新メンバー11名

2022/02/24 第11回wordpressHP作成実践。
<テーマ> ブロックのカスタマイズ、アニメーション 他
1.前回の続きWebサービスについて
2.「ブロックのカスタマイズ」 ①文字に装飾 ②リストのカスタマイズ ③テーブルのカスタマイズ 
④ボタンのカスタマイズ ⑤カラムと画像
3.「アニメーション」 ①ページを表示した時のアニメーション ②スクロールに連動するアニメーション 
③アニメーションアンカー

2022/01/27 第10回wordpressHP作成実践。
<テーマ> webサービス・ブロックのカスタマイズ
◆fotojetを使って写真をコラージュ。
◆見出しの色について。2022年度カラーで作成
◆文章の間隔の変更やドロップキャップの大きさの変更など。
◆段落に色を付ける。
◆出来ないところは各自宿題

2021/12/23 第9回wordpressHP作成実践。
<テーマ> 上へ Webサービス 他
①上へ ページを下へスクロールすると、右下にページトップに戻るボタンが出てくる。その実現方法が2つあるがその方法を習得する。
方法1:footer.php を更新する。 方法2:プラグインを利用する
②各種 Webサービス HP関連サイト の習得 WEB色見本 原色大辞典(和色 洋色 パステルカラー) フリー素材HP pdf変換ツール FotoJetの実演
③WordPress に写真をアップロードする際の注意事項
・2560pxを超える大きな画像の場合 ファイル名に「scaled」が付く。
・2048×1365 1536×1024 1024×683 ~等がついたファイルが自動生成される。

ホームページ ワークショップ

画像2ワークショップW.G.   HP Workshop(ホームページワークショップ)
メンバーは10名ほど 川口、西野、安部、仙石、小西、山添、郡司、原、笹子、宮元
月替わりで各HP更新者が講師をする。皆が受託HPの更新が出来るよう。
参加できるのはパソ隊会員になります。
各自ZOOMにて13:00~16:00 月1回、原則 第4月曜日
開催日の最新情報は [会員の広場]-[会員用カレンダー] にて確認してください。

趣旨 ウェブ制作の人材育成。(市民団体からのHP作成依頼に対応する)
概要 ウェブページを記述するための言語であるHTML(XHTML)と、表示レイアウトなどの修飾を指定するのためのCSS(スタイルシート)を学びます。 現在のウェブデザインは、文書の構造(HTML)と体裁(CSS)を分離させるという設計思想で制作されています。 そんなに難しいものではなく、仕様(決まり)を若干覚えるくらいでホームページが作れるようになります。
開催実績過去1年の掲載

2022/09/26 第6回あびこ市民活動ネットワークHP演習
1)「NPO法人ふれあい塾あびこ」の令和4年9月の講座を挿入
「EzOCR」を開く、画像のテキスト化する。内容の変更。
トピックス欄変更、新着情報の更新する。terapadを出して、前のを参考に貼り付け、内容を変更する。データーが更新されているかを確認する。
2)「我孫子の文化を守る会」を更新する。
同様に、会報を更新、新着情報更新、トッピクス更新。
それぞれリンク先に飛んでいくかを確認した。

2022/08/22 第5回我孫子登山俱楽部HP演習
各自のXFREEサイトにインポートした 「我孫子登山俱楽部」 のアドレスを確認。 以下更新担当の西野さん・松浦さんに操作の解説をして頂きました。
実習1)投稿ページ 宝篋山の山行記録の作成 投稿一覧/山行見本/新規下書きより投稿ページを追加。山行報告書を元に内容を編集していく。年月日を指定して投稿公開する。
実習2)各人に割りつけられた山行記録の作成(実習1)と同様に割りつけ山行記録の内容を編集していく。

2022/07/25 第4回外注先美手連HP演習
1. 新着情報 index.html を編集
 - 画像と概略を載せる  - リンク先も指定する
2. 定点観測 point.html を編集
 - 観測地点の写真を切り取りリサイズ  - 4枚の写真とコメントを載せる
3.  啓発事業 lectures.html を編集
 - タブを一つ追加する  - 新着情報の詳細を載せる

2022/06/27 第3回外注先手賀沼流域フォーラムHP演習
◆各自のXFREEサイトにインポートした「手賀沼流域フォーラム」のアドレスを確認
◆1.チラシ(表裏2枚のpdfファイル)を「iLovePDF」のサイトで1枚のpdfファイルに結合する。1枚に結合したpdfファイルや必要なjpgファイルをメディアライブラリーに入れる。 2.固定ページ-ホーム 新着情報にブロック(カラム30/70)を追加 30の方に画像とキャプションを入れ、pdfファイルにリンクするように設定する。 70の方にテキストを入れ、当該サイトにリンクするように設定する。 3.固定ページ-全体企画 ブロック(カラム4等分)を追加、 それぞれにメディアライブラリーからチラシのjpgファイルを入れ、pdfファイルにリンクするように設定する。

2022/05/23 第2回ワークショップ サーバー移行
◆WordPressサイトを別のサーバーに移行(引っ越し)してみる。
以前に作成した共有サーバーhttps://abi.sakura.ne.jp から、自身のXFREEサーバー https://xxxxx.wp.xdomain.jp/ への移行となります。
①サーバー移行のプラグインには、
「All-in-One WP Migration」 https://upd.world/wordpress-migration/ 「UpdraftPlus」   https://upd.world/updraftplus-wp-migration/ 等があります。 ここでは「All-in-One WP Migration」 を用います。
◆ホームページ制作支援サイトのエクスポートファイルの移行のやり方。
ホームページ制作支援でWordPressを用いているサイトの、「All-in-One WP Migration」エクスポートファイルを提供いたします。各自のXFREEサイトにインポートする。 手賀沼流域フォーラム teganumaforum.com-20220521-181711-w27ov4.wpress

2022/04/25 第1回ワークショップの始まり
1.ホームページ制作支援担当者を決める
2.パソ隊HP更新担当者の確認と新たな担当者を決める
3.月別に講師役で自分の担当・hpを解説及びブログを書く
4.フリーメールを必要数(3個以上)確保する。セーフティーアドレスをヤフーで簡単に作れる。
5.XFREEのドメインを3個作る。 次までの宿題にWordPress(サーバー)の移行(引っ越し)を各自行う事。

シェイプアートワーキンググループ

人形Auto Shapeとは、Microsoft Officeのアプリケーションにおける図形描画機能で使用できる図形の分類のひとつである。
シェイプアートでパソコンを楽しもう!
シェイプアートとはWordに組み込まれている図形を組み合わせて描く絵です。パソコンが大好きで、ちらしやはがき作りばかりではとおっしゃる方にもう一つの楽しみをもって頂きたいと思い始める講座です。 組み合わせによって、色々なイラストを描くことができます。

参加できるのはパソ隊会員になります。
あびこ市民活動ステーション大会議室 13:00~16:00
開催日の最新情報は [会員の広場]-[会員用カレンダー] にて確認してください。

目 的 誰でも簡単にイラストが描け、会員のアイデアによる制作が期待できる
将来、HP、ポスター、チラシなどパソ隊への制作要望に応える。
内 容 市民活動ステーションで実施。研修会方式で進めます。
問合せ 講師 槇嶋千鶴子 c-makishima@jcom.home.ne.jp
開催実績過去1年の掲載

2022/09/20 第4回ステンドグラス
<ステンドグラスの花と背景を描く>
線はすべて黒、太さ6ポイント 花は楕円、頂点の編集で形を少し変形。グラデーション、透明50% 葉も花と同じように楕円変形して、透明50% 葉脈は曲線で黒 背景は四角と楕円でそれぞれ透明20%。4組色違いを作る
背景と花を組み合わせて完成。

2022/08/16 夏休み(お盆のため休み)

2022/07/19 暑気払い予定(コロナ感染予防のため中止)

2022/06/19 第3回<雨ふれふれ>
雨の中クマとカエルとカタツムリを描く
クマさんが持つ傘を描く・・図形アーチ 頂点の編集及び頂点の追加 クマさんの顔を描く・・楕円を使う、口は円弧 洋服は台形、長靴は四角と論理積ゲート
カエルさんはクマさんと同様、大きな葉はハート・・頂点の編集で形を変える。
全部は書けなかったが、後は宿題とする。傘に透明度を加えておしゃれな雰囲気に仕上がった。 枝と葉っぱとテルテル坊主とカタツムリは宿題になった

2022/05/17 第2回<鳥かごと窓>
①鳥籠を描く 図形、論理積ゲート 重ねる 色=塗りつぶしなし 線=青 持ち手は図形、論理積ゲート、  図形ドーナッツ、受け皿、フローチャートの記憶データーと楕円。
②小鳥を描く 円楕円、月、二等辺三角形、ほし5を組み合わせる。色=濃い緑と明るい緑のグラデーション
③餌入れ 図形、記憶データー 餌は泪 色=茶色と緑
④窓を描く 図形、論理積ゲート、台形 色=緑系 頂点の編集で角を丸める。
⑤窓の飾り、音符、など画像の挿入。鳥かごの中に止まり木を描く。
⑥台座を描く 図形、台形 色=テクスチャ板。  ◎全部をグループ化する。

2022/04/26 第1回 キャンバスを描く
①山を描く 曲線 色=青と薄いピンクのグラデーション
②木を描く フリーフォーム 色=濃い緑と明るい緑のグラデーション
③木の心棒 二等辺三角形で細長く 色=茶色 
④枝を描く フリーフォームで大小さまざまな枝を作る。 色=茶色
⑤2~3種類の木を自分なりに工夫して作り、心棒や枝と組み合わせる。それぞれ複数コピーしておく。
⑥キャンバスを描く 額縁 色=グリーン 中央に図形=四角を挿入 色は白
⑦花を描く キャンバスとグループ化 土台は四角 色は白
⑧山の中腹 四角で色はパターン薄緑系 頂点の編集で形を整える。
⑨平地    四角で色はテクスチャ=コルク 頂点の編集で形を整える。
⑩空と雲を描く。 全体を囲むキャンバスは四角で色は肌色。

2022/03/15 第11回 2021年度作品発表会
◆今年度作った各自の自慢の作品を発表する。
◆4月の研修で使う一部、桜の花の作成方法
◆曲線、フリーフォームの描き方の復習
◆来年度の研修についての意見を聴く。
◆その他要望など

2022/02/15 コロナ蔓延のため中止

2022/01/18 第10回 初夢、富士山、鷹、なすびを図形で作成
★フリーフォームの使い方を学ぶ。
★テキストボックス使う
★図形の効果などを使う
★ページ罫線の入れる