Illustraorで地図制作。

カフェサイト用地図を作りました!

今日はサイトに載せるためのIllustraorで地図を作ってみました。

サイトのURLはこちらです。(サーバー移設その他事情により非公開にしました!)

地図の作り方で参考にさせて頂いたサイトはこちら。↓


猪股 さん、ありがとうございます!

スマホの画面サイズの時のみ、サイトの連絡先の電話の項目の所から直接発信できるタグも入れてみました。

参考にしたサイトはこちらです。↓


web兄さん 、ありがとうございます!

紙のポートフォリオを更新しなければなぁ:)

今日はなんだか肌寒かったですね。 一日お疲れ様でした。

ご覧頂きありがとうございました☆:)

googleフォント

引き続きサイト制作。フォントを変えて遊んでいます。

こんばんは!

今日は引き続きカフェサイトをいじっています。

googleフォントって便利ですね:)

読み込みまで時間がかかったり、表示されない事があるらしく、トップとh2とかの

一部の文字だけgoogleフォントに変えて遊んでいます。(参考サイトはこちら↓)


FASTCODING BLOGさん、ありがとうございます!
HTMLコーディングやJavaScript、WordPress制作に関する情報が満載です

TOPへ戻るボタンもつけてみました。

サーバーの調子が悪くて変更後のデータをアップできずにいて辛い:<

口コミを元にサーバーを決めたけど、正直、値段に対して使い勝手が悪いので

エックスサーバーはあまりオススメしないです。(笑)

訓練校仲間の情報で教えてもらった「ロリポップ」か「スターサーバー」が良さそうです。コスパよし。

私は契約しちゃったので惰性でエックスサーバーと付き合っていきますw

そういえば、都市伝説好きにはおなじみ、トランスヒューマニスト協会のツイッターで衝撃を受けました。

映画の「ガタカ」の世界感。。。

(このツイッターのかたは遺伝子操作とは何の関係もないのだけど)

「ガタカ」は遺伝子操作により管理された近未来 のお話で、

映画に登場するピアニストさんが

片手の指6本、両手で12本の指を持っている。演奏する曲の楽譜も6本指用の楽曲というシーンがあって。久しぶりに見たくなってしまいました:)

https://movies.yahoo.co.jp/movie/83911/story/

もう10年以上前の映画ですが、それを感じさせないスタイリッシュな映画です。

興味のある方は是非!

それでは。今日はこのあたりで。

ご覧頂きありがとうございました!良い夢を:)

カフェサイト制作!

湖の畔のブックカフェを想定したサイト

今日は嬉しい報告があったのでテンションが上がっております。

昨日に引き続きカフェサイトを作っております。

コーディングをするにあたって、色々調べていたら。。

「できるコーダーさんはとにかくめんどくさがりだ。」

「手間を省いて早く帰ってゲームをする為に全力を尽くす」

という情報がありました。

そういえば、以前挑戦した「テンプレート」は手間を省くはずが、結局初めから自分でコードを打ちなおすはめになるという苦い経験が。。

はい。そこで今回再挑戦してみました!

http://yumisasaki.xyz/cafesite/

今回は順調です!

なんてラクなんだ!そして楽しい!

ありがとうテンプレート。

もっとフォントとかCSSをいじってカスタマイズしたいと思います。

地図も作りたいな:)

そうそう。コリスのツイッターで流れて来ていた情報。共有します!↓

ずっと前から読みたかった「なるほどデザイン」も安くなっていましたので買いました!

バナー職人に役立ちそうな「[買わせる]の心理学 消費者の心を動かすデザインの技法」もお安かったですよ。

気になる方は是非チラ見してみてください。

「ノンデザイナーズ デザインブック」を読めば読むほど、常に「正解ってなに?」と思ってしまっていたというか。。

型や基本は絶対大事だけど。それに沿って考え過ぎてもツマラナイデザインになるし。

ちょっとモヤっと思っていました。

でも、「なるほどデザイン」は楽しくその答えを教えてくれる感じの本でした。

それでは、ご覧頂きありがとうございました!

良い夜を~:)

カフェサイトパーツ制作。縄模様の作り方。

Illustraorで縄模様作り。

今日もカフェパーツ作りをしています。

やっと。サイトのファビコンとマークが完成しました!:)

湖のそばにあるカフェで、ボートレンタルもしているブックカフェ。

グランジ感を少し試してみたのがコチラ。

テラス席があり、ワンちゃんも連れて寄る事ができる素敵なカフェを想定して作っています。

画像集めも完了したので、いよいよコードを組もうと思います。

ボート乗ったことありますか?凄く楽しいんですよね。あれ。

「ゆったりも出来て、ワクワク感もあるブックカフェ」をデザインで表現するのが目標です。

がんばりまーす!:)

縄の作り方はコチラのサイトを参考にしました。

橋本さん、ありがとうございます!http://ess-graphics.com/blog/2016/11/pattern-brush/

もう梅雨入りなんでしょうかね。。乾燥機が欲しいなぁ。

所で。寝る時に見る方の夢なんですが、

私はカラーでバックミュージックがながれております。

映画見るのがつまらなくなる位には面白い内容なので、寝るの大好きですw

犬やネコも夢を見るらしいですね。(たまに足バタバタさせてたりしませんか?)

みんなどんな夢をみているのかな。。

それでは。ご覧頂きありがとうございました!

素敵な週末を!!:)

今日の作業曲: https://amzn.to/2OVJLDh

サイトパーツ制作

Illustraorでサイトのパーツ制作

カフェサイトを作ろうと思っていて、今そのパーツを制作しています。

しかし!!

なぜか今日は全っ然アイディアが浮かばない。

そして進まないです。。ひ~。

なぜ!!:<

本当は浮き輪風にして縄を回りにつけたい。でもホント進まない。W

まぁ。そんな日もありますね。

ちょっと読書でもして気分転換しよう。

実際に素敵なカフェに行くのも良いかもなぁ。何かヒントがあるかもしれない:)

今日も暑かったですね。

一日お疲れさまでした!ご覧頂きありがとうございました♪

引き続き和風モダンデザイン研究

Illustraorでメニュー作り

今日もメニュー作ってみたり、サイトパーツ作りをしています。

和風のかっこいいモダンな雰囲気のサイトを参考にして練習していますが、

共通しているのが、空白のとりかた(空白多め)、細かい所の拘りが凄いなぁと思います。勉強になります。

背景は質感を出す為、くしゃくしゃペーパーを何枚かPhotoshopで重ねて作りました。グリーン文字の練習で知った技です。

背景をなくしたり、枠をつけたり、無くしたりするだけで印象がだいぶ変わる。。

面白いなぁ。。

色々試してみたいと思います。

それでは、今日も一日お疲れ様でした:)

ご覧頂きありがとうございました♪

Illustraorでメニュー作りの練習

Illustraorをいじってます。

こんばんは!

先日購入したフォントの本が届いたので文字を試すのと、練習の為にメニュー作りをしています。

和風モダンってどう作れば良いかも色々試し中です。

モザイク薄かったから濃くしました。(・・;)

楽しい!!:)

今日の面接官の方は気さくな上に凄くお話が面白くて、面接が楽しかったのは生まれて初めてでした(笑)

人柄というか、考え方も素敵で、この人の下で働けるなら多少キツかったりしても頑張れるんだろうなぁと思いました。

採用されますように!!

さて、ここ2日面接であまり練習や制作が出来ていないので、明日は一日ガッツリ色々やろうと思います。嬉しい。

1ページだけのカフェサイト作ろうかと思っています。

あ!日付が変わってしまう。

それでは。今日も一日お疲れ様でした:)

ご覧頂きありがとうございました!

今日の作業曲:

Photoshopで文字加工の練習

芝生のくりぬき立体文字の練習

こんばんは!

今日は文字の練習をしています。

背景にテクスチャを何枚も重ねて質感を出しています。これのままで良い気もする。。(笑い)

うーん。今日は上手く出来なかったです。

お手本と違いすぎる(笑)

お手本サイトはこちらです!Photoshopvipさん、ありがとうございます!http://photoshopvip.net/5881

もう少しやってみます。

それでは!ご覧頂きありがとうございました:)

和風の背景模様を使ってバナー制作

Illustraorでお正月バナー制作。

こんばんは!

もう6月なんて信じられません。

きっと気がついたら年末なんだろうな(笑)

その頃までにはWeb系で就職を決めて、仕事で毎日レベル上げの日々だといいなぁと

思っています。

そこで、今日は初売りセールのバナーを作ってみました。

背景の柄で和風を出しつつ、ゴールドと赤で祭り感を出してみました。

梅とか富士山の絵を入れるのも良いかもしれない。。

話しは変わりますが、訓練校の仲間と情報交換をすると、みんなも就職活動になかなか苦戦している様で、少し元気がなかったです。

若者達も、バリバリコードが出来て努力家で尊敬している人も、でなんだか世知辛い世の中だなぁ。と思いました。:<

こ。。これは神頼みしかない!!(笑)

そこで、寒川神社に行ってきました。

寒川神社は茅ヶ崎から近く、関東の一宮で結構有名な神社です。

鳥居をくぐった後の空気が澄んでいて、緑に包まれてヒンヤリしてとてもいい:)

私は気持ちをシャキっとさせたい時にたまにフラッと行きます。

かなり念入りに、みんなと私の就職活動の合格・成功を祈ってきました。

みんなでまた美味しいお酒を飲みたいです。

それでは。ご覧頂きありがとうございました!

おやすみなさい:)

Photoshopでセピア調に画像加工。

セピア調に画像加工する練習。

今日は画像加工の練習をしました。

画像をセピア調にするにしても、色味が色々あるので、雰囲気がまた全然違ってきますね。

PexelsによるPixabayからの画像

面白いなぁ:)

参考にさせて頂いたのはコチラのサイトです。(DesignSupplyさんありがとうございます!)https://designsupply-web.com/suplog/4519/

チュートリアルを色々やっていると、ショートカットまで載せてくれているサイトさんもあって、自然と覚えられたものもチラホラ。

なんてありがたい。きめ細かさ。

インターネットっていう集合知は、情報を共有・発信してくれる人が居るから成り立っているんだな。


まだ今は特別な技術や知識がないからあれだけど。 自分もいいことや人の為になりそうな事を発信できる様になりたいな。

そして、覚えた事もやっぱりケイゾクしないと忘れてしまうから、続けて行こうと思います。

今「炎エフェクト」のチュートリアルをやっていますが、魔法みたいで面白いですw

これは「脂肪燃焼系バナー」で使えるかな?(笑)

では!ご覧いただきありがとうございました!