
Социальные стикеры
Здравствуйте, дорогие читатели Arttime, давненько я уже их не делал! Пока вы ничего не подозревали, я нарезал для вас отличную подборку социальных кнопочек в виде стикеров, пожалуй так их и назову: “социальные стикеры” 🙂 Это лучшее, что я когда-либо создавал, я прям как на презентации Apple =) В общем, кнопочки замечательны, качайте их совершенно бесплатно и по прямой ссылке. В наборе 3 размера: 250, 128 и 50 px, все в формате PNG. Смотрятся отлично…
Делаем социальные кнопки стикеры в фотошопе
На первом этапе мы как всегда создадим новый лист расширением 300*300, я думаю, должно хватить… Остальные настройки можно не трогать. Залейте основной слой, он же “задний план”, каким-нибудь нейтральным цветом, допустим я взял #616c75. Этого можно и не делать, но глазу приятнее.
Дальше создайте новый слой и назовите его “кнопка“, для того чтобы не запутаться 😉 После чего на новом слое напишите букву “Я” размером 250 пт, используя инструмент “горизонтальный текст” . Как вы уже поняли, мы будем делать кнопку яндекса, но можно выбрать любую другую… Посмотрите, что должно получиться:
Дальше нужно применить два простых стиля к слою “кнопка“, а именно “наложение цвета” и “обводка“. Цвет у нас будет красненький #c03e3e, а обводка белая размером 40 px.
Дальше необходимо слой “кнопка” преобразовать в смарт объект, а потом растрировать слой. Для этого кликаем правой кнопкой мыши по слою и выберем необходимые пункты, должно получиться вот так:
Теперь делаем иллюзию загнутого уголочка, перейдите в “Фильтр – Пластика” или нажмите комбинацию клавиш Shift + Ctrl + X. Приблизительно повторите мои действия:
Как же утомительно писать уроки 🙂 Ну да ладно… Теперь создайте слой “тень” и вот такую линию:
Посмотрите, на новом слое поверх кнопки в уголку я нарисовал линию черного цвета, повторите что-то подобное 😉 дальше нужно размыть ее. И я попрошу Вас сделать такой ход следующим образом: зайдите в Фильтр – Размытие – Размытие по Гауссу, установите степень размытия в 10 px.
Дальше потребуется обрезать выступающие края тени, делается это элементарно! Нажмите комбинацию клавиш Alt+Ctrl+G. Если Вы делаете все так же, то никаких проблем не будет 😉
Ой, как бы теперь вкратце объяснить дальнейшие действия… Так, выделите слой “Кнопка” и нажмите комбинацию Ctrl+J – это продублирует выбранный слой. Выберите нижний дубликат и примените к нему такой стиль:
Ох, а дальше нам потребуется немного трансформировать дубликат слоя “Кнопка“, как это сделать я подробно обозначил ниже на скриншоте:
Ну вот практически все, осталось только применить маску слоя к нашему дубликату и сделать плавный переход с помощью градиента, смотрите на картинку:
- Добавим маску слоя;
- Выберем инструмент “градиент“;
- Выберем черно-белый градиент, он стандартный и должен быть у всех;
- Проведем линию как указано на картинке снизу вверх.
- Поменяем прозрачность слоя дубликата на 70% и вот оно готово! Хочется заорать, что я это сделал! Я дописал урок 🙂

Видеоурок создания социальной кнопки
Это еще не все 🙂 Я тут кое-что придумал и решил научиться записывать видео уроки, не могу сказать на сколько оно хорошо, да и звука нет, но все же 🙂 Буду рад, если вы оцените его.
Заключение
Надеюсь, урок и кнопки-стикеры пришлись вам по вкусу… А вот вам еще такой рецептик: возьмите пивную кружку, добавьте в нее 100 г фантастики, немного триллера и побольше комедии, хорошенько залейте это все алкоголем! В результате получите фильм изюминку Грэбберсы (кто не выпил, тот не спасется). В общем вот совсем недавно я ходил на этот фильм, мне понравился 😉
Сегодня я с вами прощаюсь, но совсем скоро вернусь, так что подписывайтесь на обновления!
Удачи ВАМ!





Прикольные социалки. Я почему-то ожидал соц. кнопок в хромированном металлическом стиле. 😉
Я эти просто с месяц назад начал делать а потом бросил, ну а железяки будут следующими.. 🙂
Стикеры это здорово. Просто и эффектно. Будем ждать железных, деревянных, стеклянных, оловянных 😀
Вот по деревяшки я уже думал 😀
Да таких идей я тебе сотню могу подкинуть, а ты только давай рисуй 😉
Какие красивые кнопочки. спасибо!
Умеют же люди… Красиво!
Евгений, я остаюсь у Вас жить на сайте 😀 Глаза разбегаются, не знаю за что хвататься и что читать первым 😯 Здорово!!
Чай, кофе? 🙂
А где же капучино? 😆
Ладно, шучу, не люблю я капчино, пусть будет чай))
Отличные кнопки-стикеры. Спасибо за прямую ссылку на архив – скачал, закинул в папочку “текстуры для верстки” – вдруг пригодятся. К тому же авторские права соблюдены 😉 раз использование не запрещено)
Урок классный – все просто, но эффектно, в общем как надо!
Пожалуйста, Конечно не запрещено даже приветствуется 😀
Дякую! Класні кнопочки, пригодяться!