Web Layout

[[REZA]]

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

برای شروع یک سند جدید 606*766 ایجاد کنید ورنگ پس زمینه اون رو مشکی قرار بدید
ابزار Pen Tool را انتخاب کنید و با رنگ 938A8B طرحی مانند شکل زیر رسم کنید

بر روی لایه طرح جدید کلیک راست کنید وگزینه ی Blending Options را انتخاب کنید و تغییرات زیر را بر روی آن انجام دهید

حالا از طرح جدید یک کپی تهیه کنید(ctrl+j) و کلید ترکیبی ctrl+t رو بزنید و لایه جدید رو به صورت زیر دربیاورید

دوباره از این لایه یک کپی بگیرید و Opacity آن را روی 15 قرار بدید و اون رو به پایین صفحه منتقل کنید

حالا یک دایره با رنگ 707070ایجاد کنید و با استفاده از ابزار Eraser Tool قسمتی از دایره را پاک کنید(مطابق شکل زیر)

با استفاده از ابزار Pen Tool شکلی مثل اشک به دور دایره ایجاد شده بکشید(شاید اولش فکر کنید بی ربط باشه ولی سایز Tool Brush رو روی 2 و همچنین foreground color رو سفید قرار بدید)حالا روی Paths ایجاد شده کلیک راست کنید وگزینه Stroke Paths رو انتخاب کنید واون رو روی حالت Brush قرار دهید وok کنید.دیدید بی ربط نبود......

حالا با هر ابزاری خواستین(Pen Tool،Brush Tool،Shape Tool) یه سه چهارم دایرهدی) بسازید و نیمدایره قبلی باید کمی تغییر کنه،با ابزار Eraser با سایز 13 وسط شکل رو پاک کنید

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

حالا یک خط کوچک مثل شکل زیردرقسمت دهانه ی دایره دومی و همچنین یک دایره کوچک کامل در وسط دایره دومی بکشید

حالا Text یا عنوان سایت یا صفحه رو تایپ کنید،اینم Style نوشته:

ابزار EllipseTool رو انتخاب کنیدو (با رنگ سفید) مثل شکل زیر یه سری دایره و بیضی با اندازه های متفاوت ایجاد کنید

دوباره ابزار EllipseTool رو انتخاب کنید واین بار چند دایره کوچک درست کنید

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

بازم ابزار EllipseTool و اینبار کادری برای عکس،با چند تا دایره به رنگ F0A500 یه کادر برای قرار دادن عکس درت کنید،دایره ها را Merge کنید و به آنها یک Stroke با میزان 3 یا 4 به رنگ سفید بدهید

کار ما تقریبا تموم شدست و شما فقط باید چند تا خط برای جدا کردن قسمت های متن ایجاد کنید.

اینهم یه نمونه از این آموزش

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