آندروید , فتوشاپ , رابط کاربری ؟!
دوستان عزیز سلام !
توی این تاپیک دوست دارم براتون از فتوشاپ حرف بزنم ! اگه خدا بخواد 2 ماهی بود روی فتوشاپ تمرکز کرده بودم و خیلی علاقه پیدا کردم !
دوست دارم توی این تاپیک در هر پست آموزش جامع فتوشاپ رو برای شما قرار بدم :)
خب یه توضیح کلی میدم و درآینده نزدیک میرم سر اصل مطلب :
من توی این تاپیک طراحی کلیه مباحث فتوشاپ رو یاد میدم و مباحث رو محدود به طراحی رابط کاربری در آندروید نمیکنم ! هرچند که با دانستن این مباحث میتوان شاهد رابط کاربری خوبی در نرم افزار ها باشیم !
سرفصل آموزشات :
نمایش یک متن به صورت طلایی
و...
:)
و در آخر کمال تشکر را از شما دارم و امیدوار ام مطالبی که قرار میگیره مفید باشه !
منتظر باشید !
یک متن طلایی !
سلام دوستان ! در این پست قصد دارم آموزش ساخت یک متن که به صورت طلایی نمایش داده شود رو برای شما قرار بدم !
خب فتوشاپ رو باز میکنیم و از طریق آدرس File >>>new یک سند ایجاد میکنیم ! شما میتوانید با کلید های میانبر Ctrl_n همین کار را انجام دهید ! اندازه این فایل دلخواه است مثل : 800 در 500 و با مقیاس پیکسل !
نکته : دوستان عزیز من از تصاویر کم استفاده میکنم به دلیل اینکه ممکنه حجم تاپیک زیاد بشه !
خب شما برای سند خود میتوانید یک رنگ انخاب کنید ! این کار ساده ایست من توضیح نمیدم ولی اگه کسی مشکل داشت به صورت نظر بگه جواب میدم :)
و حالا یک متنی را با استفاده از کلید تکست درون سند نمایش میدهم ( آیکن تکست همان آیکنی هست که با موس روش ایستاده ام) ایجاد میکنم :
و OK را میزنیم :
و حالا با استفاده از کلید های میانبر Ctrl _ t یک کادر دور متن می آید که میتوان متن را بزرگ کردم ! برای این قسمت عکس نمیگذارم چون ساده است و کار چندانی نداره ! فقط کافه لبه های کادر رو بکشید و متن رو بزرگ کنید ! همین !
حالا به اینصورت یک کپی از تکست میگیرم :
پس از گرفتن کپی روی تکستی که کپی گرفته ام یکبار کلیک میکنم تا هایلایت شود و بعد این دکمه را فشار میدهم :
وقتی روی این گزینه کلیک کردید چندین گزینه برای شما به نمایش در می آید که باید از بین اینها گزینه Gradient Overlay زا انتخاب کنید ! پس از انتخاب وارد یک صفحه می شوید :
وقتی وارد این صفحه شدید روی این نوار سیاه کلیک کنید و بعد از اون دوباره روی این قسمت کلیک کنید :
در واقع این قسمت برای انتخاب سیب رنگ هست ! خب پیش میریم :
بعد وار یک صفحه ای میشوید که میتوانید رنگ را انتخاب کنید ! این کد را برای رنگ بزنید :c1ac51#
خب حالا یک اسم انتخاب کنید و یک New بسازید چون بعدا به این رنگ احتیاج داریم !
خب حالا OK بزنید دیگه :)
خب حالا گزینه STYLE را مطابق شکل زیر قرار دهید !
خب حالا حالا کار ادامه داره :)در پنجره Layer Style، سمت چپ روی کلمه Bevel & Emboss کلیک نمایید. اگر روی checkbox کلیک کنید به گزینه های این قسمت دسترسی نخواهید داشت:
خب وقتی گزینه Bevel & Emboss را تیک زدید و وارد صفحه Bevel & Emboss شدید این تنظیمات رو قرار دهید:
در قسمت Shading روی فلش گزینه Gloss Contour کلیک کنید و مطابق شکل زیر، سومین گزینه از پایین، سمت چپ را انتخاب کنید:
و گزینه Anti-Aliasing در اون کنار تیک بزنید !
این داشتان ادامه دارد :)
مقدار گزینه سایز در قسمت Bevel & Emboss از پنجره Layer Style را بقدری افزایش دهید تا حاشیه ی اطراف کاراکترها، تمام محتوی را بپوشاند.
(میزان این عدد به اندازه سند شما بستگی دارد)
خب حالا مقدار گزینه Depth در قسمت Bevel & Emboss از پنجره Layer Style را افزایش دهید. این گزینه مقدار روشنایی و همچنین مقدار contrast کاراکترها را افزایش میدهد:
و حالا گزینه Countour را تیک بزنید و نیاز نیست بقیه گزینه های تب Countour را تفیر دهید !
خب : حالا ما به یک افکت نیاز داریم !
حالا نوبت به تیک زدن سمت Inner Glow می رسد ! مطابق شکل :
خب حالا لازم هست گزینه های این قسمت رو مطابق با شکل تغیر دهیم :
خب حالا دیگه باید OK بزنید و دیگه خارج بشید ! اما کار ما هنوز ادامه داره :
روی آیکن Layer Style کلیک نمایید:
و اینبار گزینه Stroke را انتخاب کنید !
خب حالا مطابق شکل تنظیم کنید :
یادتون هست که ما یک شیب رنگ ساختم و NEW زدیم و.. ! حالا باید ازش استفاده کنیم دیگه :
روی این گزینه کلیک کنید :
و شیب رنگمون رو انتخاب میکنیم !
خب حالا در پنجره Layer Style دقیقاً روی کلمه Bevel & Emboss کلیک نمایید. این بار بجای اعمال افکت روی متن می خواهیم افکت را روی Stroke اعمال کنیم:
و حالا این تنظیمات رو انجام دهید :
و حالا در پنجره Layer Style تیک قسمت Contour را فعال کنید:
اجازه بدید که به عنوان آخرین افکت، یک تابش ضعیف از رنگ طلایی به طرف بیرون از کاراکترهای متن را اعمال نماییم. در پنجره Layer Style دقیقاً روی کلمه Outer Glow کلیک نمایید:
مطابق شکل زیر، گزینه های Outer Glow را تنظیم بکنید: و کد رنگ را b7914f قرارا دهید !
و OK بزنید !
خب کار با افکت تموم شد اینجا ! حالا میخوام یکسری درخشش به متن اضافه کنم ! البته این کار لازم نیست ولی کار مارو تکمیل میکنه !
خب حالا یک حالا یک کپی دیگر لایه مان میگیریم ! خب باید دستمان را روی دکمه Alt نگه دایم و کپی بگیریم ! اینجوری :
بعدش یه پنجره ای باز میشه که من عکسش رو نمیگذارم شما فقط قسمت Nam اش رو تغیر بدید ! یک اسم دلخواه بگذارید !
خب روی لایه جدیدمان یکبار کلیک میکنیم تا هایلایت شود
و بعدش ابزار قلمو رو انتخاب میکنیم ار توی پنل ! عکسش اینجوری !
خب وقتی ابزار قلمو رو انتخاب کردید اون بالا روی این گزینه کلیک کنید :
حالا روی گزینه تنظیمات کلیک کنید :
یک لیستی جلوی شما ظاهر میشه ! شما روی گزینه Assorted Brushes کلیک کنید !
بعدش یه چیزی میاد روی صفحه که گزینه های Cancel و OK و Append رو داره ! شما روی گزینه Append باید کلیک کنید !
خب ! از لیستی که میاد این گزینه رو انتخاب کنید :
سمت چپ، از پنل ابزارها روی آیکن Eyedropper Tool کلیک کنید و مطابق شکل زیر از قسمت مشخص شده یک نمونه رنگ بگیرید:
توجه: برای اینکه ابزار قلمو از حالت انتخاب خارج نشود و بتوانید یک نمونه رنگ بگیرید، دکمه ALT را پایین نگه دارید تا ابزار نونه گیری ظاهر شود و همزمان روی هرجایی از سند کلیک کنید تا نمونه ذخیره شود، وقتی کلید ALT را رها کنید، اینبار ابزار قلمو در حالت انتخاب است!
زمانی که ابزار قلمو در حالت انتخاب است بصورت تصادفی، در اطراف متن چند کلیک بکنید تا درخشش مورد نظرمان به آن قسمت اضافه شود. بخاطر اینکه حالت درخشش، طبیعی تر بنظر بیاد هربار انداز قلمو را تغییر دهید. (برای تغییر اندازه قلمو می تواید از کلیدهای میانبر براکت باز و بسته استفاده کنید)
نتیجه کار چیزی اینجوری میشه !
خب خدارو شکر تموم شد !
منبع : سایت بیاموز
برخی موارد رو از سایت بیاموز یادگرفتم و از ایشون اجازه گرفتم تا مطالبشون رو پخش کنم البته با ذکر منبع ! ایشون هم اجازه داد !
درضمن اگه غلط املایی در متن بود بگید تصحیح کنم ! اگه مطلب به دردتون خورد و دوست داشتید حمایت کنید میتونید با لایک کردن حمایت کنید !
پاسخگویی و مشاهده پاسخ های این سوال تنها برای اعضای ویژه سایت امکان پذیر است .
چنانچه تمایل دارید به همه بخش ها دسترسی داشته باشید میتوانید از این بخش لایسنس این آموزش را خریداری نمایید .
