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

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

ワーキンググループ

GIMP ワーキンググループ

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

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

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

GIMP W.G.作品

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

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

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

::: お花でロゴを作成 ::: H30/03

原図の写真をさまざまに加工してみました。

GIMP解説集

開催実績過去1年の掲載

2020/08/21 第3回 写真の合成と文字入力 パスツール、はがしツール

2020/06/19 第1回 ZOOMによる授業 画像の開き方の説明。 画像サイズの理解など


2020/02/21 第11回 ポスターを作る。A4サイズで出前講座のポスターを作る。気球の丸みを強調する。案内、イラストを入れる。条件の詳細のプレートを作る。

2020/01/17 第10回 文字を飾る。テキスト3枚 画像3枚

2019/12/20 第9回 ①うなきちさんを2枚のレイヤーを使って動かすレイヤーを複製し、回転ツールで各レイヤーに「-45度」アニメーション→GIF用最適化。レイヤー100msを300msにし動く速さを変える。 ②うなきちさんを7枚のレイヤーを使って動かす動かす。フィルター→アニメーション→GIF用最適化。 ③イラストを球体にして回転、フィルター→アニメーション→回転する球体→コマ数10。 ④風車のイラストを回転させるレイヤーを複製し、一つのレイヤーを「45度」に回転。

2019/11/15 第8回 1.ツリーを作る・・自由選択Tで三角形、ブラシTで点を描き、フイルタの照明投影できらめかせることを再体験
2.リボンを作る・・パスTで線を作り、ハンドルを使い滑らかな曲線にする。ブレンドTで グラデーションのドラッグの裏技を学ぶ
3.スターを作る・・フイルタのシェイプエディタを初めて体験
4.カード背景を作る・・ブレンドTオプションの描画色から背景色で夜空を、パスTで地 面の山並みを滑らかに描く
5.カードを完成させる・・①コピー貼り付け、移動T等でツリー、スターを配置 ②テキス トTで文字入れ ③画像(猫、結晶、トナカイ、プレゼント)を初体験の鏡面反転T、遠近法Tで配置し完成となる。

2019/10/18 第7回 画像の切り取りとマップ

2019/09/20 第6回 PCの背景サイズに画像を切り抜き、見栄え良く加工する方法 ①画像の色、明るさなどの調整 ②画像をPCサイズにトリミング ③ 画像の一部をコピペして、不要部分を消去

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

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

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

ホームページWG試作

...

ホームページWGのサイト

HPWGのウェブサイトです。メンバーによる作品発表の場です。また成果品であるテンプレートやHP制作に必須のツールサイトも紹介しています。ぜひご覧になって感想・意見などお寄せ下さい。

開催実績過去1年の掲載

2020/08/27 第3回プロゲートを使ってプログラミング。スクリプト初級編。ブログの書き方。固定ページの画像挿入方法

2020/07/23 第2回プロゲートを使ってプログラミング。html&css初級編。ブログの書き方。

2020/06/25 第1回ZOOMでミーティング


2020/02/27 実践第11回 講座休み(感染予防のため)

2020/02/20 基礎第11回 各自作成したHPの検証。出来上がりについての質問など。

2020/01/23 実践第10回 「WordPressの新しいエディタ Gutenbergの使い方」1.ダッシュボードの概要でバージョンを確認→WordPress 5.3.22.paso○○○○の自分で作ったサイトのサンプルページでGutenbergを使ってみる。 3.これまでのクラシックエディターで作ったページは、クラシックと表示されるが、 ブロックへ変換することが出来る。4.ブロックの追加 段落:改行する時にShiftキーを押しながらEnterキーを押す。 Shiftキーを押さずにEnterキーを押すと、新しい段落ブロックが出来る。 画像:CSSクラス「imgleft」を追加してプレビューを確認。 ギャラリー:縦横比が同じ写真を使うようにすると見栄えがよい。カラムの数を変えてプレビューを確認。リンク先を「メディアファイル」にするとクリック時拡大される。 リスト:CSSクラス「listsquare」を追加してプレビューを確認。 グループ:グループごと複製や移動が出来るので便利。 追加するCSSクラスの例がエレメントに表示されているので参考にする。

2020/01/16 基礎第10回 HP作成 ① 画像&動画の挿入方法 各自クマの山荘をもとにした「試作」の中にに画像&動画の挿入 ※ 画像はkumasanso Zipをダウンロードし好み画像を選び挿入 ※ 画像サイズ 1600×1000 は大きい 900×600 よい 画像が多いときは 検索 →連続置換 で一挙にサイズ変更ができる

2019/12/26 実践第9回 1.ダッシュボードの概要でバージョンを確認→WordPress 5.3.22.paso○○○○の自分で作ったサイトのサンプルページでGutenbergを使ってみる。3.これまでのクラシックエディターで作ったページは、クラシックと表示されるが、ブロックへ変換することが出来る。 4.ブロックの追加 段落:改行する時にShiftキーを押しながらEnterキーを押す。 Shiftキーを押さずにEnterキーを押すと、新しい段落ブロックが出来る。画像:CSSクラス「imgleft」を追加してプレビューを確認。ギャラリー:縦横比が同じ写真を使うようにすると見栄えがよい。 カラムの数を変えてプレビューを確認。リンク先を「メディアファイル」にするとクリック時拡大される。 リスト:CSSクラス「listsquare」を追加してプレビューを確認。グループ:グループごと複製や移動が出来るので便利。 追加するCSSクラスの例がエレメントに表示されているので参考にする

2019/12/19 基礎第9回 ① 画像&動画の挿入方法 各自クマの山荘をもとにした「試作」の中にに画像&動画の挿入 ※ 画像はkumasanso Zipをダウンロードし好み画像を選び挿入 ※ 画像サイズ 1600×1000 は大きい 900×600 よい画像が多いときは 検索 →連続置換 で一挙にサイズ変更ができる

2019/11/28 実践第8回 実習①見出しブロック:タイトルを作る ②段落ブロック:記事や内容の文章を入れる ③画像ブロック:視覚にイラストや画像入れる。 WordPresのカスタマイズ外部cssの設定で[font-awesome.css]のところがうまくいかなかった。

2019/11/21 基礎第8回 HPの構想がある方は自分のストーリーで作成、まだ構想が決まっていない方は、クマの山荘 のコピーを作成。 ①メニューの設定 [js]フォルダーのjsファイルを編集 複数行の場合、各行の改行した箇所に¥(バックスラッシュ)の記述が必須 ②部品についての説明 エレメントギャラリー 画像ギャラリー、カルーセルの紹介 アニメーションアイコンフォント Font Awesome(フォントアッサム)の紹介。

2019/10/24 実践第7回 ①最新のWordPress バージョン5.2.4-JPをインストール ②Classic Editorをプラグイン ③新しいテーマの子テーマ作るChild Theme Configuratorをプラグイン ④スタイルシートの組み込み 外観→テーマエディタ→外部CSSの設定(我孫子太郎のホームページから) ⑤パソ隊HP基礎よりアイコンフォント Font Awesome(フォントアッサム)のアイコンのタグをコピー ⑥固定ページのタイトルを選び→テキスト→一番上の行に貼り付け、ファイルの更新 子テーマにうまくアイコンが表示されなかった。(CDNの問題よくわからない)
「子テーマ」とは、選択した既存のWordPressテーマである「親テーマ」の機能やスタイルを継承した上で編集していくためのテーマとか。、既存のテーマを直接カスタマイズしてしまうと、アップデートの際にファイルがすべて上書きされてしまい、苦労してカスタマイズしたものがすべてなかったことになってしまうというわけ。ややこしい。

2019/10/17 基礎第7回 ①[hpwg2019]フォルダーに[テンプレート]フォルダーを作るlayout_pro.zip を[テンプレート]フォルダーダウンロードし展開する。② [layout_pro]フォルダー をコピーして任意の名前 に変更。
③ IEで index.html を開き、TeraPadでソースを表示 編集。④ メニュー,サイドバーなどの各構成要素は[js]フォルダーのjsファイルを編集。HPの構想がある方は自分のストーリーで作成、まだ構想が決まっていない方は、クマの山荘 のコピーを作成。キャッチコピー、タイトル、ロゴを変更。

2019/09/25 実践第6回 *各自のHPをエクスポート * WP導入フォルダーを削除 * 個人用データベースを削除 * データベース「Pasotaimembers」へWordPressを導入 * 各自のWPにプラグイン「All-in-One WP Migration」を導入 * エクスポートしたファイルを「Pasotaimembers」のDBへインポートする

2019/09/19 基礎第6回 サイドバー作成。①サイドメニューを縦3列にする方法。②画像とタイトル並べて入れる方法。

2019/08/28 実践第5回 WordPress 各自 実戦形式で指導。各自のコンテンツを披露。

2019/08/15 基礎第5回 ホームページ作成。①メニューの横並びのやり方。ネットで調べる。②ヘッダーにアイコン画像を入れる。ない場合はネットで調べる又はぱくたそなど。
③ホーム画像〇ぱくたそからの画像の取り入れ方、ダウンロードのやり方を教わる。〇ホーム画像の隙間をなくすには。stylesheet にvercical-alignwo付け加える

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

画像1Auto Shapeとは、Microsoft Officeのアプリケーションにおける図形描画機能で使用できる図形の分類のひとつである。

シェイプアートでパソコンを楽しもう!

シェイプアートとはWordに組み込まれている図形を組み合わせて描く絵です。パソコンが大好きで、ちらしやはがき作りばかりではとおっしゃる方にもう一つの楽しみをもって頂きたいと思い始める講座です。 組み合わせによって、色々なイラストを描くことができます。

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

目的 誰でも簡単にイラストが描け、会員のアイデアによる制作が期待できる
将来、HP、ポスター、チラシなどパソ隊への制作要望に応える。
内容 市民活動ステーションで実施。研修会方式で進めます。

今年度は8月から開講します。講師 槇嶋千鶴子 <お問合せは> c-makishima@jcom.home.ne.jp

シェイプアート W.G.作品

:::シェイプアート作品紹介 :::R1.5/6/7/8/9/10/11/12
1かご
2子ぞう
3ソフト
4カップ
5ツリー
6帽子
7かさ
8金魚
9雪だるま
10トンボ
11ヨーヨー
12マスク男
13ハロウィン
14サイコロ
15柵とブローチ
16月見
17ワイン
18ウサギ

2018年度のオートシェイプの作品

開催実績過去1年の掲載

2020/8/18 山の中を汽車が走る。先ず汽車を作る、山と木と田んぼ畑の風景を作成。山は曲線を使う。初めて曲線の編集の使い方を勉強する。両方が出来たら、汽車を小さくして結合させる。

2019年度はシェイプアート講座として、一般の受講生を中心に開いてまいりました。 図形の原点でもある、〇 △ 四角 から初めて、グループ化を覚えて貰い、同じ図形はctrl+d でいくつも使うようにしながら、乗り物、動物、食べ物 などを作成してきました。上記の画像はその一部です。

簡単に出来るイラスト画像初心者用サイト