- И так! - Вы дождались! - В самом первом посте (видео), мы писали, что научим вас создавать красивые и качественные дизайн работы в ФОТОШОП и мы выполняем держим своё слово!
С нашей помощью, вы создадите свой первый красивый и качественный дизайн - проект по ИНФОГРАФИКИ!
- Но все три слайда ИНФОГРАФИКИ мы не сможем поместить в одну статью, именно поэтому в этой статье, мы сделаем первый слайд этого проекта! А именно этот слайд *скриншот*
Начинаем!
1. Создаём рабочее место, с размером изображения 1500 х 2000 пикселей!
2. Теперь необходимо определиться с цветом изображения. Цвет нашего изображения - e4f0f5 (код цвета). Для того, что бы поменять цвет изображения, необходимо слева снизу, на панели инструментов определить цвет и выбрать режим "заливка"
3. Начнём с заднего текста. Необходимо создать текст без центра, с обводкой и немного добавить на него света, что бы он сливался с изображением. Должно получиться так! *скриншот*
Находим инструмент "текст" и пишем слово - ОДЕЖДА, после полностью, а именно на 0% убираем заливку
После нажимаем на fx, и выбираем "обводка"
Нас перекинуло в настройки обводки, далее настраивайте так, как изображено на следующем скриншоте!
Теперь осталось добавить два таких же текста и создать на них свет. Копирование слоя делается очень просто! Нажимаете на слой с текстом правой кнопкой мыши и выбираете "создать дубликат слоя". Далее создаём свет на текст. Слева, на панели инструментов есть заливка, вы её уже использовали, найдите её ещё раз и кликните правой кнопкой мыши, и выберите инструмент "градиент"
Теперь сверху, у вас появилась палитра, нажимаете на неё и создаёте такой же градиент, как и цвет изображения
Важно! Выберите "радикальный градиент", где это найти показано на следующем скриншоте
Далее, создаёте новый слой и распыляете градиент, после чего настраиваете его так, что бы половина текста сливалась с фоном, а вторая нет.
4. Необходимо добавить маленький объект, для заполнения изображения. Заходим в любой БРАУЗЕР и вводим в поиске "листы пальмы пнг", ищем файл "PNG" и сохраняем его! После чего открываете его в фотошопе и переносите на ваше изображение.
Далее вам необходимо подогнать по цвету этот объект, это можно сделать сочетанием клавиш CTRL + U
Далее цветовой тон подстраиваем практически под цвет изображения, немного темнее, что бы объект выделялся. После дублируем слой и расставляем сверху изображения, по бокам
и уменьшаем прозрачность до 15%.
5. Основной товар, который будет изображён на фотографии, это синяя толстовка, так и вводите в любой БРАУЗЕР и сохраняйте понравившеюся толстовку синего цвета. После вам необходимо определить ей место, например вот так *скриншот*
6. Теперь создадим маленькое дополнение. Большинство товар на маркетплейсах имеют свою видео инструкцию, поэтому нам необходимо добавить такое обозначение на изображение.
Заходите в любой БРАУЗЕР и вводите в поиске "кнопка видео пнг" и выбирайте понравившеюся вам картинку, и сохраняйте её. После добавляем картинку в фотошоп и переносим на своё изображение. Цвет кнопки ставим такой же, как и текст - 313131 (код цвета)
Затем создаём слой с текстом и пишем "видеообзор" и подстраиваем его под кнопку и уменьшаем кнопку и текст по размеру, далее определяем их на то место, где они будут лучше всего смотреться, например вот так *скриншот*
7. И так, самое главное! Основной текст. Создаём слой с текстом и пишем "толстовка", далее создаём второй слой с текстом и пишем "с карманом". После необходимо создать фигуру под второй текст "с карманом" и создать эффект текста, который проходит на сквозь.
Находим слева инструмент "прямоугольник"
Далее кликаем правой кнопкой мыши и выбираем инструмент "прямоугольник со скруглёнными углами" и рисуем его под размер второго слоя с текстом - "с карманом". Цвет текста "с карманом" - e4f0f5 (код цвета)
После наклоняем два слоя с текстом и увеличиваем практический до краёв изображения, должно получиться так *скриншот*
8. Ну что, осталось добавить всего лишь стрелку, которая указывает на товар и всё! Заходим в любой БРАУЗЕР и пишем "тонкая стрелка пнг" и сохраняем понравившеюся вам картинку. Далее открываем её фотошопе и переносим на своё изображение. Цвет стрелки - 313131 (код цвета)
Далее переносим стрелку под основной текст "с карманом" и направляем на товар, должно выйти вот так *скриншот*
ВСЁ! НА ЭТОМ МЫ ЗАКОНЧИМ! МЫ НАДЕЕМСЯ, ЧТО У ВАС ВСЁ ПОЛУЧИЛОСЬ И У ВАС НЕ ОСТАЛОСЬ ВОПРОСОВ. ЕСЛИ ВЫ ПРОЯВИТЕ БОЛЬШУЮ АКТИВНОСТЬ, ТО МЫ ВЫЛОЖИМ СТАТЬЮ, КАК СДЕЛАТЬ ВТОРОЙ СЛАЙД ЭТОЙ РАБОТЫ!