آموزش مرحله به مرحله نرم افزار فتوشاپ

[!MAHSA!]

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


در مواجه شدن با فتوشاپ، ممکن است کاربران دچار سردر گمی شوند. این درس به شما نشان خواهد داد فتوشاپ چیست و چگونه این غول نیرومند یعنی فتوشاپ را هدایت کنند. قبل از شروع، توجه داشته باشید که ما چگونگی کار با Adobe Photoshop ورژن 11 یا (Adobe Photoshop CS4) را به شما نشان خواهیم داد. اگر شما با ورژن های دیگر کار می کنید، ممکن است با مشکلات کمی روبرو شوید. ممکن است بعضی از خصوصیات گرافيكی کمی متفاوت به نظر برسند، اما در کل با دنبال نمودن این سلسه از آموزش ها براحتی قادرید با هر نسخه از فتوشاپ کار کنید.





فضای کار (Work Area)
در نگاه اول، فتوشاپ می تواند یک فضای بزرگ ترسناک باشد. حالا می خواهیم فضای کار را به قسمت های کوچکتر تجزیه کنیم تا همه چیز را برای یادگیری آسان تر کنیم.

A-نوار منو (Menu Bar): یک منوی سازماندهی شده که بر اساس کارهایی که انجام می دهند دسته بندی شده اند.
B.نوار تنظیمات (Options Bar): شامل انتخاب ها و تنظیمات خاصی می شود که در هنگام استفاده از یک ابزار می توانید آنها را گزینش کنید.
C.نوار ابزار (Tool Bar): شامل مجموعه وسیعی از ابزار های فتوشاپ به علاوه رنگ Foreground یا زمینه، رنگ Background یا پس زمینه و خصوصیات دیگر می باشد.
D.پنجره سند (Document Window): پنجره ای است که سند یا فایل جدیدی که طراحی روی آن انجام می شود را، در بر می گیرد.
E.فضای طراحی (Active Image Area): پنجره سند حاوی Active Image Area می باشد(قسمت سفید رنگی که در تصویر بالا نشان داده شده) . این همان قسمت یا صفحه ای است که طراح در آن طراحی می کند.
F.هدایت کننده (Navigator): یک نسخه کوچک از سند فعلی یا active image area که در حال کار کردن روی آن هستید. برای هدایت فضای طراحی یا هنگامی که روی صفحه zoomed in می کنید استفاده می شود.
G.پالت رنگ (Color Palette): لوحی که برای انتخاب رنگ foreground و background ، هنگام نقاشی کردن، رنگ کردن و یا رسم کرن استفاده می شود.
H.پالت تاریخچه(History): به طور دائم تمام تغییراتی را که درون سند انجام می شود را update می کند. می توان برای برگرداندن یا لغو کردن مراحل قبل از آن استفاده کرد-Undo
I.پالت لایه ها (Layer): اگر فتوشاپ را یک همبرگر بزرگ تصور کنید، لایه ها می توانند طبقه ها و موادی باشند که در آن قرار دارند. لایه ها در فتوشاپ به شما اجازه می دهند تا در یک صفحه طراحی کار کنید و اجازه می دهد تصاویر و سایر اجزا طراحی روی یکدیگر یا زیر یکدیگر باشند. این یک نگاه اجمالی بود به اینکه قسمت های داخلی فتوشاپ چه شکلی دارند. در ادامه درس هر کدام از نکات بالا را به طور مفصل شرح خواهیم داد.




ایجاد یک سند جدید (New Document)
برای ایجاد یک سند جدید در فتوشاپ، از قسمت Menu Bar به مسیر File > New بروید.
یک پنجره شبیه آنچه در زیر نشان داه شده، باز خواهد شد:









A- نام سند یا Document Name: در این قسمت می توانید نام سند جدید را به طور اختیاری تایپ کنید.
B- ابعاد سند یا Presets: ابعاد سند یا همان طول و عرض سند را می توان در این قسمت تنظیم نمود.
C-واحد های سند (Document Units): واحدهای ابعاد سند در این قسمت تنظیم می شوند. نوعی از این واحد ها Pixel می باشد که برای کارهای وب و کارهایی که از مونیتور باید دیده شوند مناسب است.
D- وضوح تصویر یا Resolution: می توان وضوح تصویر را در این قسمت تنظیم کرد. Resolution یا وضوح یعنی تعداد نقاط یا پیکسل های موجود در هر اینچ. در هنگام چاپ، اساسا شما یک تصویر با کیفیت بالا می خواهید مثلا 300 پیکسل یا بالاتر، که این باعث افزایش سایز سند نیز می شود.به هر حال، برای کارهایی که اساسشان وب می باشد، یا کارهایی که فقط روی صفحه نمایش داده می شوند ( on-screen)، مقدار 72 مناسب است.
E- مد رنگ یا Color Mode: در این قسمت باید نوع Color Mode یا حالت رنگ سند مشخص شود. به طور معمول از RGB Color یا (Red/Green/Blue) برای Color Mode استفاده می کنند مگر اینکه بخواهید از یک نوع چاپ خاص استفاده کنید.
F- محتوای پس زمینه یا Background Contents: اینجا رنگ background یا پس زمینه سند خود را می توانید انتخاب کنید.


پنجره ای که در بالا نشان داده شده است می تواند یک سند به ابعاد 800×600 پیکسل و با background سفید ایجاد کند. نام سند می تواند "Document Name" و resolution هم 72 باشد.


ذخیره کردن و بستن سند در فتوشاپ
برای ذخیره کردن یک سند در فتوشاپ، از Menu Bar به مسیر File > Save بروید. وقتی می خواهید سند را ذخیره کنید ، برای نام آن چیزی در نظر بگیرید که بعدا قابل تشخیص و شناسایی باشد همچنین Formart را PSD انتخاب کنید، وقتی تمام این کارها را انجام دادید، و مطمئن می شوید که سند همه مشخصه های سند فتوشاپ و اطلاعات یا محتوای لایه را حفظ خواهد کرد، بنابراین شما می توانید در آینده از آن استفاده کنید.
توجه داشته باشید که این PSD با جستجوگرهای وب سازگار نیست و لازم است که برای این موارد آن را با یک فرمت متفاوت ذخیره کنید. این موضوع را در یک درس دیگر ادامه خواهیم داد.
برای بستن یک سند باید به مسیر File > Close بروید. برای بستن همه سند های باز ، گزینه File > Close All را انتخاب کنید.

[!MAHSA!]

آموزش فتوشاپ درس دوم، کاربرد پالت ها در فتوشاپ

در فتوشاپ، پالت ها برای اصلاح کردن و تغییر دادن و نیز برای نظارت و بازبینی اسناد یا فایل ها به شما کمک می کنند. یک درک خوب از چگونگی استفاده، سازماندهی و تنظیم درست پالت ها، در یادگیری اینکه چطور از فتوشاپ استفاده کنیم موثر و ضروری است.

پالت ها

برای اینکه به شما نشان دهیم پالت ها چه نقش بزرگ و مهمی را در فتوشاپ به عهده دارند، کلید Tab را فشار دهید تا تمامی پالت ها ناپدید شوند. پالت ها شامل همه چیز از نوار ابزار گرفته تا نوار انتخاب ها، لایه ها و پنجره رنگ ها می شوند.

در این آموزش، شما یاد خواهید گرفت چگونه:

-پالت ها را سازماندهی کنید.
-سایز پالتها را تغییر داده آنها را آشکار یا پنهان کنید.
-باز، بسته و مجددا راه اندازی کنید (Reset).
-از تنظیمات درون پالت ها استفاده کنید.


سازماندهی پالت ها

این امکان وجود دارد که پالت ها را مطابق سلیقه خودتان دسته بندی و مرتب کنید. با انجام این کار به افزایش کارایی خود کمک می کنید به این صورت که پالت هایی را که کاربرد آنها یعنی تعداد دفعات استفاده از آنها بیشتر است را در در قسمتی از صفحه قرار دهید که قابل دسترس تر می باشد.
- برای انتقال یک پالت به یک گروه پالت (palette group)مجزا، یا به palette group خودش، پالت مورد نظر را drag و سپس به یک گروه دیگر، یا هر جای دیگری از فضای کار drop کنید.
- برای انتقال یک گروه پالت (palette group)، نوار عنوان (title bar) پالت مورد نظر را با ماوس drag، و سپس در جایی که مناسب است رها کنید.







