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

Обновлено: 03.07.2024

Роман Джусдадо рассказывает, как использовать стили слоев Photoshop для создания значка iOS в стиле Instagram с нуля.

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

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

Шаг 01

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

Шаг 02

Отсканируйте свой набросок и импортируйте его в Photoshop. Выберите инструмент «Градиент», а затем залейте фон от темного к светлому. Затем нарисуйте квадрат 512x512 пикселей с помощью инструмента «Прямоугольник со скругленными углами», установив радиус углов на 90 пикселей. Теперь, удерживая нажатой клавишу Opt/Alt, выберите фигуру, создайте новую папку под названием «Значок» и создайте маску для папки.

Шаг 03

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

Шаг 04

Используя параметры стиля слоя, мы можем добавить несколько интересных эффектов. Для виниловой пластинки я добавил Radial Gradient Overlay с режимом наложения Color Dodge, а для создания линий я добавил шумовой градиент. Дублируйте слой и измените тип градиента на Сплошной, чтобы создать впечатление отражения света от записи.

Шаг 05

Теперь создайте несколько областей тени с помощью режимов наложения «Цвет» или «Линейный затемнитель», а затем несколько областей света с помощью «Цвет» или «Линейный осветлитель». Это сделает световые и теневые эффекты более убедительными. Для стилуса и кнопки переключения я добавил тень и использовал ее как отражение света.

Шаг 06

Для более реалистичной тени поместите серый прямоугольник поверх винила, добавьте Outer Glow того же цвета и измените режим наложения на Linear Burn. Я использовал оттенок 50% серого цвета, а затем поиграл с непрозрачностью, пока не добился желаемого эффекта.

Шаг 07

Шаг 08

Когда вас устраивают все параметры стиля слоя, сделайте копию папки. На этом этапе разделите некоторые стили («Слой» > «Стиль слоя» > «Создать слой»), чтобы можно было управлять ими с помощью масок.

Шаг 09

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

Шаг 10

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

Понравилось? Прочтите это!

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

Команда Creative Bloq состоит из группы поклонников дизайна и изменилась и развилась с тех пор, как Creative Bloq появился более десяти лет назад. Текущая команда веб-сайта состоит из пяти человек: редактор Керри Хьюз, заместитель редактора Рози Хилдер, редактор сделок Берен Нил, старший редактор новостей Дэниел Пайпер, редактор по цифровым искусствам и дизайну Ян Дин и штатный писатель Амелия Бэмси. Команды журналов 3D World и ImagineFX также вносят свой вклад, следя за тем, чтобы контент из 3D World и ImagineFX был представлен на Creative Bloq.

За последние пару лет популярность хипстерской аналоговой фотографии резко возросла: от того, что делали с Holga только занудные студенты-фотографы, до цифрового инстаграма на основе фильтров, которым сегодня занимаются все.

Этот стиль фотографии может быть полезен во всех видах графического дизайна, но сначала вы должны знать, как преобразовать фотографию. Вот как создать этот фильтр Instagram в Adobe Photoshop всего за 5 минут.

Оригинал
_

Для начала выберите фотографию, которую хотите изменить, и откройте ее в Photoshop. Если вы используете это для проекта на 99designs, убедитесь, что вы понимаете полную лицензию каждого изображения, которое вы используете, и заявите об этом!

1. Добавьте слой-заливку
_

Создайте корректирующий слой, выбрав «Слой» > «Новый слой-заливка» > «Сплошной цвет» или щелкнув значок черно-белого круга на палитре слоев и выбрав «Сплошной цвет».

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

2. Настройте кривые
_

Выберите слой с изображением и нажмите Ctrl+M (CMD+M на Mac) или выберите в меню «Изображение» > «Коррекция» > «Кривые». Измените канал на синий, затем нажмите маленькую синюю точку в левом нижнем углу графика и перетащите ее вверх, пока не получите выходное значение около 150.

Когда это будет сделано, измените канал на зеленый и установите для него выходное значение около 45. Наконец, переключитесь на красный канал и измените выходное значение примерно на 15. Результат должен выглядеть примерно так, как показано на рисунке ниже:

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

3. Сделайте его более ярким
_

Выберите слой с изображением и нажмите CTRL+J (CMD+J на Mac), чтобы создать дубликат слоя:

Примените фильтр «Размытие по Гауссу», который можно найти в разделе «Фильтр» > «Размытие» > «Размытие по Гауссу». Вы можете поэкспериментировать со значениями, но радиус около 4 пикселей должен подойти. После того, как вы примените фильтр, вы получите что-то вроде изображения выше.

Поскольку мы не хотим, чтобы наша фотография выглядела размытой, мы изменим режим наложения слоя на «Перекрытие» и уменьшим непрозрачность примерно до 50%, чтобы в итоге получилось что-то вроде этого:

И все! Легко, верно? Взгляните на анимацию ниже, чтобы сравнить исходное и отредактированное фото:

4. Дополнительные идеи
_

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

5. Создание шаблонов
_

Что вы будете создавать

Организуйте свои истории с помощью красивых значков основных моментов в Instagram! Посмотрите это видео ниже!

Ищете ресурсы в социальных сетях? Ознакомьтесь с нашими рекомендуемыми шаблонами баннеров для социальных сетей:

И вы можете узнать гораздо больше о том, что добавить в свои истории Instagram и как сделать их привлекательными для ваших подписчиков, прочитав Руководство по историям Instagram. Как и все уроки в Школе Instagram, он построен на прямых советах успешных пользователей Instagram, которые выяснили, что работает, а что нет. Таким образом, вы можете чувствовать себя уверенно, следуя совету, зная, что он проверен и проверен. Также обязательно ознакомьтесь с нашим путеводителем по самым последним тенденциям в Instagram на 2020 год.

Photoshop за 60 секунд: обложка истории Instagram

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

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

Как создать обложку для истории Instagram Highlight Icons

Сначала настройте документ. Откройте новый документ с разрешением 1080 x 1920 пикселей — идеальный размер для Instagram.

Теперь решите, какой цвет или графику вы хотите использовать для фона значков выделения историй в Instagram. Чтобы добиться легкого результата, просто залейте новый слой любым цветом с помощью инструмента Заливка (Paint Bucket Tool (G)).

Но для более творческого подхода я буду использовать один из этих красивых градиентных фонов от Envato Elements. Скопируйте и вставьте фон на новый слой и расположите его на месте с помощью инструмента "Перемещение" (V).

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

Поместите каждый значок в центр изображения и загрузите результат в Instagram. Затем перейдите к основным моментам своего профиля в Instagram и создайте новые обложки для своих историй в Instagram.

Вот окончательный результат.

< img class="lazyload" data-src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/346/posts/30911/image/igcov4.jpg" alt ="Обложка истории" width="380px" height="639px" />

Создайте сайт Instagram с помощью Milkshake

Milkshake – это инструмент для создания веб-сайтов в Instagram. Milkshake поможет вам мгновенно создать бесплатный веб-сайт для вашего профиля в Instagram на вашем телефоне. Покажите миру, из чего вы сделаны, и создайте красивый веб-сайт для своих поклонников и подписчиков в Instagram. Обратите внимание на молочный коктейль.

Узнайте больше с помощью наших руководств!

Хотите узнать больше полезных советов по Instagram? Начните с одного из наших уроков Photoshop! Создайте забавную и вдохновляющую графику, чтобы опубликовать ее во всех своих профилях в социальных сетях.

Получить потрясающие ресурсы для дизайна

Хотите создавать подобные видео? Загрузите ресурсы, использованные в этом видео:

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

Функция Instagram Stories – это отличный способ для вашей компании поделиться закулисными, неприятными моментами со зрителями, потенциальными клиентами и подписчиками в Instagram.

И давайте будем честными — в наши дни Instagram — это подлинность. Подписчики не останутся подписчиками, если замешана нечестность (и это особенно в случае компании/бренда).

Важно создать сообщество в Instagram и пригласить зрителей в повседневную жизнь вашего бизнеса.

Когда дело доходит до этого, ваши подписчики просто хотят чувствовать себя вовлеченными в ваше путешествие — и что может быть лучше, чем привлечь зрителей к поездке с Instagram Stories?!

Но, как известно большинству из нас, истории Instagram исчезают через 24 часа на платформе. Но не нужно расстраиваться! Просто подключитесь к обложкам Instagram Story Highlight Icon Covers, и ваши зрители смогут пересматривать ваши истории снова и снова!

Прочитайте мое руководство по Instagram Highlights и узнайте, как быстро и легко создавать свои собственные!

Оглавление

Что такое основные моменты Instagram?

Функция Instagram Highlights позволяет отображать ваши прошлые истории Instagram для просмотра зрителями, подписчиками и клиентами.

Концепция/процесс использования Instagram Highlights прост. Создайте категорию — или Instagram Highlight — и добавьте в истории Instagram, связанные с этой категорией. Когда кто-то просматривает ваш профиль и нажимает на категорию Highlight, назначенные ему истории будут воспроизводиться без проблем, пока не будет достигнута последняя публикация.

Как работают основные моменты в Instagram?

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

Как мой бренд или компания может использовать Instagram Highlights?

Функция «Пролистнуть вверх/увидеть больше» в Instagram

Аккаунты Instagram с более чем 10 000 подписчиков могут добавить ссылку «Проведите вверх» в свои истории Instagram. Функция ссылки «Проведите вверх» (которая отображается как «Увидеть больше» в вашей истории) позволяет вашим подписчикам переходить прямо из вашего сообщения в историю к вашему продукту или партнерской маркетинговой ссылке; позволяя вашим подписчикам превращаться в платных клиентов.

Однако, как мы все знаем, истории Instagram исчезают через 24 часа на платформе. Так что, если вы хотите, чтобы ссылки на ваш продукт/партнерский маркетинг были доступны для потенциальных клиентов, подумайте о том, чтобы запрыгнуть на подножку Instagram Story Highlight! Используя Instagram Highlights, вы можете отображать свои продукты в центре своего бизнес-профиля.

Функция покупки стикеров в Instagram

Еще одна бизнес-функция, добавленная в Instagram Stories (и еще одна причина использовать Story Highlights), — это функция Shoppable Stickers. И, в отличие от функции «Подробнее», аккаунтам Instagram не требуется более 10 000 подписчиков, чтобы использовать стикеры для покупки в своих историях. Добавьте свои продукты прямо в свою историю, и вы мгновенно начнете продавать эти товары!

Поделитесь отзывами о товарах в Instagram Stories

Если вашим существующим клиентам уже нравятся ваши продукты, подумайте о том, чтобы опубликовать несколько отзывов в своих историях Instagram (да ладно, не скромничайте!). Вы также можете добавить ссылку «Проведите вверх/увидеть больше» (если у вас более 10 000 подписчиков), чтобы зрители могли видеть, какие продукты нравятся вашим клиентам. Сделав это, просто создайте новую выделенную историю Instagram «Отзывы клиентов» и добавьте истории из своего архива.

Ответить на вопросы подписчиков

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

Как сделать индивидуальную обложку для Instagram Highlights в Canva

Чтобы создавать собственные обложки для Instagram, вам понадобится программное обеспечение для графического дизайна. Хотя моим выбором номер один для программного обеспечения для дизайна всегда будет Adobe Photoshop, я понимаю, что не у всех есть к нему доступ!

Итак, я собираюсь дать вам краткое изложение того, к чему у вас определенно есть доступ: Canva ! Самое приятное в этом программном обеспечении для дизайна то, что оно абсолютно бесплатное (и простое) в использовании! Итак, создайте учетную запись, если у вас ее еще нет, и приступим!

Узнайте, как использовать Adobe Photoshop Express на мобильных устройствах Android и Windows.

Adobe Photoshop Express – это бесплатное мобильное приложение для быстрого, эффективного и простого редактирования фотографий и создания коллажей. Применяйте мгновенные фильтры под названием «Образы», выбирайте из множества параметров настройки и исправления, чтобы подправить свои фотографии, и мгновенно делитесь ими в социальных сетях.

Чтобы узнать, как использовать Adobe Photoshop Express на iOS, см. раздел Начало работы с Photoshop Express на iOS.

Adobe Photoshop Express доступен в магазине Google Play. Загрузите и установите приложение, нажав на один из следующих значков:

Ссылка для скачивания для устройств Android

Ссылка для скачивания для устройств Windows

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

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

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

Применить внешний вид

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

Вы также можете создавать и сохранять собственные образы. Для этого нажмите «Добавить» на панели «Образы», введите имя и нажмите «Сохранить образ» .

Преобразуйте свои фотографии

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

Обрезать фото

Выберите инструмент "Кадрирование".

Нажмите Свободный размер .

Выберите 1:1 для квадрата или любое другое желаемое соотношение сторон.

Обрезка фотографий на устройстве Android.

Исправить перспективу на фотографиях

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

Выберите инструмент "Кадрирование".

Нажмите Преобразовать категорию.

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

Измените размер фотографий

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

Чтобы изменить размер фотографии в Android, выберите инструмент "Кадрирование" > "Свободный размер" > "Пользовательский".

Внести коррективы

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

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

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

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

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

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

Черные Управляет самыми темными областями фотографии и имеет более широкий диапазон тональных значений и эффектов, чем Тени.

Температура Придает фотографии теплый (солнечный) или прохладный (зимний) вид.

Оттенок Добавляет зеленый и пурпурный оттенок вашим фотографиям.

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

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

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

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

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

Уменьшение яркостного шума Яркостной шум влияет на яркость цветных пикселей. Отрегулируйте ползунок, чтобы устранить этот тип шума.

Уменьшение цветового шума Цветовой шум присутствует, когда многоцветные пиксели выглядят однородными. Отрегулируйте ползунок, чтобы устранить этот тип шума.

Добавить текст

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

Исправить эффект красных глаз

Нажмите, чтобы исправить красные глаза и глаза питомца одним щелчком мыши.

Добавить границы

< бр />

Нажмите, чтобы добавить к фотографии рамку.

Удалить дефекты

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

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

Автоматическое улучшение фотографий

Используйте функцию «Автокоррекция», чтобы настроить экспозицию, контрастность, светлые участки, тени, белый и черный цвета, температуру, оттенок, вибрацию и четкость на автоматические значения. Чтобы применить автоматическое улучшение, нажмите на верхнюю панель экрана.

Вы можете разрешить Photoshop Express автоматически применять автокоррекцию каждый раз, когда вы открываете фотографию. Для этого снимите флажок «Отключить автоматическое улучшение» в настройках.

Читайте также: