http://w.atwiki.jp/subarutau/ スバルタウのpiZap講座 ja 2014-05-07T21:25:45+09:00 1399465545 https://w.atwiki.jp/subarutau/pages/15.html *コラージュ作品を作ってみよう 　※完成作品は[[スバルタウpiZap館>http://subarutau.tumblr.com]]で閲覧できます。 **1.素材を用意しよう。 今回は下の４つの画像を使用します。 |&ref(http://cdn53.atwikiimg.com/subarutau/pub/image_2.png,width=140,height=109)|&ref(http://cdn53.atwikiimg.com/subarutau/pub/05.jpg,width=107,height=71)| |&ref(http://cdn53.atwikiimg.com/subarutau/pub/chara_14.png,width=125,height=135)|&ref(http://cdn53.atwikiimg.com/subarutau/pub/P1050538.jpg,width=165,height=106)| **2.&bold(){Collages}を選択しよう。 &ref(pizap_top2.jpg) **3.テンプレートを選択しよう。 piZapには、数多くのコラージュ用テンプレートが用意されています。 四角形のコラージュテンプレートでは、横長・正方形・縦長のレイアウト選択ができます。 &ref(pizap_collage.jpg) **4.画像を埋め込もう。 &bold(){add photo +}を選択することで、画像の埋め込みができます。 &bold(){add background}で枠線に画像を設定できます。 &bold(){color}で枠線の色を設定できます。 &bold(){border}で枠線の太さを調整できます。 &ref(add_photo3.jpg) **5.以下のウインドウが開きます。 【Upload Photo】パソコンに保存されている画像を選択 【Facebook】Facebookに保存されている画像より選択（自分または友人のアルバムから選択可能） 【Backgrounds】piZapで用意されている背景画像を選択 【Instagram】Instagramの画像を選択できます（Instagramへの登録が必要） 【Web Cam】その場で撮った写真を画像として使用できます。 &ref(add_photo.jpg) &bold(){ここでは【Upload Photo】を選択します。} **6.埋め込む画像を選択し、【開く】をクリックしよう。 &ref(add_photo4.jpg) &ref(collage.jpg) ここでは、枠線にオーロラの画像を設定して若干太くした。 **7.stickerでデコレートしよう。 好きなstickerで自由にデコレートしてみよう。 &ref(collage2.jpg) **8.ボーダーでデコレートしよう。 &ref(add_border.jpg) **9.これで完成。保存しよう。 &ref(pizap_collage_ok.jpg) &ref(saveimage.jpg) Downloadボタンで、画像のダウンロードのみを行います。 **10.タイトルとタグを入力し、【Save】をクリックしよう。 -タイトルとタグは、省略可能です。ここではタイトルを省略します。 -（注意）タイトル・タグ入力は日本語対応しておりません。 &ref(save2.jpg) Facebook,Twitter,Tumblerへのシェアができます。 **11.これでOK。 -【Download Your Image】完成した作品をダウンロードできます。 -【Start A New piZap】piZapを再度開始。 -【Go To My piZap】自分の作品ページへ移動。 -メール送信、ブログ等への貼り付けコード作成等が可能です。 &ref(kansei.jpg) *piZap Helpより(How to Make a Photo Collage on Pizap.com) piZap.comに掲載されているヘルプビデオです。コラージュ作品の作例について解説しています。要チェック。 &youtube(http://youtu.be/T5KBT8FIgds){425,300} 2014-05-07T21:25:45+09:00 1399465545 https://w.atwiki.jp/subarutau/pages/16.html *デコぬりえに挑戦しよう ここではpiZapの基本を学びます。 　※完成作品は[[スバルタウpiZap館>http://subarutau.tumblr.com]]で閲覧できます。 **1.素材を用意しよう。 以下の画像を使用します。 #image(http://cdn53.atwikiimg.com/subarutau/pub/nurie.png,width=225,height=312) これは&bold(){きいちのぬりえ}をスキャナーで取り込み、GIMPを使用して色をつけたものです。 **2.&bold(){Backgrounds}を選択しよう。 背景画像を使用する場合に選択します。 &ref(pizap_top2.jpg) **3.背景を選択しよう。 piZapには、数多くの背景画像が用意されています。 &ref(pizap_back.jpg) **4.画像を埋め込もう。 &bold(){add a photo}を選択することで、画像の埋め込みができます。 &ref(pizap_add2.jpg) **5.以下のウインドウが開きます。 【Upload Photo】パソコンに保存されている画像を選択 【Facebook】Facebookに保存されている画像より選択（自分または友人のアルバムから選択可能） 【Backgrounds】piZapで用意されている背景画像を選択 【Instagram】Instagramの画像を選択（Instagramへの登録が必要） 【Web Cam】その場で撮った写真を画像として使用できます。 &ref(add_photo.jpg) &bold(){ここでは【Upload Photo】を選択します。} **6.埋め込む画像を選択し、【開く】をクリックしよう。 &ref(add_photo2.png) **7.画像の操作について 画像の拡大・縮小、回転、移動ができます。 &ref(sousa.jpg) **8.Stickersでデコレートしよう。 Stickersを選択します。 &ref(sticker1.jpg) piZapには、豊富な種類のstickerが用意されています。&bold(){my upgradeZ}はポイントを貯めて自分で追加するようになっています（詳細は別途説明します）。 &ref(sticker2.jpg) stickerは、ドラッグ＆ドロップで配置できます。 &ref(sticker3.jpg) ***画像・stickerの他の操作について &ref(sticker4.jpg) 以下の操作ができます。 -コピー -色相変更 -透明度変更 -並べ替え -向き変更（縦・横） -回転 -モード変更（詳細は[[ステッカーの効果変更ツールレビュー]]を参照） **9.ボーダーでデコレートしよう。 &bold(){Add Border}を選択します。 &ref(pizap_border.jpg) &ref(add_border.jpg) ボーダーは複数設定できます。 **9.これで完成。保存しよう。 &ref(saveimage.jpg) Downloadボタンで、画像のダウンロードのみを行います。 **10.タイトルとタグを入力し、【Save】をクリックしよう。 -タイトルとタグは、省略可能です。ここではタイトルを省略します。 -（注意）タイトル・タグ入力は日本語対応しておりません。 &ref(save.jpg) Facebook,Twitter,Tumblerへのシェアができます。 **11.これでOK。 -【Download Your Image】完成した作品をダウンロードできます。 -【Start A New piZap】piZapを再度開始。 -【Go To My piZap】自分の作品ページへ移動。 -メール送信、ブログ等への貼り付けコード作成等が可能です。 &ref(kansei.jpg) 2014-05-06T10:58:30+09:00 1399341510 https://w.atwiki.jp/subarutau/pages/19.html *piZapを使う前に準備すること piZapを使用するには、アカウントが必要です。画面左上のSign UPをクリックして、アカウントを作成しましょう。 &ref(signup.jpg) Facebookのアカウントをお持ちの方は、Facebookアカウントでサインインできます。 **昨年よりtwitter,google+のアカウントでもサインインできるようになりました。 &ref(login.jpg) 2014-05-06T09:38:40+09:00 1399336720 https://w.atwiki.jp/subarutau/pages/1.html *piZapニュース **2014/01/04 &bold(){savekeepに注意！！} ブラウザのアドオンまたは拡張機能でsavekeepが有効になっていると、piZapの動作に不具合が生じます。 savekeepを無効にするか、アンイストールすることで回復します。 **2013/11/26 [[piZapかるた2014>piZapかるた２０１４]]完成しました。 &bold(){下をクリック！！} #image(わ.jpg,width=400,height=300,linkpage=piZapかるた２０１４) **2013/11/16 [[piZapかるた2014>piZapかるた２０１４]]掲載開始！！ 出来上がった順に埋まって行く予定。 &bold(){下をクリック！！} #image(い.jpg,width=400,height=300,linkpage=piZapかるた２０１４) **2013/11/16 Android版のアップデート版が以下からダウンロードできます。 [[https://play.google.com/store/apps/details?id=com.digitalpalette.pizap&hl=en>https://play.google.com/store/apps/details?id=com.digitalpalette.pizap&hl=en]] **2013/08/29 レビュー[[ステッカーの効果変更ツールレビュー]]を掲載しました。 iPad/iPhone版が0.7.34にアップデートしました。 今後、詳細は[[Pizap作品投稿のページ>https://www.facebook.com/piZapJapan?ref=nf]]でお伝えします。 **2013/08/14 iPad/iPhone版が0.7.28にアップデートしました。 iPad版に切り取りツール（Cut Out）がお目見えしました。 #image(IMG_1552.png) #image(IMG_1553.png) **2013/08/06 iPad版が0.7.23にアップデートしました。 iPad photo読み込み時の画面に変更あり。 ※png,gifの透過部分が失われるバグが再び発生しているので注意。 **2013/08/02 iPhone版のレビューを掲載しました。 [[iPhone版piZapレビュー]] **2013/07/31 iPhone版piZapが2013/07/29にダウンロード可能になりました。 #image(1003045_10151594412118667_1440127513_n.jpg,width=450) [[ここからダウンロードできます>https://itunes.apple.com/us/app/pizap/id642936943?mt=8]] **2013/07/21 Instagramの画像を読み込むことが可能になりました。 #image(addphoto.png) **2013/07/07 ipad版piZapアップデートにて、エフェクト追加。 pngの透過部分が失われる障害も修正。 バージョンは0.7.7 **2013/05/28 iPhone, Android版がもうじき出るようです。 #image(574561_10151480120168667_162281561_n.jpg,width=450) セーブ時に、タグが入力できるようになりました。 #image(save3.jpg) 現在のところ、タグがどう使われるのかは不明。 twitterのHeader Coverが作成できるようになりました。FacebookのTimeline作成の要領で作成できます。 #image(twitter.jpg) **2013/05/08 iPad版piZapがApp Storeからダウンロードできるようになりました。 [[iPad版piZapレビュー]] **2013/04/08 ipad対応版piZapの画像公開 #image(558598_10151412441763667_377154353_n.jpg,width=320) **2013/04/08 twitterアカウントでサインインできるようになりました。 #image(signin.jpg) **2013/03/05 piZapのipad対応版が出るぞ！ ソース [[http://www.pizap.com/lp/pizap_ipad_app]] **2013/02/09 セーブ時の画面に変更あり。 #image(save2.jpg) オプション指定など、基本的には操作変更はありませんが、publicではなくprivateがデフォルトになっているので、注意。 **2013/02/09 現在、tunblr,pinterest登録機能にバグがある模様。 **2013/01/12 piZapに関する質問ページを設置しました。 [[piZapに関する質問はこちらから！>piZapに関する質問はこちら]] **2013/01/08 piZapかるた2013を公開！ &bold(){下をクリック！！} #image(ん.jpg,width=400,height=300,linkpage=piZapかるた2013) **2013/01/08 画面が一新されたようです。 &ref(main.jpg) **2012/12/16 crop機能で、サイズ選択ができるようになりました。 &ref(crop.png) **2012/12/16 デコぬりえが静かなブームを呼んでいます。ぬりえにさらにビーズやレースを貼付けていきます。ぬりえはここまで進化しているのです。 詳しくはこちら [[http://bp.shogakukan.co.jp/kiichi/serialization18.html]] &ref(http://creatorsroom.air-nifty.com/blog/images/2012/04/13/hisayo1217_1400.jpg,width=450) piZapはまさに、デジタルデコぬりえツールですね。 #image(pizap-1.com10.09609724488109351354011348342.jpg,width=400,height=300) 2014-01-04T22:37:43+09:00 1388842663 https://w.atwiki.jp/subarutau/pages/20.html *日本語を入れるには 　※完成作品は[[スバルタウpiZap館>http://subarutau.tumblr.com]]で閲覧できます。 piZapのテキスト入力機能やセーブ時のタイトル入力では、日本語入力ができません。 （私の環境では出来ませんでしたが、この環境なら出来たよと言う方、連絡ください。私の使用環境はトップページに記載しています。） どうしても日本語を入力したい場合は、GIMPで作成したものをpng形式で保存し、Add Photoで呼び出すようにしています。 #image(qqq.png) #image(hozon.png) #image(q1.png) #image(q2.png) この通り、日本語が入力できました。 #image(q3.png) **追記 iPhone/iPad版では日本語入力ができます。 （ただし、フォントは選べない） 2013-11-16T16:10:09+09:00 1384585809 https://w.atwiki.jp/subarutau/pages/2.html アクセス数　&counter() ---- **piZap講座で使用している環境 |PC|MacBook Pro| |OS|Mac OS X Mountain Lion (10.8.4)| |Web Browser|Google Chrome 28.0.1500.95| ---- **piZap講座メニュー -[[piZapを使う前に準備すること]] -[[デコぬりえに挑戦しよう]] 　　piZapの基本はここで学ぼう -[[コラージュ作品を作ってみよう]] -[[エフェクト機能を使いこなそう]] -[[タイムラインの画像を作成しよう]] -[[日本語を入れるには]] -[[切り取りツールを使ってみよう]] -[[My UpgradeZでStickerを手に入れよう]] -[[piZap用素材を作ろう]] ---- **コラム -[[iPad版piZapレビュー]] -[[iPhone版piZapレビュー]] &italic(){&bold(){&new(2013/08/02 18:17)}} -[[ステッカーの効果変更ツールレビュー]] &italic(){&bold(){&new(2013/08/28 23:21)}} ---- **企画 -[[piZapかるた2013]] -[[piZapかるた2014>piZapかるた２０１４]] &italic(){&bold(){&new(2013/11/16 15:54)}} ---- **リンク（piZap関係） -piZap.com（下のロゴをクリック） #ref(http://www53.atwiki.jp/subarutau/?cmd=upload&act=open&page=メニュー&file=pizap-photo-editor-logo2.png,,http://pizap.com/index.php?firstvisit=false,blank) -[[piZap作品投稿のページ>https://www.facebook.com/piZapJapan?ref=nf]] &italic(){&bold(){&new(2013/08/12 15:19)}} -[[piZap.com Offical Page>http://pinterest.com/pizap/]] -[[piZap-The FUN Photo Editer>http://pizap.tumblr.com]] -[[piZap.com Facebookページ>https://www.facebook.com/piZap]] -[[piZapcom Community Facebookページ>https://www.facebook.com/pages/piZapcom-Community/360028267360995?ref=ts]] -[[piZap Photo Editer Community Facebookページ>https://www.facebook.com/pizapeditor]] ---- **リンク（昴多禹作品展示サイト） -[[昴多禹piZap館>http://subarutau.tumblr.com]] -[[Tau Subaru on pinterest>http://pinterest.com/subarutau/]] -[[piZaps by Tau>http://pinterest.com/pizap/pizaps-by-tau/]] &italic(){&bold(){&new(2013/08/02 18:23)}} -[[subarutau on Instagram（piZap作品以外の画像もあります）>http://instagram.com/subarutau]] &italic(){&bold(){&new(2013/08/02 18:27)}} -[[Tau_Subaru(RebelMouse)>https://www.rebelmouse.com/Tau_Subaru/]] &italic(){&bold(){&new(2013/08/12 16:40)}} ---- **リンク（その他） -[[POSER製品サイト>http://www.poser.jp/index.html]] -[[コンテンツパラダイス（POSER用素材のダウンロード可）>http://www.contentparadise.com/]] -[[DAZ 3D Home（DAZ Studio用素材のダウンロード可）>https://www.daz3d.com/]] -[[GIMPのサイト（ダウンロード可）>http://www.gimp.org/]] -[[Smith Microのサイト（PORTRAIT PRO,POSERの開発元）>http://store.smithmicro.com/default.aspx]] -[[全力フラッシュ（爆笑POSERアニメが見られる）>http://zenryokuhp.com/zflash/]] -[[ぱくたそ（無料写真素材サイト）>http://www.pakutaso.com/]] -[[写真素材-PIXTA>http://pixta.jp/?gclid=CIGX1J3T-rgCFahepgodyUIAJQ&wapr=520a4506]] &italic(){&bold(){&new(2013/08/14 17:35)}} 2013-11-16T15:55:08+09:00 1384584908 https://w.atwiki.jp/subarutau/pages/31.html *piZapかるた2014 piZap+Adobe Illustratorでかるたを作成しました。クリックすると別ウインドウで画像が開きます。 |&blankimg(あ.jpg,width=100,height=75)|&blankimg(い.jpg,width=100,height=75)|&blankimg(う.jpg,width=100,height=75)|&blankimg(え.jpg,width=100,height=75)|&blankimg(お.jpg,width=100,height=75)| |&blankimg(か.jpg,width=100,height=75)|&blankimg(き.jpg,width=100,height=75)|&blankimg(く.jpg,width=100,height=75)|&blankimg(け.jpg,width=100,height=75)|&blankimg(こ.jpg,width=100,height=75)| |&blankimg(さ.jpg,width=100,height=75)|&blankimg(し.jpg,width=100,height=75)|&blankimg(す.jpg,width=100,height=75)|&blankimg(せ.jpg,width=100,height=75)|&blankimg(そ.jpg,width=100,height=75)| |&blankimg(た.jpg,width=100,height=75)|&blankimg(ち.jpg,width=100,height=75)|&blankimg(つ.jpg,width=100,height=75)|&blankimg(て.jpg,width=100,height=75)|&blankimg(と.jpg,width=100,height=75)| |&blankimg(な.jpg,width=100,height=75)|&blankimg(に.jpg,width=100,height=75)|&blankimg(ぬ.jpg,width=100,height=75)|&blankimg(ね.jpg,width=100,height=75)|&blankimg(の.jpg,width=100,height=75)| |&blankimg(は.jpg,width=100,height=75)|&blankimg(ひ.jpg,width=100,height=75)|&blankimg(ふ.jpg,width=100,height=75)|&blankimg(へ.jpg,width=100,height=75)|&blankimg(ほ.jpg,width=100,height=75)| |&blankimg(ま.jpg,width=100,height=75)|&blankimg(み.jpg,width=100,height=75)|&blankimg(む.jpg,width=100,height=75)|&blankimg(め.jpg,width=100,height=75)|&blankimg(も.jpg,width=100,height=75)| |&blankimg(や.jpg,width=100,height=75)||&blankimg(ゆ.jpg,width=100,height=75)||&blankimg(よ.jpg,width=100,height=75)| |&blankimg(ら.jpg,width=100,height=75)|&blankimg(り.jpg,width=100,height=75)|&blankimg(る.jpg,width=100,height=75)|&blankimg(れ.jpg,width=100,height=75)|&blankimg(ろ.jpg,width=100,height=75)| |&blankimg(わ.jpg,width=100,height=75)||||| |&blankimg(ん.jpg,width=100,height=75)| 2013-11-16T15:50:15+09:00 1384584615 https://w.atwiki.jp/subarutau/pages/30.html *ステッカーの効果変更ツールレビュー ステッカーを張り付けると、下にこのようなものが表示されるようになったが、これは、ステッカーの表示効果を変更するツールだ。 #image(効果.png,width=450) どのような効果があるかというと **通常表示 #image(Normal.png,width=200) **Add　 #image(Add.png,width=200) **Darken　 #image(Darken.png,width=200) **Difference　 #image(Difference.png,width=200) **Hardlight　 #image(Hardlight.png,width=200) **invert　 #image(invert.png,width=200) **Lighten #image(Lighten.png,width=200) **Multiply #image(Multiply.png,width=200) **Overlay #image(Overlay.png,width=200) **Screen #image(Screen.png,width=200) **Subtract #image(Subtract.png,width=200) 市販のフォトレタッチアプリ並みの効果がpiZapで出せるんだから、piZapがフリーのWebアプリであることを考えると、非常にお得ではないか？ 2013-11-01T19:11:58+09:00 1383300718 https://w.atwiki.jp/subarutau/pages/29.html *投稿コーナー #comment_num2() 2013-08-12T14:44:51+09:00 1376286291 https://w.atwiki.jp/subarutau/pages/28.html *iPhone版piZapレビュー 1.初期画面はiPad版とほぼ一緒。 #image(IMG_7647.jpg,width=450) 2.facebookアカウントも使用出来る。 #image(IMG_7631.jpg,width=450) 3.初期画面の&bold(){My piZap}をクリックすると、private,publicの選択画面が表示される。 #image(IMG_7635.jpg,width=450) 4.上の画面でpublicを選択したところ。 #image(IMG_7636.jpg,width=450) 5.画像を選択して表示したところ。&bold(){Done}で上の画面に戻る。 #image(IMG_7637.jpg,width=450) 6.選択画像からはiPhone本体への保存かメール送信しかできない。PC版のようにtumblrやtwitterへの送信ができれば文句なしなんだが・・・。 #image(IMG_7638.jpg,width=450) 7.初期画面で&bold(){Backgrounds}を選んだときの画面。下のように種別が表示される。 #image(IMG_7639.jpg,width=450) 8.上の画面で種別を選択すると、背景画像の一覧が表示される。 #image(IMG_7640.jpg,width=450) 9.piZapのメイン画面。 #image(IMG_7641.jpg,width=450) 10.Stickerの操作はiPad版と一緒。扱いやすい。 #image(IMG_7644.jpg,width=450) 11.Efectを選択したところ。Stickers,EfectsはPC,iPad版と統一して欲しい。 #image(IMG_7646.jpg,width=450) 12.日本語入力可能なのはiPad版同様、嬉しいね。 #image(IMG_7649.jpg,width=450) 13.save画面。facebookへの登録も可能。 #image(IMG_7650.jpg,width=450) png,gif画像の透過領域が白くなる問題があるが、使い勝手はよい。ただ、頻繁に落ちてしまうのは勘弁（次期アップグレードで修正して欲しいな）。 &bold(){2013/08/12} iPhone5で試したところ、正常動作しました。 2013-08-12T14:32:39+09:00 1376285559