【★★★ - 手書き風 】 - Illustratorで手書き風タッチにするアレコレ | デザイナーブログ | 株式会社LIG
今回はIllustratorで手書き風イラストを作成する方法をご紹介します。手書き風といっても色々な種類があるので、自分好みのものを見つけてください。 もとの画像はこれ！ 春らしく桜で！ ※編集部注：2011年に公開された記事を最新の情報に更新しました。 1. 落書き風 [効果]→[スタイライズ]→[落書き]の順で選択。 デフォルトの設定だとちょっとざっくりしすぎているので・・・ 今回はこんな感じに線幅や感覚を調整しました。 これで完成！ 簡単です。 2. 粗いパステル画 [効果]→[アーティスティック]→[粗いパステル画]の順に選択。 こちらもデフォルトだとざっくりなので微調整して、完成です! こちらはほんのり手書き風。 3. ストローク（スプレー） [効果]→[ブラシストローク]→[ストローク（スプレー）]の順に選択。 こちらはクレヨンで書いたような手書き風イラストになります。 効果は
Infrared Photo Effect With Photoshop
In this Photoshop Effects tutorial, we're going to learn how to simulate the look of infrared photography in Photoshop. We'll be taking a look at Photoshop's Channels palette and seeing how to isolate a color channel as well as how to apply filters to color channels, we'll be using adjustment layers, specifically the Channel Mixer adjustment layer to adjust how much impact each individual channel
「ロングシャドウ」エフェクトをPhotoshopの3D機能で簡単に作る方法 | 株式会社LIG
フラットデザインとロングシャドウが定着しつつある今日このごろ。いつ廃れるかは誰にも分からないが、いわゆる「ロングシャドウ」ってやつは割りと綺麗だなと個人的に思ってます。作り方はCSSならtext-shadowを利用したジェネレーター、Photoshopならスマートオブジェクトを使ったテンプレートやアクションなどがあります。今回は一味違うやり方で、Photoshopの3D機能を使っての作り方をご紹介します。 なぜ3Dで作ったほうが便利かというと、それは、このように、入射光を調整することが簡単に行えるからです。 あと、光の減衰で陰がだんだんとぼやけていくというちょっとリアルな表現もPhotoshopで簡単にできちゃいます。 ※制作環境はPhotoshop CS6以上が必要です。 ロングシャドウをPhotoshopの3D機能で作る方法 3Dオブジェクトに変換 レイヤーに右クリックして、テキストレ
Photoshop CCを使ってよりリアルで美しくシャドウを作る方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
お疲れさまです、デザイナーのモモコです。 今年ももう終わりですね。色々と積んでいるものが消化できないまま新年を迎えてしまいそうです…来年こそは…！ 今回はPhotoshop CCを使って、よりリアルで美しいシャドウを作る方法をご紹介します。 Windowsで作っている関係上、ショートカット等の部分は適宜読み替えてください。 Photoshop CCを使ってシャドウを作る STEP1 まずは新規ドキュメントを開き、シャドウを掛けるテキストを配置します。 STEP2 続いてメニューの「3D」機能から「選択したレイヤーから新規3D押し出しを作成」を選択します。 画面が3D仕様に変わったら、「ウィンドウ」→「属性」で編集用のパネルを表示させてください。 STEP3 「属性」パネルの上部タブから「変形」を選択し、押し出しの深さを300に設定します。 更に平面図が使用できるように、オブジェクトとカメラ
Sketch 3 Basic -'DAI-TOKAI' Okayama-
2014.07.26 Sketch勉強会 in 大都会岡山 - スライド
Webデザイン初心者が独学でスキル向上を目指すときの基本 | LIG LIBRARY | 株式会社LIG
株式会社LIG TEL : 03-6240-1253 111-0056 東京都台東区小島2-20-11 LIGビル 1F受付
Yahoo! JAPAN Creative Blog — 脱初心者！ マテリアルデザインUIを作りながら学ぶ Photoshopショートカット術
こんにちは。デザイナーの外崎です。 Photoshopのショートカットはいろいろなところで紹介されています。ただ、初心者の方は「ショートカットって実際どこで使うの？」と感じている人も多いと思います。 Google I/Oで発表されたマテリアルデザインを題材にしてUIを実際に作りながら、ショートカットやTipsの使いどころをチュートリアル形式で説明していきます。マテリアルデザインの特徴である陰の付け方や、配色・マージンの感覚だけでもつかめるかと思います。時間のない方は1セクション毎でも大丈夫です！ テクニックを体で覚えて、実践していただければと思います。 Material Design GuidelinesI/O 2014 アプリに学ぶマテリアルデザイン0.始める前の準備チュートリアル通り進めたい方は、以下のプラグインやアイコンをダウロードしておいてください。特にプラグインは今後Photos
Gruntの対抗馬として急速に成長しているnode.jsタスクランナー「gulp」とすぐに使えるサンプルファイルのご紹介です。
Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/koj/www/sites/0017_tettori.net/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340 Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/koj/www/sites/0017_tettori.net/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.cl
Photoshopで“水しぶき”などの背景が透けた画像をカンタンに切り抜く方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。デザイナーの藤田です。 久しぶりにPhotoshopのtips記事をお届けします。 皆さんは�“水しぶき”などの背景が透けた画像の切り抜きに苦戦したことはありませんか？ ただ背景を切り抜くだけだと、透明感をなかなか表現できませんよね。 そこで今回は、“水しぶき”などの透け感がある画像をみずみずしく切り抜く方法をご紹介いたします。 ※今回の記事で使用している画像は下記サイトのものです。 water splash http://nihongo.istockphoto.com/stock-photo-13225547-water-splash.php Psd Soda Can Mock-Up Template http://www.pixeden.com/psd-mock-up-templates/psd-soda-can-mock-up-template Photoshopで“水し
The Bézier Game
The ideal solution has 0 nodes. Think you can do better? Try again This game requires keyboard and mouse It seems you are on a touch device, but I can't tell for sure, please confirm: I'm using a keyboard and a mouse/trackpad You will continue to The Bézier Game. I'm using my fingers on a phone or tablet You will be redirected to The Boolean Game, which works on any device.
ロゴ作成に役立つ制作フローや素材・知識まとめ
作成：2014/03/24 更新：2014/11/01 無料素材 > ロゴの作成依頼があって作ってみたものの、しっくりこない。ありきたりなアイデアしか浮かばない。どういった手順をふんで、どういったことに気をつければ、よいロゴができるのだろうか。今回はロゴを完成させるまでのフローや基本的な素材の作り方、アイデアの出し方など参考になる記事をまとめました。 エンジニア速報は Twitter の@commteで配信しています。 １．ロゴマークの作り方 イチからロゴを作成する場合、クリエイターさん達はどうやって作っているのでしょうか。ロゴ作成における一連の流れをまとめました。 ロゴ作成の手順を実例とあわせて紹介！ | Webクリエイターボックス Illustrator初心者のための「ロゴ作成講座」 | OZPAの表4 新米デザイナーに読ませたい、ロゴデザインの制作プロセス - W3Q ロゴを作る時に
UIデザインの腕が上がるPhotoshopのチュートリアルのまとめ
UIデザイン用の最適なPhotoshopの環境設定方法から、ブラーやサークルを使ったエレメント、フラットや縦長やレトロスタイルのレイアウト、ページのアクセントになるエレメントの作り方、ディテールの作り込み方など、ユーザインターフェイスをPhotoshopで作成する際に勉強になるチュートリアルを紹介します。
How To Create an Icy Blue Vector Geometric Design
This post was originally published in 2013 The tips and techniques explained may be outdated. In today’s Adobe Illustrator tutorial we’re going to create a cool abstract geometric design with icy blue polygonal shapes. This style of art is perfect for adding stunning visuals to your design work and being vector based means it can be used for anything from a book cover to the background of your web
Photoshopで人物の髪の毛を「境界線の調整」を使って簡単に切り抜く方法 | ページ 2 / 3 | 東京上野のWeb制作会社LIG
こんにちは、デザイナー兼フォトグラファーのおまめ （@omame_creator） です。 今回はPhotoshopで写真を切り抜く方法、髪の毛のような細かいものをきれいに切り抜く方法、背景と馴染ませる方法を解説します。 どれも私が試して一番短い時間で簡単にできた方法なので、ぜひ試してみてください！ 独学でつまずいていませんか？ Photoshopの使い方を効率的に学びたい、プロのデザイナーに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGでもWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。「今すぐスクールの概要を知りたい！」という方は、ぜひこちらより資料をご請求ください。 ※この記事は2022年3月に編集部が情報を更新しました 「選択とマスク」を使って髪の毛を切り抜く方法 髪の毛を目立たせるため、強めになびかせた
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Learn Sketch 3 - Design+Code
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
How to create animated GIFs for UI design presentations: Part 1
Detailed Adobe Illustrator Tutorials for Web Design Layouts
【Photoshop入門】Webデザインをはじめよう！第1回 デザイン前に覚えておきたい環境設定とレイヤー機能 - Adobe Blog
