Посты в Графика
Aesdana 10.02.2012 09:06

ГрафикаИконки без закругленных углов, но с тенями и градиентами

Привет, Вилинукс!

Preview

Так получилось, что я начала рисовать иконки с социальными сервисами. Рисовала для себя, потому что хотелось без закруглённых углов, но с welinux, jabber и yandex, а в интернетах такого, увы, нет. А потом как-то попёрло =)

Оригинал в векторе, поэтому если нужны другие размеры и форматы - пишите.

Список social media (Update!):

Welinux
Jabber
Juick
Deviantart
Lastfm
Skype
vk.com
Odnoklasskini
Flickr
Mail.ru
Twitter
OpenID
Yandex
RSS
ICQ
Google reader
Google+
Google Chrome
GTalk
Youtube
Blogger
Android
Evernote
Vimeo
Habrahabr
Git
Wikipedia
Mail
Slashdot
Livejournal
Digg
Picasa
Linkedin
Stumbleupon
Reddit
Facebook
Yandex.Fotki
Yandex.Online
Formspring
Apple


Все иконик в .png (24,48,64)


Deviantart
narod
+ 28 -
32
alltiptop 20.05.2011 21:23

ГрафикаshowFoto, эффекты с цветами

Как вариант работы с фотографиями рассмотрим showFoto - одна из программ DigiKam CS (Qt4, C++, требует некоторые библиотеки kde). В ней есть всё необходимое - фильтры, работа с цветами, резкость, размытие, улучшение разного рода, регулировка перспективы и т.д.

Общий вид программы:



Далее картинки.
Полностью.
+ 11 -
5
alltiptop 15.02.2011 15:45

ГрафикаУрок: Создание логотипа в inkscape

На примере взял "бренд" welinux для наглядного создания иконки в стиле "ленты".


Для начала понадобится inkscape, есть во всех нормальных дистрибутивах и даже на вин. Запускаем, начнём с буквы 'W', для этого создаём прямоугольник нужной формы, поворачиваем, дублируем на ctrl+d, "дубль" доводим до "галки", выделяем всё это, дублируем, отражаем на h, доводим до 'W'.


Далее всё выделенное это в контур - оконтурировать объект. Всё выделенное опять контур - сумма. В получившемся объекте удаляем лишние точки, выделяем все на ctrl+a, на панели инструментов - "сделать выделенные сегменты элементов прямыми". Подровняем.

Далее дублируем букву несколько раз, в дублях удаляем точки так, что бы осталось по сторонам как отдельные объекты \^/. Делаем их чёрными, применяем размытие в районе 3-4, на вкус. У "осколков" делаем градиент от прозрачного к чёрному, прямой или радиальный - на вкус.


Оригинальную целую букву 'W' делаем белой, выводим на передний план клавишей home.




Далее несложными манипуляциями делаем букву 'e', аналогичную 'W', хотя в количестве "теней" можно ограничиться одной. Добавляем слово 'linux' текстом наиболее подходящим шрифтом, мне больше понравился ubuntu, проделываем то же самое. Получаем:




Так же можно далее в gimp удалить белый цвет или же "раскрасить", хоть это можно сделать и в inkscape, gimp всё таки гибче и удобнее при получении конечного результата. Для создания непосредственно иконок необходимо учитывать их размеры с соответственно убирать/добавлять края и размытие, вот пример:



Слил в блог.
+ 11 -
17