Jelly Bean Text Effect - Final 600

 

امروز در گویا آی تی قصد داریم به شما آموزش ایجاد یک متن خوشمزه با عنوان jelly bean آندروید 4 بدهیم.  آموزش دز حین زیبایی بسیار ساده بوده و در آن از یک قلم سفارشی و استایل دادن به لایه ها استفاده کرده ایم.

ابزاری که برای این آموزش نیاز است:

طراحی براش یا قلم

مرحله 1

یک سند جدید با کلید های میانبر ctrl+N با اندازه 500 در 500 پیکسل ایجاد کنید. با ابزار Ellipse  یک بیضی با 175 در 385 پیکسل در وسط صفحه ایجاد کنید. برای تنظیم اندازه بیضی می توانید از نوار ابزار, ابزار Ellipse همانند تصویر زیر استفاده کنید

Step_01_1

 

مرحله 2

ابزار Direct Selection را انتخاب کنید و همانند تصویر زیر یک مستطیل افقی روی بیضی ایجاد کنید.

Step_01_2

 

مرحله 3

دکمه سمت چپی که روی  بیضی ایجاد شده است را گرفته و به سمت چپ ببرید تا حالات آن تغییر کرده و به شکل زیر شود.

Step_01_3

 

مرحله4

حال دو نقطه عمودی بالای بیضی را انتخاب کنید و به مسیر Edit > Transform Points > Scale بروید. کلید Alt را بفشارید و نگه دارید و سپس از قسمت طرفین آن را به سمت چپ بکشید تا حالت یک لوبیا را به خود بگیرد.

Step_01_4

 

 

مرحله 5

پس از آن اگر تصویر بیضی شما به شکل یک لوبیا در نیامد با استفاده از ابزار  Direct Selection نقاط را به اطراف تصویر کشیده تا حالت مورد نظرتان شکل بگیرد.

Step_01_5

 مرحله 6

حال میخواهیم تصویر این بیضی را به یک براش تبدیل کنیم برای این کار به مسیر Edit > Define Brush Preset و در پنجره باز شده نام براش یا قلم را به صورت دلخواه انتخاب کنید.

Step_01_6

 

ایجاد پس زمینه

مرحله 1

یک سند جدید با استفاده از کلیدهای میانبر Ctrl+N و با اندازه 1250 در 1250 پیکسل ایجاد کنید مقدار رزولوشن یا دقت تصویر را برابر با 200 قرار دهید.

کد رنگ پیش  زمینه را برابر #f7f7f7 و کد رنگ پس زمینه را برابر  #cdc9c8 قرار دهید. حال ابزار Gradient را انتخاب کنید پس  از انتخاب این ابزار نوار ابزار آن فعال خواهد شد همانند تصویر زیر حالت گرادینت را از پیش زمینه به پس زمینه انتخاب کنید و در پانل بعدی حالت Radial یا شعاعی را از طریق آیکون آن انتخاب نمایید. اکنون در وسط تصویر کلیک کرده و آن را به یکی از گوشه ها بکشید تا گرادینت ایجاد شود پس از آن روی لایه بکگراند کلیک راست کرده و گزینه  duplicate را انتخاب نمایید تا از آن یک کپی گرفته شود.

Step_02_1

 

مرحله 2

روی لایه کپی شده بکگراند دو بار کلیک کنید پنجره Layre Style برای شما باز می شود تیک Pattern Overlay را فعال کنید و وارد تنظیمات آن شوید و همانند تصویر زیر مقادیر را تغییر دهید.

Step_02_2

 

مرحله 3

لایه بکگراند ما اینگونه خواهد شد.

Step_02_3

 

ایجاد متن

مرحله 1

متن مورد نظرتان را با فونت “Insaniburger” تایپ کنید توجه داشته باشید که فونت باید روی ویندوز شما نصب شده باشد. همانطور که می بینید من از متن Jelly Bean استفاده کرده ام اگر متن مورد نظر شما طولانی است هر کلمه را در یک لایه قرار بدهید.

Step_03_1مرحله 2

در این آموزش از اندازه فونت های مختلفی استفاده میشود اندازه متن بزرگ باید شما 150pt و اندازه متن کوچک 100pt باشد مقدار Tracking را برابر 75 قرار دهید

Step_03_2

 

ایجاد Work Path روی لایه متن

مرحله 1

روی لایه متن کلیک راست کرده و گزینه Create Work Path را انتخاب کنید.

Step_04_1مرحله 2

لایه متن بزرگ را با کلیک روی آیکن چشم نامرئی کنید. حال یک لایه جدید در بالای لایه متن ایجاد کرده و نام آن را Stroke بگذارید و سپس ابزار Brush را انتخاب نمایید.

Step_04_2

 

قالب بندی متن با براش

مرحله 1

به مسیر Window > Brush بروید تا پانل براش باز شود. براش لوبیا را که خودمان آن را ساختیم انتخاب کنید و تنظیمات را همانند تصویر زیر انجام دهید.

Step_05_1

 

 

Step_05_2

 

مرحله 3

رنگ پیش زمینه را برابر  #000000 قرار داده و سپس کلید Enter را بزنید تا قالب بندی با براش مورد نظر ایجاد شود.

Step_05_3

رفع قسمت های تداخل دار

مرحله 1

برخی از قسم های متن که با براش پر شده اند با هم تداخل دارند باید آن ها را رفع کنیم.

Step_06_1

 

مرحله 2

برای این کار مناطق مشخص شده را با ابزار پاک کن یا Eraser  پاک کنید.

Step_06_2مرحله 3

ابزار Brush را انخاب کرده و قسمت های خالی را با همان براش لوبیا پر کنید.

Step_06_3

 

مرحله 4

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

Step_06_4

 

استایل دهی به لوبیا 

مرحله 1

روی لایه Stroke دو بار کلیک کنید تا پنجره Layer Style باز شود سپس همانند زیر تنظیمات را انجام دهید.

Step_07_1

 

Step_07_2

 

Step_07_3

 

Step_07_4

 

Step_07_5

Step_07_6

با استفاده از استایل stroke تنظیمات برای تمامی لایه ها ایجاد می شود اما استفاده از Color Overlay باعث می شود که به راحتی رنگ لوبیا ها را عوض کرد.

Step_07_7

 

پر کردن متن 

مرحله 1

یک لایه جدید زیر لایه Stroke ایجاد کرده و نام ان را Pink 1 یا هر رنگ دلخواه دیگری بگذارید. نام گذاری لایه ه باعث می شود که زودتر آن ها را در پروژه های بزرگ پیدا کنیم. برای هر لایه جدیدی که می سازید باید روی آن کلیک راست کرده و گزینه Paste Layer Style را برای کپی کردن تظیمات لایه روی لایه جدید کلیک کنید.

Step_08_1

 

مرحله 2

روی لایه دوبار کلیک کنید تا پنجره تنظیمات آن باز شود. حال رنگ Color Overlay را به  #da296c تغییر دهید.

Step_08_2

 

مرحله 3

با براش ساخته شده شروع به کلیک کردن داخل متن کنید و فضاهای خالی را به صورت پرداکنده پر کنید.

Step_08_3

مرحله 4

اکنون یک لایه جدید ایجاد کنید روی لایه کلیک راست کرده و گزینه Paste Layer Styles را بزنید و رنگ دانه های لوبیا را به صورت دلخواه تغییر دهیم ما از رنگ های زیر استفاده کرده ایم.

  • Pink 3 – #da296c
  • Green 2 – #75b602
  • Purple 2 – #4f2b3a
  • Yellow 2 – #ddc64b
  • Orange 2 – #ea9400
  • Purple 1 – #4f2b3a
  • Yellow 1 – #ddc64b
  • Pink 2 – #da296c
  • Green 1 – #75b602
  • Orange 1 – #ea9400
  • Pink 1 – #da296c

Step_08_4

 

فانتزی کردن متن

مرحله 1

لایه Stroke را انتخاب کنید و قسمت زیرین آخر متن را پاک کنید سپس با ابزار براش چند لوبیا جدید به آن اضافه کنید به طوری که لوبیا ها به گونه ای دیده شوند که در حال ریزش هستند.

Step_09_1

 

Step_09_2

 

مرحله 2

تمام لایه های لوبیا را در یک گروه قرار دهید.

Step_09_3ایجاد Work Path برای لایه متن کوچک

ابزار Pen را انتخاب کنید و گزینه Patch را در بالای صفحه انتخاب کرده و یک لایه جدید بالای متن ایجاد کنید. حال با همان ابزار از وسط تک تک حروف متن شروع به ایجاد Work Path کنید به طوری که خط ها همانند حروف ایجاد شود.

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

Step_10_1

 

مرحله 2

پس از اتمام کشیدن خط ها می توانید با ابزار Direct Selection آن ها را تغییر دهید.

Step_10_2

 

مرحله 3

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

Step_10_3 (1)

 

مرحله 4

حال برای ایجاد لوبیا ها به دور متن می توانید از طریق قسمت های قبل عمل کنید. ابزار براش را انتخاب کرده و  Layer Style را کپی کنید و آن را به رنگ دلخواه در بیاورید.

Step_10_4

 

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

tutplus