آموزش ایجاد mp3 player (تبلیغاتی)

[GHTA M I R]

سلام شاید تا به حال زیاد سعی به ساخت طرح های زیبا کرده اید ...

این طرح یکی از طرح های پر دقت و ساده اما به ظاهر حرفه ای ست...

به صورت مرحله به مرحله آموزش رو قرار میدم
​

شما برای طراحی این طرح حتما باید با تنظیمات belnding option آشنایی داشته باشید

ابتدا نتیجه کار

​

​

 

[GHTA M I R]

ابتدا یک صفحه 800 در 600 بر مبنای پیکسل ایجاد کنید با رزولیشن 300

مقدمات :

1. لطفا رنگ زمینه خود را مشکی قرار بدید و رنگ زمینه لایه خودتون رو مشکی کنید

2. حالا باید shape قالب اصلی رو طراحی کنیم برای این کار مراحل زیر رو دقیقا اجرا کنید

مرحله اول :

1.ابزار rectangle tool Rounded رو انتخاب کنید

2. خمیدگی لبه های مستطیل رو 20 پیکسل انتخاب کنید

3.رنگ مستطیل خودتون رو این قرار بدید : #F6F5F3

4. ابعاد مستطیل هم به این شکل از بخش fixed size تنظیم کنید : width: 417 x height: 268


بقیه در مرحله بعد...

 

[GHTA M I R]

مرحله دوم :

تنظیمات زیر را بر روی shape تشکیل شده قرار بدهید از بخش belending Options

​

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

​

 

[GHTA M I R]

مرحله 3

شبیه عکس زیر همانجایی که دایره تشکیل شده یک دایره با تنظیمات زیر ایجاد کنید

​

با ابزار shpae گزینه eclipse tool. رو انتخاب کنید و با نگه داشتن Alt یا Ctrl دایره ای رسم کنید.

سایز دایره را width: 95 x height: 95 قرار بدهید
رنگ دایره را : #323943 قرار بدهید

حالا دقیقا یک دایره دیگر روی همین دایره رسم میکنیم با تنظیمات زیر :

سایز دایره :width: 87 x height: 87
رنگ دایره : #40454B

​

در نتیجه شکلی همانند زیر طراحی شده است :

و در آخر یک داره خیلی کوچک نیاز داریم بسازیم ، برای اینکار مراحل زیر را طی کنید

سایز دایره :width: 27 x height: 27
رنگ دایره : #40454B

تنظیمات زیر را اعمال کنید :

​

و در نتیجه 3 دایره شما با تنظیمات جدا به شکل زیر آماده می شوند:

 

[GHTA M I R]

مرحله 4

بر روی دایره دومی خود باید فلش هایی قرار بدهید

که با ایجاد چند پیکسل مربع سفید در کنار هم به شکل فلش با 4 جهت مخالف ایجاد کنید.

​

 

[GHTA M I R]

مرحله 5

با ابزار rounded rectangle tool مستطیل ایجاد کنید با تنظیمات زیر

radius setting to 2px.
سایز :width: 259 x height: 195

در نتیجه:

​

 

[GHTA M I R]

مرحله 6

شبیه مرحله 5

کمی تنظیمات فرق میکند:

radius setting to 2px.

سایز:width: 235 x height: 182

​

در نتیجه

​