طراحی یک آیپد واقعی – آموزش فوتوشاپ

 

آیپد ۲! خوب خیلی ها عاشق آیپد ۲ هستند شما چطور؟ ولی با این حال تعداد کسانی که می توانند آن را طراحی کنند زیاد نیست . با این حال باید عنوان کرد که طراحی یک آیپد واقعی کار زیاد سختی هم نیست . در این آموزش من سعی دارم به شما نشان دهم که چطوری می توانید به کمک فوتوشاپ یک آیپد به همراه کاورش را طراحی کنید و چیزی که در زیر مشاهده می کنید نتیجه کار است:

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

قدم ۱ : پایه شکل آیپد .

کار را با ایجاد یک فایل جدید با اندازه ۱۵۰۰×۸۰۰ px شروع کنید . ابزار rectangle را فعال کنید . حالت آن را به shape با شعاع ۱۵ پیکسل و رنگ کد #f5f5f5 تنظیم کنید .

 

به لایر استایل Inner Glow و Stroke اضافه کنید .

 

قدم ۲: صفحه نمایش

یک مستطیل درون آیپد بکشید .

به لایر استایل Stroke اضافه کنید .

قدم ۳:

یک تصویر ساده برای صفحه نماش آیپد خودمان درست می کنیم . یک لایه جدید درست کنید و مطمئن شوید که بر روی لایه صفحه نمایش قرار دارد . به کمک یک قلم ملایم و نرم کمی رنگش کنید . لایه را به کمک فشردن Ctrl/Cmd + Alt + G  به ماسک Clipping تبدیل کنید .حالا هرچیزی را که رنگ می کنید درون صفحه نمایش قرار می گیرد .

قدم ۴: دکمه خانه یا همان دکمه هوم وسطی

یک بیضی در قسمت پایین آیپد بکشید . Fill آن را بر روی۰% تنظیم کنید .

لایر استایل Inner Shadow را اضافه کنید همچنین Bevel و Emboss و Gradient Overlay را هم اضافه کنید .

 

قدم ۵:

در مرکز دکمه یک مستطیل  با گوشه های گرد بکشید . Fill آن را بر روی۰% تنظیم کنید و لایر استایل Stroke را اضافه کنید .

قدم ۶: دوربین

یک قسمت مشکی کوچک در قسمت بالای آیپدتان به عنوان دوربین آن بکشید

قدم ۷:

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

قدم ۸ : Ctrl/Cmd + T را فشار دهید تا تغییر اندازه و شکل را فعال کنید . راست کلیک کنید و Perspective را انتخاب کنید .

قدم ۹:

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

قدم ۱۰ :

مانند تصویر زیر شکل های سفید بکشید . کلید های  Ctrl/Cmd + Alt + G را فشار دهید تا آن را به حالت Clipping Mask تبدیل کنید . شفافیت آن را به ۵۰% برسانید .

این شکل یک حالت بازتاب و انعکاس بر روی آن ایجاد می کند .

قدم ۱۱:

یک سری از آیکن های آیفن را جمع کنید می توانید آنها را از سایتهای مختلفی بگیرید : Aquaticus از marcelomarfil . چهار تا از آنها را در روی صفحه نمایش بگذارید .

 

قدم ۱۲ :

آیکن ها را در یک گروه به اسم آیکن قرار دهید . تمامی لایه های آیکن ها را با کلیک بر روی اولین آیکن و سپس Shift + click بر روی آخرین آیکن انتخاب کنید . ابزار جابجایی را فعال کنید .  از نوار آپشن بر روی icon Distribute Horizontal Center و Align Vertical Center کلیک کنید  و بدین ترتیب شما یک هم ترازی و توزیع بسیار مناسب برای آیکن ها خواهید داشت .

قدم ۱۳ :

قدم های قبلی را تکرار کنید تا تعداد بیشتری آیکن بر روی صفحه نمایش داشته باشیم .

قدم ۱۴:

لایه های آیکن را بر روی قسمت لنگر مانند انتخاب کنید . Ctrl/Cmd + E را فشار دهید تا حالت تغییر اندازه و شکل را فعال کنید . راست کلیک کنید و چرخش عمودی را انتخاب کنید .

