(¯`•._.•.گام به گام با فتوشاپ.•._.•´¯)

با عرض سلام خدمت همگی دوستان

امیدوارم حال همگی خوب باشه

خوب در این بحث و چند بحث آینده سعی میكنیم كه با كمك هم پیشرفت كنیم

خوب این آموزش فتوشاپ به صورت گام به گام پیش میره و در حین آموزش سئوالی اگر پیش اومد به همدیگه كمك میكنیم .

خوب قرار شد كه از سطح مقدماتی شروع كنیم كه اگر كسی هم آشنایی نداره بتونه با این آموزش ها و كمك های كه دوستان به هم میكنن راه بیوفته .

خدمت دوستان عرض كنم كه این آموزش هایی هستش كه خود تبیان توی سایت قرار داده و ما پیرامون همین آموزش ها ریزه كاری ها و سئوالاتی كه برای دوستان پیش میاد رو جواب بدیم .

امیدوارم همراهی كنید .

گام 1

بدون مقدمه!میریم سر اصل مطلب :

اولین منوی كه ما با آن شروع خواهیم كرد و آشنا خواهیم شد منویFile می باشد.

FILE

در این منو فرمانهای ورود خروج و نیز ذخیره سازی موجود می باشد تك تك آنها را توضیح خواهیم داد.

 

New :

 به كمك این گزینه می توان یك صفحه جدید كاری درصحنه ایجاد نمود و كلید های میان بر این گزینه معادلCtrl+N می باشد . زمانی كه این گزینه را می زنید یك پنجره جدید بازمی شود كه تعیین كننده مشخصات و نوع تنظیمات صحنه ای می باشد كه شما ایجاد خواهید كرد.

 

Name :

به كمك این گزینه مشخص می شود كه نام صحنه ای كه ایجاد می نمایید چه باشد.

درقسمتImage size تنظیمات مربوط به اندازه صفحه جدید می باشد كه به ترتیب توضیح خواهم داد . قسمتPreset sizes دراین قسمت اندازه های معیین و استاندارد و از پیش تعیین شده و را در اختیار شما قرار می دهد برای سهولت و سرعت و دقت در كار البته این گزینه به صورت پیش فرض به صورت دستی تنظیم شده است یعنی شما به صورت دلخواه می توانید اندازه صحنه جدید را ایجاد نمایید.

 

Width :

 به كمك این گزینه كه یك فیلد عددی است می توانید عرض وپنهای صفحه تعیین نمایید.

 

Height :

به كمك این گزینه كه یك فیلد عددی است می توانید طول یك صفحه را تعیین نمایید.

 

Resolution :

به كمك این گزینه میزان كیفیت و میزان نقاط را تشكیل دهنده یك صفحه را مشخص می كنید در رابطه با این مقوله در آینده مفصل صحبت خواهیم نمود.

درمقابل سه گزینه بالا یك منوی كركره ای وجود دارد كه معیین كننده واحد اندازه گیری     می باشد.

 

Mode :

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

Bitmap

تصویری كه پیكسل ها با عوض كردن مقدار بیت ذخیره شده تغییر می كند  ( یك یعنی روشن صفر یعنی خاموش ، در صفحه نمایش رنگی بیتهای بیشتری استفاده می شوند تا سه رنگ قرمز و سبز و آبی را هم كنترل كند)

Grayscale

 این گزینه یك صحنه در اختیار ما می گذارد به این صورت كه هر فعالیت دراین صحنه شود به صورت سیاه سفید دیده خواهد شد و ذخیره می شود در كل صفحه ای سیاه سفید در اختیار می گذارد و رنگ در آن تاثیری به عنوان خود ماهیت اصلی رنگ ندارد فقط به صورت تیره های مختلف خاكستری نمایان می شود.

or

این مدل رنگ متشكل از سه رنگ اصلی قرمز سبز و آبی می باشد و با تركیب این سه رنگ ، رنگ اصلی به وجود خواهد آمد.

Cmyk color

این مدل رنگ جهت چاپ مورد استفاده قرار می گیرد و دراین مدل رنگها به حسب درصد رنگهای فیروزه ای (Cyanred)سرخابی (Maqenta) زرد (Yellow) و سیاه (Black) تعریف میشود.

Lab

 مدلLab جامع ترین مدل رنگی می باشد این مدل طوری طراحی شده كه در آن رنگها به دستگاه وابسته نباشد یعنی هر رنگ در صفحه نمایش و در صفحه چاپی به یك صورت ظاهر می شود. این مدل در عمل كاربرد زیادی ندارد.

Contents

در این قسمت شما مشخص می كنید كه صفحه جدید در قسمت پس زمینه چه خصوصیاتی را دارا باشد.

به صورتWhite سفید یاBack qrouhd color به صورت رنگی كه برای رنگ پس زمینه انتخاب می كنید یا به صورت شفاف یا Trahs pareht بعد از زدن دكمهok صفحه جدید ایجاد می شود .

Open

گزینه دوم در منویFile گزینهOpen می باشد كه معادل كلیدهای میانبرCtrl+O می باشد یا با دوبار كلیك كردن در پنجره كاری فتوشاپ می توانید به این پنجره دسترسی داشته باشید. به كمك این گزینه می توانید تصاویر را به فتوشاپ وارد نمایید.

Browse

به كمك این گزینه می توانید شما در داخل نرم افزار فتوشاپ یكBrowser یا یك پنجره مشاهدات داشته باشید.

Open Recent

به كمك این فرمان می توانید آخرین تصاویر باز شده توسط نرم افزار را دوباره بازیابی نمایید.

 

Close :

این فرمان صفحه باز انتخاب شده در نرم افزار را می بندد.

Save

این فرمان فایل موجود در نرم افزار را به فرمت های مختلف بر روی درایو سخت ذخیره سازی می نماید.

 

Save as :

این فرمان از فایل جاری كه به كمك فرمانSave ذخیره شده ، ذخیره سازی می كند البته با نام دلخواه.

 

Save for web :

 این گزینه تصویر جاری را برای استفاده بر روی اینترنت ذخیره سازی می نماید ( دراین رابطه در آینده توضیح خواهم داد)

 

Import :

به كمك این فرمان می توانید فایل هایی را به داخل برنامه وارد نمایید از جمله فایل هایAdobe Acrobat و غیره……………

 

Export :

به كمك این گزینه می توانید تصاویر را خروجی بگیرید.

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

 

منبع : تبیان

 

 

 

 

 

آموزش ساخت قالب وب سایت در فتوشاپ

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

ابتدا یک فایل جدید به اندازه 950 در 1000 پیکسل ایجاد کنید :

سپس رنگ background را به مشکی تغییر دهید. سپس ctrl+r را فشار دهید تا خط کش در فتوشاپ روشن شود (یا از طریق منوی view و انتخاب rulers). حال دو عدد guide به اندازه 25 پیکسل از سمت چپ و راست تصویر بکشید.

در پنل لایه ها یک فولدر جدید به نام header درست کنید. (همیشه بهتر است که هنگام کار با فتوشاپ از فولدرها برای سازماندهی کار خود استفاده کنید). حال از منوی ابزار ، ابزار Rounded Rectangle Tool را انتخاب کنید. شعاع آنرا 5 پیکسل قرار دهید. از بالای صفحه یک guide دیگر به اندازه 300 پیکسل بکشید.

حال این کد رنگ را به عنوان رنگ foreground انتخاب کنید : 323232 و یک مستطیل درون این فضای تشکیل شده بکشید. (همیشه بهتر است از منوی view گزینه Show و smart guides را انتخاب کنید. همینطور گزینه snap فعال باشد تا موقع کار به شما کمک کند) :

حال روی لایه ایجاد شده right click کنید و blending options را انتخاب کنید، سپس گزینه stroke را طبق شکل زیر اعمال کنید :

دوباره از سمت چپ و راست دو guide به اندازه 40 پیکسل ، و از سمت بالا یک guide به اندازه 250 پیکسل بکشید. رنگ foreground را به این کد رنگ be0000 تغییر دهید و دوباره یک مستطیل در این محوطه بکشید :

حال effect های زیر را به آن اعمال کنید :

کد رنگ برای افکت outer glow کد fdc171 می باشد.

حال یک عکس دلخواه از کره زمین انتخاب می کنیم و آنرا در بالای لایه قرمز رنگ قرار میدهیم سپس دکمه alt را گرفته و موس را در پنل لایه بین این دو لایه میبریم که بدین شکل تغییر میکند و سپس کلیک می کنیم :

از پنل لایه حالت blending لایه کره زمین را به soft light تغییر میدهیم و افکت زیر را به آن اضافه میکنیم :

کد رنگ برای افکت outer glow کد f02e2e می باشد.

تا به حال باید تصویر شما شبیه شکل زیر باشد :

حال روی لایه کره زمین یک new layer ایجاد کنید، از پلت ابزار brush را انتخاب کنید، رنگ foreground را به رنگ متمایل به نارنجی تغییر دهید، من از این براش استفاده کردم، شما می توانید از براشهای مختلف و متنوعی برای این کار استفاده کنید ، این کار را توسط ایجاد چند لایه جدید دیگر تکرار میکنیم (توجه داشته باشید که این لایه ها باید با لایه زیرین خود mask شوند با نگه داشتن دکمه alt) :

دو لایه بالایی حالت blending آنها linear dodge هست :

حال دوباره یک لایه جدید دیگر بالای این لایه ها ایجاد میکنیم، آنرا mask می کنیم. یک براش به اندازه زیر انتخاب کنید (براش دایره ای شکل) :

رنگ نارنجی انتخاب کنید و در گوشه مستطیل یک بار کلیک کنید :

حال رنگ براش را به مشکی تغییر دهید ، مقدار opacity آنرا به 50 درصد تغییر داده و در گوشه دیگر مستطیل یکبار کلیک کنید :

حال یک تصویر دلخواه برای header قرار می دهیم :

برای هدر متن مورد نظر را قرار میدهیم (من از نرم افزار فارسی ساز مریم برای این کار استفاده کرده ام) :

حال درون فولدر header یک فولدر جدید به نام navigation ایجاد میکنیم. متن لینکهای مورد نظر را دورن آن قرار می دهیم :

بهتر است بین لینکهای منو یک مرزی ایجاد کنیم تا بهتر نمایان شوند، برای این کار line tool را انتخاب کنید و یک خط کوچک با رنگ مشکی ایجاد کنید و سپس از آن یک کپی بگیرید و رنگ آنرا به کد 666666 تغییر دهید و آنها را به شکل زیر در کنار هم قرار دهید :

خب تا الان قسمت هدر سایت تکمیل شد، حال سراغ قسمت آیکانهای سرویس ها میرویم. برای شروع از سمت بالا دو guide به فاصله 315 و 505 پیکسل بکشید. حال توسط rounded rectangle tool یک مستطیل با شعاع 5 پیکسل به ابعاد 140 در 190 پیکسل بکشید. رنگ آنرا 323232 قرار دهید.

pen tool را انتخاب کنید، یک منحنی به رنگ سفید و به شکل زیر ایجاد کنید :

حال آنرا با لایه زیرش که همان مستطیل اولیه هست mask کنید، روی لایه ای که توسط pen tool ایجاد شده است کلیک کنید، از پایین پنل لایه add mask را انتخاب کنید. (یا از منوی layer و انتخاب layer mask و سپس reveal all) ابزار gradient را انتخاب کنید و روی mask به صورت مورب gradient بکشید (رنگ پیش فرض gradient سفید-مشکی باشد) :

حال دوباره rounded rectangle tool را انتخاب کنید و یک مستطیل کوچک درون مستطیل بکشید، layer style آن را از layer style مستطیل قرمز رنگ copy و paste کنید :

حال یک براش دایره ای شکل و کوچک انتخاب کنید، بالای لایه مستطیل یک لایه جدید ایجاد کنید، رنگ مشکی را انتخاب کنید برای براش، دکمه shift را نگه دارید و درون مستطیل قرمز رنگ یک خط با 50 درصد opacity بکشید :

مانند مستطیل قرمز رنگ هدر یک اثر کوچک توسط براش به رنگ نارنجی در گوشه این مستطیل کوچک هم قرار می دهیم :

خب کار این باکسها تمام شد، بهتر است همه لایه های این باکس را انتخاب کنید و آنها را به smart object تبدیل کنید تا در آینده بتوانیم راحت تر از آن استفاده کنیم. حالا به تعداد مورد نظر از این باکسها درون قالب خود قرار میدهیم و آیکانها و متن دلخواه خود را نیز روی آنها می گذاریم. این قسمت هم آماده شد :

برای قسمت body قالب، یک مستطیل بزرگ با استایل مستطیل طوسی رنگ هدر می کشیم :

برای باکسهای قسمت تایتلهای body بدین روش عمل می کنیم، یک مستطیل به کد رنگ de0000 میکشیم و استایل های زیر را به آن می دهیم :

3 کپی از این باکس در قالب قرار میدهیم، متن مورد نظر را می نویسیم، مانند قسمت منو برای جدا سازی این 3 قسمت ار ابزار line tool استفاده میکنیم :

اینم از ساخت قالب !