۳انعکاس تصاویر در موتور WebKit (قسمت اول)

    1,678 views

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


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

حالت اول : بازتاب ساده

توی این حالت ما تصمیم داریم تا تصویرمون رو مثل اسکرین‌شات بالا جوری تنظیم کنیم تا موقع لود شدن عکس یه بازتاب بصورت کامل از عکس داشته باشیم.
-webkit-box-reflect: below;
در مثال بالا تنظیم شده که بیاد بازتاب رو پایین عکس انجام بده. در واقع میشه گفت که اصولا بازتاب‌ها به همین شکل هستند… اما اگه شما دلتون میخواد تا در جهت دیگه‌ای خلاف این جهت بازتاب داشته‌باشین میتونین طبق دستور زیر عمل‌کنین:
-webkit-box-reflect: above;
-webkit-box-reflect: below;
-webkit-box-reflect: left;
-webkit-box-reflect: right;

Offset یا انحراف

بعد از اینکه شما جهت‌تون رو انتخاب‌کردین می‌تونین بصورت اختیاری مقدار انحراف رو تنظیم کنین. این انحراف باعث میشه تا بین تصویر اصلی شما و بازتاب فاصله بیفته.برای مثال من این مقدار رو روی ۲۰ پیکسل تنظیم میکنم. به تصویر زیر نگاه کنین:

-webkit-box-reflect: below 20px;
اینجا جلسه اول رو تموم میکنیم. سعی میکنم زود جلسه دوم رو هم بنویسم. موفق باشین

توضیحاتی در باب نویسنده

علی هستم؛ سومین نفری بودم که به جمع تک تمپ اضافه شدم... ریاضی میخونم و عاشق طراحی و وردپرسم :) بیشتر میتونید من رو توی فرندفید پیدا کنید

Visit Ali's Website

آموزش اسرار فتوشاپ به زبان فارسی Photoshop Top Secret

پجموعه پیش رو یکی از کامل ترین و برترین مجموعه های آموزشی در زمینه فتوشاپ می باشد که  ویژگی های خاص این مجموعه آن را از سایر مجموعه های مشابه متمایز نموده، از جمله این ویژگی ها قرار گیری هفت دوره آموزشی Adobe Photoshop CS4 ارائه شده توسط برترین اساتید جهان، به همراه مجموعه ای از نکات و ترفند های کار با فتوشاپ در قالب 101 پروژه آموزشی توسط آقای Mark Monciardini مدرس مجموعه Photoshop Top Secret، همچنین مجموعه ی بی نظیر و نفیس Photoshop Top Secret با زبان و محیط 100% فارسی (با کمترین دستکاری)، در قالب 6 دی وی دی است، که در بسته بندی اختصاصی تقدیم شما می گردد.

چگونه در فتوشاپ کمربند مشکی بگیریم؟!
مجموعه ی نفیس Photoshop Top Secret همان گونه که از نامش می توان حدس زد مجموعه ای کم نظیر، حرفه ای و محرمانه است که دریچه ای از اسرار و ترفند های ناشناخته فتوشاپ را پیش روی کاربران قرار می دهد. اکثر کاربران نرم افزار فتوشاپ همیشه دنبال آموزش ها و در واقع یادگیری نکات جدید و ترفندهایی از این نرم افزار در جهت ارتقاء سطح کار و توانائی های خود بوده اند که این امر باعث بوجود آمدن هزاران سایت آموزشی در این زمینه، کتب مختلف آموزش ترفند ها، نکته ها و نیز دوره های آموزشی با هزینه های بالا تحت عناوینی مانند جلوه های ویژه فتوشاپ و ... شده است. این مجموعه گرانبها که شامل بیش از 18 گیگابایت فیلم آموزش است در بردارنده ی آموزش های فوق العاده کاربردی و حرفه ای در زمینه های مختلفی، مانند آموزش ترکیب تصاویر، ساخت پوستر های سینمایی و تبلیغاتی، آموزش های حرفه ای روتوش تصاویر، ایجاد جلوهای ویژه، ساخت افکت های هیجان انگیز و رویایی، کار با متون، گرافیک وب و Digital Painting و موارد دیگری است. که در ادامه تصاویر آنها، به همراه توضیحات اجمالی از هر آموزش قرار داده شده است.

"کمربند مشکی" در نرم افزار Adobe Photoshop را از آن خود کنید !

iconقیمت : 10000 تومان
icon تعداد: DVD 5

پروژه های آموزشی این مجموعه ی نفیس عبارتند از: :: پروژه های DVD 1


alt
Movie Poster Design I
: در این پروژه شما با هنر مونتاژ تصاویر افراد که یکی از بارزترین کارها در ساخت پوستر فیلم های سینمایی می باشد آشنا می شوید. Movie Poster Design II : دراین آموزش شما مشاهده می کنید که چگونه با تصاویری بسیار ساده و فقط با اعمال افکت ها و ترکیب تصاویر با یکدیگر پوستر فیلم بسیار حرفه ایی طراحی می شود.

.
altMovie Poster Credits : دراین پروژه شما با نحوه درست نمودن یک بلوک اعتباری یا همان Credit Block واقعی جهت پوستر فیلم های خود آشنا می شوید. Dark Faces : در این پروژه شما با خلق تصویر ترسناک آشنا می شوید که کاربرد این افکت در شکل های دیگر در مجلات و تصاویر تبلیغاتی زیاد می باشد. .
  • ادامه مطلب را بخوانید »
  • ۳ دیدگاه ارسال شده شما هم دیدگاهتان را ارسال کنید »

    ارسال دیدگاه