تبلیغات
::فتو آرت - Photo Art - Professional Tutorials, Downloads and Images - مطالب طراحی وب::
طراحی صفحات وب به وسیله فتوشاپ و ایمج‌ردی

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

 آزاد بودن طراح در استفاده از مبناهای گرافیكی برای طراحی صفحات وب، یكی از مزیت‌های نرم افزار Adobe Photoshop cs2 در طراحی وب است. 

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

 


ادامه مطلب...
لینک این مطلب نوشته شده به قلم محمدحسن آزادگان در چهارشنبه 12 مهر 1385 | موضوع: طراحی وب , نظرات ()
.:استفاده از ابزار برش در ایجاد صفحات وب:.

ابزار برش:

یكی از اصلی‌ترین و كاربردی‌ترین ابزارهای فتوشاپ "ابزار برش" است. كاربرد ویژه‌ی این ابزار در ایجاد صفحات وب است.

ابزار برش

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

روش استفاده:

1.تصویر مورد نظر خود را توسط فتوشاپ باز كنید و ابزار برش را نیز از پنل ابزار انتخاب كنید.

picture 1

2.مناطقی كه می‌خواهید به آنها لینك دهید را توسط این ابزار انتخاب كنید.

slices

3.حال می‌توانید خصوصیات یك تصویر لینك شده را به هر كدام از مناطق انتخاب شده بدهید. خصوصیاتی از قبیل: آدرس لینك، اسم لینك، اسمی كه موقع توقف نشانگر روی لینك ظاهر می‌شود و دیگر خصوصیات.

برای این كار به وسیله ابزار انتخاب برش (Slice select tool) –ابزار ضمیمه– روی قسمت انتخاب شده دبل‌كلیك كنید.

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

4.حال می‌توانید تصویر خود را به صورت یك صفحه وب توسط مرورگر مشاهده كنید.

وب

برای این كار از منوها انتخاب كنیدFile> Save as for web  .

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

پس از تایید، در هنگام تعیین نام و محل ذخیره وب از شما چگونگی ذخیره تصویر را می‌خواهد. حالت Image and HTML را انتخاب كنید.

فتوشاپ، همراه برنامه ضمیمه‌ی خود، "ایمج‌ردی" امكانات گسترده‌ای در طراحی گرافیكی صفحات وب دارند. در مطالب بعدی شیوه به وجود آوردن دیگر اجزای وب، مثل دكمه‌های تغییر كننده!، منو‌های باز شونده و قرار دادن تصاویر متحرك در وب را آموزش خواهم داد. 


لینک این مطلب نوشته شده به قلم محمدحسن آزادگان در شنبه 17 دی 1384 | موضوع: طراحی وب , نظرات ()