У цьому Фотошоп уроці ви дізнаєтеся, як зробити анімацію для фону. Надалі ви зможете використовувати цю техніку для виготовлення банера або логотипу на сайт.
Крок 1.
Створіть новий документ 350х350 px з білим фоном.
Відкрийте картинку, яку ви будете розрізати, у Фотошопі. Розмістіть її в центрі вашого документа.
Встановіть Лінійки наступним чином (розділіть на чотири рівні частини).
Щоб зробити цей інструмент активним натисніть CTRL + R або View> Rulers (Перегляд - Лінійки)
Крок 2.
Візьміть інструмент і створіть виділення навколо лівої верхньої частини картинки.
Потім натисніть Ctrl + J, щоб скопіювати виділення на новий шар.
Те ж саме можна зробити Layer> New> Layer via Copy (Шар - Новий - скопіювати на новий шар)
Тепер поверніться до основного зображення та виконайте те ж саме з кожним квадратом. У кінці просто видаліть шар з картинкою.
Крок 3.
Кожному шматочку картинки застосуйте такі стилі:
Layer> Layer Style> Blending Options (Шар - Стиль шару - Параметри накладення)
Тінь:
Обведення:
Потім натисніть Ctrl + T або Edit> Free Transform (Редагування - вільна трансформація) і застосуйте цей інструмент до кожного шматочку. Розгорніть їх яким-небудь унікальним чином.
Крок 4.
Тепер залиште видимим тільки один шар на тлі (тут це layer 3)
Натисніть Shift + Ctrl + M щоб переслати дані в ImageReady.
Там також як у Фотошопі буде робоче вікно, але крім цього ви побачите ще смужку для кадрів.
У робочому вікні перетягніть зображення в верхній правий кут таким чином, щоб залишився видимим тільки маленький куточок.
Потім натисніть на кнопку
Duplicates current frame (Створити дублікат поточного кадру), яка знаходиться у вікні з кадрами. Після чого перетягніть зображення в робочому вікні знову на покладене місце.
Виділіть ці два кадри та натисніть
[img]http://s39.radikal.ru/i083/1004/e2/c3307da11cb8.jpg[img]
Tween (Додати проміжні кадри).
У вікні Tween встановіть такі параметри:
Почати з: Виділений кадр
Додати кадрів: 8
Шари: всі шари
Після ОК кадри ваші стануть швидко розмножуватися. Якщо натиснути на кнопку Play (Відтворити), то вийде ось так:
Крок 5. Далі на останньому кадрі робимо видимим ще один шар у палітрі і проробляємо ті ж дії. Так з кожним шматочком.
Коли у вас все буде готове, зайдіть в меню File> Save Optimized As ... (Файл - Зберегти оптимізований як ...)
Ось і результат: