Как сделать ленту с фотографиями

Как создать трехмерную фотоленту в Adobe Photoshop

Этот урок Adobe Photoshop о том, как сформировать трехмерную ленту из фотографий.

1. Конструирование векторной базы

Прибегнув к помощи инструмента Pen Tool (Перо), рисуем базу в виде скрученной или сложенной ленты. Этот шаг можно осуществить в программе Adobe Illustrator.

Как сделать ленту с фотографиями

2. Объединение фотографий

Определяемся с содержанием для ленты, а затем набираем несколько удачных фотографий для этого. Выбранные фотографии помещаем на отдельный слой и компонуем их на свой вкус.

Как сделать ленту с фотографиями

3. Деформации

Для удобства дальнейших действий установите у слоя с картинками непрозрачность 50-60%, а затем обращаемся к команде Редактировать-Трансформация-Деформация (Edit-Transform-Warp).

После выбора этой команды вы увидите сетку и 4 опорные точки в углах, которые приводятся в действие простым перетаскиванием.

Теперь осталось лишь придать фотокарточкам соответствующую форму и нажать Enter на клавиатуре.

Как сделать ленту с фотографиями

Также следует поступить со следующим слоем: выбираем снимки, помещаем их на один слой и задаем непрозрачность.

Как сделать ленту с фотографиями

И снова, обратившись к виртуозным свойствам деформации, превращаем слой во фрагмент ленты.

Как сделать ленту с фотографиями

Эффект уже радует глаз. Главное, не забывать, что после совершённых действий стоит возвращать непрозрачность слоя на 100%.

Как сделать ленту с фотографиями

Аналогично поступаем с третьим мини-коллажом.

По завершению этого этапа, требуется просмотреть все осуществленные деформации, и, при надобности, внести корректировки с помощью прочих инструментов трансформирования, таких как масштабирование, поворот, искривление и т.д. Слой с векторным объектом можно отключить или вовсе удалить.

Как сделать ленту с фотографиями

4. Тени и блики

Для воссоздания желанного объема требуется игра теней и света, как в любом трехмерном объекте.

Для получения тени необходимо создать новый слой и загрузить выделение с картинок, над которыми в данный момент будет вестись работа (для этого удерживая клавишу Crtl, нажмите по нужному слою в окне Слои). Далее с использованием инструмента Градиент (Gradient Tool) воплощаем иллюзию тени, при этом первому оттенку перехода градиента надлежит быть почти черного цвета, а второму – совершенно прозрачным. Растягивайте градиент таким образом, чтобы закрыть им нужные уголки. Завершив «превращения» над первым слоем изображений, переходим последовательно к следующим.

Как сделать ленту с фотографиями

Для подсвечивания и глянца выгнутых участков ленты следует создать блики. Это возможно сделать двумя путями: также с участием градиента или с помощью инструмента Кисть (Brush Tool). Стоит помнить, что подобно градиенту, кисть должна размещаться на отдельном слое. Все недочеты вполне можно исправить, сделав выручалкой инструмент Ластик (Eraser Tool).

Как сделать ленту с фотографиями

Вот и, собственно, фотолента. Помудрив немного со стилями слоя, можно получить вполне реалистичные плоды труда. Доступ к стилям слоя можно осуществить благодаря команде Слой-Стиль слоя (Layer-Layer Style).

Как сделать ленту с фотографиями

5. Напоследок

Пробуйте, ищите свои варианты, фантазируйте и у вас все будет удаваться.

Источник

Приёмы оформления аккаунта в Инстаграме: надписи на фото, меню, коллажи, бесконечная лента

Хэштеги, рекламные кампании и все остальные способы продвижения страницы в Инстаграме вряд ли помогут, если контент не подталкивает посетителей задержаться и узнать о вашем магазине побольше.

Показываем, какие форматы и дизайнерские приёмы можно использовать для продвижения магазина в Инстаграме. Некоторые из них давно известны (например, бесконечная лента), другие только начинают использовать (коллажи в Историях). Но все приёмы до сих пор выглядят необычно на фоне простых фотографий, потому привлекают внимание.