شما همچنین می توانید پالت ها را به یکدیگر Dock کنید، یعنی لبه های بالا و پایین هر پالت را می توان به پالت دیگر متصل نمود و این کار با drag کردن یک پالت به سمت بالا یا پایین پالت دیگر اتفاق می افتد.

تغییر دادن سایز، آشکار و پنهان کردن پالت ها

شاید شما با پالت بزرگی که شامل تعداد زیادی style ،color یا لایه است کار می کنید که دوست دارید همه اینها همزمان برای شما قابل دسترسی باشد. شما می توانید سایز بسیاری از پالت ها را با drag کردن کلیدی که در گوشه سمت راست قرار دارد پالت را روی سایز مورد نظرتان تنظیم کنید.







اگر می خواهید پالتی را که فعلا از آن استفاده نمی کنید پنهان (minimize) کنید تا در فضا صرفه جویی کرده باشید و فضای بیشتری برای کار با دیگر پالت ها در اختیار داشته باشید، کافیست روی عنوان پالت دوبار کلیک کنید.

بستن، باز کردن و راه اندازی مجدد یا Reset پالت ها

اگر تعدادی از پالت ها بدون اینکه به آنها نیاز داشته باشید باز هستند، می توانید با کلیک کردن روی علامت "x" که در گوشه بالای سمت راست پالت قرار دارد، آنها را بست.
اگر لازم است که یک پالت جدید ایجاد کنید، یا پالتی که قبلا بسته اید را مجددا باز کنید، از menu bar به Window بروید و پالت مورد نظرتان را بار دیگر باز کنید.
اگر در برگرداندن پالت به جای خود با مشکل مواجه شدید به مسیر Window > Workspace بروید و در اینجا گزینه هایی مشاهده می کنید که می توانید با انتخاب آنها چیدمان پالت ها را به حالتی که مایلید برگردانید مثلا گزینه Basic همه چیز reset می شود و به جای اولیه خود که در آغاز باز شدن فتوشاپ در آنجا قرار داشته بر می گردد.


تنظیمات در پالت ها

در پالت ها، انواع تنظیمات از انتخاب های رنگ، styles تا opacity و دیگر مقادیر وجود دارد. همه این گزینه ها را با جزییات کامل در آینده توضیح خواهیم داد، اما برای این قسمت می خواهیم شرح دهیم که بعضی از این گزینه ها چگونه عمل می کنند.


Drop-down Menus یا منوهای باز شونده

برای اجرای یک Drop-down Menu یا منوی بازشونده، فقط روی فلشی که به منو چسبیده کلیک کنید. لیستی از دادهای داخلی قابل استفاده باز می شود. روی گزینه مورد نظر کلیک کنید تا انتخاب شود.









لغزنده یا Sliders

نحوه ی کار لغزنده ها به این صورت است که روی ضامن کلیک کرده و آن را روی مقدار مورد نظر drag کنید.










Swatches و Styles

برای انتخاب یک color swatch یا layer style، با ماوس روی آن حرکت کرده و یک بار کلیک کنید.

[!MAHSA!]

آموزش فتوشاپ درس سوم، جعبه ابزار فتوشاپ (Toolbox)



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


ساختمان جعبه ابزار






جعبه ابزار در فتوشاپ به 4 دسته منحصر به فرد و مجزا تقسیم شده است بطوریکه هنگام پیدا کردن ابزار مورد نظرتان هرگزبه زحمت نمی افتید. دسته بندی به این صورت می باشد:

