ポリゴン、シェイプアート、ブラー、等高線、ジオメトリック、ラインアート、シネマグラフなど、最近の気になるデザインのテクニックを身につけるPhotoshopのチュートリアルを紹介します。 時間をつくって、一つずつじっくりと攻めていきたいですね。
ポリゴン、シェイプアート、ブラー、等高線、ジオメトリック、ラインアート、シネマグラフなど、最近の気になるデザインのテクニックを身につけるPhotoshopのチュートリアルを紹介します。 時間をつくって、一つずつじっくりと攻めていきたいですね。
通行人を消すの忘れてたし/(^o^)\ 写真加工から背景画を作り出す方法を解説しているサイトがあったので、ちょっと試しに。 コツは、前回の記事にて行っているHDR合成を下地にして、フォトショのフィルターや調整レイヤなど使い加工することらしいです。詳しいことは下記リンクより参照。 綺麗な背景画を作りたい-写真加工技術「PhotoDramatica」- さて、やってみたのですが、どうにも写真な感じは払拭できないです。自分のやり方が悪いのか。人工物より自然物の方が成功しやすい感じ。いかに嘘っぽく見せるかがポイントらしく、リアリティ重視思考が強い人は写真を加工していく過程に抵抗を覚えるかも。 もちろん、普通に背景を描ける人なら新海監督のアニメ作品のように写真トレース(他人の写真は勝手に使っちゃダメよ)で描くか、自力で描いたほうが質の高いものが出来ると思います。ただ、どうしても手間をかけられない時に
日本におけるフル3DCGアニメーション制作への理解と振興を目指す本連載。前回はデジタルハリウッド大学大学院 学長の杉山知之氏に話を伺った。今回はデジタルハリウッドが設立当初より運営する社会人向け専門スクールでWebサイト制作を学び、現在は3DCGを用いた映像制作を勉強中の江川達也氏にご登場いただく。漫画家、実写映画監督、タレント、歴史研究家などの幅広い活動を展開してきた江川氏が、なぜ“CG作家“を目指そうと決意したのか? 長年にわたり第一線で表現活動を続けてきた江川氏が感じる3DCGの可能性について、幅広く語ってもらった。 【聞き手:野口光一(東映アニメーション)】 Supported by EnhancedEndorphin 集団ではなく、1人の作家が新しいものを生み出す 東映アニメーション/野口光一(以下、野口):前回の杉山知之先生との対談の折、江川さんがスクールの学生として3DCGを
こんにちは、デザイナーの佐藤タカアキ(@sato_tkaaki)です。 突然ですが、柔らかいものは脳に快感を与えて、緊張を緩める効果があるって知っていますか? 脳がリラックスすることにより、様々なアイディアが生まれるのだそうです。 日々の業務でアイディアに詰まってしまう時もありますよね。 そういう時はほっぺたを触ってリラックス…しても出ません、そんなんじゃ。 そこで今回は、デザイナーにオススメしたいアイディアの集め方とその活用方法をご紹介します。 なぜアイディアが浮かばないのか? そもそも、どうしてアイディアが浮かばないのでしょうか。 感性が豊かじゃないから?暇さえあればいやらしい妄想ばかりしちゃってるから?ちがいます。 それは経験や知識など、そもそも持っている武器が少ないからではないでしょうか。 ここで再確認しておきたいのは、ゼロから生まれるアイディアは存在しないということ。 アイディア
今回はテクスチャやブラシは一切使用しないPhotoshopでの水の表現のチュートリアルです。 少々長くなりますので、時間があるときにでもどうぞ。 1.波の質感を作る まずはファイル ->新規でカンバスを作成しましょう。 塗りつぶしツールでも何でも良いので、レイヤーを#666666ぐらいに塗りつぶします。 次に塗りつぶしたレイヤーに「フィルター」->「ノイズ」->「ノイズを加える」でノイズを加えます。 「フィルター」->「ぼかし」->「ぼかし(ガウス)」でぼかします。 次に「イメージ」->「色調補正」->「レベル補正」でレベルの補正をかけます。 「フィルター」->「フィルターギャラリー」からフィルターギャラリーを開き、 「スケッチ」->「浅浮彫り」を選択します。 このあたりは好みで調節してください。 次に「フィルター」->「ぼかし」->「ぼかし(移動)」で浮彫りの質感を横に広げます。
こんにちは、井畑です。 前回書いた記事が割りと好評だったので、調子に乗って第2弾。 Photoshopのシェイプを使って、長方形などの図形を描くと、どうしてもシェイプの端がぼやけるというか、汚く表示されてしまいますよね。 実は、これを簡単にきれいに書く方法があるんです! 簡単な設定ですが、意外と僕の周りで知らない人が多かったので紹介してみました。 それではどうぞ! ※環境はPhotoshopCS5です。それ以下のバージョンでも多分出来ると思いますが・・・なにぶん未確認ですのでご了承ください シェイプの端が汚くなる理由 理由はただひとつ。ピクセルのすき間でなく上にパスが描かれてしまうからです。 ガイドを使わず適当にシェイプを描いた場合、パスが綺麗にピクセルとピクセルの間を通らないので、シェイプの端がぼやけて、汚く表示されてしまいます。 運よく、ピクセルに沿って描かれた場合はもちろんきれいに表
creative memomemo Webデザインtips,Photoshoptips,クリエイティブでステキなものをまとめているブログ。 こんにちは。最近は神速Photoshop[Webdesign編]を読んで、ますますPhotoshop愛が深まっております。井畑です。 今回はPhotoshopのヒストリー機能の1つ「スナップショット」について説明します。Photoshopを使っていて割と使うことが多い「ヒストリー」ですが、最近までこの「スナップショット」について知りませんでした。 使いこなせば結構便利なので是非チェックしてみてください!!それではご紹介します。どうぞ! その前にPhotoshopの「ヒストリー」について 知っている方も多いかもしれませんが、スナップショットの前に「ヒストリー」について簡単に説明します。 「ヒストリー」はその名の通りPhotoshopで行った作業を前の状態
当ブログでもお馴染みの freepik.com 提供による背景素材をコリス限定で全員にプレゼント! 木・紙・金属・布・皮などの全テクスチャは、ベクターなのでカラーやサイズを自由に変更できます。もちろん個人でも商用でも無料で利用できます。 freepik.comはウェブやグラフィックデザイナーのためのベクターやイラストやPSD素材の検索エンジンで、日本語環境でももちろん利用できます。アイコンに特化したflaticon.comも運営しており、こちらには現在44,000個以上のアイコンが登録されています。 freepik.comでアイコンの検索する時は、下記のページからが便利です。 freepik.comでアイコンを探す freepik.comは、そのブログだけのオリジナルの素材を配布するコラボをしています。日本ではコリスが初!今回はその第6弾です。 第1弾:コリスのビジターのアンケートを元にし
カンプのデザインやパーツの作成など、Webデザインにも欠かせないPhotoshop。もっとラクに、もっと速くWebデザインするために、すぐに役立つ4つの時短テクニックを紹介します。 サイズ違いのバナーはまとめて使い回し Photoshopでよく作るモノの1つといえば、バナー。掲載場所や配信先によってサイズが異なるバナーをバラバラに作成すると使い回しが面倒だし、写真や文言に変更があったときにいちいち直すのが大変ですよね。 いろんなサイズのバナーを1つのPhotoshopファイルにまとめて作成し、写真やロゴをスマートオブジェクトで一元化しておくと、バリエーションをスピーディに作れ、修正にも対応しやすくなります。 例として、大中小の3つのバナーを一気に作ってみましょう。作成する最大サイズのバナーが収まるように新規ドキュメントを作成し、大きいサイズのバナーから作成します。 レイヤーに素材を配置して
皆さんは、満足したバナーが作れていますか? バナーは、自社サイトへの誘導やCVにつなげるための重要な役割を果たします。 しかし、限られたサイズの中で、ターゲットに刺さるバナーをデザインするというのはなかなか難しいもの・・・。 そこで今回は、効果が高い高品質なバナーを作成するために役立つ記事やサイトをご紹介します。 Webデザイナーやディレクターには特におすすめです。 効果の出るバナーの作り方の参考になる記事 実際に効果の出ているバナーの事例を参考にすることは大いに役立ちます。 下記で紹介している記事を読みつつ、実践していけば、効果の出る高品質なバナーを作れるようになるでしょう。 100種以上の自社広告運用でわかった!バナー広告クリエイティブ4つの基本 LINEが今までに運用してきた広告からわかった、効果の出るバナークリエイティブを作るためのポイントを紹介している記事。 実際にたくさんのPD
打ち出し画像にちょっとアクセントを加えたり、ぼやけた画像をくっきりさせたり、テキストをラスタライズせずにフィルタを適用したりなど、Photoshopのさまざまな実践的なテクニックを学べる動画をPhotoshop Video Academyから紹介します。 キャプチャやテキストでは分かりにくいポイントも動画だと操作が一部始終見えるので、より確実にマスターできると思います。 Photoshop Video Academy 動画はそれぞれ2〜5分くらいで解説は英語ですが、操作が動画なので分かりやすいと思います。 まぁ、同時に英会話の勉強にもなる、と。 Photoshop Blend Modes Photoshopのブレンドモードの効果を比較。 Photoshop Blend Modes Photoshopのブレンドモードを使って、画像にちょっと面白い効果を加えます。 High Pass Shar
漢字に比べて平仮名・カタカナを幅ごと小さくデザインし、文章全体を表示させた時の統一感を重視したフォントが「刻」シリーズです。明朝体の「刻明朝フォント」とゴシック体の「刻ゴシックフォント」の2種類が用意されている「刻」シリーズは無料でダウンロードでき商用・非商用問わず自由に使用可能になっています。 フリーフォントの樹 http://freefonts.jp/ その字体が持つ雰囲気はもちろんのこと、両フォントが特徴としているのは仮名と漢字の大きさにアクセントを付けたデザイン。何行にもわたる長い文章を表示させたときに、紙面そのものが一つの模様であるような統一感のある美しさを演出するように作られています。 刻明朝体で文章を表示させるとこんな感じ。 漢字とかな文字のサイズの違いがメリハリを与えています。 一方の刻ゴシック体で同じ文章を表示させたらこんな感じ。ページ全体から受ける印象は、刻明朝体と大き
2014年03月06日 13:08 話題 コメント( 65 ) 【ね、簡単でしょう?】水面の描き方を分かりやすく解説する画像 Tweet 簡易水面 pic.twitter.com/kw0buBMjRO— ほし (@HOSHIBACKYARD) 2014, 3月 5 すごく分かりやすくて、勉強になります。 ■関連記事 ・絵うまくなりたきゃ描け!死ぬまで描け!吐いても描け! ほんとこれ ・【画像】 マンガ家・村田雄介の子供(7歳)の描いた絵がヤバイ これが才能か・・・ ・「人生、どうなるか分からない」 41歳で単行本デビューした主婦…出発点はお絵かき掲示板、原稿料は愛猫の医療費に ■他の絵の描き方など @HOSHIBACKYARD 簡易眼球 #絵の書き方 pic.twitter.com/mTMkDdwOlO— 舞夜師まうよし (@shomakinosita) 2014, 3月 5 簡易羽 #絵
1 pixel|サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。アメーバゲーム部門でデザイナーをしております吉田直由と申します。 リリース直後からの1年2ヶ月の間、ガールフレンド(仮)でUIデザインの運用を担当しておりました。 運用のフェーズになると大きく問題になってくるのが「業務の効率化」ではないかと思います。便利ツールの導入や、難しい技術の取得などもありますが、、、使い慣れない技術は逆に効率を下げる結果になってしまうのでは? と、なかなか一筋縄ではいかない問題です。 ガールフレンド(仮)デザインチームの場合、1年目~3年目の若いメンバーが多く、さらにメンバーの数も10人という大所帯でした。 どう
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く