Як зробити ефект натискання кнопки
Ефект натискання кнопки може стати в нагоді багатьом: для відео-заставки, для блогу чи сайту. Щоб зробити такий ефект нам знадобиться програма Фотошоп.
Ось сам ефект, якого ми домагатимемося:
https://goo.gl/OdoVc
Інструкція
Рівень складності: Нескладно
1 крок
Мій результат
Для початку зайдемо в фотошоп, створимо новий документ (розмір вибирайте самі: якщо для відео те 1280х720, а якщо для блогу, то бажано невеликий) заллємо його градієнтом або вставимо який-небудь фон. Далі нам потрібно завантажити миша. Можете скористатися цим сайтом https://goo.gl/8SkdL (це не реферальная посилання, можете перевірити) далі переносимо миша в фотошоп, відокремлюємо її від фону, міняємо розмір. Тепер створюємо кнопку. Беремо інструмент прямокутник або будь-який інший. ось що повинно вийти (див.фото)
2 крок
Номери піктограм
Тепер нам потрібно зробити зменшену копію кнопки і миші. Для цього копіюємо ці шари (натиснувши Ctrl + J) і, натиснувши Ctrl + T, трохи зменшите зображення кнопки. після цього таким же чином зменшите миша. Займемося анімацією. Для цього натисніть на вкладку "Вікно" або "Windows" і виберіть пункт Анімація або Animation Далі натисніть на піктограму (дивись фото, №1), щоб у вас вийшло як на картинці. Це ваш перший кадр. Натисніть на піктограму біля "сміттєвого бака". Це ваш другий кадр. Перенесіть миша на вашу кнопку (переміщати потрібно на другому кадрі) Далі натисніть на перший кадр і, затиснувши клавішу Shift, натисніть на другий кадр. Натисніть на піктограму # 2 на фото. Тут поставте число 15. Натисніть кнопку Play і якщо результат вам сподобався переходите до третього кроку.
3 крок
ось що повинно вийти
Тепер створюємо новий кадр, і переміщаємо нашу маленьку миша на більшу. Шар з великою мишею вимикаємо (натисніть глазик біля шару). Тепер створюємо новий кадр і вимикаємо шар з маленькою мишею (з великої включаємо, нічого не переміщаємо) Теж саме повторюємо з кнопкою: переходимо на кадр, де ми зменшили миша. Переносимо маленьку кнопку на більшу і більшу вимикаємо. Далі переходимо на кадр з великою мишею. Вимикаємо маленьку кнопку, а більшу включаємо.
4 крок
Ефект готовий. Тепер залишилося зберегти: Натискаємо Файл # 8594-Зберегти для Web ... і натискаємо зберегти. От і все! Залишилося тільки додати звук клацання і можна додавати на сайт!
Поради та попередження:
- Головне при роботі з анімацією-не поспішати!
- І раджу вам озаглавити кожен шар (так буде простіше)
About
Як намалювати анімований курсор У першій інструкції я навчив вас малювати звичайні курсори. У цій я розповім, як намалювати анімовані.ІнструкціяРівень складності: НескладноЩо вам знадобиться:програма IconLoverфантазія1 крокЗапускаємо ту ж програму IconLover. P.S. Якщо ви не бачили…
Як зробити фото для web сторінки? таку квітку вийшовЯкщо ви хочете розмістити своє фото, або фото квітки, що представляє вас на вашій Web сторінці, а фотографії, на яких ви виглядаєте краще за всіх, тільки групові, не біда, за допомогою Photoshop-а це справа поправимо. Головне є…
Як встановити новий курсор Отже, ви скачали з Інтернету або намалювали курсори вашої мрії. А далі що? Я розповім вам, як їх встановити.ІнструкціяРівень складності: НескладноЩо вам знадобиться:новий курсор (або цілий набір)1 крок Зайдіть в Панель управління. Якщо вона у вас…
Як зробити фото в м'якому фокусі в програмі фотошоп Ось такий непоганий ефект у Вас повинен вийти.У цій інструкції я детально опишу, як зробити дуже приємний погляду ефект. Фото в деяких випадках приховує незначні вади шкіри, з цього буде особливо добре виглядати на портретах і фотографіях з людьми.…
Як змінити значок пуск в windows 7 Якщо вам набрид стандартний значок "Пуск", то читайте цю інструкцію і ви його змініть! Взагалі змінити його дуже легко, (та й повернути назад в принципі теж), але хочу зауважити те, що якщо ви щось не так зробите, то система може глючити! За…
Як створити просту анімацію в ulead gif animator 5? Кожен знає, що анімація - це група впорядкованих зображень. Анімації ми зустрічаємо дуже часто: реклама в інтернеті, смайлики, мультфільми - це все анімація. Усі радянські мультфільми створені за допомогою анімації. Звичайно, щоб створити мультфільм…
Як монтувати відео в sony vegas Sony vegas 7,0 b посилання на скачування в радахЦей міні туториал для початківців творців відео презентаційІнструкціяРівень складності: НескладноЩо вам знадобиться:Sony Vegas1 крок Отже для початку відкриємо програму і побачимо чисте полотно, на…
Як зробити анімацію з металевим текстом через фотошоп? Xperia Load ScreenПроста анімація найчастіше використовується для заставок телефону, сайтів, і т.д.ІнструкціяРівень складності: НескладноЩо вам знадобиться:PhotoshopЯке небудь слово5 хвилин для роботи1 крок Перше, відкриваємо наш "коханий" фотошоп.…
Як підсвітити курсор миші? На екрані з великою діагоналлю і при використанні 2-х моніторів курсор миші легко губиться з віду.Однако існує хитрість, що дозволяє швидко знайти знайти.ІнструкціяРівень складності: НескладноЩо вам знадобиться:Комп'ютерМиша комп'ютернаТрохи…
Як використовувати пульт від тв-тюнера для управління пк Якщо у вас є ТВ-тюнер (таке пристрій, щоб перегляду ТБ), то за допомогою цієї інструкції ви можете перетворити пульт від нього в справжню чарівну паличку для управління ПК! Навіть переміщення миші можна поставити на будь-яку кнопку!ІнструкціяРівень…
Як зробити 3d панораму Частина панорамиХочете зробити приголомшливу, зачаровує погляд панораму. Та не просту панораму, а 3d панорамма. Приблизно таку, як роблять в google maps. Якщо хочете, читайте далі.ІнструкціяРівень складності: НескладноЩо вам…
Як включити пк за допомогою клавіатури? Тут я розповім, як за допомогою BIOS можна налаштувати включення вашого ПК будь-якою клавішею клавіатури (або кнопок миші).ІнструкціяРівень складності: ЛегкоЩо вам знадобиться:BIOSКлавіатураМиша1 крокДля початку при запуску комп'ютера потрібно…
Як змінити тему вконтакте Ось одна з таких темТепер користувачам соц.сеті Вконтакте випала можливість встановлювати свої власні теми. При цьому відсутнє навантаження на системи. У цій інструкції я детально опишу, як встановити свою тему!ІнструкціяРівень складності:…
Як зробити чорний фон в фотошопі Іноді навіть у звичайної людини, а не фотографа або дизайнера, з'являється бажання або необхідність підредагувати свої фотографії. Наприклад, зробити власні шпалери на робочий стіл. Тоді і виникають питання, наприклад, як зробити чорний фон для…
Як зменшити вагу фотографії Завжди хочеться поділитися хорошими знімками зі своїми друзями та знайомими. Досить часто, при використанні електронної пошти, нас просять зменшити розмір відзнятих файлів, та й на багатьох сайтах не гребують подібними обмеженнями. Ось і доводиться…
Як відключити брандмауер? Вбудований в Windows брандмауер, або як його ще називають файрвол - це спеціальна програма, що захищає комп'ютер від мережевих атак і блокуюча підозрілу діяльність встановлених на нього програм. У тому випадку, якщо вбудований в Windows фаєрвол…