hmstrmtのブックマーク (7)

  • ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
  • Photoshopで建物や家の写真をすっきりきれいに見せるフォトレタッチ術 - 神戸ホームページ制作センター

    今回は建物や家の写真から邪魔な電線や木を排除して綺麗な写真に変身させるフォトレタッチのチュートリアルです。 ※こういったチュートリアルは目的に都合のよい写真が使われていることが多いですが、Photoshopの機能に頼り過ぎない様、多少手間のかかる写真を選んでいます。 ※Macの場合はCtrlをcmdに置き換えてください。 使用した写真は「写真素材 足成」より 建物の写真 空の写真 建物と空を分ける ※失敗しても元に戻せるように作業ごとにレイヤーを複製しながら進めています。 電線を消すついでに空の色が鮮やかではなかったので空ごと変更することにします。 建物写真から選択ツールWで空の部分を選択。 空の写真のレイヤーに移動して右下のマスクボタンでレイヤーマスクを追加 マスクを追加するとこんな感じに。 空が鮮やかになりました。 屋根に被る電線を消す 塗りつぶしの“コンテンツに応じる“を使って電線を

    Photoshopで建物や家の写真をすっきりきれいに見せるフォトレタッチ術 - 神戸ホームページ制作センター
    hmstrmt
    hmstrmt 2013/11/22
  • いろいろな積み方でかわいいパッケージ!おしゃれなハニカム構造の瓶のハチミツ - Hexagon Honey

    ロシアのデザイナーMaks Arbuzov氏によってデザインされたパッケージのコンセプト。 蜂の巣のようなハニカム構造に積みやすい形状になっている瓶です。 ちょうど瓶のふたがハマるように凹みができていますね。 重ね合わせながらたくさん積むことで蜂の巣のような形になります。 ちょっと角度を変えてもハマるようにできているのがブロックみたいに遊び心を感じます。 木箱もカワイイ! 商品のイメージとピッタリなパッケージデザインが購買意欲をそそります。 via: Hexagon Honey | Lovely Package

    いろいろな積み方でかわいいパッケージ!おしゃれなハニカム構造の瓶のハチミツ - Hexagon Honey
    hmstrmt
    hmstrmt 2013/11/19
  • | Fireworksあるある早く言いたい神戸ホームページ制作センター

    こんにちは松です。web制作を始めた頃からデザインソフトはFireworksを使っています。 もしや元々アドビ製品じゃなくてマクロメディア製品だったの知らない人多いのでは!? え?フォトショとかとかイラレはちゃんと使えるのかって? こ・・・細かい切り抜きとか画像補正とか・・・ロゴ作ったりで使います・・・たまに・・・ 開発中止(なくなるわけじゃない)が決まって、そろそろ別のツールも考えたほうがいいんじゃない?的な話もちらほらとありますね。 でも、愛着もあるので何年か後の最新OSで動かなくなるまではFireworks使い続けますきっと。 ダメダメ編 保存できなくていろいろもがく 保存しようとしたら、「メモリが不足しています」「内部エラーが発生しました」等のアラートがでてセーブできず。 「しょーがねーなまったくよー」と言いながら、ヒストリー消したり、レイヤー非表示にしたり、あれこれもがくも泣く

    hmstrmt
    hmstrmt 2013/11/08
    勉強になるFireworksあるある
  • | アナリティクスを使ってサイト改善ポイントをみつけよう!神戸ホームページ制作センター

    なんかもう世間は年末の準備に入っているようす。 おかしいな〜先月お正月だったような感じがするっす。 時間が進む感覚が年々早くなるのはホントっすね。。。 サイト改善サイト改善と言うけどどうすりゃいいの? サイトのデザインを最近の流行りに合わしたらいいんれすか?そうれすか? 見た目もとても重要なんですが、サイトの改善ではそればかりが正解ではないですよね。 今回は、アナリティクスの計測結果から推測される簡単な改善ポイントの見つけ方のご紹介。 実は、というか周知の事実ですが、ホームページへユーザーを誘導する動線はあまり多くありません。しかも、ユーザーが能動的にアクションを起こさないとサイトを訪問することはまずありません。 そんな少ないアクションの1つに検索があります。 検索サイトの検索結果に表示された、リンクをクリックして訪れることなんですが、数すくない訪問機会を獲得しようと、検索結果の表示順位を

    hmstrmt
    hmstrmt 2013/11/07
    アナリティクスの賢い使い方!
  • | Gitを使おう その2神戸ホームページ制作センター

    ファイル編集前にバックアップとっておけばすぐもどせるし管理も簡単、わかりやすい! そう思っていた時期が俺にもありました・・・ 前回はGitの紹介と簡単な使い方を紹介しました。 前回の内容だけだとファイル管理の手間が増えただけで、「自分でバックアップとりながらやるほうが楽かも」といった印象を感じるかかもしれません。 しかし、今回紹介する「ブランチ(分岐)」と「マージ(結合)」機能を使えば手作業のバックアップでは管理が難しかった作業が簡単にできるようになります。 初期設定 前回に引き続き、SourceTreeを使いながら説明していきます。 まず、ブランチ/マージを試す前にSourceTreeの設定を変更します。この設定をしておくとマージした時の履歴が分かりやすくなります。 Tool>Options>Git から「DO not fast-forward when merging, always

    hmstrmt
    hmstrmt 2013/11/06
  • | Fireworksだけで綺麗な切り抜きをする場合の設定と方法神戸ホームページ制作センター

    切り抜きを行うツールとしてphotoshopを使われている方は多いと思います。細かい、複雑な切抜きはやはりphotoshopの方が便利だったりしますが、 Web制作において忘れてはいけないFireworksでもかんたんに綺麗な切抜きができます。 今回は複雑な形と思われる ・水の切り抜き ・炎の切り抜き の方法について記述したいと思います。 設定を変更しておく 編集→環境設定→編集→選択精度 単純に高いほうが精度がいいです。 ここでは最高の10に設定。 “自動選択ツール”と”選択範囲をパスに変換”を使う 自動選択ツール Wで切り取る部分を選択 プロパティはこちら “アンチエイリアスをオン” 許容量は切り抜きたい境目の色の差があいまいな場合は数値を低くして精度を高めたりして調整してください。 選択部分を削除 選択された切り取る部分を削除します。 選択してDelete さらに綺麗にしていく 素材

    hmstrmt
    hmstrmt 2013/11/05
    Fireworksで複雑な形の切り抜きができる方法!
  • 1