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

 

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

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

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

کار را با ایجاد یک فایل جدید با اندازه ۱۵۰۰×۸۰۰ 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 را به همراه کلیک کردن بر روی لایه آیپد انجام دهید تا یک پایه انتخاب برای این شکل ایجاد شود . یک لایر ماسک به گروه اضافه کنید . بدین صورت انعکاس صفحه نمایش درون صفحه نمایش قرار می گیرد .

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

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

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

 

قدم ۲۰ :

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

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

قدم ۲۱ :

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

قدم ۲۲ :

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

قدم ۲۳ :

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

,

| | نویسنده : مقدم |