タグ

DESIGNとtoolに関するhyougenのブックマーク (106)

  • Adobe製品の代わりに使える無料アプリ10+

    2014年6月27日 Illustrator, Photoshop, 便利ツール PhotoshopやIllustratorなど、Adobeの製品はクリエイターの必需品のひとつとなっています。しかしその値段からなかなか手が出せない…という方も多いのではないでしょうか?今回はAdobe製品の代用として使える無料アプリをいくつか紹介します。金欠の学生さんや、様々な理由から脱Adobeを考えている方の参考になれば幸いです! ↑私が10年以上利用している会計ソフト! Photoshopの代わりに GIMP 長年Photoshopの代用として愛され続けているGIMP。Photoshopの拡張子であるpsdファイルが開けることはもちろん、Photoshop用のブラシなども利用可能。画像の編集・加工ツールとしてPhotoshopとほぼ同様の機能を備えています。日語の公式チュートリアルも充実!私もお金

    Adobe製品の代わりに使える無料アプリ10+
  • これが出来れば中級者!Illustrator初心者のための「ロゴ作成講座」

    先日、ブログのリニューアルに伴いまして当サイトの「ロゴ」を作成してみたわけなんです。 ↑こんなん。 で、こちらのロゴ私も大変気に入っておりまして、ありがたくも「かっこいい!」「抱いて!」というお声を頂戴したりしなかったり。 そんななか、「あのロゴはどうやって作成したのですか?」「手順を晒してください」「私も全てを晒します…//」と言ったご意見を何名かの方から頂きましたので、「Illustrator初心者のためのロゴ作成講座」と銘打ちましてどんな手順であのロゴができ上がったのかをチュートリアルにまとめてみました。 なんとも大上段に構えたタイトルですが、これからIllustratorを学ぶ方にはちょうどいい感じの内容になっておるかと存じますので大目に見てください;)そしてすんげーーーーー長いですがこちらもご勘弁ください。 新規書類を作成 では早速Illustratorを開いて、新規書類を作成し

    これが出来れば中級者!Illustrator初心者のための「ロゴ作成講座」
  • ロゴ作成に困ったときに使えそうなロゴ自動生成サービス「Logaster」

    【ゆっくり解説】「遂に目を覚ました…」日の第6世代戦闘機F Xの正体に世界中に震撼!!【ゆっくり軍事プレス】

    ロゴ作成に困ったときに使えそうなロゴ自動生成サービス「Logaster」
  • Create Websites Without Writing Code Using Adobe Muse

    2014年8月17日 Webサイト制作, 便利ツール グラフィックデザイナーさんの中にはWebデザインに挑戦したいと思っている人もたくさんいると思います。それでもなかなか一歩踏み出せないのはマークアップやコーディングがなんだか難しそうだからではないでしょうか?先日、ロンドンで出会ったグラフィックデザイナーさん達と話して、「タグの文字列を見ただけで蕁麻疹が…」というようにわず嫌いのソースコード恐怖症な方が多いようで、どうにかしてその思いを払拭できないか?Webデザインの楽しさを伝えられないか?と思い、印刷デザイン感覚でWebサイトが作れる「Adobe Muse」を紹介しようと思います。 ↑私が10年以上利用している会計ソフト! Adobe Museとは? 「Adobe Muse」はデザイナーさん達御用達のAdobeが提供する、印刷物をデザインする感覚でWebサイト制作できるアプリです。HT

  • CSS3の制作をぐっと楽にする厳選20のオンラインツール

    CSS3アニメーションをはじめ、グラデーションやシャドウやボーダー、テキストやボックスをかっこよくしたり、レスポンシブデザイン用のグリッド、セレクタの使い方など、スタイルシートの制作時に役立つオンラインツールを紹介します。 Animate.css classを付与するだけで、さまざまなCSS3アニメーションが実装できます。 初っ端からオンラインツールじゃないですが、簡単にCSS3アニメーションが利用できるということで。

  • 無償のWebサイト構築ツール「WebMatrix 2」、新版はiPhone/iPadエミュレータ、Node.js、CoffeeScriptなど対応

    無償のWebサイト構築ツール「WebMatrix 2」、新版はiPhone/iPadエミュレータ、Node.js、CoffeeScriptなど対応 先週末に行われたWindows Azureの新機能を紹介するイベント「Go Azure」の基調講演の中で、Azure以外に興味を引かれたソフトウェアがありました。マイクロソフトが無償で公開しているWebサイト構築ツール「WebMatrix」の新版、「WebMatrix 2」です。 WebMatrixは、HTML/CSS/JavaScript/PHP/ASP.NETなどに対応したエディタ機能を備え、コード補完機能も搭載。ローカルにデータベースやWebサーバを用意してPHPの動作をそのまま確認したり、WordPressやDrupalなどのWebアプリケーションをローカルで試すこともできました。 下記はその画面(参考:マイクロソフト、無償のWeb開発

    無償のWebサイト構築ツール「WebMatrix 2」、新版はiPhone/iPadエミュレータ、Node.js、CoffeeScriptなど対応
  • キラキラが楽しい、写真の「ぼけ」を描くPhotoshopのブラシ68種+α -thethiirdshift

    Photoshopのキャプチャ ブラシの利用は無料ですが、ライセンスの明記がないため商用利用の際は問い合わせをした方がよいと思います。 同作者は、他にも写真の「ぼけ」をモチーフにした面白いPhotoshopのブラシを配付しています。 [ad#ad-2]

  • 新着記事

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

    新着記事
  • http://designaholic.cc/2011/03/webweb21.html

    http://designaholic.cc/2011/03/webweb21.html
  • これは覚えておいたほうがいい!というPhotoshopのブラシ50セット:phpspot開発日誌

    50 Free Photoshop Brush Sets Everyone Should Have | Web Design Blog, Web Designer Resources これは覚えておいたほうがいい!というPhotoshopのブラシ50セット。 かなり使えそうなものが多かったのでご紹介します。 クラウド時代の雲のブラシ。何ともリアル 自然のいい感じが出せそうなブラシ ペンキなんかをぶちまけたようなブラシ いろんなタイプの草のブラシ なんか地球爆発してるっぽいブラシ 油絵っぽい感じを出せるブラシ 光がかっこいいブラシ 北斗の拳の髪の毛もかけちゃうヘアブラシ フラクタル 他にも色々あるので是非元エントリを参照してみて下さい。 関連エントリ ハイクオリティなPhotoshopブラシをダウンロードできるサイト色々まとめ 100以上のクールなPhotoShop用ブラシがダウンロードでき

  • OSを選ばないウェブデザイナーのための使えるウェブアプリ15

    OSがWindowsであろうと、ubuntuであろうと、共通のサービスを受けることができるのがウェブアプリケーションです。 ウェブデザイナーの中には、自宅ですでにubuntuを利用している人も多い。また、MacWindowsと、各自それぞれの使いやすい物を利用していると思います。 今回はこうしたウェブ開発を仕事としている人が利用しそうなツールをまとめてみたいと思います。 スケジュール管理 Googleカレンダー もはや説明不要のスケジュール管理システム。 ドラッグによる複数日数のスケジュール投稿は、なにかと連日作業になるウェブ製作にぴったり。 また、タスク管理も結合されたため、細かい作業などの記入も可能。なにより複数人での予定の共有もできるのが便利です。 メール Gmail もう使っている人も多数いるかもしれませんが、Googleが提供するGmailはかなり強烈なアプリケーションです。

    OSを選ばないウェブデザイナーのための使えるウェブアプリ15
    hyougen
    hyougen 2010/07/03
    便利。
  • 知っておきたいillustratorのチュートリアル40 – creamu

    illustratorのスキルを上げたい。 そんなあなたにおすすめなのが、『40 Fundamental Illustrator Tutorials You Must Know』。知っておきたいillustratorのチュートリアル集です。 いい感じのものが揃っているので、いくつかご紹介しますね。 How to Create a Gearbox Settings Icon Using Simple Shapes シンプルなシェイプを使って、ギアの形をした設定アイコンを作るチュートリアル How to Create an Abstract Vector Design in Illustrator 美しい抽象的なデザインは、シンプルな形から作られる。いくつかの形と透明度に変化を持たせたサンプルの作り方 How to Create an Open Book with Illustrator’s

  • タイポグラフィック・グリッド作成アプリケーション - lab

    http://lab.allianceport.jp/web-typography-app/web_typography/ 私が印刷とウェブのデザインの比較について興味を持ち始めたのは、まだ私が学生だった頃なので、もう 10年近くも前になります。当時、Josef Muler Blockmannの『Grid System』をもとに、ウェブデザインへのグリッドシステムの応用を考えていました。その頃から「メディアによる再現性の違いを理解し、一つの理論をそれぞれに展開する」という考えをベースに、実用的なツールをつくりたいと思っていました。 グラフィックデザインには、グリッド・システムというデザイン手法が存在します。グリッドシステムとは、書籍デザインにおいて、全ページを同じグリッド上で展開することで、ページ全体に統一性を持たせ、レイアウト上の判断を効率的に行うツールとして、全世界のデザイナーに使われ

  • 多種多様な無料のPhotoshopのブラシがダウンロードできる -Photoshop Free Brushes

    オリジナルの高品質で無料のPhotoshopのブラシがダウンロードできるPhotoshop Free Brushesを紹介します。 Photoshop Free Brushes ダウンロードできるPhotoshopのブラシはどれもユニークなもので、Photoshop Free Brushesのチームで作成されたものとのことです。 登録されているブラシのサイズは2500pxと高解像度のものが多く、他のサイトでは見られない種類のものも多数登録されています。 ブラシはカテゴリ分けされており、下記にいくつか紹介します。

  • Photoshopでの作業をより早くより簡単にする20のTips

    Photoshopでの作業を今までより早く、そしてより簡単にする20のTipsをSpoonGraphicsから紹介します。 20 Handy Photoshop Tips For a Faster Workflow デザイナーの人には常識的なものだと思いますが、実用的で多用するものが多く紹介されています。 ※コマンドはWin XP+Photoshop CS4のものです。 Macの場合は、下記置き換えてください。 Ctrl = Cmd Alt = Opt 作業ファイル上で、[space] 使用してるツールを手のひらツールに変更し、画像を移動させることができます。 [編集]-[環境設定]-[テキスト]の「フォントプレビューのサイズ」 サイズを「特大」にすると、フォント選びが楽になります。 「文字パレット」のサイズにフォーカスをあてて[矢印] 上下の矢印キーでフォントサイズを増減することができま

  • Photoshopの動作を軽快にするための10のポイント

    Photoshopの設定を変更して、動作を軽快にするための10のステップをSmashing Magazineから紹介します。 10 Simple Steps to Better Photoshop Performance はじめに もし、あなたがPhotoshopの設定をデフォルトのまま使用していたり、パフォーマンスを改善するために再点検することを望むなら、ここで紹介する10のポイントをチェックしてみてください。 1. ヒストリーの数を調整 作業履歴を記録するヒストリーはRAMを肥大化させるため、できるだけ数を少なく設定します。 一つの目安として、RAMが2GB以下の場合はヒストリーを使用しない方が軽快に動作します。 [編集] - [環境設定] - [パフォーマンス]の「ヒストリー&キャッシュ」で設定を変更できます。 2. キャッシュレベルの数を調整 レイヤーの数が少なく高精細の画像の場合

  • 写真を一瞬でクールに出来るPhotoshopアクションが色々:phpspot開発日誌

    写真を一瞬でクールに出来るPhotoshopアクションが色々なエントリが公開されていたのでご紹介。 次のように、写真をクリック数回で素晴らしく加工できてしまうアクション配布サイトがまとまってます。 リンク先は以下のエントリから参照してください。 The Big Collection Of Amazing Photoshop Actions | Flash, Design, Vector, Photoshop, Adobe Tutorials | GraphicMania.net 関連エントリ 1クリックで写真の印象を簡単に変えてしまうPhotoshopアクション集 デザインを高速に行える技巧的なPhotoShopアクション集 PhotoShopのアクションやシェイプなどリソース一杯「Ladyoak.com」

  • 【ハウツー】プロクリエイターがこっそり教えるPhotoshopの極上Tips集(上級編) (1) 描画モードで合成する、背景の色を変えるための準備をする | クリエイティブ | マイコミジャーナル

    「Photoshop」のTipsは覚えれば覚えるほどに応用が利いてくるというもの。一見、難しそうに思える表現も、方法さえ身につけてしまえば「使えるワザ」として蓄積されていきます。今回お届けするのは書籍『プロがこっそり教えるPhotoshop極上テクニック』(橋篤生著/弊社刊)より、初級、中級、上級と3回にわけて、覚えておきたいテクニックをお伝えしています。今回は上級編、「風景と透明なボトルの自然な合成」の表現をお伝えします。なお、画像とテキストは書より抜粋で、すべての画像はクリックすると拡大画像が見られます。 「Photoshop CS4」、「Photoshop Elements 7」体験版ダウンロードはこちらから 「Adobe CS4」ご購入はこちらから 上級編--「風景と透明なボトルの自然な合成」を表現する 合成する2枚の画像。左は風景写真、右はボトルの写真 最終的な画像 草木の向

  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
  • 【全部無料】 Web制作に役立つオンラインサービスやツール300+ - かちびと.net

    Web制作に使えるWebサービスやツールなどが様々なサイトでかなり 紹介されています。便利なものですが、多すぎて混乱するので、 備忘録的にローカルサーバーに入れたWPでリンク集を作っていました。 そろそろ数が落ち着いて来たので多くの方とシェアしたいと思い、公開してみます。 現在330ありますが、追加していく可能性があります。 リンク集は全て無料で使える事を条件に集めていました。英語が苦手な方もいらっしゃいますのでTwitterサービスのまとめ同様、日語で使い方などを説明してくれているサイトにリンクしています。無い場合は海外サイトにリンクしていますが、その場合はアメリカの国旗をつけてあります。サイトがアメリカのものかは知りませぬ。分かりゃいいんだ、分かりゃ。 無料といえどもライセンスの縛りもありますので自己責任でご利用下さい。 使えるかどうかは個人差が生じますので何とも言えませんが、お役に