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

Внимание! Теперь для входа на форум необходимо вводить единый пароль регистрации сервисов sibnet.ru!

Здравствуйте, гость ( Вход | Регистрация )



7 страниц V < 1 2 3 4 5 > »   
Ответить в эту темуОткрыть новую тему
> Создание идеальной иконки), Для форума.
Ben Laden
сообщение 6.1.2011, 18:07
Сообщение #1 (закреплено)


МЕГА флудер
Group Icon


Группа: Computer Graphics Club
Сообщений: 2 506
Регистрация: 7.7.2008
Из: Новосибирск
Пользователь №: 39 914



Репутация:   513  


Всем привет.

Прошу не путать этот урок с http://forum.sibnet.ru/index.php?showtopic=273271
В этом уроке я расскажу как я делаю иконки, быстро, легко, и главное красиво smile.gif

1) Для начала создаем документ с прозрачным фоном, размером 150х29.
» Спойлер (нажмите, чтобы прочесть) «


2) Далее выбираем инструмент Rounded Rectangle Tool, ставим Радиус на 20px
» Спойлер (нажмите, чтобы прочесть) «

3) Рисуем форму нашей иконки.
» Спойлер (нажмите, чтобы прочесть) «

4) Теперь применяем к нашей иконки Styles - Web Styles - Chrome.
Должно получится примерно такое.
» Спойлер (нажмите, чтобы прочесть) «

5) Теперь нам понадобиться какая нибудь картинка, связанная с темой нашей иконки.
Я взял вот такую.
» Спойлер (нажмите, чтобы прочесть) «

6) Открываем нашу картинку и переносим её поверх нашего слоя с иконкой.
Я уменьшил картинку и поставил её так чтобы был виден узор.
» Спойлер (нажмите, чтобы прочесть) «


7) Далее правой кнопкой мыши по нашему слою с картинкой - Create Clipping Mask
» Спойлер (нажмите, чтобы прочесть) «

Должно получится нечто такое.
» Спойлер (нажмите, чтобы прочесть) «

8) Теперь немного подкорректируем слой с иконкой.
» Спойлер (нажмите, чтобы прочесть) «

» Спойлер (нажмите, чтобы прочесть) «

Так же не забудем добавить обводку.(цвет обводки надо выбирать в зависимости от цвета вашей иконки, я выбрал темно красный)
» Спойлер (нажмите, чтобы прочесть) «

9) Далее добавим логотип Сибнета. (он есть в прикрепленных файлах)
» Спойлер (нажмите, чтобы прочесть) «

Добавим внешнее свечение к логотипу Сибнета.
» Спойлер (нажмите, чтобы прочесть) «


10) Теперь добавляем текст.
Шрифт можно использовать любой, главное что бы был хорошо читаем.
Можно использовать Visitor.
Текст пишем белым цветом и применяем следующее..
» Спойлер (нажмите, чтобы прочесть) «

» Спойлер (нажмите, чтобы прочесть) «


11) Есть еще одна хитрость (можно пропустить)
Дублируем наш слой с текстом и перемещаем его на место, сначала между слоем с иконкой и картинкой...
» Спойлер (нажмите, чтобы прочесть) «

.... а затем над слоем с картинкой.
» Спойлер (нажмите, чтобы прочесть) «


12) Теперь у нашего верхнего слоя с текстом ставим прозрачность 50%-80%.
» Спойлер (нажмите, чтобы прочесть) «


Ну вот собственно и всё)
Моя иконка: Прикрепленное изображение
Выкладывайте свои)



Прикрепленные файлы
Прикрепленный файл  Sibnet_logo_vector.rar ( 68.51 килобайт ) Кол-во скачиваний: 198


» Спасибо сказали: «
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения

> Создание идеальной иконки), Для форума.
Роман 13
сообщение 5.2.2011, 9:08
Сообщение #41


I have got out. With all it happens. It simply stage of a growing. Such, as I - millions...
Group Icon


Группа: Sibnet-club
Сообщений: 571
Регистрация: 13.5.2009
Из: Абакан
Пользователь №: 105 235



Репутация:   107  


вот для группы своей делал...
Изображение
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
skynet84
сообщение 5.2.2011, 21:31
Сообщение #42


МЕГА флудер
Group Icon


Группа: Computer Graphics Club
Сообщений: 16 079
Регистрация: 20.8.2009
Пользователь №: 129 814



Репутация:   1065  


Шрифт нормальный?
Прикрепленное изображение

Сообщение отредактировал skynet84 - 5.2.2011, 21:31
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
Ben Laden
сообщение 5.2.2011, 21:32
Сообщение #43


МЕГА флудер
Group Icon


Группа: Computer Graphics Club
Сообщений: 2 506
Регистрация: 7.7.2008
Из: Новосибирск
Пользователь №: 39 914



Репутация:   513  


Цитата(skynet84 @ 5.2.2011, 20:31) *

Шрифт нормальный?
Прикрепленное изображение

Нормальный, тень поменьше и по прозрачнее и будет кул)


» Спасибо сказали: «
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
skynet84
сообщение 5.2.2011, 21:44
Сообщение #44


МЕГА флудер
Group Icon


Группа: Computer Graphics Club
Сообщений: 16 079
Регистрация: 20.8.2009
Пользователь №: 129 814



Репутация:   1065  


Цитата(Ben Laden @ 5.2.2011, 20:32) *

Нормальный, тень поменьше и по прозрачнее и будет кул)

У меня, как бы, тени на шрифте нет)
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
artygrand
сообщение 5.2.2011, 21:46
Сообщение #45


1000-кун
Group Icon


Группа: Модераторы
Сообщений: 7 671
Регистрация: 23.11.2008
Из: Новосибирска
Пользователь №: 62 681



а на иконке есть


» Спасибо сказали: «
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
skynet84
сообщение 5.2.2011, 21:49
Сообщение #46


МЕГА флудер
Group Icon


Группа: Computer Graphics Club
Сообщений: 16 079
Регистрация: 20.8.2009
Пользователь №: 129 814



Репутация:   1065  


Цитата(artygrand @ 5.2.2011, 20:46) *

а на иконке есть

Так?
Прикрепленное изображение
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
ChЕl94
сообщение 6.2.2011, 2:22
Сообщение #47


злостный флудер форума
Group Icon


Группа: VIP
Сообщений: 8 513
Регистрация: 31.8.2010
Пользователь №: 297 559



Репутация:   2092  


Цитата(skynet84 @ 5.2.2011, 20:49) *

Так?
Прикрепленное изображение

Да.


» Спасибо сказали: «
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
Vyper
сообщение 6.2.2011, 3:21
Сообщение #48


<_<
Group Icon


Группа: I love music
Сообщений: 4 106
Регистрация: 10.3.2008
Из: Russia ⇒ Omsk ⇒ Azovo
Пользователь №: 24 400



Репутация:   412  


Цитата(danish_99 @ 6.2.2011, 2:01) *

Что то не то...
» Спойлер (нажмите, чтобы прочесть) «


это точно smile.gif


» Спасибо сказали: «
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
danish_99
сообщение 6.2.2011, 4:47
Сообщение #49


МЕГА флудер
Group Icon


Группа: Sibnet-club
Сообщений: 5 146
Регистрация: 8.2.2010
Из: Абакана
Пользователь №: 210 174



Репутация:   243  


Скажите что я делаю не так?!
» Спойлер (нажмите, чтобы прочесть) «


Сообщение отредактировал danish_99 - 6.2.2011, 4:50
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
ChЕl94
сообщение 6.2.2011, 5:15
Сообщение #50


злостный флудер форума
Group Icon


Группа: VIP
Сообщений: 8 513
Регистрация: 31.8.2010
Пользователь №: 297 559



Репутация:   2092  


Цитата(danish_99 @ 6.2.2011, 3:47) *

Скажите что я делаю не так?!
» Спойлер (нажмите, чтобы прочесть) «


Всё.
иконка огромная,так же как и лого сибнета,убери на иконке обводку,на шрифте не делай "перекрытие" .
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
Ben Laden
сообщение 6.2.2011, 10:44
Сообщение #51


МЕГА флудер
Group Icon


Группа: Computer Graphics Club
Сообщений: 2 506
Регистрация: 7.7.2008
Из: Новосибирск
Пользователь №: 39 914



Репутация:   513  


Цитата(danish_99 @ 6.2.2011, 3:47) *

Скажите что я делаю не так?!
» Спойлер (нажмите, чтобы прочесть) «


Саму иконку поменьше, текст посередине сделай, и лого поменьше, а так нормально.
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
danish_99
сообщение 6.2.2011, 13:22
Сообщение #52


МЕГА флудер
Group Icon


Группа: Sibnet-club
Сообщений: 5 146
Регистрация: 8.2.2010
Из: Абакана
Пользователь №: 210 174



Репутация:   243  


Так норм?
» Спойлер (нажмите, чтобы прочесть) «

Или так?
» Спойлер (нажмите, чтобы прочесть) «


Сообщение отредактировал danish_99 - 6.2.2011, 13:25
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
Ben Laden
сообщение 6.2.2011, 13:51
Сообщение #53


МЕГА флудер
Group Icon


Группа: Computer Graphics Club
Сообщений: 2 506
Регистрация: 7.7.2008
Из: Новосибирск
Пользователь №: 39 914



Репутация:   513  


Цитата(danish_99 @ 6.2.2011, 12:22) *

Так норм?
» Спойлер (нажмите, чтобы прочесть) «

Или так?
» Спойлер (нажмите, чтобы прочесть) «


Вооо.. вторая идеальная)


» Спасибо сказали: «
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
woopy
сообщение 7.2.2011, 9:16
Сообщение #54


pi
Group Icon


Группа: Аццкий Клуб
Сообщений: 7 449
Регистрация: 12.7.2009
Пользователь №: 119 715



Репутация:   549  


danish_99
А зачем на иконке белая линия? От этого она идеальней становится?
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
skynet84
сообщение 7.2.2011, 10:19
Сообщение #55


МЕГА флудер
Group Icon


Группа: Computer Graphics Club
Сообщений: 16 079
Регистрация: 20.8.2009
Пользователь №: 129 814



Репутация:   1065  


Цитата(woopy @ 7.2.2011, 8:16) *

danish_99
А зачем на иконке белая линия? От этого она идеальней становится?

Она со стилем сразу идет wink.gif
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
ChЕl94
сообщение 7.2.2011, 11:33
Сообщение #56


злостный флудер форума
Group Icon


Группа: VIP
Сообщений: 8 513
Регистрация: 31.8.2010
Пользователь №: 297 559



Репутация:   2092  


Она объёмность придаёт,если без затенения,то она плоская будет.
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
danish_99
сообщение 7.2.2011, 11:36
Сообщение #57


МЕГА флудер
Group Icon


Группа: Sibnet-club
Сообщений: 5 146
Регистрация: 8.2.2010
Из: Абакана
Пользователь №: 210 174



Репутация:   243  


А сама то иконка нравиться?
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
solonal
сообщение 16.2.2011, 18:55
Сообщение #58


Болтун
Group Icon


Группа: Sibnet-club
Сообщений: 607
Регистрация: 28.4.2010
Из: Россия,Сибирский ФО, Иркутская область, Иркутск
Пользователь №: 250 952



Репутация:   130  


Норм?
Изображение
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
Fro
сообщение 20.2.2011, 12:55
Сообщение #59


Молчун
Group Icon


Группа: Пользователи
Сообщений: 27
Регистрация: 4.10.2010
Пользователь №: 309 195



Репутация:   27  


Цитата(solonal @ 16.2.2011, 17:55) *

Норм?
Изображение

Узкая какайта... Да и одним светом вся иконка...
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
benladen
сообщение 21.2.2011, 17:04
Сообщение #60


:D
Group Icon


Группа: Sibnet-club
Сообщений: 579
Регистрация: 9.6.2008
Из: None
Пользователь №: 36 268



Прикрепленное изображение


» Спасибо сказали: «
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения

7 страниц V < 1 2 3 4 5 > » 
Ответить в эту темуОткрыть новую тему
1 чел. просматривают этот форум (гостей: 1, скрытых пользователей: 0)
Пользователей: 0

 

Текстовая версия Сейчас: 17.9.2019, 9:53
Редакция: (383) 347-86-84

Техподдержка: (383) 347-22-44
help.sibnet.ru
Размещение рекламы:
тел: (383) 347-06-78, 347-10-50

Правила использования материалов