КАРТА САЙТА
Sibnet.ru
Sibnet.ru

Sibnet.ru — это информационно-развлекательный интернет-проект, ориентированный на широкий круг Сибирского региона.
По данным Rambler Top100, Sibnet.ru является самым популярным порталом в Сибири.

Контакты:
АО "Ринет"
ОГРН 1025402475856
г. Новосибирск, ул. Якушева, д. 37, 3 этаж
отдел рекламы:
(383) 347-10-50, 347-06-78, 347-22-11, 347-03-97

Редакция: (383) 347-86-84

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

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

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



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


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


Группа: Computer Graphics Club
Сообщений: 2 507
Регистрация: 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 килобайт ) Кол-во скачиваний: 221


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

> Создание идеальной иконки), Для форума.
Ben Laden
сообщение 13.1.2011, 19:51
Сообщение #21


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


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



Репутация:   513  


Цитата(nik7596 @ 13.1.2011, 18:35) *

Вот что у меня получилось:

Скачать
сохранил под расширенеим png он не открывает, psd сюда лить нельзя даже незнаю что делать wacko.gif
Пароль на файл 1234

Оцените rolleyes.gif unsure.gif

Круто! super.gif
Только у иконки обводку забыл, не знаю как объяснить зачем она... симпатичнее выглядит)
+ не смотрится красная обводка у текста)
Вот чуть чуть отредактировал, надеюсь ты не против smile.gif
Прикрепленное изображение


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


Has left in a stop
*****


Группа: Banned
Сообщений: 1 238
Регистрация: 12.2.2010
Пользователь №: 212 506



Репутация:   180  


Цитата(Ben Laden @ 13.1.2011, 19:51) *

Круто! super.gif
Только у иконки обводку забыл, не знаю как объяснить зачем она... симпатичнее выглядит)
+ не смотрится красная обводка у текста)
Вот чуть чуть отредактировал, надеюсь ты не против smile.gif
Прикрепленное изображение

Ну да так красивей! Я первый раз через фотошоп делал иконку вот и ещё не МАСТЕрsmile.gif раньше пользовался всякими програми! И естественно УГ! blink.gif
Да чето с обводкой у меня не получилось! Все настройки подбил, а не получилось smile.gif
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
SonG 42RUS
сообщение 15.1.2011, 12:46
Сообщение #23


МИНИ флудер
Group Icon


Группа: SA:MP Player
Сообщений: 1 933
Регистрация: 5.6.2010
Из: Новокузнецк
Пользователь №: 265 950



Репутация:   392  


вот моя Прикрепленное изображение

Сообщение отредактировал SonG 42RUS - 15.1.2011, 12:52


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


Здесь Вам не тут!
Group Icon


Группа: Sibnet-club
Сообщений: 6 459
Регистрация: 17.9.2009
Из: Белый Яр
Пользователь №: 139 264



Репутация:   447  


Получилось)
Изображение
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
Flegmatik
сообщение 22.1.2011, 1:17
Сообщение #25


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


Группа: Hip-Hop 4 Life
Сообщений: 5 859
Регистрация: 28.9.2009
Из: Кузбасса
Пользователь №: 143 174



Репутация:   590  


Как бы вот так smile.gif
Прикрепленное изображение
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
Touren
сообщение 22.1.2011, 5:06
Сообщение #26



Group Icon


Группа: Пользователи
Сообщений: 106
Регистрация: 15.6.2010
Пользователь №: 269 843



Репутация:   102  


Прикрепленное изображение
Прикрепленное изображение
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
solonal
сообщение 22.1.2011, 9:33
Сообщение #27


Болтун
Group Icon


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



Репутация:   130  


Помогите мне я не могу значок сибнета вставить когда вставляю на ней белый фон что я не так делаю?
Прикрепленное изображение

Сообщение отредактировал solonal - 22.1.2011, 9:38
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
bursan
сообщение 22.1.2011, 11:07
Сообщение #28



Group Icon


Группа: VIP
Сообщений: 18 585
Регистрация: 11.9.2008
Пользователь №: 48 942



Репутация:   1620  


Цитата(solonal @ 22.1.2011, 8:33) *

Помогите мне я не могу значок сибнета вставить когда вставляю на ней белый фон что я не так делаю?
Прикрепленное изображение

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


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


Болтун
Group Icon


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



Репутация:   130  


Как его вставлять?
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
MagistrZoom
сообщение 22.1.2011, 11:45
Сообщение #30


See vis paceem, para belum
Group Icon


Группа: Модераторы
Сообщений: 5 543
Регистрация: 23.10.2009
Из: Корусант
Пользователь №: 153 131



Репутация:   377  


Брось это делос помощью волшебной палочки выделяй капли с зажатым шифтом..


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


Болтун
Group Icon


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



Репутация:   130  


Цитата(MagistrZoom @ 22.1.2011, 10:45) *

Брось это делос помощью волшебной палочки выделяй капли с зажатым шифтом..

MagistrZoom спасибо помог smile.gif
Правда короткая, но это моя первая иконка biggrin.gif
Прикрепленное изображение + сделал просто логотип с прозрачным фоном так удобней намного мне
просто взял и перенёс Прикрепленное изображение

Сообщение отредактировал solonal - 22.1.2011, 12:01
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
bursan
сообщение 22.1.2011, 12:01
Сообщение #32



Group Icon


Группа: VIP
Сообщений: 18 585
Регистрация: 11.9.2008
Пользователь №: 48 942



Репутация:   1620  


Цитата(solonal @ 22.1.2011, 10:43) *

Как его вставлять?

Выставляешь размер 25х25, и просто перетягиваешь на иконку.


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


See vis paceem, para belum
Group Icon


Группа: Модераторы
Сообщений: 5 543
Регистрация: 23.10.2009
Из: Корусант
Пользователь №: 153 131



Репутация:   377  


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


Болтун
Group Icon


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



Репутация:   130  


Цитата(MagistrZoom @ 22.1.2011, 11:13) *

solonal, у текста поставь режим антиалиасинга "Нет"

Это где? biggrin.gif
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
DualCoRe
сообщение 30.1.2011, 13:29
Сообщение #35


I, Robot
Group Icon


Группа: Sibnet-club
Сообщений: 2 488
Регистрация: 28.12.2008
Из: Hell
Пользователь №: 70 419



Репутация:   597  


Цитата(SonG 42RUS @ 6.1.2011, 19:42) *

По моему уже все знали как ее делать...

никогда не говори за всех smile.gif

я до сих пор не понял как че делать, пол часа искал, где в фотошопе изменить размер картинки, не нашел. нашел в паинте, изменил, а поверх созданного слоя иконки добавить не могу, не умею. плюс еще фотошоп в инструкции на английском, а у меня на русском. )
Пользователь в онлайне!Карточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
2arrius
сообщение 30.1.2011, 19:38
Сообщение #36


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


Группа: Sibnet-club
Сообщений: 1 379
Регистрация: 16.11.2009
Пользователь №: 164 479



Репутация:   469  


Цитата(DualCoRe @ 30.1.2011, 12:29) *

никогда не говори за всех smile.gif

я до сих пор не понял как че делать, пол часа искал, где в фотошопе изменить размер картинки, не нашел. нашел в паинте, изменил, а поверх созданного слоя иконки добавить не могу, не умею. плюс еще фотошоп в инструкции на английском, а у меня на русском. )

стиль скачай чтобы сразу округленый был и тупо картинку вставь и ctrl+alt+g
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
Роман 13
сообщение 2.2.2011, 21:49
Сообщение #37


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  


Люди будте добры киньте архиватором стиль Хрома... А то у меня в cs3 нету его..
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
danish_99
сообщение 4.2.2011, 18:52
Сообщение #38


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


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



Репутация:   243  


Никогда не умел делать иконки((
Прикрепленное изображение

P.S:Урок супер! super.gif super.gif super.gif
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
MagistrZoom
сообщение 4.2.2011, 19:19
Сообщение #39


See vis paceem, para belum
Group Icon


Группа: Модераторы
Сообщений: 5 543
Регистрация: 23.10.2009
Из: Корусант
Пользователь №: 153 131



Репутация:   377  


Цитата
Никогда не умел делать иконки((

дальше бы не умел..

Значек сибнета-меньше, на тексте убери АА


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


<_<
Group Icon


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



Репутация:   412  


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

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

 

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

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

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