1. ابزارهای Selection و Crop و Slice
2. ابزارهای Retouch و Paint
3. ابزارهای Drawing و (Type (Vector Tools
4. ابزارهای Annotations و Measurement

علاوه بر این 4 دسته، جعبه ابزار شامل اجزای دیگری نیز می باشد، که برجسته ترین آنها رنگ Foreground و Background است.

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


ابزارهای انتخاب Selection Tools

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

Move Tool: برای انتقال و یا حرکت دادن انتخاب ها، اشکال و لایه ها به کار برده می شود.

Lasso Tools: شامل چند ابزار دیگر نیز هست که برای مواردی که شکل یا تصویری که می خواهید انتخاب کنید نامنظم و بی قائده است استفاده می شود.

- ابزار polygonal lasso برای انتخاب اشکال چند ضلعی کاربرد دارد.
- ابزار magnetic lasso که به طور خودکار لبه های تصویر یا شکل را انتخاب می کند.


ابـزار Magic Wand فضاهایی را که رنـگ یکـسان دارند انتـخاب می کنـد. تنها با یک بار کلیــک می توانید آن نـواحی را با استــفاده از این ابزاربه ســادگی انتـخاب کنــید. (مانند ابرهای سفید در تصویر بالا).

ابزار Crop به کاربر این امکان را می دهد تا فضای تصویر فعال را مجددا تعریف کند نه اینکه سایز آن را تغییر دهد. این ابزار چیزی شبیه جدا کردن یا بریدن یک تصویر کوچک از تصویر بزرگتر به وسیله یک قیچی است

.



ابــزارهای روتوش (Retouch Tools)
در فتوشاپ تعدادی ابزار ترمیم وجود دارد که برای درست کردن، اصلاح کردن یا به عبارتی ترمیم عیوب تصاویر و یا برای رفع قرمزی چشمها در عکس از آنها استفاده می شود.






با استفاده از Clone Stamp Tool یک کاربر می تواند از یک نقطه از تصویر به عنوان منبع نمونه برداری کند و سپس در جای دیگر آن نقطه را استفاده کند و آن نقطه را به عبارتی در مکان دوم کپی کند.






Eraser Tool برای پاک کردن قسمت هایی از یک تصویر، محل انتخاب شده و یا لایه بکار برده می شود.





Sharpen Tool برای sharp کردن لبه های تصویر بکار می رود در حالیکه Blur Tool لبه ها را محو و مات می کند. ابزار Smudge در تصویر یک لکه ایجاد می کند. مانند استفاده از نقاشی انگشتی که با انگشت می توانید رنگ ها را ترکیب کنید.







Dodge Tool تصویر را روشن تر می کند در حالیکه Burn Tool آن را تیره تر می کند. Sponge Tool برای اشباع کردن (Saturate)یا عدم اشباع (Desaturate) قسمتهایی از تصویر به کار می رود.........






ابزارهای نقاشی (Painting Tools)

ابزار Brush و Pencil برای کشیدن stroke ها (خطوط محیطی اشکال ) در گرافيكك به کار می روند. این ابزار ها می توانند برای یک نقاشی موثر و مفید باشند.




Fill Tools

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





ابزارهای کشیدن طرح وکتور(Pen Tool) و ابزار تایپ (Vector Drawing & Type Tools)

Type Tool برای ایجاد و تنظیم متن در روی تصویر مورد استفاده قرار می گیرد. با این ابزار هم می توان به صورت عمودی و هم افقی تایپ کرد.





Pen Tool برای ایجاد اشکال صاف و path ها، برای ایجاد اشکال وکتور بکار برده می شود.( تصاویر وکتور به تصاویری گفته می شود که می توان آنها را به هر سایز و مقیاسی که خواست بزرگ یا کوچک کرد، بدون اینکه از کیفیت تصویر کم شود).






Cutom Shape ها تصاویر وکتور آماده ای هستند که به صورت از قبل تنظیم شده در یک لیست قرار دارند که با باز کردن پنجره Shape به سهولت می توانید شکل دلخواه را انتخاب و در جای مناسب بکار برید، به علاوه خود شما نیز می توانید Shape جدید ایجاد کرده و آن را به لیست اضافه نمایید.




Foreground / Background Color

رنگ foreground و رنگ background را می توان در هنگام نقاشی کردن، برای تنظیم رنگ متن در هنگام تایپ و رنگ کردن اشکال، به دلخواه تنظیم نمود. این نمایشگر کمک می کند تا رنگ هایی را که در حال استفاده شدن هستند ببینیم و نیز این امکان را ایجاد می کند که جای رنگ ها را با هم عوض کنیم.







استفاده از ابزار

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

[!MAHSA!]

آموزش فتوشاپ درس چهارم، کارکردن با لایه ها در فتوشاپ



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


شرح دادن لایه ها

به طرح زیر که در فتوشاپ ایجاد شده است توجه کنید:







این طرح برای تماشاگر یک طرح گرافيكی ساده است درحالیکه، در فتوشاپ، این تصویر از 4 لایه ی مجزا تشکیل شده است که روی یکدیگر قرار گرفته اند. یک لایه پس زمینه آبی رنگ، 2 لایه جداگانه ابر و یک لایه با متن PersianGFX.com که در بالای سایر لایه ها قرار گرفته است.





همین طور که می بینید، لایه ها بیشتر شبیه پرده های شفافی هستند که روی هم قرار دارند، روی هر کدام چیزی متفاوت قرار دارد.


چگونه از لایه ها در فتوشاپ استفاده کنیم

اگر بتوانید کار با لایه ها را تجربه کنید یعنی عملا وارد فتوشاپ شوید و خود دست به ایجاد و خلق لایه ها بزنید آسان تر و زودتر کار با لایه ها را فرا خواهید گرفت. پس فتوشاپ را باز کنید و با ایجاد یک سند یا فایل جدید (New Document) کار را شروع کنید. برای انجام این کار به مسیر File > New بروید. آن را روی ابعاد 400 در 400 پیکسل تنظیم کنید و مقدار resolution را هم 72 در نظر بگیرید.
ما قصد داریم تصویر زیر را با استفاده از تعدادی لایه خلق کنیم:






رنگ کردن پس زمینه یا Background

اساسا، وقتی من کار با فتوشاپ را آغاز می کنم دوست دارم ابتدا از Background شروع کنم و به تدریج به بالا حرکت کنم. بنابراین برای شروع قصد داریم لایه Background را با یک رنگ سبز تیره زیبا رنگ کنیم.


انتخاب یک سبز تیره برای رنگ زمینه یا Foreground: برای این کار، روی رنگ Foreground کلیک کنید و از لغزنده(slider) برای پیدا کردن رنگ مناسب استفاده کنید. می توانید کد رنگ 36442a را در قسمت پایین صفحه و بعد از علامت # تایپ کنید.











روی کلید OK کلیک کنید تا مقدار رنگی که وارد کردید تایید شود. حالا ابزار Fill را از جعبه ابزار یا Toolbox انتخاب کنید و روی تصویر کلیک کنید. بعد از کلیک کردن لایه background باید با رنگ foreground رنگ شده باشد یعنی رنگ foreground روی background اعمال می شود.


ایجاد لایه جدید
اجازه دهید تا یک نگاه اجمالی به پالت لایه ها (Layers Palette) بیندازیم و تعدادی از کاربردهای اساسی و با اهمیت تر آن را امتحان کنیم.


برای ایجاد یک لایه جدید، روی آیکون "New Layer" که در تصویر بالا نمایش داده شده، کلیک کنید.

همین طور که مشاهده می کنید، یک لایه جدید با نام "Layer 1" ایجاد شده است. شما می توانید نام آنرا تغییر دهید به این ترتیب که روی نام آن دوبار کلیک کرده و نام مورد نظر را تایپ کنید. هنگامی که این لایه انتخاب شده است، شما خواهید توانست به طور خاص روی آن کار کنید.


کشیدن سبزه
ابزار Brush را انتخاب کنید. قبلا در Adobe Photoshop یک براش با نام "Dune Grass" ایجاد شده است که قصد داریم از ان برای ایجاد سبزه در طراحی استفاده کنیم.
در قسمت نوار تنظیمات ابزار براش، روی فلش کوچکی که در گوشه سمت راست پنجره قرار دارد کلیک کنید تا لیست براش های آماده فتوشاپ بازشود. به سمت پایین لیست حرکت کرده و براش Dune Grass را انتخاب کنید.







ما قصد نداریم در این آموزش براش هایی را انتخاب کنیم که دارای جزییات زیادی هستند.اما لازم است بدانید رنگ این براش به طور یک در میان بین رنگ زمینه و پس زمینه اعمال می شود به همین خاطر، لازم است که ما یک رنگ background با یک مقدار مشابه با رنگ سبز مثلا کد رنگ 19250f# را انتخاب کنیم.


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






حالا نوبت اضافه کردن متن به تصویر است.

ابزار تایپ (Type Tool)
ابزار تایپ افقی (Horizontal Type Tool) را انتخاب کنید. رنگ Foreground را روی رنگ سفید تنظیم کنید. روی هر قسمت از صفحه می توانید کلیک کــــــنید و شروع به تایپ کردن نــــــمایید.







وقتی متن مورد نظر را تایپ کردید، با استفاده از مکان نما همه آن متن را انتخاب کنید (کلید ماوس را نگه دارید و روی متن بکشید (drag) تا انتخاب شود. کاری که قصد داریم انجام دهیم این است که با رفتن به نوار تنظیمات ابزار Type بعضی از خصوصیات متن تایپ شده را تغییر دهیم.
از قسمت Font گزینه Arial و در قسمت font weight گزینه Bold را انتخاب نمایید، text size یا سایز متنرا روی 60 pt قرار دهید و گزینه Crisp را از قسمت anti-aliasing انتخاب کنید.





همین طور که ملاحظه می کنید، ابزار Type یک لایه جدید Type Layer در پالت لایه ها برای متن ایجاد کرده است. برای اعمال این متن باید روی این لایه جدید کلیک کنید یا کلیـدهای Ctrl + Enter را فشار دهید.






خوب، حالا می خواهیم جای متن تایپ شده را طوری قرار دهیم طوریکه به نظر برسد در حــــال بیرون آمدن از بین سبزه هاست.

انتقال و حرکت دادن لایه ها

اولین کاری که لازم است انجام دهیم این است که لایه Type را پایین لایه Grass قرار دهیم بنابراین این طور به نظر می رسد که Grass (سبزه) جلوی آن قرار دارد. در پالت لایه ها، روی لایه Type کلیک و آنرا به زیر لایه Grass بکشید (drag).








حالا می توانید از ابزار Move برای تغییر موقعیت لایه در تصویر استفاده کنیم. در حالیکه لایه Type انتخاب شده است، ابزار Move را انتخاب کنید و متن را به هر جای تصویر که مایلید حرکت دهید. مثلا از جایی که سبزه ها شروع شده اند تا جاییکه به پایان می رسند.









این کارخیلی ساده است. حالا که با کلیات حرکت دادن لایه ها آشنا شدید، می خواهیم چند لایه جدید دیگر ایجاد کنیم و موارد دیگر را در مورد لایه ها توضیح دهیم.


Opacity و Blending Modes و Filling Selections

یک لایه جدید در بالای لایه background و زیر لایه های type و grass ایجاد کنید، سپس با ابزار Elliptical Marquee یک انتخاب به شکل بیضی رسم کنید.









با استفاده از ابزار Fill، این ناحیه انتخابی را با رنگ سفید پر کنید(روی لایه جدید). با رفتن به مسیر Select > Deselect یا زدن کلیدهای Ctrl + D تصویر را از حالت انتخاب خارج کنید.
حالا باید یک دایره بزرگ و به رنگ سفید روی صفحه طراحی داشته باشید. Blending Mode این لایه را روی Overlay قرار دهید.









تنظیم Blending Mode کار بسیار آسانی است. ما در این آموزش قصد نداریم سراغ جزییات Blending Mode برویم، اما لطفا آنها را امتحان کنید تا ببینید چه کاری روی تصویر انجام می دهند.
حالا Opacity لایه را بین مقادیر 15 تا 20% تنظیم کنید.









روی لایه جدید کلیک راست کنید و گزینه Duplicate Layer را از لیست انتخاب نمایید. با انجام این کار یک کپی دقیقا مانند خود لایه ایجاد می شود. مقدار opacity و blending mode لایه را تغییر ندهید. با استفاده از ابزار Move جای لایه را تغییر دهید تا جایی که بتوانید لبه های دو دایره را به وضوح روی تصویر ببینید.








دقت کنید چگونه می توانید دایره زیرین از پشت دایره جلویی قابل مشاهده کنید؟ چون لایه دایره مانند یک جسم شفاف، مثل شیشه، عمل می کند و اجازه می دهد هر چیزی که پشت آن قرار دارد قابل دیدن باشد. با کاهش میزان opacity به کمتر از مقدار 100%، ما قادر خواهیم بود از درون اشکال یا تصاویر اشکالی که در زیر آنها قرار دارد را ببینیم.








در آخر اجازه دهید به یکی از خصوصیات دیگر در پالت لایه ها بپردازیم. روی آیکن New Group که در پایین پالت لایه هاست کلیک کنید (آیکنی که شبیه پوشه یا folder است).
عملکرد و کاربرد Group مانند عملکرد یک folder است. شما می توانید چندی لایه را درون آن قرار دهید و سپس هنگامی که Group را انتخاب کنید، می توانید opacity و blending mode و موقعیت و مکان لایه هایی که در آن قرار دارند را همزمان تغییر دهید و بسیاری خصوصیت دیگر.

اجازه دهید آن را امتحان کنیم! دو لایه دایره را به لایه group بکشید (Drag کنید). وقتی هر دو لایه درون group قرار گرفتند، لایه Group را از پالت لایه ها انتخاب کنید، سپس با استفاده از ابزار Move، آن را در صفحه طراحی حرکت دهید. هر دو لایه دایره باید به طور همزمان حرکت کنند، در حالیکه هر کدام ویژگی ها و مشخصات خاص خود را حفظ کرده اند.

[!MAHSA!]

آموزش فتوشاپ درس پنجم ابزارهای نقاشی در فتوشاپ



در فتوشاپ، ابزارهای نقاشی برای کشیدن stroke (خط حاشیه یا خطی که دور محیط یک شکل قرار دارد) و رنگ کردن فضاها با استفاده از یک یا مخلوطی از رنگ ها، بکار برده می شوند. دانستن اینکه چگونه می توان از این ابزار استفاده کرد، برای هر هنرمند طراحی که مایل است در فتوشاپ مهارت بالایی کسب کند، لازم و ضروری است.


ابزار براش (Brush Tool)

برای اینکه بتوان از ابزار براش با همه توانایی هایش استفاده کرد، ابتدا لازم است بدانیم براش در فتوشاپ دقیقا چیست. یک براش از brush preset (براش های از قبل تنظیم شده) استفاده می کند که یا قبلا در فتوشاپ تعریف شده، یا کاربر هنگام استفاده از این ابزار آن را در brush preset تعریف می کند. یک brush preset براشی است با مشخصات تعریف شده مانند سایز و شکل.
فکر کنید براش ها در فتوشاپ یک مجموعه بزرگ از قلم موهای متفاوت هستند که هر کدام یک نوک قلم متفاوت دارند. تصور کنید شما نوک یکی از این قلم موها را روی صفحه طراحی فشار دهید، فورا اثر شکل آن براش روی صفحه باقی می ماند. توضیح کاربرد و عملکرد براش کمی دشوار است اما امیدوارم اصل مطلب را دریافته باشید.
براش ها در فتوشاپ خصوصیات زیاد دیگری نیز دارند که آنها را از قلم موهای حقیقی که در دنیای واقعی استفاده می شوند متمایز می کند. با تغییر دادن این خصوصیات، می توانیم براش های کاملا جدیدی بسازیم که کابردهای منحصر به فردی دارند و آثار ویژه ای از خود به جا می گذارند، همچنین شما می توانید براشی خلق کنید که از لحاظ شکل و اندازه متفاوت باشد، براشی که خود به طور تصادفی ذراتی را به جهات مختلف پخش کند و براشی که هنگام کشیدن رو صفحه به طور خودکار میزان شفافیتش کم و زیاد شود. این امکانات بی اندازه و پایان ناپذیرهستند.






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

یک سند یا فایل جدید با ابعاد 200x200 پیکسل با background به رنگ سفید، ایجاد کنید. ابزار براش را انتخاب کنید و در قسمت نوار options از brush preset picker (روی فلش کوچک کنار براشی که در حال حاضر فعال است کلیک کنید) اولین براش را انتخاب کنید.
روی صفحه طراحی بروید و یک حرکت چرخشی با این براش انجام دهید. روی رنگ foreground در پایین جعبه ابزار کلیک کرده و رنگ مورد علاقه خود را برای نقاشی انتخاب نمایید. مکان نما را به جایی ببرید که می خواهید نقاشی را از آنجا آغاز کنید، حالا کلید ماوس را فشار داده و یک خط ایجاد کنید.





تغییر دادن براش ها

این براش از قبل تنظیم شده، یک خط یک پیکسلی با لبه های سخت (hard) ایجاد می کند. ما می توانیم بعضی از مشخصه های این براش را تغییر دهیم تا چیزی کاملا متفاوت به دست آوریم.





برای تغییر تنظیمات یک براش، باید به سراغ پالت Brush بروید. برای باز شدن پالت Brush به مسیر Window > Brushes بروید. تصویر زیر پالت Brush را نمایش می دهد.





A. تنظیمات براش (Brush Settings): تنظیمات متفاوت برای قلم موی براش انتخاب شده.
B. پیش نمایش(Brush Stroke Preview): یک پیش نمایش از شکلی که براش فعلی ایجاد می کند به شما نشان می دهد.
C. نوع قلم موی انتخاب شده (Selected Brush Tip): نوع قلم مویی که در حال حاضر در حال استفاده از آن هستید.
D. انواع قلم مو (Brush Tip Shapes): لیستی از اشکال نوک قلم موهایی که در دسترس است.
E. گزینه های براش (Brush Options): گزینه هایی برای تغییر نوک براشی که در حال حاضر انتخاب کرده اید. تغییرات دائمی نخواهند بود مگر اینکه این براش را برای استفاده های بعدی ذخیره کنید.

یک کاربر می تواند ازقسمت تنظیمات Brush Tip Shape، از لیستی که اشکال آماده ای دارد، یک نوک قلم مو برای براشی که در حال استفاده از آن است را انتخاب کند.

با کلیک کردن روی هر کدام از تنظیماتی که در سمت چپ پالت براش قرار دارد، یک پنل از گزینه ها ظاهر خواهد شد که می تواند به دلخواه شما تنظیم شود.


در قسمت Brush Tip Shape، گزینه diameter را روی 20px تنظیم کنید. با تغییر دادن diameter, سایز براش شما تغییر کرده است.









حالا به Shape Dynamics بروید و گزینه size jitter را روی 100% قرار دهید. با تغییر shape dynamics، مشاهده می کنید که اثری که از یک براش در هنگام کشیدن خط به جا می ماند، تغییر می کند.








سرانجام، به Scattering بروید و scatter را روی 300% و count را روی 1 قرار دهید. Scattering مکان و تعداد آثار براش را تحت تاثیر قرار می دهد.



حالا با براش جدید شروع به نقاشی کردن کنید و تفاوت های زیادی که این براش با براش های فتوشاپ دارد را مشاهده کنید.

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


ابزار پاکن

ما قصد نداریم زیاد وارد جزییات بحث این ابزار شویم، زیرا شما قبلا یک درک خوب از اینکه این ابزار چه کاری انجام می دهد ، را کسب کرده اید.
مانند بسیاری از ابزار های دیگر در فتوشاپ، ابزارEraser از براش هایی استفاده می کند که اندازه (size) ، شکل و درجه سختی (hardness) این ابزار را تحت تاثیر قرار می دهد. مخصوصا، ابــزار Eraser دقیقا از راه هایی کنترل و تنظیم می شود که ابزار براش کنترل می شد، فقط این ابزار به جای کشیدن و نقاشی کردن ، پاک می کند.

نکته:
در هنگام پاک کردن لایه "Background" با این ابزار، به این نکته توجه داشته باشید که رنگ پس زمینه یا background color به قسمت هایی که پاک می شود، اعمال می گردد، بدین معنی که در هنگام پاک کردن لایه Background، باید رنگ background color با رنگ پیش فرض Background" یکی باشد.


ابزار Paint Bucket

ابزار Paint Bucket برای رنگ کردن فضاها و نواحی انتخابی استفاده می شود که این ابزار فقط رنگ های یک دست را اعمال می کند یعنی نمی توان با این ابزار یک طیف رنگ را به محل و ناحیه مورد نظر اعمال نمود، این ابزار رنگ foreground یا همان رنگ زمینه را روی محل انتخاب شده و یا قسمت هایی که از تنوع رنگ یکسانی برخوردار می باشند اعمال می کند، برای foreground رنگ مورد علاقه خود را انتخاب کرده و روی قسمتی ازتصویر که مایلید آن را رنگ کنید فقط یک بار کلیک نمایید.






ابزار Gradient

ابزار Gradient مقدار زیادی به ابزار paint bucket شباهت دارد، در ابزار paint bucket، همه قسمت ها یا فضاهای انتخاب شده با رنگ پر می شدند. در حالیکه در ابزار Gradient به جای رنگ کردن فضاها با رنگ یک دست و یکنواخت، یک طیف از رنگ ها ایجاد می شوند که با یکدیگر ترکیب شده اند.
وقتی این ابزار انتخاب شده باشد، یک گرادیانت یا طیف رنگ از پیش تنظیم شده را می توانید از gradient picker که در قسمت نوار options قرار دارد انتخاب کنید. می توانید با کلیک و کشیدن (drag) در جهتی که دوست دارید، روی صفحه طراحی یک گرادیانت ایجاد کنید و در هر جا که مایل بودید کلید ماوس را رها کنید.









5 نوع gradient styles مختلف وجود دارد که می توانید آنها را برای ایجاد افکت های مختلف انتخاب نمایید. می توانید آنها در قسمت نوار Options تنظیم کنید.

[!MAHSA!]

آموزش فتوشاپ درس ششم، ابزارهای رسم و تایپ (Drawing and Type Tools)



ابزارهای Drawing و Type برای ایجاد و خلق تصاویر وکتور و نیز تایپ کردن روی صفحه های طراحی استفاده می شوند. هرچند فتوشاپ به عنوان یک ویرایشگر تصاویر وکتور تعریف نشده اما این امکان وجود دارد که تصاویر وکتوری بر پایه اشکال و عناصری به وجود آورد که قابلیت تغییر سایز دارند، بدون اینکه هنگام کوچک یا بزرگ کردنشان از کیفیت آنها کاسته شود.


ابزارهای تایپ ( Type Tools)

ابزار تایپی که به صورت پیش فرض (default) برای استفاده کابر در نظر گرفته شده، ابزار Horizontal Type یا ابزار تایپ افقی است، که برای تنظیم جهت تایپ روی تصویر به صورت افقی مورد استفاده قرار می گیرد. اگرچه فتوشاپ یک برنامه raster based است یعنی برنامه ای است که برا اساس پیکسل نوشته شده است، اما اساس وکتور خود را در تایپ حفظ کرده است و این بدین معنی است که مقیاس متن تایپ شده را می توان به هر اندازه ای که لازم است تغییر داد بدون اینکه از کیفیت آن کم شود. این خصوصیت به ما این امکان را می دهد تا به آسانی اندازه و حالت یا style و سایر خصوصیات متن تایپ شده را کنترل کنیم ، به علاوه در مراحل بعد یعنی در مرحله ی طراحی ، آنها را اصلاح کرد یا تغییر داد.

برای تایپ کردن در یک تصویر، ابتدا ابزار تایپ عمودی یا افقی را انتخاب کنید سپس روی قسمتی از تصویر که می خواهید متن در آنجا قرار داشته باشد کلیک کنید، شما باید فورا مکان نما را در جایی که کلیک کردید ببینید. در قسمت نوار options، متوجه تنظیمات ابزار تایپی که انتخاب نموده اید خواهید شد.








"Font Family": در این قسمت می توانید یک Font خاص برای تایپ کردن انتخاب کنید.
"Font Style": در این قسمت می توانید style ابزاری که انتخاب کرده اید را مشخص کنید. style های متداول شامل bold و italic و regular می باشد.
"Font Size": در این قسمت می توانید سایز متنی که تایپ می شود را انتخاب کنید.
"Anti-Aliasing Method": یا روش هموار کردن ناصافی ها. در این قسمت، روش Anti-Aliasing را برای تایپ انتخاب کنید. Anti-Aliasing به شما اجازه می دهد تا لبه های ملایم و نرمی برای متن تایپ شده به وجود بیاورید .

اینجا یک نمونه نمایشی وجود دارد که تنظیمات تایپ را به شما نشان می دهد .








راههای زیادی برای مدیریت تنظیمات وجود دارند، اما توضیح در مورد جزییات آن از حوصله این درس خارج است پس ففقط یک نگاه اجمالی به این ابزار و نحوه عملکرد آن می اندازیم.
اگر مایل به دانستن بیشتر در مورد Type Tools هستید آموزش هایی وجود دارد که می توانید آنها را دنبال کنید. اینکه چطور می توانید به سرعت جهت متن را در فتوشاپ تغییر دهید و غیره که آموزش های بیشتر را می توانید در سایت PersianGFX پیدا کنید.


کاربرد ابزار های Shape در فتوشاپ

در فتوشاپ تعداد کمی اشکال vector-based یا اشکالی که بر پایه وکتور باشند تعریف شده است. که همه اینها را می توانید به آسانی به نقاشی یا طراحی خود در فتوشاپ اضافه کنید. به طور کلی 6 ابزار Shape وجود دارد.
"Rectangle Tool": ابزار ترسیم مستطیل می باشد ( اگر کلید shift را نگه دارید می توانید مربع رسم کنید ).
"Rounded Rectangle Tool": مستطیلی با گوشه های گرد ایجاد می کند. گردی گوشه ها را می توان با تنظیم radius که در قسمت نوار options قرار دارد کنترل نمود.
"Ellipse Tool": ابزاریست که می توان با آن بیضی رسم کرد. (با نگه داشتن کلید shift در هنگام رسم، می توان دایره کشید).
"Polygon Tool": این ابزار، ابزار رسم چند ضلی است که می توان تعداد اضلاع (sides) را در قسمت نوار options انتخاب کرد.
"Line Tool": برای کشیدن خط از آن استفاده می شود.
"Custom Shapes": شامل شکل های از پیش تعیین شده یا اشکالی است که کاربر ایجاد کرده است.







برای ایجاد یک شکل در تصویر، ابزار shape مورد نظرتان را انتخاب کنید، تنظیمات لازم را در قسمت نوار options اعمال کرده و شکل مورد نظر را روی تصویر drag نمایید.







نوجه: وقتی شما در حال خلق یک شکل جدید در فتوشاپ هستید، مطمئن شوید لایه Shape در حالت انتخاب قرار دارد. در غیر اینصورت، شکلی که بر اساس وکتور است تشکلیل نمی شود.




ابزار Pen

ابزار Pen اغلب برای کاربران مبتدی به عنوان ابزاری معرفی می شود که کاربرد آن بسیار سخت است. البته خوشبختانه آموزش های فراوانی در رابطه با این ابزار در اختیار کاربران مبتدی قرار داده ایم تا بیشتر با این ابزار و فواید آن آشنا شوند. برای آشنایی بیشتر به "آموزش ابزار Pen در فتوشاپ" که بزودی بروی سایت قرار می گیرد مراجعه کنید.
از توجه شما سپاسگزاریم.

[!MAHSA!]

آموزش فتوشاپ درس هفتم، کاربرد Transform (تغییر شکل دادن) در فتوشاپ



Transform در فتوشاپ برای مقیاس دادن (scale)، دوران دادن (rotate)، مورب کردن (skew) و در نهایت پیچ و تاب دادن distort و پرسپکتیو کردن هر تصویری که شما با ان کار می کنید، استفاده می شود. در این آموزش به شما یاد داده می شود چطور از Transform برای تنظیم کردن تصویر استفاده کنید.


مقیاس دادن به تصاویر گرافيكی

یکی از اساسی ترین کارهایی که transformation در فتوشاپ قادر به انجام آن است مقیاس دادن (Scaling) یا تغییر مقیاس طرح ها و تصاویر است. Scaling به شما این امکان را می دهد تا تصویر را حول یک نقطه ثقل، بزرگ یا کوچک کنید. برای تغییر مقیاس یک تصویر باید به مسیر Edit > Transform > Scale بروید.
یک سری دستــــگیره در اطراف تصویر مورد نظر از قبیل اشکال یا لایه ها ظاهر می شود. با حرکت دادن هر یک از این دستگیره ها، می توانید ســــایز تصویر را تنـــــظیم کنید. برای اعمال تغییرات بعد از Transform کردن، کلید Enter را فشار دهید.





نکته
ثابت نگه داشتن نسبت ها در هنگام تغییر مقیاس

اغلب اوقات، لازم است هنگام تغییر دادن مقیاس یک شکل یا تصویر نسبت ها، به یک اندازه اعمال شود یعنی تصویر در همه جهات به یک اندازه بزرگ یا کوچک شود، این کار را می توان به آسانی و تنها با نگه داشتن کلید Shift در هنگام drag کردن دستگیره های transformation، انجام داد، همچنین با نگه داشتن کلید های shift و alt به طور همزمان می توان به همین نتیجه رسید.


دوران یا چرخش اشکال در فتوشاپ
برای دوران دادن یک شکل در فتوشاپ، به مسیر Edit > Transform > Rotate بروید. دستگیره هایی مانند آن هایی که هنگام تغییر مقیاس دیدید، ظاهر خواهد شد، اما به جای drag کردن یکی از آن ها، مکان نمای موس را نزدیک یکی از نقاط قرار داده تا به شکل یک منحنی درآید. حالا برای دوران دادن شکل، موس را به راست یا چپ بچرخانید تا شکل نیز همزمان دوران پیدا کند. بار دیگر با فشار دادن کلید Enter می توانید تغییرات انجام شده را اعمال کنید.





نکته
شما به آسانی و با نگه داشتن کلید shift می توانید شکل را دقیقا 15 درجه دوران دهید، یعنی اگر در هنگام دوران دادن، کلید shift را نگه داشته باشید، میزان چرخشی که انجام می شود دقیقا 15 درجه است.
Skew و Distort و Perspective Transformations
سه نوع transformation دیگر که می خواهیم در مورد آنها صحبت کنیم، شباهت زیادی به یکدیگر دارند، زیرا همه آنها با drag کردن دستگیره ها کنترل می شوند. این بدین معنا نیست که عملکرد و نتیجه نهای هم آنها یکی است، بلکه منظور این است که هر سه یک جور عمل می کنند. شما می توانید با رفتن به مسیر Edit > Transform گزینه های Skew و Distort و Perspective Transformations را روی تصویر مورد نظر خود اعمال کنید.

Skew یا مورب کردن: در Transform کردن اشکال به صورت مورب یاSkew، می توانید اشکال را به صورت افقی یا عمودی کج یا مورب می کنند.
Distort: در این نوع transform، این امکان به شما داده می شود تا یک تصویر را در هر جهتی که مایلید امتداد و گسترش دهید.
Perspective: این روش به شما اجازه می دهد به تصویر نمای سه بعدی یا Perspective اضافه کنید.






پیچ و تاب دادن به تصویر

Warp Transformationدر مقایسه با سایر Transformation ها، کاملا متفاوت است. در این روش همه شکل یا تصویر را می توان تغییر داد، که این ویژگی سبب شده تا از این transformation برای ایجاد افکت های مختلف و زیبا استفاده شود. برای استفاده از این ویژگی، به مسیر Edit > Transform > Warp بروید، پس از آن یک سری خطوط شبکه مانند روی تصویر ظاهر می شود که شما می توانید با drag کردن نقاط کنترل یا control points، خطوط و یا سایر قسمتهای آن شبکه، تصویر را به طور دلخواه تنظیم کنید. همچنین می توانید از قسمت نوار options ، یک سری warp آماده را انتخاب و روی تصویر اعمال نمایید.

[!MAHSA!]

وقتی می خواهیم تصویر را Save for Web کنیم، همیشه در نظر گرفتن کیفیت و اندازه تصویر برای بالا بردن وضوح هنگام دیده شدن آن اهمیت زیادی دارد. در این آموزش به شما نشان داده خواهد شد، چه چیزی برای ذخیره کردن تصویر برای وب نیاز دارید.

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

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


داده های صرفه جو در برابر داده های پر اتلاف

اگر چه فرمت های متعددی برای تصاویر وجود دارد (JPEG, GIF, PNG ،...)، تصاویر را می توان به دو دسته داده های صرفه جو و پراتلاف طبقه بندی کرد. داده های صرفه جو به رسانه این امکان را می دهد تا بدون از دست دادن و یا تلف کردن اطلاعات و یا کیفیتشان نمایش داده شوند. اما داده های پرتلاف ممکن است کیفیت و اطلاعاتشان را از دست بدهند.

متداول ترین رسانه صرفه جو در گرافيك و طراحی شامل: GIF و PNG و TIFF می شود در حالیکه JPEG از معروفترین رسانه های گرافيكی پر اتلاف به شمار می رود.


چگونه در فتوشاپ Save for Web کنیم

Adobe Photoshop یک راه مناسب برای بهینه سازی تصاویر برای ذخیره کردن برای وب را داراست. در فتوشاپ، به مسیر File > Save For Web بروید و یا از کلیدهای میانبر Ctrl + Alt + Shift + S استفاده نمایید.
یک پنجره جدید باز خواهد شد که شامل همه تنظیمات برای ذخیره سازی و بهینه سازی یک تصویر برای وب می شود:







ما روش استفاده از این پنجره را با یک مثال به شما نشان می دهیم:

ذخیره کردن عکس ها برای وب

عکس ها باید همیشه به عنوان یک داده پر اتلاف ذخیره شوند و این به خاطر سایز بزرگ فایل آنهاست. وقتی یک عکس گرفته می شود، گرایش دوربین به سمت ذخیره سازی عکس در قالب یک نوع فایل فشرده مانند (JPEG) است تا قالب RAW، که می تواند فایلی با اندازه بزرگتر ایجاد کند.

نوع فایل متداول و مقدم در عکس ها JPEG است، که از نام بنیانگذاران آن یعنی "Joint Photographic Experts Group" گرفته شده است. دلیل اینکه چرا JPEG تبدیل به یک استاندارد شد به خاطر قابلیت آن در فشرده سازی داده های تصویر است که در همین زمان قادر به حفظ بالاترین کیفیت می باشد و نیز شباهت زیادی به تصاویر صرفه جو دارد ( با در نظر گرفتن اطللاعات )

وقتی قصد ذخیره کردن عکس برای وب را دارید می توانید چند Save For Web از قبل تنظیم شده را انتخاب کنید. برای یک عکس، باید کابرد هریک از قالب های JPEG Low یا JPEG Medium و یا JPEG High را در نظر بگیرید. با توجه به تصویر زیر خواهید دید که یک عکس بدون اتلاف و از دست دادن کیفیت، فشرده می شود. در مقایسه با عکس اصلی، که بالای 250 KB است، می توانیم یک عکس با کیفیت قابل قبول و با استفاده ازفشرده سازی Medium quality یا High quality از قبل تنظیم شده که اندازه فایل آن کمتر از 30 KB است به دست آوریم.





تصاویر GIF

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

GIF یا Graphics Interchange Format، یک قالب عکس است که از یک پالت که شامل بیش از 256 رنگ است استفاده می کند، که آن را به یک گزینه مهم برای گرافيك های وب تبدیل کرده است که از یک میدان رنگ گسترده استفاده نمی کند همچنین GIF می تواند پیکسل های تکی را طوری تنظیم کند تا به transparent تبدیل شوند که ما در این آموزش قصد آموزش و بحث در مورد آن را نداریم. تصویر زیر مقایسه بین یک تصویر با قالب GIF (با استفاده از 250 رنگ) و تصویر دیگر با قالب jpeg است، اندازه فایل هر دو دقیقا مشابه است. همین طور که می بینید قالب گرافيكی صرفه جوی GIF، از لحاظ کیفیت، شباهت بیشتری به تصویر اصلی دارد.






به دلیل اینکه تصاویر GIF یک پالت محدود با 256 رنگ دارد، تقریبا هیچ وقت از آنها در عکس ها استفاده نمی شود، اما برای گرافيك هایی که از یک رنگ در آنها استفاده می شود یا رنگ های محدودی در ساختارشان بکار رفته، بسیار مناسب هستند. برای عکس ها،قالب JPEG و یا PNG را می توان استفاده کرد.

تصاویر با کیفیت و PNG صرفه جو

PNG یا Portable Network Graphics، مانند GIF ، قالب هایی با داده های صرفه جو هستند، جز اینکه آنها تعداد بیشتری رنگ را پشتیبانی می کنند ( که باعث می شود آنها در بسیاری موارد دیگر نیز بزرگتر باشند ).....و نیز می توانند به جای single transparent pixels یا تک پیکسل های شفاف، کانال های شفاف آلفا یا alpha transparency channels را پشتیبانی کنند.

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

برای گرافيك هایی که باید روی وب قرار بگیرند در حالیکه کاملا کیفیت خود را حفظ کرده اند، PNG اولین انتخاب است در این موارد شما به یک تصویر با سایز بزرگتر از JPEG دست می یابید، اما در این زمان، اصولا PNG بهترین انتخاب برای زمانی است که یک گرافيك شامل خطوط تیز و یا متنی است که باید خیلی واضح و روشن نمایش داده شود، اما این کار سرانجام بستگی به تصمیم طراح دارد که کدام یک از قالب ها را انتخاب می کند.

[!MAHSA!]

فیلترها برای تغییر ظاهر یا منظر تصاویر، لایه ها یا نواحی انتخاب شده در فتوشاپ بکار می رود. در این آموزش تعدادی از فیلترهای متداول به شما معرفی و نشان داده می شود که چگونه از می توانید از آنها استفاده کنید.

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


انتخاب فیلترها از Filter Gallery

Filter Gallery در فتوشاپ اساسا یک منبع قابل توجه در فتوشاپ برای کار با فیلترها است در سند شماست. در Filter Gallery، شما می توانید تعداد زیادی فیلتر مشاهده کرده و یکی از آنها را انتخاب و روی تصویر اعمال کنید یا آنها را روی هم قرار دهید مانند لایه ها. با رفتن به Filter > Filter Gallery شما می توانید پنجره Filter Gallery را ببینید.

اینجا یک تصویر از Filter Gallery نمایش داده شده است:






معرفی Filter Gallery
A. پیش نمایش فیلتر Filter Preview
B. لیست فیلترها (Filter List): توجه می توانید با کلیک کردن روی آیکن فلش که در بالای سمت راست لیست قرار دارد ، آنرا فعال یعنی طوری که قابل دیدن باشد و یا مخفی کنید.
C. فیلتری که در حال حاضر در حال استفاده کردن از آن می باشید.
D. تنظیمات فیلتر Filter Options
E. لایه های افکت Effect Layers
F. آیکن ساخت لایه افکت جدید/ آیکن پاک کردن لایه افکت (New / Delete Effect Layer)

لایه های افکت فیلتر دقیقا مانند فیلترهای معمولی در فتوشاپ کار می کنند و می توان برای به دست آوردن نتیجه مورد نظر،آنها را drag و کرد و در بالای بقیه لایه ها قرار داد.

اعمال یک فیلتر روی تصویر ازطریق گالری کار خیلی آسانی است. روی یک فیلتر کلیک کنید، تنظیمات آنرا مطابق سلیقه خود تغییر دهید و سپس کلید OK را بزنید تا فیلتر روی تصویر اعمال شود.برای قرار دادن چند فیلتر روی یکدیگر، فقط کافیست روی کلید New Effect Layer یا قسمت F در شکل بالا کلیک کنید و یک فیلتر جدید انتخاب کنید. برای بازشدن لیست فیلترها باید روی folder که در کنار نام فیلتر قرار دارد کلیک کنید.






دسترسی سریع به فیلترها

Filter Gallery تنها یک جستجوگر است. اگر شما دقیقا می دانید از چه فیلتری می خواهید استفاده کنید، می توانید مستقیما آن را از Filter menu (منوی فیلتر) در اختیار داشته باشید تا در کارتان از سرعت بالایی برخودار باشید.


کاربرد سایر فیلترها

همه فیلترهای فتوشاپ در Filter Gallery موجود نیست. تعداد بیشتر آنها از طریق منوی فیلتر در دسترس کاربر قرار دارند و هر یک عملکرد و تنظیمات خاص خود را داراست.
ماقصد داریم در این آموزش به سراغ تک تک فیلترها برویم هرچند زمان زیادی را باید صرف کرد اما پیشنهاد می کنیم هر کدام از فیلترها را به طور جداگانه روی تصاویر آزمایش کنید و نتیجه هر یک را ببینید تا یک ایده کلی از اینکه هر کدام از فیلترها چه کاری انجام می دهند به دست آورید.


فیلتر Blur: با رفتن به مسیر Filter > Blur:
این فیلترها در بسیاری از موارد و موقعیت ها مناسب هستند مثلا در عمق بخشیدن به تصویر و ...






فیلتر Noise: با رفتن به مسیر Filter > Noise:

این شکل floating palette است که شامل تنظیماتی برای سایر خصوصیات اشیا است و به طور معمول برای تغییر رنگ ها و ضخامت یا پهنای stroke استفاده می شود.







فیلترSharpen: با رفتن به مسیر Filter > Sharpen:

این فیلتر نیز برای ترمیم عیوب و نواقص در عکاسی استفاده های فراوانی دارد، همچنین برای برجسته کردن عناصر مهم و اصلی درطرح استفاده می شود. وقتی در حال کار کردن با تصاویر مات (blurred image) هستید، یک sharpen filter می تواند برای واضح تر شدن و بهتر دیده شدن لبه های تصویر و نیز برای افزایش کنتراست بین پیکسل ها، به شما کمک کند.






معایب فیلترها

در حالیکه همه فیلترها برای استفاده در تصاویر 8 بیتی RGB کاربرد دارند، بیشتر آنها ممکن است وقتی با فضاهای رنگی دیگرمثلا 16 یا 32 بیتی کار می کنید غیر فعال باشند. فیلترها همچنین برای استفاده در Bitmap و Indexed-color نیز کاربرد ندارند.
اگر شما قادر به استفاده از فیلترها نبودید، ممکن است لازم باشد به مسیر Image > Mode بروید و مطمئن شوید که Mode رنگ روی RGB و 8 Bits/Channel تنظیم شده است. اگر تنظیمات نام برده درست بود ولی باز هم موفق به دیدن فیلترها نشدید در چنین مواردی ممکن است اشکال از خود تصویر باشد.

[!MAHSA!]

در فتوشاپ می توان افکت هایی به لایه ها اضافه نمود که به طور خودکار تغییراتی در لایه ایجاد می کنند. ترکیب افکت ها روی هر لایه Layer Style یا حالت لایه نامیده می شود. در این درس به شما آموزش داده می شود چگونه از آنها استفاده کنید و layer style های مورد نظر خود را روی تصویر اعمال کنید.


Layer Style چیست؟

نکته: اگر سعی در پیدا کردن راه ها و چگونگی نصب Layer Style ها هستید به آموزش فوق مراجعه کنید. Installing Layer Styles in Photoshop یا نصب Layer Styles در فتوشاپ.

Layer Style ها جلوه های ویژه ای هستند که با سرعت و به آسانی می وان آنها را روی لایه ها در فتوشاپ اعمال کرد تا به طور قابل ملاحظه ای ظاهر هر چیز را در کمترین زمان تغییر دهد. آنها یا به طور از قبل تنظیم شده، یا به صورت Layer Style های دست ساز وجود دارند که کاربر آنها را ایجاد و برای استفاده های بعدی خود ذخیره نموده است.
یکی از خصوصیات مفید Layer Style ها این است که رابطه نزدیکی با محتوای لایه (layer contents) دارد. از آنجایی که style در اصل یک موجودیت یا خصیصه مجزاست که فقط با لایه ارتباط پیدا می کند، به طور پی در پی خود را با تغییرات محتوا یعنی هر نوع ویرایش یا انتقالی که در محتوا صورت می گیرد، هماهنگ یا update می کند.بعلاوه، جلوه ها بعد از اعمال شدن به آسانی می توانند تنظیم و هماهنگ شوند.

متنی که در زیر مشاهده می کنید قبل و بعد از اعمال layer styles را نمایش می دهد

کاربرد از Layer Style های از قبل تنظیم شده یا Presets

نسخه جدید فتوشاپ با تعداد قابل توجهی از Layer Style های از قبل تنظیم شده که از طریق پالت Style قابل دسترسی است (Window > Styles) بازگشت. برای اعمال کردن یک Layer Style، لایه
ای که می خواهید روی آن کار کنید را انتخاب کنید، سپس Layer Style مورد نظر را انتخاب نمایید.

بعد از به کار بردن Layer Style،افکت های اعمال شده در لایه را می توان در پالت لایه ها دید، تنظیم نمود و غیر فعال کرد. لایه ها با افکت اعمال شده روی آنها یک آیکن'f' خواهند داشت برای باز یا بسته
شدن لیست افکت ها باید روی فلش کوچکی که در سمت راست این آیکن قرار دارد کلیک کنید.
وقتی یک افکت در زیر لایه ایجاد می شود، می توانید با کلیک روی آیکن چشم هر یک از افکت هایی را که لازم ندارید، غیر فعال یا مخفی کنید. این افکت ها درست مثل یک لایه، می توانند مجددا قابل مشاهده یا فعال شوند فقط کافیست روی قسمت سفید (جایی که چشم قرار داشت) کلیک کنید.


ایجاد تغییرات سریع

با دوبار کلیک کردن روی آیکن f، پنجره Layer Style Options باز می شود و شما می توانید style لایه ها را سریعا تغییر دهید. از همین جا می توانید تنظیمات مورد نیاز را به صورت دستی وارد کنید.

ساخت افکت و Style

برای اضافه کردن افکت و style لایه ها، به Layer > Layer Style > Blending Options بروید و یا روی لایه کلیک راست کنید و گزینه Blending Options را انتخاب نمایید. با این کار یک پنجره تنظیمات Layer Style باز خواهد شد.

. لیستی از Style های از قبل تنظیم شده و آماده (Style Presets)
B. افکت ها (Effects): شامل افکت های گوناگونی است که می توان از آنها در layer style استفاده کرد. به این نکته توجه کنید که، با کلیک کردن روی نام هر کدام از افکت ها، آن افکت فعال و گزینه هایی برای هر کدام از آنها ظاهر می شود.
C. گزینه ها (Options) و تنظیمات (Settings): وقتی که تیک هر یک از افکت ها زده شده است، گزینه های آن هم در این قسمت نمایش داده می شود. وقتی Blending Options انتخاب شده است،
تنظیماتی مانند Opacity و Fill و سایر گزینه ها به نمایش در می آیند.
D. پیش نمایش Layer Style Preview: یک صفحه پیش نمایش از Layer Style.

افکت ها (B) را می توان با زدن تیک آنها، فعال یا با برداشتن تیک غیرفعال نمود. برای ویرایش یک افکت، لازم است روی نام آن کلیک کنید نه روی checkbox. تنظیمات افکت ها در قسمت Options
یعنی قسمت (C) در تصویر بالا نمایش داده می شوند. برای اعمال افکت ها و گزینه های مورد نظر، بعد از ایجاد تغییرات روی کلید OK کلیک کنید.

انواع افکت های لایه:

Style ها را می توان با افکت های زیر ایجاد کرد:

Drop Shadow- یک سایه پشت محتوای لایه ایجاد می کند.
Inner Shadow- سایه ای روی محتوای لایه ایجاد می کند.
Outer Glow- یک درخشندگی یا براقی در پشت محتوای لایه ایجاد می کند. نمی تواند مانند Drop Shadow فاصله ایحاد کند.
Inner Glow- روی محتوای لایه را درخشان می کند. این افکت نیز نمی تواند مانند inner shadow بین درخشندگی و تصویر فاصله ایجاد کند.
Bevel and Emboss- برای ایجاد highlight های منحصر به فرد و افکت سایه روی محتوای لایه بکار برده می شود.
Satin- به محتوای لایه جلا می دهد و آن را مانند یک سطح صاف و صیقلی می کند.
Color Overlay- محتوای لایه را با رنگ ساده و یک دست، رنگ می کند.
Gradient Overlay- محتوای لایه را با یک صیف رنگ یا گرادیانت، رنگ می کند.
Pattern Overlay- محتوای لایه را با یک الگو یا Pattern رنگ می پوشاند.
Stroke- با استفاده از یک رنگ یک دست،گرادیانت و یا الگو، خطی در اطراف یا محیط محتوای لایه ایجاد می کند.



این تمرین را انجام دهید!

اجازه دهید برای اینکه بفهمیم چقدر از این آموزش مهارت کسب کرده ایم آن را امتحان کنیم. قصد ما آزمودن توانایی هایمان در ایجاد یک layer style برا روی یک متن است. ابتدا یک سند یا فایل جدید در
فتوشاپ ایجاد می کنیم و با استفاده از ابزار Type متن بزرگی به رنگ سیاه تایپ می کنیم.
روی لایه text کلیک راست کرده و گزینه Blending Options را انتخاب می کنیم.

همین طور که در حال اعمال تنظیمات هستید، باید قادر باشید تغییرات ایجاد شده روی سند اصلی را ببینید. نگاه کردن به سند وقتی در حال انجام تغییرات هستید به شما کمک می کند تا مدیریت بهتری در تنظیمات داشته باشید و تعیین کنید چه موقع تغییر کاربردی تر و بهتر است.

شما باید با بیشتر این slider ها و انواع تنظیمات آن در قسمت آموزش Palette ها آشنا شده باشید. گزینه Angle ممکن است برای شما نا آشنا باشد، اما کار کردن با آن بسیار ساده است. شما هم می توانید یک مقدار عددی برای آن وارد کنید و هم با کلیک ماوس روی آیکن چرخ مانند، آن را تنظیم نمایید. این کار را ادامه دهید تا به تنیجه مطلوب دست پیدا کنید.
حالا اجازه دهید یک افکت Bevel and Emboss اضافه کنیم. در این مرحله قصد داریم یک برجستگی (Bevel) که مناسب با تصویر باشد ایجاد کنیم می بینید که در همین زمان متنی که ایجاد کرده بودیم
برجسته تر شد.تنظیمات زیر را استفاده نمایید.

در واقع هیچ چیزی اینجا جدید نیست. ممکن است بخواهید برای درک بهتر مطالب و تنظیمات متفاوت، چیزهایی را که در بالا به آن اشاره شد را تجربه کنید، همه اینها به سلیقه شخصی شما بستگی دارد.

در این مرحله قصد داریم یک Gradient Overlay اضافه کنیم.

به طور پیش فرض، Gradient Overlay از یک گرادیانت یا طیف رنگ Foreground یا زمینه به Background یا پس زمینه تشکیل شده است که دقیقا چیزی نیست که ما به دنبال آن هستیم ( مگر اینکهما رنگ زمینه و پس زمینه را در فتوشاپ مخصوصا برای این مرحله نصب کرده باشیم ). مشکلی نیست، زیرا می توانیم به راحتی نمودار را با توجه به شکل زیر تنظیم کنیم.
روی گرادیانتی که در پنجره Gradient Picker نشان داده شده کلیک کنید ( روی طیف از سیاه به سفید). با این کار یک ویرایشگر گرادیانت یا Gradient Editor ظاهر خواهد شد. از Gradient Editor،
شما هم می توانید یک گرادیانت از قبل تنظیم شده را انتخاب کنید و هم می توانید مطابق با سلیقه خود یک گرادیانت جدید ایجاد نمایید. پایین ویرایشگر، گرادیانتی که در حال حاضر اعمال شده همـــراه با Opacity Stops (مشخص می کند میزان تیــــرگی گرادیانت در یک نقطه خاص چگونه است) و Color Stops (مشخص می کند کدام یک از رنگ ها در گرادیانت استفاده شده است) قرار دارد. ما می
توانیم stops ها را اضافه، کم و حتی مکان آنها را تغییر دهیم. برای انجام این کار روی یک نقطه از گرادیانت مثلا در زیر یا بالای آن و یا روی خود stop ها کلیک می کنیم.
قصد ما فقط تغییر stop های رنگی است که در حال استفاده است. روی اولین color stop کلیک کنید و کد 50a2e7 # را وارد کنید، سپس روی stop سمت راست کلیک کنید و کد 75cefc # را وارد نمایید.

روی کلید OK کلیک نمایید تا گرادیانت اعمال شود.

حالا روی OK کلیک کنید تا layer style که ایجاد کردید، اعمال شود.