Значит нам надо пододвинуть копию нашей фотографии по горизонтали вправо на ширину холста (а он у нас как мы помним 5808 пикселей) и на высоту, равную строке (она у нас равна 1936 пикселей)
Для этого мы открываем калькулятор и начинаем вычисления:
Изначально наш объект находится по оси Х (смотрим на рисунок 13) на значении 1119,50. Прибавляем к этому числу 5808. Получаем 6927,50
По оси Y наш объект изначально расположен на 7229. Отнимаем от этого значения 1936. Получаем 5293
Эти новые значения и записываем в окошко созданной копии.
Вы смотрите на свои координаты и делаете вычисления в соответствии с ними, т.к. они, естественно, будут отличаться от того, что у меня.
Все! Фото сдвинулось как нам надо. Оно теперь на месте. Для более мягкого перехода я аккуратно обработаю край этого фото маской, и оно идеально впишется в новую обстановку.
Рис. 14
Второй способ:
Опять на примере фото №1. Также создаем дубликат слоя, который будем двигать. Затем просто выделяем эту копию, чтобы элементы управления трансформацией стали активными. И в этот момент у нас активизируется окошко «Свойства», которое по умолчанию находиться над панелью «Слои».
При втором способе не надо выделять один из активных узлов трансформации. Просто щелкаем на слой для того, чтобы он стал активным.
И в окошки X и Y также вносим наши расчеты.
Расчеты в обоих способах одни и те же. Инструменты работают одинаково в обоих случаях. Главное следите за тем, чтобы значения в окошках были в пикселях.
Выбирайте способ, который вам покажется удобнее.
Рис. 15
Если такой панели у вас нет, то идем во вкладку «Окно» (в самой верхней части), ищем там «Свойства» и ставим галочку.
Рис. 16
Теперь перейдем к фото №2 и создадим копию. Проделываем тоже самое, что и с фото №1. Я буду описывать на примере первого способа. Вы же (как я писала выше) выбираете наиболее удобный для себя способ переноса объектов.
|
|
Выделяем слой, чтобы элементы управления трансформацией стали активными. И щелкаем на любой из активных узлов.
Рис. 17
Здесь обратная ситуация: фото надо сдвинуть уже влево и на 1 строку вниз. Поэтому делаем противоположные действия тому, как поступали с 1 фото.
Исходная позиция фото по оси Х 5052. Отнимаем от этого числа 5808. Получаем -756
По оси Y наш объект изначально расположен на 3029. Прибавляем 1936. Получаем 4965
Эти новые значения и записываем в окошко созданной копии. Все! Фото сдвинулось как нам надо. Оно теперь на месте
Рис. 18
На первый взгляд это всё может показаться чем-то сложным и запутанным для творческих людей, не любящих цифры. Но уверяю вас, что проделав это 2-3 раза вы легко сможете ориентироваться что и куда надо сдвигать.
Далее расставляем по холсту мелкие детали и объекты. Это очень ответственный этап, на котором можно легко перегрузить дизайн лишним. Обязательно оставляйте воздух и пространство. Иначе легко скатиться в «склад ненужных вещей»
Т.к. я уже выбрала и подготовила подходящие мне объекты. Поэтому просто расставляю их на холсте.
Не бойтесь размещать элементы в край холста. Вы теперь умеете их переносить на соседние строки с точностью до пикселя. И они всегда будут идеально совпадать со своими половинами. Как раз подобные фишечки и создают WOW эффект, и заставляют случайных гостей превращаться в подписчиков! Когда человек не понимает как это сделано – ему интереснее наблюдать за вами, возвращаясь снова и снова на вашу страничку.
|
|
Но на одном дизайне долго не уедешь, поэтому не забываем и о текстах! Вот что в итоге у меня получилось:
Рис. 19
Советую вам время от времени отвлекаться от работы, т.к. взгляд замыливается и устает. Вы можете не замечать явных «косяков». А посмотрев на работу свежим взглядом, вы поймете, где что лишнее или, наоборот, где чего-то не хватает.
Также имейте в виду, что самую верхнюю строку мы сейчас можем не доводить до идеала, т.к. она потом будет объединяться со следующим блоком. И возможно туда будут добавлены еще какие-то детали. Но об этом чуть позже.
Этап. Работа с текстом.
видео к данному уроку 4 часть МК.mp4
Завершающий этап в нашем дизайне – это красивые надписи. На этапе подготовки вы должны были выбрать для себя несколько шрифтов или взять готовые из папки «Материалы».
Я использовала Alistair Signature в качестве акцентного шрифта. И Segoe UI, как простой дополнительный шрифт. Для мелких текстов, типа хэштег на фото, я также буду использовать Segoe UI, уменьшив его размер.
В качестве цветов для текста я взяла оттенки из общей палитры. Всего у меня получилось три цвета, которые я использовала для всех надписей.
Рис. 20
Всё, основная работа с дизайном закончена! Вернее у нас закончен дизайн 9 первых (!!!!) постов. Как я уже писала, с верхней строкой надо будет поработать позже.