گرافیک و طراحی وب http://icnd.ir/graphic آموزش گرافیک و طراحی وب Tue, 06 Sep 2011 20:47:18 +0000 fa hourly 1 http://wordpress.org/?v=3.3 CMYK و RGB مخفف چه هستند؟ http://icnd.ir/graphic/%d9%81%d8%aa%d9%88%d8%b4%d8%a7%d9%be/cmyk-%d9%88-rgb-%d9%85%d8%ae%d9%81%d9%81-%da%86%d9%87-%d9%87%d8%b3%d8%aa%d9%86%d8%af%d8%9f/ http://icnd.ir/graphic/%d9%81%d8%aa%d9%88%d8%b4%d8%a7%d9%be/cmyk-%d9%88-rgb-%d9%85%d8%ae%d9%81%d9%81-%da%86%d9%87-%d9%87%d8%b3%d8%aa%d9%86%d8%af%d8%9f/#comments Tue, 06 Sep 2011 20:36:30 +0000 حوریه جعفری http://icnd.ir/graphic/?p=121 CMYK: مخفف چهار رنگ Cyan (فیروزه ای) ، Magenta (سرخابی) ، Yellow (زرد) ، Black (سیاه) است که برای کارهای چاپی از آن استفاده می شود.

RGB: مخفف سه رنگ Red (قرمز) ، Green (سبز) ، Blue (آبی) است که برای کارهایی که قرار است در مانیتور و یا تلویزیون به نمایش درآیند از آن استفاده می شود.

نویسنده: حوریه جعفری

]]> http://icnd.ir/graphic/%d9%81%d8%aa%d9%88%d8%b4%d8%a7%d9%be/cmyk-%d9%88-rgb-%d9%85%d8%ae%d9%81%d9%81-%da%86%d9%87-%d9%87%d8%b3%d8%aa%d9%86%d8%af%d8%9f/feed/ 1 استفاده از تصویر زمینه برای وبلاگ/وبسایت به وسیله CSS http://icnd.ir/graphic/css/%d8%a7%d8%b3%d8%aa%d9%81%d8%a7%d8%af%d9%87-%d8%a7%d8%b2-%d8%aa%d8%b5%d9%88%db%8c%d8%b1-%d8%b2%d9%85%db%8c%d9%86%d9%87-%d8%a8%d8%b1%d8%a7%db%8c-%d9%88%d8%a8%d9%84%d8%a7%da%af%d9%88%d8%a8%d8%b3%d8%a7/ http://icnd.ir/graphic/css/%d8%a7%d8%b3%d8%aa%d9%81%d8%a7%d8%af%d9%87-%d8%a7%d8%b2-%d8%aa%d8%b5%d9%88%db%8c%d8%b1-%d8%b2%d9%85%db%8c%d9%86%d9%87-%d8%a8%d8%b1%d8%a7%db%8c-%d9%88%d8%a8%d9%84%d8%a7%da%af%d9%88%d8%a8%d8%b3%d8%a7/#comments Wed, 24 Aug 2011 11:59:43 +0000 حوریه جعفری http://icnd.ir/graphic/?p=107 توجه: برای تمرین نکات ارائه شده در این متن، حتما از تصویری کوچک استفاده نمایید، مثلا تصویری با ابعاد ۱۰۰ پیکسل در ۱۰۰ پیکسل!

 

جهت انتخاب تصویر زمینه برای بدنه‌ سایت یا Body ، طبق شکل زیر عمل نموده و آدرس تصویر مورد نظر را بین پرانتز قرار دهید!

 

background, image, css, html - تصویر بکگراند

 

در حالت پیشفرض، تصویر مورد نظر تکرار شده و تمام زمینه ی سایت را پر می کند!

اما اگر نمی خواهید تصویر مورد نظر تمام زمینه ی سایت را اشغال نماید،‌ no-repeat را به کد فوق بیافزایید تا تصویر فقط یکبار نمایش داده شود!

 

background, image, css, html

ممکن است بخواهید تصویر مورد نظرتان، محیط بالای سایت یا فقط اطراف سایت را پوشش دهد!

