طراحی باتون با گوشه گرد و بوردر تمیز

MEFA201

New Member
سلام به همه دوستان عزیز

من خیلی وقته دارم تلاش میکنم توی فتوشاپ یه باتون طراجی کردم که طول و عرضش مثلا 20 در 20 باشه و گوشه هاش گرد باشه.

اما هر کاری میکنم نمیتونم بخوبی این سایتها در بیارم. بعضی سایتها رو دیدید باتون هاشون در حالیکه که کوچیکه اما لبه های گرد قشنگی داره.

یکی از دوستان لطف میکنه برام توضیح بده چطوری در فتوشاپ میشه این نوع باتونهای گوشه گرد رو ساخت ؟
 

the_king

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

من خیلی وقته دارم تلاش میکنم توی فتوشاپ یه باتون طراجی کردم که طول و عرضش مثلا 20 در 20 باشه و گوشه هاش گرد باشه.

اما هر کاری میکنم نمیتونم بخوبی این سایتها در بیارم. بعضی سایتها رو دیدید باتون هاشون در حالیکه که کوچیکه اما لبه های گرد قشنگی داره.

یکی از دوستان لطف میکنه برام توضیح بده چطوری در فتوشاپ میشه این نوع باتونهای گوشه گرد رو ساخت ؟

می توانید از Rounded Rectangle Tool برای ایجاد یک لایه با گوشه های گرد استفاده کنید :

Round.gif


مقدار گردی گوشه ها را بصورت عددی مشخص می سازید، مثلا 7 پیکسل.
 

MEFA201

New Member
این کار رو میکنم

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

یه عکس قرار میدم شما ببین چطوریه

اصلا گوشه هاش قشنگ در نمیاد برخلاف خیلی از این سایتها


تازه این سایزش بزرگه. اگه مثلا بخوام 20 در 20 پیکسل باشه خیلی بدتر میشه.

نمیدونم چطوری این نوع گوشه ها رو میسازن.
 

پیوست ها

  • sample.png
    sample.png
    3.9 کیلوبایت · بازدیدها: 3

the_king

مدیرکل انجمن
تازه این سایزش بزرگه. اگه مثلا بخوام 20 در 20 پیکسل باشه خیلی بدتر میشه.
نمیدونم چطوری این نوع گوشه ها رو میسازن.

شما تصویر اصلی رو در چه ابعادی طراحی کردید؟ به نظر میاد که شما دارید با یک Zoom کمتر از 100 درصد
کار می کنید. روی ابزار Zoom (ذره بین) دوبار کلیک نمایید و یا توسط ترکیب کلیدی Ctrl + 1 میزان Zoom را روی
100 درصد قرار دهید.

سپس تنظیمات ابزار را مطابق تصویر زیر قرار دهید :

Round2.gif


و مجددا روی فروم یک کادر ترسیم کنید.
 

MEFA201

New Member
جناب کینگ عزیز

اول از همه ممنونم از پاسخگویی شما.

میتونم خواهش کنم یه سمپل پی اس دی به من بدید. یه مربع 20 در 20 پیکس که گوشه هاش گرده. میزان ردیوس هم 4 هست.
 

AhadGD

Well-Known Member
ابتدا شکلت رو بکش
بعد کنترل + کلیک کن تا شکلت انتخاب بشه
بعد یه لایه ماسک ایجاد کن
Untitled.jpg
حالا به مسیر زیر برو filter/blur\gaussin blur و مقدار 2 رو براش در نظر بگیرتوجه داشته باش که هر چقد مقدار بلور بیشتر باشه لبه ها نرمتر میشه
Untitled-4.jpg
حالا ctrl+L رو بزن تا level فعال بشه
untitled5.jpg
حال اینم تفاوت بین دو تا شکل
Untitled-5.jpg
بای
 

the_king

مدیرکل انجمن
نمونه 20 در 20 پیکسلی رو ضمیمه این پست کردم.
درضمن یک مورد را از قلم انداختم. فراموش کردم بگم که تیک Snap to Pixels رو هم بزنید :

Round3.gif
 

پیوست ها

  • Rounded 20x20.psd
    24.5 کیلوبایت · بازدیدها: 5

جدیدترین ارسال ها

بالا