Примеры оформления будем делать в Canva. Инструмент работает из браузера и в мобильном приложении.

Надпись на фотографии

Самый простой вариант представления товара, акции, анонса мероприятия — наложить поверх фотографии надпись (с названием, брендом, ценой или процентом скидки — зависит от вашего общего подхода и конкретной ситуации).

Надписи на картинках помогут посетителям понять, о чём пост, даже не заглядывая в описание.

Примеры

Как сделать ленту с фотографиями

Как сделать ленту с фотографиями

Как сделать ленту с фотографиями

Как сделать в Canva

Как сделать ленту с фотографиями

Загрузка фотографии в редактор для последующей обработки

Как сделать ленту с фотографиями

Кадрируем изображение по двойному щелчку мышки

Как сделать ленту с фотографиями

Ручное редактирование фотографии

Как сделать ленту с фотографиями

Накладываем фигуру из вкладки «Элементы» на фотографию

Как сделать ленту с фотографиями

Настраиваем уровень прозрачности фигуры

Как сделать ленту с фотографиями

Добавляем надпись на фото и выбираем шрифт

Совет: используйте готовые комбинации шрифтов или подберите сочетание сами — креативные фигурные шрифты для основного текста или заголовка в паре с нейтральным шрифтом для сопутствующей информации. Примеры таких сочетаний даны в самом редакторе во вкладке «Текст».

Как сделать ленту с фотографиями

Образцы сочетаний фигурных и стандартных шрифтов

Фотоколлаж

С помощью фотоколлажа можно показать товар сразу с нескольких сторон, а также представить несколько связанных друг с другом объектов или предметов коллекции на одной картинке.

Коллаж может быть минималистичными — комбинация несколько фото в одном по принципу мозаики, или с дизайнерским оформлением.

Примеры

Как сделать ленту с фотографиями

Как сделать ленту с фотографиями

Как сделать ленту с фотографиями

Такой формат можно использовать как самостоятельное изображение для поста, рекламный баннер или обложку галереи, вслед за которой идут одиночные фото крупным планом, позволяющие рассмотреть детали.

Как сделать в Canva

Как сделать ленту с фотографиями

Выбираем вид сетки для заполнения фотографиями

Как сделать ленту с фотографиями

Вставляем фотографий в ячейки сетки для коллажа

Как сделать ленту с фотографиями

Дополняем коллаж фигурами, подложками и другими элементами

Как сделать ленту с фотографиями

Добавляем текст и завершаем оформление коллажа

Другой способ: сразу выбрать готовый шаблон и видоизменить его, вставив собственные фотографии, текст и адаптировав под них оформление. Найти такие образцы можно во вкладке «Шаблоны» — листайте каталог или вводите разные ключевые слова в строку поиска:

Как сделать ленту с фотографиями

Поиск шаблонов в каталоге Canva

Как сделать ленту с фотографиями

Галерея фотографий

Галереи в Инстаграме помогают показать товар в деталях и акцентировать внимание на привлекательных мелочах, которые могут стать решающими для принятия решения о покупке.

Пример

Как сделать ленту с фотографиями

Как сделать в Canva

Создание галереи почти не отличается от создания одной картинки, которое было показано выше, но несколько советов могут пригодиться для единообразного оформления.

Как сделать ленту с фотографиями

Создаем копию исходной страницы

Если работать с клавиатурой неудобно, можно скопировать «код фильтра», который появляются внизу панели «Настроить», и вставить его в ту же строчку для других фотографий.

Как сделать ленту с фотографиями

Скопируйте код фильтра, чтобы оформить другую фотографию так же

Бесконечная лента

Бесконечная лента — это заполнение ленты постами, образующими мозаику с определенным узором или сплошной рисунок. Такая страница эффектно смотрится и привлекает внимание подписчиков.

Для оформления страницы можно сделать так, чтобы фоновые рисунки постов создавали общую композицию, но каждый отдельный пост содержал целую фотографию или сообщение.

Единственный минус: поддерживать целостность такого дизайна будет непросто. Потому этот подход лучше использовать для отдельных проектов, под которые создаются специальные страницы.

Примеры

Как сделать ленту с фотографиями

Как сделать ленту с фотографиями

Как сделать в Canva

Как сделать ленту с фотографиями

Создаем дизайн собственных размеров на главной странице Canva

Если такой фотографии у вас нет, воспользуйтесь поиском по встроенному каталогу стоковых снимков во вкладках «Фото» или «Фон». Также можно воспользоваться бесплатными библиотеками стоковых фото Pexels, Pixabay или Unsplash.

Как сделать ленту с фотографиями

Заполняем весь фон одной фотографией или графическими элементами, которые будут перетекать из одного фото в другое

Как сделать ленту с фотографиями

Сохраняем дизайн в формате PNG

Оформление Историй: фото и видео

Ярко оформленная История может скорее привлечь внимание к акции или товару, чем пост в ленте. И напротив, скучный контент заставит пользователей отписаться от аккаунта. Поэтому добиться успеха здесь лучше не количеством, а качеством — продуманным дизайном и акцентом на самые выигрышные позиции или преимущества, несмотря на то, что увидеть Историю подписчики смогут только в течение суток.

Как сделать ленту с фотографиями

Варианты оформления Историй

Подход может быть сходным с тем, как оформлять фотогалереи: яркая обложка с фотоколлажем, и несколько следующих слайдов, демонстрирующих детали и рассказывающих о подробностях предложения.

Примеры

Как сделать ленту с фотографиями

Как сделать в Canva

Теперь покажем, как сделать картинки в мобильном приложении Canva (в браузере тоже можно).

Как сделать ленту с фотографиями

Выбираем тип макета

Как сделать ленту с фотографиями

Выбираем шаблон изображения

Как сделать ленту с фотографиями

Редактируем дизайн с помощью дополнительной графики, замены фото, фона, текста

Как сделать ленту с фотографиями

Создаем новые страницы смахиванием влево

Как сделать ленту с фотографиями

Вставляем фото из галереи телефона и редактируем

Иконки для блока «Актуальное»

Закрепление истории в списке «Актуальное» в профиле Инстаграма — это возможность продлить им жизнь по прошествии 24 часов. Для актуальных Историй можно создать специальную обложку. Единообразное оформление придает странице более профессиональный вид и помогает визуально сопоставить историю с ее тематикой.

Примеры

Как сделать ленту с фотографиями

Как сделать в Canva

Как сделать ленту с фотографиями

Выбираем шаблон обложек для «Актуального»

Например, если в одной из сторис вы отвечаете на частые вопросы клиентов, выберите иконку для «Актуального» с вопросительным знаком, а если информируете о скидках — знак процента.

Как сделать ленту с фотографиями

Выбираем иконку из вкладки «Элементы»

Как сделать ленту с фотографиями

Выбирая один и тот же шаблон и меняя только иконки (или текст в круге), вы добьетесь единообразия в оформлении аккаунта. Такое оформление удобно и привлекательно для подписчиков и покупателей.

Чем больше контента в Инстаграме, тем меньше пользователи уделяют внимания каждому посту. Надписи и оригинальное оформление картинок помогут привлечь читателей, обратить их внимание на текст поста и, в итоге, стимулировать на покупку в вашем магазине.

Источник

LiveInternetLiveInternet

Фотоальбом

Метки

Рубрики

Приложения

Новости

Цитатник

Любопытная информация Хостинг и интернет-сервисы Бесплатный хостин.

Удивительно-потрясающие фотографии Грегори Колберта Слон с поднятым хоботом – это письмо к з.

Как и чем редактировать видео? В своё время Игорь не поленился, сел и написал замечательный пост.

Художник-иллюстратор Ratinan Thaicharoen Художник-иллюстратор Ratinan Thaicharoen ака «ISE», 25 л.

Урок «Создание снега» АВТОР ИСКАТЕЛЬНИЦА Серия сообщений «уроки по фотошопу»: Ча.

Ссылки

природа. макро, цветы и насекомые

