Карандаш. создаем иконку для сайта

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

Создаем новый файл размером 600*600 пикселей, в последующем уменьшим картину.

Во вкладке «Просмотр» необходимо выставить «Вспомогательные элементы» и выбрать «Привязать к» — «Направляющие», дабы рисовать линии карандаша было несложнее.

Карандаш. создаем иконку для сайта

Настраиваем направляющие линии.

Задаем расстояния между линиями, цвет и другое.

Рисуем срез края карандаша, где расположен грифель. Для данной цели смогут подойти инструменты: «Перо», «Прямолинейное лассо».

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

Цвет крайних срезов #e9c8ab и среднего среза #d5aa84.

В окне слоев выделяем три слоя (удерживая надавленной, клавишу Shift в окне слоев нажимаем на слои, каковые необходимо выделить) со инструментом и срезом «Перемещение» сдвигаем слои вниз.

Создаем новый слой и инструментом «Прямоугольная область» выделяем крайнюю полосу, которая организует длину карандаша, и заливаем цветом #2c7e00. Опять создаем новый слой и в нем такой же ширины делаем полосу и заливаем цветом.

Создаем новый слой и создаем третью полосу.

Становимся на слой с крайней полосой и заходим во вкладку «Слои» и делаем действия: «Стиль слоя» — «Параметры наложения».

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

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

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

Выделяем слои со срезами карандаша (кончик) и объединяем их, надавив клавиши Ctrl +E.

Слой с тёмной заливкой – грифель делаем обтравочной маской. Располагаем слой с грифелем над слоем со срезами карандаша и удерживая надавленной клавишу Alt нажимаем по границе слоев.

Дорабатываем зеленые полосы карандаша. Им нужно придать закругление. Становимся на слой с полосой и заходим во вкладку «Редактирование» и делаем действия: «Изменение» — «Деформация».

Мышкой оттягиваем линии вниз, формируя окружность.

Проделываем то же самое с другими полосами.

Сейчас нужно полосам придать вид граней. Приводим «к Параметрам наложения» и устанавливаем галочку около параметра «Тиснение». Настраиваем значения.

Кроме этого нажимаем «Применять по умолчанию» и используем к вторым полосам.

Формируем ластик на финише карандаша. Создаем новый слой, в котором «Круглой область» выделяем маленькой круг и заливаем его цветом #9f734d.

«Прямоугольной областью» выделяем низ круга и нажимаем клавишу Delete.

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

Создаем железный держатель ластика. Создаем новый слой и в нем «Прямоугольной областью» выделяем прямоугольник и создаем легко округлый верх держателя. Для этого необходимо удерживая клавишу Shift «Круглой область» добавить к области выделения округлость. Заливаем выделенную область цветом #847a71

В «Параметрах наложения» устанавливаем галочку около параметра «Наложение градиента». Настраиваем значения.

Для крепежа нужно придать объемный эффект. Для этого в «Параметрах наложения» устанавливаем галочку около параметра «Тиснение» и настраиваем значения.

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

То же самое делаем с ластиком. Для слоев с тенями изменяем режим наложения на «Умножение».

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

Снимаем видимость со всех ниже находящихся слоев.

Один из слоев с карандашом сделаем тенью. Изменяем режим наложения на «Яркость» и заходим во вкладку «Изображение», делаем действия: «Коррекция» — «Уровни».

В открывшемся окне сдвигам значения так, дабы карандаш стал тёмным.

Заходим во вкладку «Фильтр» и делаем действия: «Размытие» — «Размытие по Гауссу».

Значения делаем предельные.

Под слоями с карандашом создаем новый слой и заливаем его цветом #93a48a. Заходим во вкладку «Фильтр» и делаем действия: «Имитация» — «Зернистость фотопленки».

Дабы поменять размер изображения заходим во вкладку «Изображение» и выбираем «Размер изображения» и в открывшемся окне задаем размер будущей иконки.

Уроки фотошопа. Flat Иконки. Создание флэт иконок в фотошопе


Интересно почитать:

Самые интересный результаты подобранные по Вашим интересам:

  • Чашка с чаем. создаем иконку для сайта

    Для сайта приуроченного кулинарии время от времени незаменимы иконки чашек, ложек, тарелочек. Разглядим, как создать иконку чашки, наполненную чаем….

  • Создаем обои для рабочего стола в фотошоп

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

  • Создаем дизайн упаковки в фотошоп

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

  • Макет страницы для сайта

    В то время, когда готова основная титульная страница макета, то возможно дать волю фантазии и оформить страницу с рецептами, приукрасив её коллажами. На…

  • Совмещение фотографии и эффекта карандаша

    Умение рисовать дано к сожалению, не каждому, но в случае если уж желание прикоснуться к изобразительному мастерству непреодолимо, то программа Photoshop…

  • Создаем простую снежинку в фотошоп

    Несложная снежинка в Фотошоп выполняется при помощи создания треугольника, в котором вырезаются отверстия. Инструментом «Перо» создаем треугольник….