امتیاز موضوع:
  • 0 رأی - میانگین امتیازات: 0
  • 1
  • 2
  • 3
  • 4
  • 5
در 10 دقیقه با فتوشاپ یک طرح تایپوگرافی زیبا ایجاد کنید
#1
در 10 دقیقه با فتوشاپ یک طرح تایپوگرافی زیبا ایجاد کنید
آموزش طراحی سایت
 

[تصویر:  %D8%AF%D8%B1-10-%D8%AF%D9%82%DB%8C%D9%82...%D8%AF.jpg]


برخی می گویند متن خسته کننده است. بر خلاف فیلم ها و موسیقی، متن ثابت است. در مقابل چشم ها حرکت نمی کند متن معمولا به عنوان یک ابزار انتشار اطلاعات مورد استفاده قرار می گیرد که پیام مفصلی از رسانه ای  ارسال می کند. 


به عنوان مثال، اگر یک آموزش ویدئویی در YouTube آپلود کنید، این ویدئو رسانه متوسط پویا است که به تماشاگر کمک می کند تا به هدفش برسد. از سوی دیگر، متن تمام جزئیات مورد نیاز را روشن نمایش نمیدهد. 


ممکن است تصور کنید که متن واقعا خسته کننده است. اما نه؟ اگر متن، که به طور خاص با جزئیات پرداخته شود،و طراحی شده باشد ؟ چطور ممکن است؟ البته، از طریق تایپوگرافی. 


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


این آموزش Adobe Photoshop یک مثال خوب از یک تصویر چاپی با یک پیام ساده است: برای انجام اشتباه   شروع خوبی است پس نترسید.  شروع کنیم!


[img=0x0]http://magbot.ir/%d8%af%d8%b1-10-%d8%af%d9%82%db%8c%d9%82%d9%87-%d8%a8%d8%a7-Adobe-Photoshop-%db%8c%da%a9-%d8%b7%d8%b1%d8%ad-%d8%aa%d8%a7%db%8c%d9%be%d9%88%da%af%d8%b1%d8%a7%d9%81%db%8c-%d8%b2%db%8c%d8%a8%d8%a7-%d8%a7%db%8c%d8%ac%d8%a7%d8%af-%da%a9%d9%86%db%8c%d8%af/0.jpg[/img]


1. فتوشاپ را باز کنید یک فایل جدید ایجاد کنید من یک اندازه از پیش تعیین شده با عرض 8 اینچ و ارتفاع 10 اینچ با 300dpi استفاده کردم. البته می توانید  به اندازه ای که می خواهید تغییر دهید. 


[img=0x0]http://magbot.ir/%d8%af%d8%b1-10-%d8%af%d9%82%db%8c%d9%82%d9%87-%d8%a8%d8%a7-Adobe-Photoshop-%db%8c%da%a9-%d8%b7%d8%b1%d8%ad-%d8%aa%d8%a7%db%8c%d9%be%d9%88%da%af%d8%b1%d8%a7%d9%81%db%8c-%d8%b2%db%8c%d8%a8%d8%a7-%d8%a7%db%8c%d8%ac%d8%a7%d8%af-%da%a9%d9%86%db%8c%d8%af/6.jpg[/img]


2. بعد، یک لایه جدید اضافه کنید نام آن "پس زمینه" است. دو بار کلیک کنید تا پنجره LAYER STYLE را نشان دهد.


[img=0x0]http://magbot.ir/%d8%af%d8%b1-10-%d8%af%d9%82%db%8c%d9%82%d9%87-%d8%a8%d8%a7-Adobe-Photoshop-%db%8c%da%a9-%d8%b7%d8%b1%d8%ad-%d8%aa%d8%a7%db%8c%d9%be%d9%88%da%af%d8%b1%d8%a7%d9%81%db%8c-%d8%b2%db%8c%d8%a8%d8%a7-%d8%a7%db%8c%d8%ac%d8%a7%d8%af-%da%a9%d9%86%db%8c%d8%af/12.jpg[/img]


