||＠a_sakura_sakura|| https://ameblo.jp/bj-shin/ アメブロカスタマイズ練習 ja iPhone　壁紙
ちょっと騒がし過ぎるかな

山口蛍　？似てるかな？？黒にされたからムズイ　iPhone　スマホ用 壁紙

他にもpinterestにおいてる





]]> https://ameblo.jp/bj-shin/entry-11856465503.html Wed, 21 May 2014 03:51:45 +0900 シャボン玉の描き方２ -Photoshop 前回のやり方以外も書いておく。

前回がPhotoshopらしい技術をほんのり使ったやり方であれば
今度はもう少し入り込んだやり方。
今回　　　　　　　　　　　　　　　　　　　　　　　　　　　前回

出来上がりの見た目は、ほぼ同じなので、どちらを使うかは、お好みで

今回はシェイプツールを使って丸を書く。ツールパネルでの名称は○○ツール
縁を描くので【楕円形ツール】を利用する

楕円形ツールを選択したら、描画の設定を行う。
左端から【シェイプ】【塗り：何色でも（理由：レイヤースタイルを使うから）】【ストローク：なし】

～余談～
左端の【シェイプ】以外の選択肢は【パス】と【ピクセル】
【パス】を選ぶと、図形作成の基礎(骨)になる【パス】が描画される。これだけでは絵にはならない。

【ピクセル】を選ぶと、直接ブラシなどで絵を描いた時と同じものがシェイプの形で描かれる。
消しゴムで消すことが可能。ただし、変形したりすると輪郭がぼやけたりギザギザしたり質感が落ちる。

今回は【シェイプ】を選んでいるが、後で変形させる予定がないのであれば【ピクセル】でもOK
Shift+ドラッグで正円を描く

出来上がったら、レイヤーパネルの上部の設定で【塗り：0％】にする
画面にあった正円の姿がなくなる

次に、レイヤーパネルの下にある【fx】マークをクリックする
（もしくは【楕円形1】のレイヤー名の右横の空白をダブルクリック）
すると【レイヤーパネル】が開く。ここで塗りに関する設定を行っていく

【レイヤーパネル】の左には、さまざまな効果が一覧されている
今回利用するのは【シャドウ（内部）】という効果

クリックすれば初期設定が黒の乗算があるように、本来は影のような効果を加える為のものだが
今回はこれを利用してシャボン玉のグラデーションのついた輪郭を作成する事にする

【描画モード：白】これで、着色する。
【不透明度：75%】お好みで。100%にすると、背景が投下されないので、あまりお勧めしない。
【角度：-65°】影が伸びる角度を設定。
【距離：10px】これで、輪郭から延びる影の長さを設定。
【サイズ：60px】ぼかすサイズ。これが0だと、ぼかしのないくっきりとした影になる。

これで上部に表示された角度のついた、ぼやけた円が出来る
あとは前回と同じようにソフト円ブラシで、輝きを加える

ブラシのはみ出た部分は
【楕円形1】のレイヤーサムネイルをCtrl+クリックして作成した選択範囲を利用して
【レイヤー1】をクリック選択→【レイヤーマスクを追加】で、隠す

これで完成。



ちなみに、前回の参考サイトではシャボン玉に色がついていた
これに着色を行う場合は、【新規レイヤー】を作成して
そこにブラシで好きな色を着色して


レイヤーの描画モードを【乗算（その他お好きに）】にしたり
【不透明度】を変えてみたりすれば



ブラシで程よく色づけされたシャボン玉が出来上がる。
ピンクや赤、青など、好き放題なので、色々と試してみたらよいと思う。


ちなみに、フリーハンドの着色はブレてて嫌だなーという人は
【楕円形1】のレイヤーを複製（右クリックで【レイヤーを複製】またはCtrl+J）して
すべてのレイヤーの一番上に持って行き

レイヤー効果を【シャドウ(内側)：オフ（チェックを外す）】
【グラデーションオーバーレイ（チェックをオン）】で
好みのグラデーションを設定、角度を設定（反射にあわせて斜めに）
描画モードを変更してＯＫにすると、下に作成されたレイヤーの上に
グラデーションで着色される。


これも、ブラシを使うか、レイヤー効果を使うかは各自の好みで。

レイヤースタイル利用の利点は、後で変更が可能に尽きるので
修正の可能性を感じるなら、この機能を利用するのがオススメ。



レイヤーの描画モードを変えるだけでもだいぶ変わって来るので
色の変化を楽しんでください。


]]> https://ameblo.jp/bj-shin/entry-11812671694.html Thu, 03 Apr 2014 16:26:34 +0900 シャボン玉の描き方 -Photoshop
質問者の参考サイトはこのやり方だったのだけど
私は、フリーハンドのブラシで縁取りをするのは難しいなぁ、と感じたので
選択範囲からやるやり方を。






まず、黒く塗りつぶしたレイヤーを背景として作る。



シャボン玉を書くための新規透明レイヤーを作成。
楕円形選択ツール(M)を使って正円（Shift+ドラッグ）を描く。
※別の場所をクリックすると、選択が解除されるので注意
間違えて解除した場合は、白円のレイヤーのサムネイルをctrl+クリック
すると選択範囲が作成されます。

選択範囲を白く塗りつぶす。
Shift+F5キーを押すと、選択範囲の塗りつぶしについて聞いてくるので
使用(U)の【ホワイト】を選択してＯＫ。
（バケツアイコンで白塗りでもＯＫ）


白く塗れたら、上部メニューから
【選択範囲】→【選択範囲の変更】→【範囲をぼかす】を選択。



ぼかす範囲を聞いてくるので15pxなど、適当な数字を入力。
ＯＫを押したら、【選択範囲】→【選択範囲を反転(Ctrl+Shift+I)】させ
レイヤーパネルの一番下にある【レイヤーマスクを追加】アイコンをクリック。

すると、白丸のレイヤーの横にぼかした選択範囲から作成されたレイヤーマスクが表示される。

レイヤーとレイヤーマスクの間にある鎖のマークはリンクマーク。
これが表示されているレイヤーや、レイヤーマスクを移動させると
もう片方も一緒に動く、という意味。

片方の位置だけを移動させたい場合は、この【リンク】をクリックすると解除される。
サイドリンクさせたい場合は、鎖マークの合った位置を再度クリックすると、再リンクが行われる。

今回、シャボン玉の内側は角度をつけて立体感がある輝き方にしたいので
いま作ったレイヤーマスクの位置を少しずらす事にする。
→


レイヤーとレイヤーマスクの間にあった鎖マークをクリックして、リンクをいったん切る。
動かしたいのはマスクレイヤーなので、マスクレイヤーをクリックして
（マスクレイヤーの周囲に「」が表示される）
ツールパネル【移動ツール(V)】を選択。

あとは、マウスのドラッグやキーボードにある矢印キーなどを使って←↑→
レイヤーマスクを好きな位置に移動。

目に見えるのでここは分かりやすいかと。



好みの位置に移動が出来たら、あとはブラシで最終的な輝きを加える。

新規レイヤーを作成して、ソフト円ブラシなどで白の輝きを書き加える。
このとき、輪郭の外にブラシの白がはみ出るが、マスクを利用するので気にしない。


サイズの違う輝きを二つほど書き加えたら、はみ出た部分をマスクする。
マスクのやり方は【レイヤー1】白丸のサムネールをCtrl+クリックするだけ。

そしてマスクしたい対象→【レイヤー2】をクリックして
【レイヤーマスクを追加】アイコンをクリック。


すると、選択範囲でマスクが作成され、はみ出ていたブラシの白が隠される。

これでシャボン玉完成。
マスクを利用すると、背景が写真などになっても、きれいに描画される。

　　


他にもやり方はあるけれど、マスク利用だと、他の技にも使えるので
このネタは程よい練習教材かな。


マスクを覚え出したらそればっかりで、レイヤースタイルをやり出したらそればかりで
ついついブラシとかの存在を忘れがちだけど
アナログ（塗る・切る）の手法と、テクニック（マスクやスタイル）は併用して質感が出せるものなので
忘れないでバランスよく使えるとよいなぁ、と思う。

他に何かやり方書けそうだったらまた書こう。

しかしキャプチャは面倒だわ…





]]> https://ameblo.jp/bj-shin/entry-11812460867.html Thu, 03 Apr 2014 12:16:18 +0900 Photoshop:フライヤー終了その3



微々たる違いだけれど、可視の度合いは高まった

古　↓↑新



]]> https://ameblo.jp/bj-shin/entry-11808248639.html Sun, 30 Mar 2014 02:38:48 +0900 Photoshop:フライヤー終了その2 レイアウト用の拡張機能を入れていたので、レイアウト確認してみた


参考デザインの配置は白線（Ｖ字形）に近いものだった
出来上がったものはＸ字形

何かしらのテンプレートに沿って出来ていた事は安心だけど
注目点が作られるべきフライヤーでそれが出来てなかったのは失敗

青線の作りだと、ビールに目が行ってしまう
この場合は真ん中に情報を配置すればいいという事なんだろう

配置については確実にセンスないと分かっているので
見るだけじゃなくて作って確認する方でやっていかないと！

ベースにライン入れて作るべきかなー
一回それでやってみよう


]]> https://ameblo.jp/bj-shin/entry-11808245308.html Sun, 30 Mar 2014 02:23:46 +0900 Photoshop:フライヤー終了 上部には多少のスペースがあってもあんまり問題ないことが分かった

下部に空間ができると間延びすることが判明
フォントの種類が多くても、サイン風であればあまり違和感がない様子


完成品


素顔



背景のダマスク模様の上には
雲模様→ノイズでちょっとサブトルっぽくしたテクスチャを重ねて
真ん中には長方形をオーバーレイで更に重ねた

ビール・木目・果物の素材の強調には、ブラシでグレーとか白を焼き込みカラーで重ねて
あとはトーンカーブをいじったりで対応


SNSのカスタムシェイプがすっかり配布サイトから消えてた
なんかあったのかな…？

食べ物の素材写真見過ぎてお腹が減った

しかしオレンジとパパイヤのサイズ比率が分からないや
丸のパパイヤなんて見たことねー

なんとなくオレンジより大きいんじゃないかと予想しているけど
まあいいや


]]> https://ameblo.jp/bj-shin/entry-11808232551.html Sun, 30 Mar 2014 01:51:18 +0900 練習01 01

格好良いテキストデザインを見たので、真似てみる。

テキストをIllustratorで3D。

テキストフェイスと3Dシャドウでグループ化や合体などを行って、二種類のシェイプに分ける。

Photoshopにオートシェイプとしてフェイスと3Dシャドウを個別にコピペ。

テキストフェイスに【メタル系画像】をマスク
同じくテキストフェイスに【覆い焼きカラーや焼き込みカラーでブラシ着色したレイヤー】を【描画モード：ハードライト】などでマスク。レイヤースタイルで【べベルとエンボス】をかけて、立体を付ける。

背景にグランジ系画像を配置。
グラデーションオーバーレイなどで、色彩を変える。

3Dシャドウにレイヤースタイルで【ドロップシャドウ：#fff：カラーオーバーレイなど】を行う。発光しているように

複数の【レンズフレア画像】を描画モード：スクリーンで配置。
3Dシャドウレイヤーと背景レイヤーの間に、プリズム光画像などをオーバーレイで重ねて、全体の輝きを増やす。

飛沫ブラシなどを最上部レイヤー表面に乗せ、描画モードを変更するなどして、汚し＆軽さを加える。

カラールックアップなどで調整して、雰囲気をまとめる。






テキスト主体であれば、作るのは簡単

汚し過ぎて画面が重重になりやすいので、気を付けないといけないわー
]]> https://ameblo.jp/bj-shin/entry-11806895227.html Fri, 28 Mar 2014 13:06:53 +0900 Jリーグブログパーツ こやつー

色んな人のブログで見ていた憧れのこやつぅー★

しかしサイドメニューのwidthが300くらいだから
このウィジェット細すぎて横がスカスカでワタシなんだかとっても嫌アルよ

出来ればセンタリングしたいけど、なんかできねー
きっとできるのだろうけど。
出来ないのは私の技術力のせいです

頑張って見つけよう。


そして無駄にgoogleアナリティクスを導入

ググる様は本当に怖いね。
まさか他企業のブログまでアナリティけるなんて

神の視点で見ておられるのだね
こわい

こわいからスマホ買い替える時はリンゴにしようと思う
脱泥生活

別に奪われて何かが起こるような個人でも何でもないんだけど
怯えるなにかもないのだけど
]]> https://ameblo.jp/bj-shin/entry-11803040883.html Sun, 23 Mar 2014 22:47:18 +0900 サイドメニュー 参考サイト

もう少し派手な方がいかにも作った感じで良いかな…？


--追記--

派手にした

星雲

それは

きみが
見た光

ぼくが見た
希望
]]> https://ameblo.jp/bj-shin/entry-11802365292.html Sun, 23 Mar 2014 00:49:20 +0900 横並びメニューの設定 JSしか無理らしい。不思議。
英字だけサイズを大きくして(1.4em)line-heightの設定も変更。

日本語メニューと並べるために
nth-childで最初の3つだけ設定を変えた。

丸型はcssで作成。radius。
]]> https://ameblo.jp/bj-shin/entry-11800430506.html Thu, 20 Mar 2014 13:51:22 +0900