Как в фотошопе поставить значок инстаграм
Обновлено: 06.07.2024
Значок Инстаграм – один из самых узнаваемых изображений в мире. Его знают не только активные пользователи социальной сети. Существуют специальные онлайн-сервисы, где можно найти оригинальную иконку, а также ее модификации и более старые версии. Загрузка изображения также доступна на нашем сайте.
Для чего нужен логотип Instagram
Иконка Инстаграмм в течение десятилетий существования соцсети регулярно менялась. В массы она вошла в виде старого полароида в коричневых тонах, но спустя 6 лет приняла привычный вид – минималистичный фотоаппарат на разноцветном фоне. Такой стиль символизирует неординарность нынешнего поколения, его стремление выделиться из толпы и отличиться креативностью и оригинальностью.
Простота и схематичность иконок лучше запоминаются, что неоднократно доказано исследованиями.
Для чего нужен логотип Инстаграмм? Его используют в следующих целях:
- визуальное оформление ссылки на профиль в Instagram с сайтов или страниц соцсетей;
- указание информации, которая связана с фотоприложением;
- использование логотипа на печатной продукции, например, на визитках, чтобы показать наличие аккаунта.
Иконка Instagram является интеллектуальной собственностью компании. Использование значка невозможно в коммерческих целях.
Доступны варианты для самостоятельного изменения иконки в специальных редакторах. Например, в Photoshop. В этом случае, формат должен соответствовать программе. В случае с Фотошопом – это PSD.
Форматы иконок
Существуют различные форматы изображений, которые отличаются по своим свойствам и предназначению. Прежде, чем скачать значок, следует разобраться в их наиболее распространенных видах:
- SVG – это векторный формат, который позволяет масштабировать значки без потери качества, при этом есть поддержка прозрачности;
- JPEG – самый распространенный формат, который способен отобразить практически все цвета, при этом его размеры и качество можно изменять вручную. Недостаток заключается в том, что после сжатия редактировать картинку не следует: ее качество заметно ухудшится;
- PNG – это формат, который применяется в растровой графике. Он обладает каналом прозрачности, но подойдет для картинок с меньшим количеством цветов, в отличие от JPEG;
- PSD – это растровый формат хранения изображений для графического редактора Photoshop. При скачивании такого значка, его можно откорректировать, добавить слои или элементы.
Логотип Инстаграм на прозрачном фоне подойдет для оформления страниц сайтов, дизайнерских проектов. Такой формат позволяет коллажировать изображения без использования ретуши.
Формат PNG – наиболее оптимальный вариант, что обусловлено прозрачным фоном. Он дает возможность размещать иконку на фоне любого цвета, при этом белого пятна вокруг эмблемы социальной сети не будет. Такое свойство изображения открывает просторы для творчества и вдохновения. С файлами PNG работают практически все графические редакторы, также они осуществляют экспорт готовых проектов в этот формат.
Логотипы и иконки в формате PNG
Логотип в формате PSD
Лучшие ресурсы с логотипами Instagram
Самые известные ресурсы, где можно скачать логотипы в любых форматах: PSD, PNG, JPEG, SVG. Для скачивания нужно зарегистрироваться в любом из сервисов.
На сервисах представлены различные варианты logo Instagram, а также других социальных сетей. Можно скачать сразу все значки, представленные в оригинальном исполнении. Также доступны видоизмененные логотипы и надписи.
При выборе иконки станет доступен вариант формата. Это может быть PNG, SVG или PSD.
В этом уроке вы узнаете, как создать плоские флэт иконки социальных сетей.
То, что вы будете создавать:
Создавать плоские иконки мы начнем с фона, потом добавим иконкам эффекты, чтобы придать им оригинальность, далее нарисуем длинные тени. Для повторения урока вам понадобится Photoshop CS3 или более поздняя версия.
Ресурсы:
Шаг 1
Создайте новый файл (Ctrl + N) размером 500 × 400 пикселей.
Создайте новую группу (CTRL+G) и назовите её "Фон".
Шаг 2
Шаг 3
Чтобы добавить больше эффектов на задний план, мы добавим градиент. Нажмите на иконку Корректирующий слой (Adjustment Layer) и выберите Градиент (Gradient), используйте следующие настройки:
Режим наложения слоя Мягкий свет (Soft Light) | Непрозрачность: 25%
Шаг 4
Создайте новую группу и назовите её «symbols».
Шаг 5
Чтобы создать Направляющую линию, нужно просто щелкнуть и перетащить её из линейки. Для создания вертикальной направляющей перетаскивайте из вертикальной линейки и наоборот. Вот как я разделил холст (каждый значок равен 50 × 50 пикселей и расстояние между каждым значком 25 пикселей):
Шаг 6
В этом уроке мы работаем с помощью шрифта Awesome, вы можете добавить настраиваемые иконки для вашего сайта. Как правило, это делается путем размещения CSS шрифта на ваш сайт, но так как мы работаем с Photoshop, нам нужно скопировать каждый значок, который вы хотите использовать из шпаргалки. Зайдите на страницу, выберите значок, который вы хотели бы нарисовать. Я использовал иконки для следующих (социальные сети) сайтов: Twitter; facebook; Tumblr; Google+;Instagram; YouTube; Twitch; Dropbox; Deviantart; Pinterest; Skype; Feed.
Шаг 7
После того как вы нашли значок, который хотели бы использовать, скопируйте его (Выделите ее затем щелкните правой кнопкой мыши-Копировать)
Затем вернитесь в Photoshop и выберите инструмент Текст (Text Tool) на панели инструментов. Измените настройки шрифта, как показано на рисунке:
Теперь вставьте значок, который вы только что скопировали. (Щелкните правой кнопкой мыши-Вставить)
Шаг 8
Повторите предыдущий шаг, пока не вставите все значки, которые вы хотели бы использовать.
Шаг 9
Создайте новую группу и переименуйте её в «icon bg», поместите группу ниже группы «symbols».
Шаг 10
Создайте новый слой и поместите его в группу, созданную в предыдущем шаге. Я переименовал слой в «icon bg».
Шаг 11
Используя инструмент Прямоугольник с округленными углами (Rectangular Circle Shape Tool) (расположенный на панели инструментов ниже инструмента Текст (Text Tool)) я создал фон иконок,
Вы можете использовать эти цвета, а можете использовать цвета на свое усмотрение – так работа приобретет оригинальность.
Если вам не нравится, как выглядят прямоугольники с округленными краями, вы можете выбрать другую форму, например, квадрат или круг. Чтобы сделать идеальный круг или квадрат, не забудьте удерживатьклавишу SHIFT в момент их создания.
Шаг 12
Если вы довольны результатом на данном этапе, вы можете идти дальше, но если хотите придать живости иконкам, давайте продолжим улучшения. Начнем со стиля слоя Тень (Drop Shadow). Откройте группу «symbols», выберите одну из иконок и щелкните значок Fx–Тень (Fx-Drop Shadow). Используйте следующие параметры:
Шаг 13
Повторите предыдущий шаг с остальными значками. Для того, чтобы сделать вашу работу намного проще, щелкните правой кнопкой мыши на слое-Копировать стиль стоя (-Copy Layer Style). Затем выберите остальные слои с иконками, щелкните правой кнопкой мыши-Вставить стиль слоя (-Paste Layer Style).
Шаг 14
Теперь добавим внутреннюю тень на задний план каждого значка. Открываем группу «icons bg», выбираем слой с иконкой, нажимаем на значок Fx-Внутренняя тень (Fx-Inner Shadow). Используйте следующие параметры:
Шаг 15
Затем измените режим наложения на Мягкий свет (Soft Ligh), снизьте непрозрачность (Opacity) слоя до 20%, а заливку (Fill) до 80%.
Шаг 16
Отключите видимость слоя «Gloss Effect». Создайте новый слой и назовите его «Long Shadow». Этот шаг является немного сложнее по сравнению с остальными эффектами. Поместите новый слой ниже слоя «Gloss Effect».
Шаг 17
Возьмите инструмент Полигональное лассо (Polygonal Lasso Tool) и начните создавать прямоугольную тень, касаясь ребра иконки только с правой нижней стороны, затем сделайте диагональную линию, пока она не достигнет нижнего правого края фона значка, сделайте прямую линию, пока она не достигнет центра фона, затем соедините линии. На изображении вы можете рассмотреть более наглядно, как рисовать длинную тень.
Шаг 18
Последний шаг! Уменьшите непрозрачность (Opacity) слоя с тенью до 10%, и заливку (Fill) до 0%.
Теперь Нажмите на иконку Fx и выберите Наложение цвета (Color Overlay). Используйте следующие параметры:
Теперь выберите Наложение градиента (Gradient Overlay) и используйте эти настройки:
Финальные результаты:
Если вы нашли ошибку/опечатку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.
Ежемесячная аудитория Instagram составляет 1 миллиард человек. На 2020 год 90% брендов присутствуют в Instagram, при этом если брать фэшн-индустрию то 96% брендов США также можна найти в Инсте. С точки зрения продвижения собственного бренда игнорировать такую огромную аудиторию непростительно.
Компании становятся все более активными в Instagram. Поэтому крайне важно выделиться и включить эту сеть в свою общую маркетинговую стратегию. Приобретенное Facebook, приложение продолжает улучшаться: открытие рекламы, отображение контента в соответствии с алгоритмом, появление инструментов анализа и т.д. Вы постепенно погружаете свой бренд в повседневную жизнь своих подписчиков, обращаясь к ним через максимально прямой канал. Это способствует хорошей эмоциональной связи и, в конечном счете, позволяет вам объединять сообщество поклонников, действительно интересующихся вашим контентом или продуктом.
Какие изображения используются в Инстаграм?
Аватар профиля
Основное изображение вашего профиля. Позволяет сделать ваш профиль легко узнаваемым, использование логотипа для аватара просто необходимо.
Оптимальный размер: 110px x 110px.
Максимальное разрешение: 180px x 180px.
Квадратное фото на Instagram
Помните, что Instagram автоматически уменьшает размеры фотографий. Вы можете загрузить изображение с максимальным размером 1080px x 1080px.
Ландшафт фото
Рекомендуемые размеры для заливки изображения в ландшафт: 1080px x 600px. В итоге отображаться будет в размере 600px x 450px.
Портретное фото
Рекомендуемый размер портрета по умолчанию: 1080px x 1350px. Однако Instagram отобразит его как изображение размером 600 x 749 пикселей.
Какую иконку выбрать для логотипа?
Релевантность
Постарайтесь использовать иконку, которая поможет связать лого и вашу отрасль. Например для ветеринарной клиники могут подойти иконки с животными, а для авиакомпании элементы самолета: крыло, пикселей хвост, самолет в целом. Так же намеки на полет в виде крыльев, потоков воздуха, птиц. Если ниша нейтральная и не подразумевает конкретных элементов, можете использовать абстрактные изображения.
Простота и лаконичность
Постарайтесь избегать слишком перегруженные элементами иконки. Выбирайте простые, прорисованные в несколько мазков. Таким образом иконка будет дополнять, а не перегружать логo.
Лаконичность цветов
Не используйте много цветов для иконок. Постарайтесь ограничиться одним-двумя цветами.
Функциональность
Иконка должна быть функциональной и хорошо смотреться при использовании в печати на продукции и внешней рекламе. Если она будет слишком сложной и многокомпонентной, при масштабировании будет терять качество и целостность лого.
Как выбрать шрифт?
Правильно подобранный шрифт может подчеркнуть сильные стороны вашего логотипа (и вашего бренда), в то время как неподходящий и неверно подобранный шрифт может вызывать неприятные ассоциации и недоверие клиентов.
При подборе шрифта следует обратить больше всего внимания на два момента:
Читабельность
Шрифт стоит подбирать так чтобы текст было четко видно, он не сливался и не расплывался из-за неудачно выбранного шрифта. Также текст должен хорошо читаться даже при ресайзинге логотипа.
Гармоничность
Как подобрать цвета?
Выбор цвета для логотипа очень важен, поскольку цвета имеют различные ассоциации и значения. Именно цвет вызывает эмоции и чувства у клиентов, поэтому важно выбрать цвет, который подойдет вашему бизнесу.
Общие рекомендации, на которые можно ориентироваться при выборе цветовой палитры:
Не существует определенного цвета для какой-либо отрасли бизнеса, но некоторые из них могут лучше подходить для определённых ниш бизнеса.
Цвета можно комбинировать. Некоторые бренды, такие как eBay, Google, NBC, Instagram предпочитают использовать множество цветов. Но с комбинацией большого количества цветов будьте аккуратны. Это уместно, если речь идет о таких элементах как радуга, бабочка и т.д. Также, когда разрабатывается чисто текстовый лого, это позволяет избежать наляпывания цветов.
Создать логотип быстро и легко
Если у вас еще нет логотипа, воспользуйтесь онлайн сервисом Logaster. Быстрый и удобный способ создания лого, который не требует специальных навыков.
Преимущество сервиса так же в том, что вы сможете скачать лого сразу в готовых форматах для заливки в Instagram.
Обновлено 5 августа, 2020
Редактор блога компании Logaster, контент-маркетолог. Эксперт по веб-маркетингу и брендированию. Умеет писать просто о сложном. По ее статьям можно построить успешный бренд и начать успешное продвижение в интернете.
Иконки для Instagram – вещь весьма полезная и необходимая. Создаете вы сторис, ведете личный блог или представляете компанию, рассказываете о своих хобби или делитесь впечатлениями своей жизни – но иконки помогают создать визуальное меню вашей странички, сортировать информацию.
Мы подобрали для вас несколько тематических коллекций иконок для инстаграм, которые можно смело скачивать и использовать в разных форматах.
60 Instagram Highlight Icons
Каждый значок посвящен отдельной теме: кулинария, дети, домашние животные, отдых, хобби и многое другое. Представлены в линейном стиле, с цветным оформлением и без оного.
Формат: AI, EPS, PNG (256 × 256)
Количество: 60
Размер файла: 6,8 МБ
20 Instagram Highlight Icons
Тематика иконок разная: бытовые аксессуары, инструменты, предметы быта, красоты, различных блюд. Эдакое ассорти на цветном фоне и без оного.
Формат: AI, EPS, PNG (256 × 256)
Количество: 20
Размер файла: 1,7 МБ
20 Instagram Story Highlight Icons
Темы: кулинария, обувь, покупки, образование и т. Д. Эти значки украсят ваш профиль в Instagram. У каждого значка есть 5 вариантов цвета фона. Вы сможете подобрать подходящую для вас цветовую схему.
Формат: AI, PNG (256 × 256), JPG
Количество: 20
Размер файла: 125 МБ
20 Instagram Story Icons
Формат: AI, EPS, PNG (256 × 256)
Количество: 20
Размер файла: 1,3 МБ
10 Free Beauty Instagram Story Highlight Icons
набор различных тематических иконок. Тематика: красота, а значки подходят для категорий: одежда, кремы, прически, макияж и других. Представлены в 5 цветовых вариантах и 1 черно-белый.
Формат: AI, PNG (1980 х 1020), JPG
Количество: 10
Размер файла: 64 МБ
Если вы нашли ошибку/опечатку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.
Читайте также: