Illustratorできれいな吹き出しを作る方法だよ ｜ 福岡のホームページ制作会社・メディア総研株式会社 マグネッツ事業部
こんにちは西です。 最近急に寒くなってきて子供と風邪のキャッチボールをしている状態です。 みなさんも風邪やインフルエンザ、マイコプラズマ肺炎にはお気をつけ下さい。 久しぶりのエビ子とジャスティスのお話しです！ エビ子の吹き出しがちょっと窮屈に見えるのにお気づきになりましたでしょうか？ 今回はイラストレーターで作る「吹き出し」について書いていこうと思います。 セリフが多く入るマンガのような使用の仕方ですとちょっと気をつけた方が良いかなという部分があります。 吹き出しをキレイに見せる方法を説明する前に基本的な吹き出しの作り方を説明したいと思います。 丸い吹き出しの作り方 まず楕円ツールで楕円を作り、三角で吹き出し部分を作り好きな場所に配置します。 2つを選択した状態で【パスファインダー】の【合体】を適応させます。 すると簡単に吹き出しの完成です！ モコモコ吹き出しの作り方 楕円ツールで中心の楕
会社の人をクリスマスパーティーに招待してみた ｜ 福岡のホームページ制作会社・メディア総研株式会社 マグネッツ事業部
こんにちは、漢ムラタです。 今年もやって来ましたね・・・ そう、サンタ狩りクリスマスの時期です。 みなさんはどういったクリスマスを過ごす予定でしょうか？ 仕事でそれどころじゃない人や恋人と一緒にクソみたいに人の多いところでクソみたいに高い料理をむさぼってクソみたいな素敵な時間を過ごす人もいるでしょう。 当然リア充な私もクリスマスは画面の中の恋人と一緒に過ごす予定ですが、今年はそれをグッと我慢して、どうせ1人で過ごすであろう非リア充の会社の人たちをリア充の私が主催のクリスマスパーティーに呼んであげて、日頃彼らが味わう事のないリア充感を大いに楽しんでもらおうと思います。 目次 序章「宴への誘い」 第一章「構築機械」 第ニ章「君と私の間に交わされる言葉」 最終章「孤人の星」 序章「宴への誘い」 まずは非リア充のスタッフ達にお誘いのメールを出すにあたって、メールの文面のみだと素っ気ないのでちょっと
Illustratorでのメンテナンスしやすい袋文字の作り方（PsとFwも） ｜ 福岡のホームページ制作会社・メディア総研株式会社 マグネッツ事業部
早いもので今年もあと1ヶ月で終わりですね。どうもこんにちはかわさきです。来月の諸々の忘年会が楽しみすぎて震えてます。正々堂々と美味しいものを飲み食いできるって最高ですね！ さてさて、今回は「袋文字のつくり方」です。 袋文字ご存じですか？周りにフチをつけて装飾されたテキストのことですね。スポーツ新聞の見出しを想像して頂くとわかりやすいでしょうか？ チラシ等で派手に見せたいとき、可読性を上げたいとき等に主に利用されます。 袋文字のつくり方というと… 「太古の昔、袋文字は同じテキストをピッタリ重ねて、下のテキストに線でフチを、上のテキストに塗りを設定して作られておったんじゃぁ…」 …という古参の皆さんの声が聞こえてきそうですが、実際私がDTPの仕事を始めたばかりの頃、先輩には上記の方法を教えてもらいました。（年がバレそう…） こういうやり方ですね。 この方法最大のデメリットはテキストに変更が発生
Illustratorでなみなみを作る方法だよ ｜ 福岡のホームページ制作会社・メディア総研株式会社 マグネッツ事業部
こんにちは。ブログの中のプチ漫画の描き方を色々試行錯誤してる西です。 Illustratorを使っていて、文章の下に波線を入れて強調させよう！とか、 波の絵を描こう！とか思ったことってないでしょうか？ そして「あれ？どうやってやるの？」という壁にブチ当たると思います。 あんまり当たらないですかね…？ 今回はそんなお話しです。 エビ子ちゃんはなみなみが描けなくてイライラしてるようですが、 イラレでは簡単になみなみを作る事ができます。 今回は短いステップでその方法を説明したいと思います。 これでみんなもなみなみだよっ！ なみなみを作ろうよ なみなみは直線から作る事が出来ます。 ちゃちゃっと作っていきましょう。 まずは直線ツールで直線を書きます。 作ったオブジェクトを選択して上のメニューバーにある 【効果】→【パスの変形】→【ジグザグ】を選択しましょう。 するとジグザグの設定ウィンドウが開きます
jQueryを使って簡単なアニメーションを作ろう ｜ 福岡のホームページ制作会社・メディア総研株式会社 マグネッツ事業部
こんにちは。バランスボールの上の人、稲垣です。 先日ナカムラさんの「学生アルバイトが見た！マグネッツの3つの驚き！」がアップされた後に、数名の方から「バランスボールってどうなんですか？」と質問をいただきましたが、今のところこれといった変化は感じていません。 巷ではダイエット効果なども謳われているみたいですね。 乗り始めて半年ほどですが順調に太っているので、バランスボールのみで痩せようというのは虫が良すぎるということなんでしょう。 さて、今回はjQueryを使って簡単なアニメーションを作ってみます。 一昔前にFLASHで作っていたような、サイトのメインビジュアルをちまちま動かすものです。 「米やまぐ蔵」の文字が一文字ずつ出現し、最後におにぎりの画像へ変わるアニメーションを作ってみたいと思います！ 目次 デモ htmlとcss html CSS
WordPressの投稿画面を色々カスタマイズ ｜ 福岡のホームページ制作会社・メディア総研株式会社 マグネッツ事業部
オッス、オラムラタ。 今回はWordpressのタイトル下やらエディター下など色々な場所に要素を追加してみたいと思います。 投稿の際の注意書きを入れたりマニュアルへのリンクを貼ったりすることでクライアントにも優しい投稿画面が仕上がるのではないでしょうか？ 目次 アクションフック タイトル直前で実行「edit_form_top」 タイトル直後で実行「edit_form_after_title」 エディター直下で実行「edit_form_after_editor」 オプション要素の最後で実行「edit_form_advanced」 独自のボックスを追加「add_meta_box」 投稿タイプによって内容を変更させる 最後に アクションフック WPでは管理画面を開いた時や投稿画面を開いた時、プラグインを停止させた時など様々なタイミング（アクション）にフックを使い任意の処理を実行することができます
WordPressをもっと使いやすく！ダッシュボードカスタマイズ！ ｜ 福岡のホームページ制作会社・メディア総研株式会社 マグネッツ事業部
Windowsのイルカ並に消されてしまう不憫な子…（？） 脳内イメージはこんな感じです。 日本公式キャラクター「わぷー」 冗談はさて置き本題に入ります。 目次 オリジナルのCSSを追加 オリジナルのウィジェットを追加 「概要」にカスタム投稿を追加 「アクティビティ」にカスタム投稿を追加 ウィジェットの削除 ウィジェットのカラム数を変更 フッターのテキストを変更 オリジナルのCSSを追加 カスタマイズする上で重要ですよね。 ダッシュボードに限らず管理画面のカスタマイズで、最初の内は悩んだらとりあえずCSSで対応！という感じでいける部分もあると思います。 以下の例では記事中で紹介しているものを入れてます。多い場合は外部ファイルにまとめてしまっても良いですね。 function custom_dashboard_styles() { ?> <style> #dashboard-widgets-w
広告用バナー、こうやって考えてつくってリサイズしてます（実演付） ｜ 福岡のホームページ制作会社・メディア総研株式会社 マグネッツ事業部
こんにちは、デザイナーのかわさきです。 マウントレーニア（カフェラッテ）の美味しい季節になってきました（個人的に）。ちなみに「コーヒー豆2倍」が売りのダブルシリーズはレッドブル並みに目が覚めるので、眠たい時におすすめです。 さて本題です。 マグネッツでは普段お仕事にて広告用のバナーもよくご依頼いただき、制作しているのですが、今回は受注からデザイン制作・サイズパターン制作までの流れを、実例をつくりながら解説してみようと思います。 目次 まずは着手前に確認！ 出稿先を確認 バナーの必要サイズ・規定を確認 誘導先のページを確認 納期の確認 バナーに掲載する情報やデザインテイストを確認 では、架空のバナーで実演してみます 前提条件を改めて確認 それでは、早速作っていきます！ リサイズしていきます 終わりに まずは着手前に確認！ 出稿先を確認 掲載する媒体やメディア（PC向け/スマーホフォン向けなど
複数のWordPressサイトを簡単に一元管理できるManageWP ｜ 福岡のホームページ制作会社・メディア総研株式会社 マグネッツ事業部
こんにちは、最近Bluetoothスピーカーが色んなメーカーから発売されているので流行に乗ってみたウラカワです。 Amazonベーシックからも発売されてるから驚きですね…。 さて、皆さん。今日も元気にWordPress使っていますか？ ブログだけではなく様々な場面で大活躍する便利なWordPressですが、セキュリティ的にも定期的に本体・テーマ・プラグインの更新をする必要がありますよね。 ですが、複数サイトを管理するとなるとどうでしょう？ サイト毎にログイン・ログアウトして更新作業の繰り返し…！ 10件程度なら良いかもしれませんが、40件、50件となると… 実際にWordPressを複数管理されてる方、一度はこう思ったことがあるはずです。「全部まとめて管理したい」と。 今回はそんな要望に応えてくれる便利なサービス、ManageWPをご紹介します。 ManageWPってなに？ 複数のWord
wordpressのテーマをbaserCMSのテーマに作りなおしてみた ｜ 福岡のホームページ制作会社・メディア総研株式会社 マグネッツ事業部
どうも、最近ようやくバイクで遠出し始めてる村田です。 今回は前回書いた『福岡生まれのCMS「baserCMS」を使ってみた』の続きということで、公式の関数リファレンスやテーマ制作チュートリアルを参考に現在Wordpressで構築している当サイトをbaserCMSのテーマに作りなおしてみました。 目次 テーマの反映 デバックモードに切り替える レイアウトファイルの作成 固定ページの登録 ページによって出力する内容を変更する 今回はここまで テーマの反映 １.テーマフォルダーを作成する まず最初にbaserCMSに独自テーマを認識させるために、「theme/」フォルダの中に好きなテーマの名前でフォルダを作成します。 ２.テーマサムネイルを配置 次にテーマ選択画面のサムネイルとして300 × 240pxサイズのpng画像を先ほど作成したフォルダの中に「screenshot.png」という名前で配
複雑なイメージマップを簡単に作る方法 ｜ 福岡のホームページ制作会社・メディア総研株式会社 マグネッツ事業部
こんにちは、引っ越しが終わって一段落したばかりのウラカワです。 そんなに使う頻度は高くないですが、 複雑なものを作ろうとするとそこそこ手間のかかるイメージマップ。 そんなイメージマップをたまたま使う機会がありましたので、 簡単に作る方法をまとめてみました。 ソースコードを生成する Fireworksの場合 弊社ではFireworksを愛用してますので、 Fireworksでの手順をご紹介します。 ①パスの調整（ポイントがカーブしている場合のみ） まずはパスを同じ位置に複製します。 （パスの形を多少変えても問題ない場合は複製なしで結構です。） 次に、複製したパスに対して「ポイントの直線化」を行います。 この作業が次のステップで重要になります。 ②ホットスポットの挿入 調整したパスを選択し、 「ホットスポットを挿入（Ctrl+Shift+U）」を選択します。 この時、ポイントがカーブしていると
Illustratorでキラキラを作る方法だよ ｜ 福岡のホームページ制作会社・メディア総研株式会社 マグネッツ事業部
こんにちは。 絵を描きたくて会社のブログの中でプチ漫画を描き始めたデザイナーの西です。普段は印刷物のデザインを中心に行っています。 いきなり見知らぬキャラが出てきて「な、なんなんだ？」とお思いの方もいらっしゃると思うので、上の画像にこれから登場する彼女たちの紹介を記載しました。 まだまだ謎が多い一人と一匹ですが、今後、回を重ねるにつれ明らかになる秘密や、あとから思いついた後付けの設定が増えていくかもしれません。 エビ子ちゃんはどうやらイラレでキラキラを描きたいけど上手くいかないようですね 丸や四角からキラキラをつくろうよ！ という訳で本題に入りたいと思います。 今回はイラレで簡単にキラキラを作る方法をご説明したいと思います。 これでみんなもキラキラだよっ！ キラキラは丸や四角から作る事が出来ます。 今回は両方同時に作っていきますね。 まずは長方形ツールや楕円形ツールで四角や丸を作ります。
Fireworksで作ったデータ（.png）をPhotoshop形式（.psd）に変換する方法 ｜ 福岡のホームページ制作会社・メディア総研株式会社 マグネッツ事業部
どうもこんにちは。最近本格的にPhotoshop修行を始めましたがツンデレPhotoshopさんにツンツンされっぱなしで一向に仲良くなれないかわさきです。そろそろ少しはデレてほしい(´・ω・｀) さて、マグネッツでは普段、WEBページのデザインはFireworksをメインに使用して行っております。 （2013年5月にFireworks開発終了のニュースが流れまして、ゆくゆくは段階的に他のソフトに移行しないとなぁ…という感じです。しかしFireworksはWEB制作に特化した非常に使い勝手のいいソフトでなので、とても残念です…） たまにFireworksで作成したデザインデータ（.png）をPhotoshop形式（.psd）にてクライアント様にお渡しする必要がありまして、そのまま変換してみたら当たり前だけど結構変わってしまうなぁ…となって四苦八苦… で、今後同様の作業が必要になった時やりやす
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Vecteezyさんから商用利用可の不動産アイコン素材を頂きました ｜ 福岡のホームページ制作会社・メディア総研株式会社 マグネッツ事業部
Fireworksのコマンド機能を使ってみよう ｜ 福岡のホームページ制作会社・メディア総研株式会社 マグネッツ事業部
jQueryプラグインを使わずに画像をフェードで切り替える方法 ｜ 福岡のホームページ制作会社・メディア総研株式会社 マグネッツ事業部
福岡のホームページ制作会社・メディア総研株式会社 マグネッツ事業部