3. به Gradient Overlay بروید و روی شیب کلیک کنید. یک پنجره باز خواهد شد که به شما اجازه می دهد که رنگ های مورد استفاده را انتخاب کنید. از # 6dd0f7 و # 4aa8cd استفاده کنید. ایجاد سبک: شعاعی. 


[img=0x0]http://magbot.ir/%d8%af%d8%b1-10-%d8%af%d9%82%db%8c%d9%82%d9%87-%d8%a8%d8%a7-Adobe-Photoshop-%db%8c%da%a9-%d8%b7%d8%b1%d8%ad-%d8%aa%d8%a7%db%8c%d9%be%d9%88%da%af%d8%b1%d8%a7%d9%81%db%8c-%d8%b2%db%8c%d8%a8%d8%a7-%d8%a7%db%8c%d8%ac%d8%a7%d8%af-%da%a9%d9%86%db%8c%d8%af/18.jpg[/img]


[img=0x0]http://magbot.ir/%d8%af%d8%b1-10-%d8%af%d9%82%db%8c%d9%82%d9%87-%d8%a8%d8%a7-Adobe-Photoshop-%db%8c%da%a9-%d8%b7%d8%b1%d8%ad-%d8%aa%d8%a7%db%8c%d9%be%d9%88%da%af%d8%b1%d8%a7%d9%81%db%8c-%d8%b2%db%8c%d8%a8%d8%a7-%d8%a7%db%8c%d8%ac%d8%a7%d8%af-%da%a9%d9%86%db%8c%d8%af/24.jpg[/img]


4. اکنون ما باید طراحی روبان را انجام دهیم. به ابزار مستطیل بروید و یک مستطیل را بکشید. رنگ آن # 8393ca. 


[img=0x0]http://magbot.ir/%d8%af%d8%b1-10-%d8%af%d9%82%db%8c%d9%82%d9%87-%d8%a8%d8%a7-Adobe-Photoshop-%db%8c%da%a9-%d8%b7%d8%b1%d8%ad-%d8%aa%d8%a7%db%8c%d9%be%d9%88%da%af%d8%b1%d8%a7%d9%81%db%8c-%d8%b2%db%8c%d8%a8%d8%a7-%d8%a7%db%8c%d8%ac%d8%a7%d8%af-%da%a9%d9%86%db%8c%d8%af/30.jpg[/img]


5. اکنون یک مثلث با استفاده از ابزار قلم ایجاد کنید. شما باید بتوانید یک مثلث ایجاد کنید که مانند یک فلپ روبان واقعی ظاهر شود. رنگ آن # 6274b2. 


[img=0x0]http://magbot.ir/%d8%af%d8%b1-10-%d8%af%d9%82%db%8c%d9%82%d9%87-%d8%a8%d8%a7-Adobe-Photoshop-%db%8c%da%a9-%d8%b7%d8%b1%d8%ad-%d8%aa%d8%a7%db%8c%d9%be%d9%88%da%af%d8%b1%d8%a7%d9%81%db%8c-%d8%b2%db%8c%d8%a8%d8%a7-%d8%a7%db%8c%d8%ac%d8%a7%d8%af-%da%a9%d9%86%db%8c%d8%af/36.jpg[/img]


6. کپی مثلث . حالا مستطیل دیگری را با استفاده از ابزار مستطیل شکل دهید. رنگ آن # 8393ca است. مستطیل ها را به طوری که با فلپ های مثلث با هم تداخل دارند

قرار دهید
7. روبانها را کپی کنید. 


[img=0x0]http://magbot.ir/%d8%af%d8%b1-10-%d8%af%d9%82%db%8c%d9%82%d9%87-%d8%a8%d8%a7-Adobe-Photoshop-%db%8c%da%a9-%d8%b7%d8%b1%d8%ad-%d8%aa%d8%a7%db%8c%d9%be%d9%88%da%af%d8%b1%d8%a7%d9%81%db%8c-%d8%b2%db%8c%d8%a8%d8%a7-%d8%a7%db%8c%d8%ac%d8%a7%d8%af-%da%a9%d9%86%db%8c%d8%af/42.jpg[/img]


8. اکنون پیام را روی نوارهای کاغذی بنویسید. در این مورد من از فونت  قهوه ای زرد استفاده کردم. من آن را سیاه رنگ کردم برای پیام مرکز، از Vermes Vibes 2 White استفاده کردم و # 6274b2 را رنگ آمیزی کردم. 


[img=0x0]http://magbot.ir/%d8%af%d8%b1-10-%d8%af%d9%82%db%8c%d9%82%d9%87-%d8%a8%d8%a7-Adobe-Photoshop-%db%8c%da%a9-%d8%b7%d8%b1%d8%ad-%d8%aa%d8%a7%db%8c%d9%be%d9%88%da%af%d8%b1%d8%a7%d9%81%db%8c-%d8%b2%db%8c%d8%a8%d8%a7-%d8%a7%db%8c%d8%ac%d8%a7%d8%af-%da%a9%d9%86%db%8c%d8%af/48.jpg[/img]


[img=0x0]http://magbot.ir/%d8%af%d8%b1-10-%d8%af%d9%82%db%8c%d9%82%d9%87-%d8%a8%d8%a7-Adobe-Photoshop-%db%8c%da%a9-%d8%b7%d8%b1%d8%ad-%d8%aa%d8%a7%db%8c%d9%be%d9%88%da%af%d8%b1%d8%a7%d9%81%db%8c-%d8%b2%db%8c%d8%a8%d8%a7-%d8%a7%db%8c%d8%ac%d8%a7%d8%af-%da%a9%d9%86%db%8c%d8%af/54.jpg[/img]


10. ذخیره آن به عنوان یک فایل JPEG. 


[img=0x0]http://magbot.ir/%d8%af%d8%b1-10-%d8%af%d9%82%db%8c%d9%82%d9%87-%d8%a8%d8%a7-Adobe-Photoshop-%db%8c%da%a9-%d8%b7%d8%b1%d8%ad-%d8%aa%d8%a7%db%8c%d9%be%d9%88%da%af%d8%b1%d8%a7%d9%81%db%8c-%d8%b2%db%8c%d8%a8%d8%a7-%d8%a7%db%8c%d8%ac%d8%a7%d8%af-%da%a9%d9%86%db%8c%d8%af/60.jpg[/img]


انجام شد! با تشکر از شما برای خواندن! 

مقالات مرتبط
[تصویر:  %D8%A7%DB%8C%D8%AC%D8%A7%D8%AF-%D8%A8%D8...ion.js.jpg]
ایجاد بازتاب آینه ای با استفاده از CSS و Reflection.js
[تصویر:  %DA%86%DA%AF%D9%88%D9%86%DA%AF%DB%8C-%D8...toshop.jpg]
چگونگی ایجاد آیکون ناوبری تخت در Adobe Photoshop
[تصویر:  %DA%86%DA%AF%D9%88%D9%86%D9%87-%DB%8C%DA...%D9%85.jpg]
چگونه یک نوار پیشرفت جاوااسکریپت را با Pace.js ایجاد کنیم
پاسخ


موضوعات مرتبط با این موضوع...
موضوع نویسنده پاسخ بازدید آخرین ارسال
  چگونه در ۱۵ دقیقه یک سایت واکنشگرا طراحی کنیم hostcode 0 863 2019/07/14، 11:30 AM
آخرین ارسال: hostcode
  ایجاد فرم تماس در وردپرس eh3an2010 0 1,479 2019/07/09، 06:51 AM
آخرین ارسال: eh3an2010
  ایجاد گالری تصویر در وردپرس eh3an2010 0 1,451 2019/06/24، 04:24 AM
آخرین ارسال: eh3an2010
  چگونه برای پروژه طراحی سایت بهترین شرکت را انتخاب کنید؟ eh3an2010 0 783 2018/08/05، 04:36 AM
آخرین ارسال: eh3an2010

پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان