![]() |
آموزش طراحی با نرم افزار فوتوشاپ-سطح مبتدی - نسخهی قابل چاپ +- انجمن وبلاگنویسان (http://onlineapotheker.life/forum) +-- انجمن: انجمن های آموزشی (http://onlineapotheker.life/forum/forumdisplay.php?fid=21) +--- انجمن: گرافیک و انیمیشن (http://onlineapotheker.life/forum/forumdisplay.php?fid=31) +---- انجمن: آموزش ها (http://onlineapotheker.life/forum/forumdisplay.php?fid=50) +---- موضوع: آموزش طراحی با نرم افزار فوتوشاپ-سطح مبتدی (/showthread.php?tid=19629) |
آموزش طراحی با نرم افزار فوتوشاپ-سطح مبتدی - i.sharifi - 93-5-21 سلام وقت همگی بخیر در این تاپیک به آموزش فوتوشاپ در سطح مبتدی خواهیم پرداخت . کلیه آموزش ها به صورت کاملا رایگان و اختصاصی برای انجمن بلاگرز تدارک دیده شدند و انتشار آنها تنها با ذکر و لینک به منبع مجاز است . RE: آموزش طراحی با نرم افزار فوتوشاپ-سطح مبتدی - 3iran - 93-5-21 طراحی بنر یا هدر یا لوگو؟ طراحی هدر در کمتر از 30 دقیقه - i.sharifi - 93-5-21 موضوع آموزش : طراحی هدر مدت زمان طراحی : 30 دقیقه یا کمتر سطح : مبتدی نمونه تصویر طراحی شده در این آموزش : ![]() قدم اول : ساخت پس زمینه ابتدا سند جدیدی با این مشخصات در فوتوشاپ ایجاد کنید : ![]() با فشردن کلید G از کیبورد ابزار Gradient را فعال کنید . یا در نوار ابزار بر روی این ابزار کلیک کنید . ![]() در منوی ابزار Gradient بر روی باکس کشویی کلیک کنید ![]() با کلیک بر روی این باکس پنجره Gradiend Editor باز می شود و می توانید طیف رنگ ها را تغییر دهید . با دو بار کلیک بر روی هر لغزانک یا با کلیک بر روی باکس Color می توانید رنگ جدیدی تعریف کنید . کد رنگ اول : 272727# و کد رنگ دوم : 111111# ![]() همچنان که ابزار Gradient فعال است از پایین سند چپ کلیک کنید و بدون رها کردن کلیک تا بالای سند به راه خود ادامه دهید . ![]() ![]() در قدم بعد شیپ طلوع آفتاب را مطابق تصویر زیر در سند قرار دهید . (شیپ را از این لینک دریافت کنید) ![]() بر روی لایه شیپ کلیک دوبار کلیک کنید یا با راست کلیک بر روی لایه و انتخاب گزینه Blending Options وارد پنجره Layer Style شوید . در صفحه اول مقدار Fill Opacity را به 0% تغییر دهید . ![]() ![]() سپس در منوی سمت چپ بر روی Gradient Overlay کلیک کنید . بر روی باکس Gradient کلیک کنید و کد رنگ ffffff# را برای رنگ اول و دوم تعریف کنید . با کلیک بر روی لغزانک های بالا می توانید Opacity طیف رنگ را کم و یا زیاد کنید . مقدار Opacity رنگ اول را 40 و رنگ دوم را 0 قرار دهید و بر روی Ok کلیک کنید . ![]() از منوی کشویی Style گزینه Radial را انتخاب و Opacity را بر روی 18% قرار دهید ، سپس ok کنید . ![]() برای رسم کردن تعدادی دایره ، در منوی ابزار بر روی ابزار Ellipse Tool کلیک کنید . ![]() دایره هایی را به دلخواه و یا مطابق شکل زیر بر روی پس زمینه ایجاد کنید و Opacity هر لایه را بر روی %4 الی %8 در نظر بگیرید . ![]() ![]() با استفاده از ابزار فعلی یعنی Ellipse Tool در پایین سند و بالاتر از تمامی لایه ها ،مطابق شکل زیر یک بیضی رسم کنید . ![]() با استفاده از Gradient در Layer Style رنگ اول را ffa600# و رنگ دوم را f6ff00# تعریف کنید . ![]() برای ایجاد خطوط براق با استفاده از ابزار Rectangle Tool یک خط باریک افقی ایجاد کنید . در حالی که لایه خط ایجاد شده فعال است ، از منوی Filter و زیر منوی Blur بر روی Motion Blur کلیک کنید . در پنجره تنظیمات مقدار Angle را 0 و مقدار Distance را 88 پیکسل تعریف کنید . ![]() دو خط دیگر نیز به همین شکل تهیه کنید و مطابق تصویر زیر در سند قرار دهید . ![]() ساخت پس زمینه به اتمام رسید. در قدم بعدی نحوه درج متن و ساخت استایل را فرا خواهید گرفت . ---- قدم دوم : اضافه کردن متن و ساخت استایل مناسب ابتدا فونت Roboto را از اینجا دریافت و بر روی رایانه نصب کنید . با فشردن کلید T از روی کیبورد ابزار Type Tool را فعال و کلمه Blogers را در وسط سند تایپ کنید . ![]() ![]() بر روی لایه Blogers دو بار کلیک کنید تا پنجره Blending Options باز شود . از منوی سمت راست بر روی گزینه Bevel & Emboss کلیک کنید و مقادیر زیر را برای Structure تعریف کنید Style: Emboss Technique: Smooth Depth: 1000% Direction: Up Size: 1px و مقادیر زیر را برای Shading تعریف کنید : Angle: -150 Altitude: 11 Highlight Mode: Screen کد رنگ : ffffff# Opacity: 100% Shadow Mode: Multiply کد رنگ : 000000# Opacity: 4% ![]() برای Gloss Contour طبق تصویر زیر عمل کنید . ![]() بعد از منوی سمت راست بر روی Contour کلیک کنید. Range را بر روی 100% تعریف و برای Contour مطابق شکل زیر عمل کنید : ![]() پس از ساخت استایل نتیجه به این شکل خواهد بود : ![]() حالا برای اینکه رنگ حرف B را تغییر دهیم باید متن را ویرایش و حرف B را از کلمه جدا و در لایه جدیدی تایپ کنیم : ![]() می توانید لایه logers را یکبار کپی کنید و حرف B را به جای آن تایپ کنید یا حرف B را در لایه جدیدی تایپ و اعمال زیر را انجام دهید : برای حرف B کد رنگ fdc000 را در نظر بگیرید . استایلی را که در مرحله قبل ساختید کپی و برای لایه B تعریف کنید . برای اینکار بر روی لایه قبل راست کلیک کنید و بر روی گزینه Copy Layer Style چپ کلیک کنید . حالا بر روی لایه B راست کلیک و گزینه Paste Layer Style را انتخاب کنید . ![]() ![]() سپس بر روی لایه B راست کلیک کنید و وارد Blending Options شوید و بر روی Bevel & Emboss کلیک کنید . تنها گزینه ای که باید تغییر دهید ، در قسمت Shading قابل دسترس است . برای رنگ Highlight Mode از کد رنگ ffea35# استفاده کنید . ![]() متن "مرجع پاسخگویی به سوالات وبلاگنویسان" را به سند اضافه کنید . ![]() سخت ترین یا بهتر است بگوییم ساده ترین مرحله طراحی هدر که ساخت استایل بود به اتمام رسید . در قسمت بعد نحوه اضافه کردن بقیه متن ها و باکس آدرس را فرا خواهید گرفت . --- RE: آموزش طراحی با نرم افزار فوتوشاپ-سطح مبتدی - behzadzati - 93-5-21 ممنون آقای شریفی بابت ایجاد این تاپیک بی صبرانه منتظر آموزش ها هستیم RE: آموزش طراحی با نرم افزار فوتوشاپ-سطح مبتدی - E.irannezhad - 93-5-21 (93-5-21، 04:29 عصر)i.sharifi نوشته است: موضوع آموزش : طراحی هدرممنون نشون دادید در اراده خیلی بهتر از چندی از دوستان هستید RE: آموزش طراحی با نرم افزار فوتوشاپ-سطح مبتدی - Hack!ng - 93-5-21 چقدر شباهت داره به طراحی شاهو ![]() اموزشش هم بزار یه چی یاد بگیریم RE: آموزش طراحی با نرم افزار فوتوشاپ-سطح مبتدی - bia2trol - 93-5-21 بالاخره یکی آموزش رو شروع کرد.خدا خیرتون بده RE: آموزش طراحی با نرم افزار فوتوشاپ-سطح مبتدی - i.sharifi - 93-5-21 (93-5-21، 04:26 عصر)3iran نوشته است: طراحی بنر یا هدر یا لوگو؟سلام مواردی مثل طراحی هدر و ساخت بنر . مبحث طراحی لوگو پیچیده ست و از حوصله این تاپیک خارج . (93-5-21، 04:53 عصر)Hacking نوشته است: چقدر شباهت داره به طراحی شاهواین تاپیک 1. محض رضای خدا و 2. آشنایی کاربران با برخی تکنیک ها و ابزار در فوتوشاپ ایجاد شده . پس شما و دوستتون هم از وقتتون به درستی استفاده کنید و به جای ارسال پست های طعنه آمیز ، تشریف بیارید به این تاپیک تا یک چیزی یاد بگیرید ![]() دوستان لطفا پست دیگری در این تاپیک ارسال نکنید تا طی یکی دو روز آینده آموزش اول رو تهیه و در پست مربوطه قرار بدم . RE: آموزش طراحی با نرم افزار فوتوشاپ-سطح مبتدی - Javad Hosseini - 93-5-21 عالیه آقای شریفی فقط آموزش ها تصویری هستن یا ویدیویی؟ RE: آموزش طراحی با نرم افزار فوتوشاپ-سطح مبتدی - ArashDma - 93-5-22 (93-5-21، 07:10 عصر)Javad Hosseini نوشته است: عالیه آقای شریفیاحتمال زیاد به صورت تکست باشه! |