قدم ۱۵ :

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

قدم ۱۶:  انعکاس صفحه نمایش

با استفاده از ابزار lasso polygon یک انتخاب مثلثی در بالای گوشه سمت راست صفحه نمایش درست کنید . آن ناحیه را با رنگ سفید پر کنید .

قدم۱۷ :

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

قدم ۱۸ :

Ctrl/Cmd را به همراه کلیک کردن بر روی لایه آیپد انجام دهید تا یک پایه انتخاب برای این شکل ایجاد شود . یک لایر ماسک به گروه اضافه کنید . بدین صورت انعکاس صفحه نمایش درون صفحه نمایش قرار می گیرد .

قدم ۱۹ : اسمارت کاور

شکل زیر را بکشید . می توانید برای آن از رنگ کد #6ebced استفاده کنید .

به آن Layer Styles Gradient Overlay اضافه کنید .

 

قدم ۲۰ :

در بالای اسمارت کاور یک شکل مستطیل گرد بکشید و Fill آن را به ۰% تنظیم کنید .

Bevel و Emboss به آن اضافه کنید .

قدم ۲۱ :

شکل را داپلیکیت کنید .

قدم ۲۲ :

Ctrl/Cmd + T را فشار دهید تا حالت تغییر شکل را فعال کنید . راست کلیک کنید و Perspective را انتخاب کنید . گوشه بالا سمت راست را بکشید تا جایی شکل به صورت و شبیه اسمارت کاور در بیاید .

قدم ۲۳ :

یک مستطیل گرد با کد رنگ #82858a بکشید . یک بار دیگر حات تغییر شکل را فعال کنید و یک بار دیگر ما بیرون از محیط اسمارت کاور هستیم پس آن را تنظیم کنید .

قدم ۲۴ :

Layer Styles Bevel و Emboss و Gradient Overlay را اضافه کنید .

 

قدم ۲۵ :

یک مستطیل گرد دیگر بکشید و آن را درون شکلی که همین الان درست کردیم قرار دهید .

 

قدم۲۶ :

Layer Style Bevel و Emboss را اضافه کنید و Fill را به ۰% تنظیم کنید .

قدم ۲۷ :

Ctrl/Cmd + Alt + G را فشار دهید تا شکل را به کلیپینگ ماسک تبدیل کنید و حالا افکت را درون کاور قرار دهید .

قدم۲۸ : لولا ها

یک مستطیل در گوشه سمت چپ کاور بکشید و کد رنگ آن را #6ebced بگذارید .

Gradient Overlay اضافه کنید .

 

قدم ۲۹ :

یک مستطیل کوچکتر در پشت شکل ها با کد رنگ #e6e6e6 بکشید .

Layer Style Gradient Overlay اضافه کنید تا ظاهری سه بعدی به شکل بدهیم .

قدم ۳۰ : سایه ها

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

قدم ۳۱ :

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

 

قدم ۳۲ :

یک لایه جدید درست کنید و آن را در زیر همه لایه های دیگر قرار دهید . یک سایه تیره تر در زیر آیپد بکشید برای این کار از یک براش بزرگ نرم استفاده کنید شفافیت آن را به ۵۰% برسانید .

قدم ۳۳ :

یک سایه ی بزرگتر و ملایم تر بکشید شفافیت آن را به ۵% برسانید .

قدم ۳۴ :

حالا ، براش خودتان را به سایز کوچکتری تنظیم کنید ولی سختی آن را به ۰% برسانید تا نرمی آن بهتر کار کنید . یک سایه تیره تر درست در زیر آیپد بکشید . شفافیت آن را به ۵۰% برسانید .

قدم ۳۵ :

زوم کنید تا اسمارت کاور را از نردیک تر ببینید . یک سایه تیره درست در زیر اسمارت کاور بکشید .

قدم ۳۶ :

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

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

قدم ۳۷ : نتیجه نهایی

در نهایت این نتیجه کار امروز و آموزش ماست .

امیدوارم در این آموزش تکنیک های جدیدی یاد گرفته باشید و از کار و نتیجه ی آن لذت برده باشید .

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

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

منبع : hongkiat

/a