Как сделать ленту с фотографиямиКак сделать ленту с фотографиямиКак сделать ленту с фотографиямиКак сделать ленту с фотографиямиКак сделать ленту с фотографиямиКак сделать ленту с фотографиямиКак сделать ленту с фотографиямиКак сделать ленту с фотографиямиКак сделать ленту с фотографиями

Друзья

Статистика

Создание фотоленты

Как сделать ленту с фотографиями
Как сделать ленту с фотографиями

Для создания эффекта свертывания будет использоваться инструмент Warp (Деформация), поэтому для выполнения задания нам потребуется Photoshop версии CS2 и выше. После выполнения этого урока вы сможете создать фотоленту со своими собственными фотографиями или рисунками.

Урок рассчитан на пользователей со средним знанием Photoshop и навыками работы с векторным инструментом Pen (Перо).
Здесь можно скачать файл изображения в psd формате, что даст возможность более подробно ознакомиться с деталями работы.

Шаг 1. Создание ленточки (векторные линии).

Сначала создайте ленту с помощью инструмента Pen (Перо). Ее можно создавать в Photoshop или Illustrator. Мы будем использовать этот контур как направляющую линию и для создания маски.

Как сделать ленту с фотографиями

Шаг 2. Склеивание фотографий

Выберите 3 фотографии или изображения на ваше усмотрение и склейте их вместе

Как сделать ленту с фотографиями

Шаг 3. Деформация (инструмент Warp)

Сделайте прозрачность слоя с лентой равной 40 или 50%, для того что б вы могли увидеть линии сетки над контуром. Применяем инструмент Warp (Деформация) Edit > Transform > Warp (Редактирование > Трансформирование > Деформация). Вы должны увидеть сетку с 4 узловыми точками по углам. Что б согнуть ваше изображение из фотографий просто потяните за узловые точки, точки направления или линии сетки.

Как сделать ленту с фотографиями

Как сделать ленту с фотографиями

Iron_ Mouse
Хранитель
Как сделать ленту с фотографиями
Сообщения: 288 Hаграды: 1

Повторите этот шаг для остальной части ленты, поскольку этот шаг простой и повторяющийся мы не будем детально останавливаться на всех этапах, просто посмотрите скриншоты шагов:

Как сделать ленту с фотографиями

Как сделать ленту с фотографиями

Как сделать ленту с фотографиями

Шаг 4. Создание маски

Соедините слои в группы (по номерам сегментов линии 1, 2, 3, 4)

Как сделать ленту с фотографиями

Загрузите выделение из линий, что вы создали в шаге 1 и добавьте маску слоя для каждой группы (таким образом, вы получите идеально сглаженную кривую)

Как сделать ленту с фотографиями

Как сделать ленту с фотографиями

Iron_ Mouse
Хранитель
Как сделать ленту с фотографиями
Сообщения: 288 Hаграды: 1

Шаг 5. Тени

В масочной группе 1 создайте новый слой над лентой. Используйте инструмент Gradient (Градиент) и протяните мышью сверху вниз, что б создать черный градиент.

Как сделать ленту с фотографиями

Повторите этот шаг для других участков ленты.

Как сделать ленту с фотографиями

Как можно увидеть в присоединенном psd файле, на некоторых участках автор урока использовал так же бордовый градиент, что крайне хорошо сочетается с цветом картинок и придает работе дополнительный оттенок

Что б сделать блики и светящиеся участки: создайте белый круг, (так же используйте размытые по Гауссу) сожмите его и вращайте согласно направлению ленты

Как сделать ленту с фотографиями

Шаг 7. Контур ленты

Что б создать контур ленточки, загрузите выделение маски, создайте новый слой, заполните черным цветом, сдвиньте выделение влево на 1-2 пикселя, удалите выделенную область

Как сделать ленту с фотографиями

Шаг 8. Завершающие штрихи

Что б сделать изображение более интересным обесцветьте кончик ленты I mage > Adjustments > Desaturate. (Изображение > Коррекция > Обесцветить)

Как сделать ленту с фотографиями

Источник

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *