Arttime
  • Уроки фотошоп
    • Photoshop от А...
    • Работа с текстом
    • Уроки для Вконтакте
  • Скачать
    • Социальные кнопки
    • Плагины для PS
    • Экшены
    • Кисти
    • Градиенты
  • Веб дизайн
    • Инфографика
  • Познавательно
    • ART подборки
    • Конкурсы
  • Творчество
« На главную / Скачать / Социальные кнопки / Пост "Социальные стикеры"

Социальные стикеры


социальные кнопки стикеры

Скачать кнопки ДЕМО

Здравствуйте, дорогие читатели 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 – это продублирует выбранный слой. Выберите нижний дубликат и примените к нему такой стиль:

социальная кнопка в фотошопе

Ох, а дальше нам потребуется немного трансформировать дубликат слоя “Кнопка“, как это сделать я подробно обозначил ниже на скриншоте:

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

Создаем тень в фотошопе

  1. Добавим маску слоя;
  2. Выберем инструмент “градиент“;
  3. Выберем черно-белый градиент, он стандартный и должен быть у всех;
  4. Проведем линию как указано на картинке снизу вверх.
  5. Поменяем прозрачность слоя дубликата на 70% и вот оно готово! Хочется заорать, что я это сделал! Я дописал урок 🙂

социальные стикеры
Видеоурок создания социальной кнопки

Это еще не все 🙂 Я тут кое-что придумал и решил научиться записывать видео уроки, не могу сказать на сколько оно хорошо, да и звука нет, но все же 🙂 Буду рад, если вы оцените его.

Заключение

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

Сегодня я с вами прощаюсь, но совсем скоро вернусь, так что подписывайтесь на обновления!

Удачи ВАМ!

20 Сен 12 | Теги: Photoshop, дизайн, кнопки, скачать, Уроки, файлы КатегорияСоциальные кнопки

социальую кнопку Как сделать социальую кнопку в фотошопе.
социальных кнопок Скачайте замечательный набор социальных кнопок бесплатно
нарисованные соц. кнопки Прекрассные нарисованные соц. кнопки для вас
набор социальных тыкво кнопок К празднику хэллоуин набор социальных тыкво кнопок
почему необходимо избегать чистого черного цвета Очень важная информация по поводу того почему необходимо избегать чистого черного цвета в проектах и работах
  • Твитнуть
  • 13
  1. SergeyСен 21, 2012 @ 09:00

    Прикольные социалки. Я почему-то ожидал соц. кнопок в хромированном металлическом стиле. 😉

    Ответить
    • Eвгений КомиссаровСен 21, 2012 @ 09:53

      Я эти просто с месяц назад начал делать а потом бросил, ну а железяки будут следующими.. 🙂

      Ответить
  2. Лысенко ЕвгенийСен 21, 2012 @ 12:01

    Стикеры это здорово. Просто и эффектно. Будем ждать железных, деревянных, стеклянных, оловянных 😀

    Ответить
    • Eвгений КомиссаровСен 22, 2012 @ 16:29

      Вот по деревяшки я уже думал 😀

      Ответить
      • Лысенко ЕвгенийСен 22, 2012 @ 19:59

        Да таких идей я тебе сотню могу подкинуть, а ты только давай рисуй 😉

  3. ЛарисаСен 23, 2012 @ 11:31

    Какие красивые кнопочки. спасибо!

    Ответить
  4. IrinaОкт 5, 2012 @ 21:34

    Умеют же люди… Красиво!

    Ответить
  5. АнастасияОкт 10, 2012 @ 07:54

    Евгений, я остаюсь у Вас жить на сайте 😀 Глаза разбегаются, не знаю за что хвататься и что читать первым 😯 Здорово!!

    Ответить
    • Eвгений КомиссаровОкт 10, 2012 @ 11:48

      Чай, кофе? 🙂

      Ответить
      • АнастасияОкт 10, 2012 @ 12:31

        А где же капучино? 😆
        Ладно, шучу, не люблю я капчино, пусть будет чай))

  6. АнтонОкт 18, 2012 @ 22:18

    Отличные кнопки-стикеры. Спасибо за прямую ссылку на архив – скачал, закинул в папочку “текстуры для верстки” – вдруг пригодятся. К тому же авторские права соблюдены 😉 раз использование не запрещено)

    Урок классный – все просто, но эффектно, в общем как надо!

    Ответить
    • Eвгений КомиссаровОкт 20, 2012 @ 17:40

      Пожалуйста, Конечно не запрещено даже приветствуется 😀

      Ответить
  7. АннаМай 2, 2015 @ 17:04

    Дякую! Класні кнопочки, пригодяться!

    Ответить

Оставить комментарий (Отменить ответ)

Статьи на E-mail

  • RSS
  • Twitter
  • Вконтакте
  • google
stylus.ua

Интересные статьи

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

Страницы

  • Главная
  • О проекте
  • Контакты
  • Карта сайта
  • Друзья блога

Теги

Action art jpg Photoshop Градиент Кисть Скачать кисть Уроки Экшен дизайн из сети кнопки конкурсы мой арт полезняшки скачать советы социальные кнопки текстуры файлы

Случайные записи

  • Основные ошибки новичков при переезде сайта
  • Урок простой инфографики
  • Аренда VPS: плюсы и минусы
  • Советы по выбору мужских часов
  • Делаем эффект виньетки
  • На каких услугах обычно специализируется digital-компания
  • Об авторе

    Я – автор этого блога и еще десятка успешных проектов.

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

    Пишите мне на странице обратной связи.

    © Все права защищены. | Копировать без обратной индексируемой ссылки на ARTtime запрещено!
    Мы используем куки для наилучшего представления нашего сайта. OKЧитать далее