در اینصورت طبق شکل زیر عمل نمایید!
(توجه کنید که بعد از بسته شدن پرانتز از   ;  استفاده شده است!)

 

background, image, css, html

 

یکبار هم به جای x از y‌ استفاده کنید تا دقیقا متوجه شوید که تصویر به چه صورت تکرار خواهد شد!

(x یعنی تکرار تصویر در جهت محور x ها و y یعنی تکرار تصویر در جهت محور y ها)

 نویسنده: حمید توکلی

]]> http://icnd.ir/graphic/css/%d8%a7%d8%b3%d8%aa%d9%81%d8%a7%d8%af%d9%87-%d8%a7%d8%b2-%d8%aa%d8%b5%d9%88%db%8c%d8%b1-%d8%b2%d9%85%db%8c%d9%86%d9%87-%d8%a8%d8%b1%d8%a7%db%8c-%d9%88%d8%a8%d9%84%d8%a7%da%af%d9%88%d8%a8%d8%b3%d8%a7/feed/ 2 تغییر رنگ زمینه قالب وبلاگ/وبسایت با استفاده از CSS http://icnd.ir/graphic/css/%d8%aa%d8%ba%db%8c%db%8c%d8%b1-%d8%b1%d9%86%da%af-%d8%b2%d9%85%db%8c%d9%86%d9%87-%d9%82%d8%a7%d9%84%d8%a8-%d9%88%d8%a8%d9%84%d8%a7%da%af%d9%88%d8%a8%d8%b3%d8%a7%db%8c%d8%aa-%d8%a8%d8%a7-%d8%a7%d8%b3/ http://icnd.ir/graphic/css/%d8%aa%d8%ba%db%8c%db%8c%d8%b1-%d8%b1%d9%86%da%af-%d8%b2%d9%85%db%8c%d9%86%d9%87-%d9%82%d8%a7%d9%84%d8%a8-%d9%88%d8%a8%d9%84%d8%a7%da%af%d9%88%d8%a8%d8%b3%d8%a7%db%8c%d8%aa-%d8%a8%d8%a7-%d8%a7%d8%b3/#comments Sun, 21 Aug 2011 09:56:58 +0000 حوریه جعفری http://icnd.ir/graphic/?p=99 اگر قالب وبلاگ یا وبسایت شما حاوی کدهای CSS است، ابتدا باید آنها را پیدا کرده و سپس نسبت به ویرایش آنها اقدام نمایید اما چنانچه در قالب سایت شما از CSS استفاده نشده است، خودتان به صورت زیر CSS را به آن اضافه کنید!

 

کدهای CSS بین تگ ابتدا و تگ ِ‌ پایانی ِ Style‌ قرار میگیرند:

 

CSS , تگ Style

 

 

 می خواهیم رنگ زمینه ی تمام بدنه(Body) سایت را انتخاب کنیم، پس طبق تصویر زیر body را تایپ کرده و در قدم بعدی برای تعیین رنگ زمینه ی سایت، background-color را به آن بیافزایید!

CSS, Background-Color

مقدار c4f0fe ، کد هگزادسیمال رنگ آبی آسمانی است که باید بعد از # قرار بگیرد، برای به دست آوردن کد هگزادسیمال رنگ مورد نظر خود از فتوشاپ کمک بگیرید!

CSS, فتوشاپ , انتخاب عکس

البته انتخاب رنگ پیش زمینه به کمک سایت هایی چون Draac و psyclops جذاب تر است!

نویسنده: حمید توکلی

]]> http://icnd.ir/graphic/css/%d8%aa%d8%ba%db%8c%db%8c%d8%b1-%d8%b1%d9%86%da%af-%d8%b2%d9%85%db%8c%d9%86%d9%87-%d9%82%d8%a7%d9%84%d8%a8-%d9%88%d8%a8%d9%84%d8%a7%da%af%d9%88%d8%a8%d8%b3%d8%a7%db%8c%d8%aa-%d8%a8%d8%a7-%d8%a7%d8%b3/feed/ 4 طراحی favicon و قرار دادن آن در قالب وبسایت/وبلاگ http://icnd.ir/graphic/html/%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-favicon-%d9%88-%d9%82%d8%b1%d8%a7%d8%b1-%d8%af%d8%a7%d8%af%d9%86-%d8%a2%d9%86-%d8%af%d8%b1-%d9%82%d8%a7%d9%84%d8%a8-%d9%88%d8%a8%d8%b3%d8%a7%db%8c%d8%aa%d9%88%d8%a8/ http://icnd.ir/graphic/html/%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-favicon-%d9%88-%d9%82%d8%b1%d8%a7%d8%b1-%d8%af%d8%a7%d8%af%d9%86-%d8%a2%d9%86-%d8%af%d8%b1-%d9%82%d8%a7%d9%84%d8%a8-%d9%88%d8%a8%d8%b3%d8%a7%db%8c%d8%aa%d9%88%d8%a8/#comments Sun, 21 Aug 2011 09:46:23 +0000 حوریه جعفری http://icnd.ir/graphic/?p=91 favicon چیست؟


favicon مخفف favorites icon است که در مرورگرهای وب در کنار Address Bar نمایش داده می شود، شاید تا الان اسمش را نمیدانسته اید اما مطمئنا بارها favicon را دیده اید:

 

طراحی favicon و قرار دادن آن در قالب وبسایت/وبلاگ

 

 طراحی favicon و قرار دادن آن در قالب وبسایت/وبلاگ- favicon گوگل

 

 

طراحی favicon و قرار دادن آن در قالب وبسایت/وبلاگ- favicon یاهو

 

 

روش ساخت Favicon:

 

راه اول: استفاده از Microsoft Visual Studio

تصویری مربعی شکل با عرض ۱۶ یا ۳۲ پیکسل طراحی کرده و سپس آن را با فرمت ico. ذخیره نمایید!

 

راه دوم: استفاده از Photoshop و سایر نرم افزارهای معمول

تصویری مربعی شکل با عرض ۱۶ یا ۳۲ پیکسل طراحی کرده و سپس آن را با فرمت BMP. ذخیره نمایید، در قدم بعدی با استفاده از Rename ، پسوند آن را از BMP. به ico. تغییر دهید!

 

راه سوم: استفاده از سایت www.favicon.cc

با استفاده از ابزارهای این سایت به صورت آنلاین به طراحی پرداخته و همزمان نتیجه کار خود را مشاهده کنید:

 

طراحی favicon و قرار دادن آن در قالب وبسایت/وبلاگ

 

پس از اتمام کار روی Download Favicon کلیک نموده و تصویر را ذخیره نمایید!

 

می توانید برای متحرک نمودن تصویر بر روی Use Animation نیز کلیک کنید!

همچنین با کلیک بر روی Top Rated Favicons بهترین طرح ها و با کلیک بر روی Latest Favicons آخرین طرح ها را مشاهده فرمایید!

 

استفاده از Favicon در سایت:

 

قدم اول:

برای درج Favicon در سایت یا وبلاگ خود ابتدا آن را Upload نمایید!

(چنانچه وبلاگ داشته و می بایست برای آپلود Favicon از سایت های رایگان آپلود بهره بگیرید، سایت persiangig.com پیشنهاد می شود، چراکه معمولا سایت های آپلود عکس از فرمت ico. پشتیبانی نمی کنند!)

 

قدم دوم:

آدرس favicon خود را بعد از href در کد زیر قرار داده و آن را در قالب وبسایت/وبلاگ خود کپی نمایید:

 

طراحی favicon و قرار دادن آن در قالب وبسایت/وبلاگ

 

مرورگرهای قدیمی:


مرورگرهای قدیمی نظیر Internet Explorer ورژن ۶ از Favicon پشتیبانی نمی کنند!

بنابراین چنانچه favicon سایت های مختلف را مشاهده نمی کنید بهتر است از مرورگرهای قدیمی دست برداشته و همین حالا Firefox را دانلود نمایید!

 نویسنده: حمید توکلی

]]> http://icnd.ir/graphic/html/%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-favicon-%d9%88-%d9%82%d8%b1%d8%a7%d8%b1-%d8%af%d8%a7%d8%af%d9%86-%d8%a2%d9%86-%d8%af%d8%b1-%d9%82%d8%a7%d9%84%d8%a8-%d9%88%d8%a8%d8%b3%d8%a7%db%8c%d8%aa%d9%88%d8%a8/feed/ 2 SEO:چطور موضوع سایت/وبلاگ خود را برای گوگل مشخص کنیم؟ http://icnd.ir/graphic/html/seo%da%86%d8%b7%d9%88%d8%b1-%d9%85%d9%88%d8%b6%d9%88%d8%b9-%d8%b3%d8%a7%db%8c%d8%aa%d9%88%d8%a8%d9%84%d8%a7%da%af-%d8%ae%d9%88%d8%af-%d8%b1%d8%a7-%d8%a8%d8%b1%d8%a7%db%8c-%da%af%d9%88%da%af%d9%84/ http://icnd.ir/graphic/html/seo%da%86%d8%b7%d9%88%d8%b1-%d9%85%d9%88%d8%b6%d9%88%d8%b9-%d8%b3%d8%a7%db%8c%d8%aa%d9%88%d8%a8%d9%84%d8%a7%da%af-%d8%ae%d9%88%d8%af-%d8%b1%d8%a7-%d8%a8%d8%b1%d8%a7%db%8c-%da%af%d9%88%da%af%d9%84/#comments Tue, 16 Aug 2011 07:42:01 +0000 حوریه جعفری http://icnd.ir/graphic/?p=82 برای معرفی موضوع و محتوای سایت خود به گوگل و سایر موتورهای جستجوگر باید به صورت زیر از تگ ِ Title و تگ های Meta استفاده کنیم:

 

استفاده از تگ title در CSS

 

 

عنوان سایت:

title یا عنوان سایت، مهمترین معرف ِ‌ موضوع سایت بوده و در نوار آبی رنگ بالای مرورگرها نمایش داده می شود:

 

قرار گرفتن عنوان سایت در نوار آبی بالای مرورگر

 

 

شرح سایت:

Description یا شرح سایت، می تواند توضیح ما در مورد سایت باشد، Description باید گویا و واضح باشد، به طوری که اگر title کوتاه سایت ما به خوبی واضح نبود، ضعف آن را نیز بپوشاند!

 

 

کلمات کلیدی سایت:

Keyword ها یا کلمات کلیدی مکملی برای title و Description هستند، از کلماتی که می توانند معرف خوبی برای محتوای سایت شما باشند اما نتوانستید آنها را در title یا Description بگنجانید به عنوان Keyword استفاده کنید، کلمات کلیدی را باید با استفاده از  کاما از یکدیگر تفکیک نمود!

 

 

اندازه متن:

title صفحه اصلی سایت، بهتر است کوتاه باشد، در حد یک یا چند کلمه!

Description بهتر است یک جمله یا چند کلمه باشد!

Keyword محدودیت خاصی ندارد، اما استفاده از ۱۰ تا ۳۰ کلمه کلیدی بهتر به نظر می رسد!

 

جایگاه نمایش:

title در تمام نتایج سرچ گوگل نمایش داده می شود!

Description در اکثر نتایج سرچ گوگل نمایش داده می شود!

Keyword در نتایج سرچ گوگل نمایش داده نمی شود مگر زمانی که جستجو شده باشد!

 

سایز:

title در نتایج سرچ گوگل با سایز درشت و رنگ آبی نمایش داده می شود!

Description در نتایج سرچ گوگل با سایز ریزتر نمایش داده می شود!

Keyword ها نیز در نتایج سرچ گوگل با سایز ریزتر نمایش داده می شوند!

 

قرار گرفتن نام سایت در گوگل

 نوبسنده: حمید توکلی

]]> http://icnd.ir/graphic/html/seo%da%86%d8%b7%d9%88%d8%b1-%d9%85%d9%88%d8%b6%d9%88%d8%b9-%d8%b3%d8%a7%db%8c%d8%aa%d9%88%d8%a8%d9%84%d8%a7%da%af-%d8%ae%d9%88%d8%af-%d8%b1%d8%a7-%d8%a8%d8%b1%d8%a7%db%8c-%da%af%d9%88%da%af%d9%84/feed/ 1 فتوشاپ:آموزش ایجاد موج در محتویات فنجان قهوه http://icnd.ir/graphic/%d9%81%d8%aa%d9%88%d8%b4%d8%a7%d9%be/21%d9%81%d8%aa%d9%88%d8%b4%d8%a7%d9%be-%d8%a2%d9%85%d9%88%d8%b2%d8%b4-%d8%a7%db%8c%d8%ac%d8%a7%d8%af-%d9%85%d9%88%d8%ac-%d8%af%d8%b1-%d9%85%d8%ad%d8%aa%d9%88%db%8c%d8%a7%d8%aa-%d9%81%d9%86%d8%ac/ http://icnd.ir/graphic/%d9%81%d8%aa%d9%88%d8%b4%d8%a7%d9%be/21%d9%81%d8%aa%d9%88%d8%b4%d8%a7%d9%be-%d8%a2%d9%85%d9%88%d8%b2%d8%b4-%d8%a7%db%8c%d8%ac%d8%a7%d8%af-%d9%85%d9%88%d8%ac-%d8%af%d8%b1-%d9%85%d8%ad%d8%aa%d9%88%db%8c%d8%a7%d8%aa-%d9%81%d9%86%d8%ac/#comments Sun, 14 Aug 2011 09:37:22 +0000 حوریه جعفری http://icnd.ir/graphic/?p=38

اولین مرحله انتخاب یک عکس است! عکسی از یک فنجان قوه (شیر کاکائو و ….) انتخاب کنید. عکس باید طوری باشد که قسمت اعظم (و ترجیحا همه محتویات) ِ درون فنجان مشخص باشد.

ایجاد موج در محتویات فنجان - فتوشاپ

سپس بک گراند را به یک لایه تبدیل میکنیم: در پالت لایر روی بک گراند دوبار کلیک کرده و اسم آن را به دلخواه عوض میکنیم.

بعد از آن با استفاده از ابزار Elliptical Marquee Tool یک دایره دور تا دورِ محتویات فنجان می کشیم. مانند شکل زیر:

 

ایجاد موج در محتویات فنجان - فتوشاپ

 

داخل گرادینت را با یک رنگ مناسب (رنگ سیاه و قهوه ای) پر میکنیم.
در شکل زیر رنگ های انتخابی رنگ ۰۰۰۰۰۰# و ۵۷۳۷۰۰# است. فراموش نکید که باید حالت گراندیت linear gradien انتخاب شده باشد:

 

ایجاد موج در محتویات فنجان - فتوشاپ

سپس دکمه Ctrl+D را فشرده و دایره را از حالت انتخابی در میآوریم:

ایجاد موج در محتویات فنجان - فتوشاپ

 

تا اینجا ما فقط رنگ داخل فنجان را تغییر داده ایم. حال می خواهیم داخل ظرف موج ایجاد کنیم

(مثل حالتی که فنجان چای را هم می زنید):

برای این کار ابتدا یک لایه جدید ایجاد کرده و با استفاده از یک قلم مناسب از قسمت Brush Tool (بهتر است اطراف قلم کمی محو باشد) مانند شکل اشکالی درون فنجان میکشیم:

ایجاد موج در محتویات فنجان - فتوشاپ
سپس از منوی Filter > Distort > Twirl کمی به شکل هایمان موج میدهیم. به تنظیمات دقت کنید:

ایجاد موج در محتویات فنجان - فتوشاپ

 

 

اگر با ایجاد ِ موج شکلتان از داخل فنجان بیرون رفت نگران نباشید! در آخر همه چیز را درست
خواهیم کرد! تا فعلا شکل شما باید چیزی شبیه به شکل زیر باشد:

ایجاد موج در محتویات فنجان - فتوشاپ

برای اینکه امواج حالت طبیعی تر و نامنظم تری داشته باشند از فیلتر زیگ زاگ استفاده کرده و به آن نامنظمی می بخشیم: Filter > Distort > ZigZag .فراموش نکنید که تنظیمات باید مطابق شکل زیر باشد:

 

ایجاد موج در محتویات فنجان - فتوشاپ

 

ایجاد موج در محتویات فنجان - فتوشاپ

 

بعد از آن به شکل حالت موجی ِ بیشتری میدهیم:

Filter > Distort > Wave و تنظیمات را طبق شکل تنظیم می کنیم:

ایجاد موج در محتویات فنجان - فتوشاپ

ایجاد موج در محتویات فنجان - فتوشاپ

 

حالا دوباره از فیلتر اول استفاده یعنی فیلتر Twirl استفاده کرده و این بار حالت چرخش را بیشتر می کنیم:

ایجاد موج در محتویات فنجان - فتوشاپ

ایجاد موج در محتویات فنجان - فتوشاپ

کار ما با فیلتر ها تمام شد. اما همانطور که مشاهده می کنید امواج ایجاد شده خارج از ظرف هستند! نگران نباشید. در حالی که هنوز در این لایه قرار دارید کلیدهای Ctrl+T را بفشارید.
با فشردن این کلیدها شما قادر به تغییر اندازه ی دستی امواج خواهید بود:

ایجاد موج در محتویات فنجان - فتوشاپ

اگر فکر میکنید هنوز هم شکل حالت طبیعی ندارد و یا میخواهید قسمتی از امواج را ویرایش یا حذف میکنید می توانید از ابزار پاکن Eraser Tool استفاده کنید.

ایجاد موج در محتویات فنجان - فتوشاپ

حال مد لایه انتخابی را به حالت Overlay تغییر دهید تا امواج رنگ طبیعی به خود بگیرند:

ایجاد موج در محتویات فنجان - فتوشاپ

میتوانید میزان شفافیت را با تغییر opacity در این لایه تغییر دهید. عدد ۵۰ برای میزان اپسیتی کفایت می کند.

ایجاد موج در محتویات فنجان - فتوشاپ

قهوه شما آماده ست! :)

ایجاد موج در محتویات فنجان - فتوشاپ

 

ترجمه: حوریه جعفری

برگرفته از: Photoshopstar

]]> http://icnd.ir/graphic/%d9%81%d8%aa%d9%88%d8%b4%d8%a7%d9%be/21%d9%81%d8%aa%d9%88%d8%b4%d8%a7%d9%be-%d8%a2%d9%85%d9%88%d8%b2%d8%b4-%d8%a7%db%8c%d8%ac%d8%a7%d8%af-%d9%85%d9%88%d8%ac-%d8%af%d8%b1-%d9%85%d8%ad%d8%aa%d9%88%db%8c%d8%a7%d8%aa-%d9%81%d9%86%d8%ac/feed/ 2 آموزش افکت شیشه شکسته در متن در فتوشاپ http://icnd.ir/graphic/%d9%81%d8%aa%d9%88%d8%b4%d8%a7%d9%be/%d8%a2%d9%85%d9%88%d8%b2%d8%b4-%d8%a7%d9%81%da%a9%d8%aa-%d8%b4%db%8c%d8%b4%d9%87-%d8%b4%da%a9%d8%b3%d8%aa%d9%87-%d8%af%d8%b1-%d9%85%d8%aa%d9%86-%d8%af%d8%b1-%d9%81%d8%aa%d9%88%d8%b4%d8%a7%d9%be/ http://icnd.ir/graphic/%d9%81%d8%aa%d9%88%d8%b4%d8%a7%d9%be/%d8%a2%d9%85%d9%88%d8%b2%d8%b4-%d8%a7%d9%81%da%a9%d8%aa-%d8%b4%db%8c%d8%b4%d9%87-%d8%b4%da%a9%d8%b3%d8%aa%d9%87-%d8%af%d8%b1-%d9%85%d8%aa%d9%86-%d8%af%d8%b1-%d9%81%d8%aa%d9%88%d8%b4%d8%a7%d9%be/#comments Wed, 10 Aug 2011 11:45:05 +0000 حوریه جعفری http://icnd.ir/graphic/?p=4 اول از همه یک صفحه سفید ِ جدید به ابعاد ۱۰۰ * ۶۰۰ پیکسل باز می کنیم. (Ctrl+N).سپس یک گردینت (Gradient )ِ مناسب انتخاب می کنیم. بهتر است طیف آن در حالت reflected gradient  باشد:

گذاشتن گرادینت-آموزش افکت شیشه در متن

 

سپس صفحه سفید را مثل شکل با گردینت پر میکنیم:

گرادینت رنگین کمان - آموزش افکت شیشه در متن

بهتر است کمی غلظت رنگ saturation صفحه را کم کنیم:
Image >Adjustments > Hue/Saturation

تنظیمات رنگ- آموزش افکت شیشه در متن - فتوشاپ

backgraound ما آماده شد! :

بک گراند-آموزش افکت شیشه شکسته در متن- فتوشاپ

ولی کار اصلی ما روی متن انجام میگیرد. پس یک متن دلخواه به رنگ سیاه انتخاب کنید و آن را درون  صفحه تایپ کنید.
فراموش نکنید که قرار است افکتی که استفاده میکنید دیده شود ! پس لطفا سایز متنتان را درشت انتخاب کنید. در این تصویر سایر متن ۱۵۰px است:

نوشتن متن دلخواه-آموزش افکت شیشه شکسته در متن- فتوشاپ

حالا نوبت افکت دادن به متن است. روی لایه متن بروید و روش زیر را طی کنید:
Layer > Layer Style > Blending options
حالا گزینه های زیر را به ترتیب انتخاب کرده و تنظیمات را طبق  شکل تغییر دهید:
Drop Shadow, Outer Glow, Bevel and Emboss, Texture, Satin and Stroke.

تنظیمات متن- آموزش افکت شیشه شکسته در متن-فتوشاپ

تنظیمات متن- آموزش افکت شیشه شکسته در متن-فتوشاپ

تنظیمات متن- آموزش افکت شیشه شکسته در متن-فتوشاپ

تنظیمات متن- آموزش افکت شیشه شکسته در متن-فتوشاپ

تنظیمات متن- آموزش افکت شیشه شکسته در متن-فتوشاپ

تنظیمات متن- آموزش افکت شیشه شکسته در متن-فتوشاپ

تنظیمات متن- آموزش افکت شیشه شکسته در متن-فتوشاپ

تقریبا کار ما آماده شده. اما برای زیبایی کار میخواهیم همان گردینتی gradient که در لایه  Backgraund هست را در متن هم اعمال کنیم.

برای این کار به لایه یک گراند رفته و با فشردن کلید Crtl+J یک کپی از این لایه تهیه میکنیم.
حالا لایه کپی شده را بالای لایه متن قرار میدهیم! همین!

تنظیمات متن- آموزش افکت شیشه شکسته در متن-فتوشاپ

این هم شکل نهایی:

شکل نهایی- آموزش افکت شیشه شکسته در متن- فتوشاپ

برگرفته از سایت Photoshopstar

ترجمه: حوریه جعفری

]]> http://icnd.ir/graphic/%d9%81%d8%aa%d9%88%d8%b4%d8%a7%d9%be/%d8%a2%d9%85%d9%88%d8%b2%d8%b4-%d8%a7%d9%81%da%a9%d8%aa-%d8%b4%db%8c%d8%b4%d9%87-%d8%b4%da%a9%d8%b3%d8%aa%d9%87-%d8%af%d8%b1-%d9%85%d8%aa%d9%86-%d8%af%d8%b1-%d9%81%d8%aa%d9%88%d8%b4%d8%a7%d9%be/feed/ 2