Главная » Соціальні мережі » Вконтакте » Як зробити сайт типу вконтакте. Заполненіе фотографій за допомогою Clipping Mask

Як зробити сайт типу вконтакте. Заполненіе фотографій за допомогою Clipping Mask

У нас залишилися порожні форми макета, що означає графіку і картинки, які будуть завантажувати користувачі. Але ж набагато краще продемонструвати їх у дії. Як це зробити найпростішим чином? Дайте подумати, я б відкрив всі фотографії, які використовую на сайті, потім знайшов би їх розмір, зменшив, обрізав, довівши до однакових розмірів. Ах да, там адже ще різні шаблони макетів, є фото для фотографій, є іконки для розділу Учасники, є великий аватар, є іконки в постах. Всі різних розмірів. Чи не простіше відкрити потрібну графіку а потім одним клацанням змусити її «сісти» в ці створені форми? Звичайно простіше. Відкрийте необхідні фотографії і перетягніть їх на робочу область. В панелі шарів розмістіть кожну фотографію над своїм прямокутником.

Способів створити Clipping Mask багато. Виділіть шар з фотографією, і виберіть в меню Layer> Create Clippig Mask або натисніть Alt + Ctrl + G . Простіші способи - виділіть шар фотографії в панелі шарів, клікніть по ньому правою кнопкою мишки і в меню виберіть Create Clippig Mask . Більш швидкий і елегантний спосіб - наведіть курсор мишки між двома шарами, на панелі шарів і натисніть Alt . Покажчик перетвориться в вісімку. Натисніть і це теж створить Clippig Mask .

Сенс Clippig Mask в тому, що зображення вище, вбудовується в об'єкт нижче. Відповідно фотографія може бути будь-якого розміру, але об'єкт нижче обрізає непотрібні краю. Якщо фотографія надто велика просто зменшіть її за допомогою Edit> Free Transgorm що називається на льоту. Якщо ви не чули про таке, читайте мою статтю Free Transform в Фотошопі