آموزش PHOTOSHOP_جلسه هشتم

528

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

جلسه هشتم

طراحی قالب سایت

امیدوارم خوشتون بیاد، منتظر خوندن نظراتتون هستم.

460

قالبی که قرار است با هم بسازیم را میتوانید در یک سایت نمونه کار شخصی استفاده کنید. اگر مراحل را به درستی بامن پیش بروید یقین دارم که از نتیجه کار لذت خواهید برد، چرا که شما با یک قالب خاص با نمای تقریبا سه بعدی مواجهخواهید شد.
۱- برای شروع کار یک فایل جدید در ابعاد ۹۶۰ پیکسل (عرض) و ۹۰۰ پیکسل(ارتفاع) و ۷۲ dpi رزولوشن ایجاد کنید.
۲- با سطل رنگ ( Paint Bucket) رنگ (# ۰۴۲۸۳b )را بر روی صفحه بریزید.
۳- یک لایه جدید ایجاد کنید، قلم مو( Brush ) را انتخاب کنید، سایز قلم را به اندازه ای زیاد کنید که بتوانید یک محیطروشن بزرگ با رنگ سفید (مانند نمای زیر)در وسط صفحه ایجاد کنید.

 

500

۴- ترکیب لایه را به حالت ( Soft Light ) تغییر دهید.

501

۵-حالا (Rectangle Tool ) را انتخاب کنید و اشکالی را همانند نمای زیر در صفحه ایجاد کنید. من رنگ (# ۴۱۷۳۸ e) را برایکشیدن این اشکال انتخاب کردم.
503

۶- در سمت چپ، من فضای خالی را با یک شکل دیگر به رنگ (# ۲۸۶۰۷ d ) پر کردم.

504
۷-سپس با رفتن به منوی Edit > Transform > Skew و انتخاب ابزار (Move Tool )، شکل خود را به حالت زیر تغییر دادم وگوشه ها را با دقت بالا به هم متصل کردم.

508
۸-شما هم این کار را برای۴ گوشه کار به همین صورت تکرار کنید. حالا ما ۲ نوار تقریبا سه بعدی در بالا و پایین صفحه داریم.

409

۹-حالا باید یک کپی از این اشکال بگیریم و دقیقا به حالتی که در نمای زیر مشاهده میکنید با کمی فاصله در زیر اشکالاولیه و با رنگ تیره تر قرار دهیم، با این کار به صفحه خود عمق داده ایم. همین کار را برای نوار زیر صفحه تکرار کنید.

510

۱۰- یک شکل به حالت بیضی با استفاده از ( Ellipse Tool ) در زیر نوار روشن بالای صفحه و با رنگ تیره ایجاد کنید.

511
۱۱-به منوی( Filter )بروید و از زیرمنوی ( Blur) گزینه ( Gaussian Blur ) را انتخاب کنید و تنظیمات آن را به روشی که درنمای زیر می بینید تغییر دهید.

512

۱۲- و ( Opacity ) لایه را به ۴۰ % کاهش دهید.

513

۱۳- مراحل ۱۰ تا ۱۲ را برای نوار پایینی تکرار کنید و یا از لایه ایجاد شده قبلی یک کپی بگیرید و آن را در زیر نوار پایینیصفحه قراردهید. اگر مراحل را درست انجام داده باشید، قالب شما تا ایجای کار شبیه به نمای زیر خواهد بود.

514
۱۴-حالا یک لایه بالاتر از همه لایه ها ایجاد کنید (می توانید اینکار را با استفاده از CTRL+SHIFT+ALT+N)انجام دهید وبا استفاده از مداد یا ( Pencil Tool ) یک خط صاف افقی بکشید، ولی اندازه قلم را روی ۱ px تنظیم کنید.

515

 

۱۵- دقت کنید که خط سفید را مانند نمای زیر رسم کنید. هنگام کشیدن مداد ( Pencil Tool ) بر روی صفحه دکمه ( Shift )را نگه دارید تا یک خط افقی صاف رسم شود. در نهایت خط رسم شده را مانند نمای زیر دقیقا بر روی لبه نوار بالا قراردهید.

506
۱۶- حالا پاک کن (Eraser Tool ) را مانند نمای زیر انتخاب کنید، دقت کنید که یک براش را در نرم ترین حالت قرار دهید.

507

۱۷- حالا با استفاده از همین پاک کن قسمتهایی از خط را مانند نمای زیر پاک کنید.

608
۱۸- در این مرحله با توجه به نیازها و سلیقه خود کمی متن به صفحه اضافه کنید.
۱۹- حالا شکلی همانند شماره یک عکس زیر در چپ کار خود ایجاد کنید.
۲۰- سپس به منوی Filter بروید و از زیرمنوی Blur گزینه Gaussian Blur را انتخاب کنید ( Filter > Blur > Gaussian blur )و تنظیمات را مانند قبل بر لایه خود اعمال کنید. خروجی مانند شماره دو خواهد شد.
۲۱- با استفاده از ابزار انتخاب مستطیلی( Rectangular Marquee Tool ) درست نیمه چپ شکل مورد نظر را انتخاب میکنیم.
۲۲- مطمئن باشید که لایه را درست انتخاب کرده اید، سپس دکمه های ( CTRL+I ) و بعد ( CTRL+D ) را بفشارید. با اینکاررنگ قسمت انتخاب شده را معکوس خواهید کرد و مانند شماره سه خواهد شد کارتون.
۲۳- حال اگر میزان شفافیت (Opacity) لایه را به ۶% کاهش دهید نتیجه کار شماره ۴ عکس زیر می شود.

710
۲۴- حالا با استفاده از ( Rounded Rectangle Tool ) یک شکل ساده به این حالت می کشیم.

711

۲۵- حالا با استفاده از دکمه های ( CTRL+T ) کمی شکل را به مانند نمای زیر می چرخانیم.

713

 

۲۶- پس از اطمینان از اینکه شکل را در حالت مناسبی قرارداده اید دکمه Enter را بزنید، سپس بر روی لایه راست کلیک کرده و گزینه Rasterize Layer را انتخاب کنید.


714

۲۷- باز هم با استفاده از (Rectangular Marquee Tool ) قسمت سمت راست شکل فعلی را مانند نمای زیر انتخاب کنید.

715

۲۸- حالا دکمه Delete را بزنید و یا از منوی Edit گزینه Clear را انتخاب کنید، سپس برای خروج از حالت انتخاب دکمههای CTRL+D را فشار دهید.
۲۹- مانند مراحل اولیه کار، از این لایه یک کپی بگیرید و رنگ آن را تیره تر کنید و آن را درست در زیر لایه فعلی، البته باکمی تغییر زاویه قرار دهید.

716

۳۰- حالا کمی سلیقه به خرج داده و در سایت Wefunction.com آیکون مورد نظر خود را پیدا کنید و آن را مانند نمای زیردر قسمتی از قالب جاسازی کنید.

731

۳۱- قالب ما آماده است.


 

درباره نویسنده

مهارت ها:html,css,C#,ADO.NET,sqlserver,access,python

نوشته های مرتبط

نظری بگذارید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *