КАРТА САЙТА
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 « < 5 6 7  
Ответить в эту темуОткрыть новую тему
> Создание идеальной иконки), Для форума.
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


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

> Создание идеальной иконки), Для форума.
calibri-
сообщение 29.7.2011, 17:00
Сообщение #121


Поддерживает разговор
Group Icon


Группа: Пользователи
Сообщений: 116
Регистрация: 2.3.2011
Из: дома пишу я вам
Пользователь №: 362 581



Репутация:   -2  


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

Сообщение отредактировал calibri- - 29.7.2011, 18:13
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
bursan
сообщение 30.7.2011, 16:01
Сообщение #122



Group Icon


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



Репутация:   1620  


Логотип расплывчитый получился unsure.gif
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
SuicidalBunny
сообщение 11.8.2011, 11:52
Сообщение #123


котэ шикарен
Group Icon


Группа: Пользователи
Сообщений: 213
Регистрация: 10.8.2011
Пользователь №: 393 469



Репутация:   15  


По моему....идеальная smile.gif
Прикрепленное изображение
Ну кроме текста.


Сообщение отредактировал SuicidalBunny - 13.8.2011, 11:34
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
bursan
сообщение 16.8.2011, 17:22
Сообщение #124



Group Icon


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



Репутация:   1620  


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


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


I’mma do me, I’mma make it mine I say fuck the shine I say fuck the shine Bitch I grind, bitch I grind I’m hard to find
Group Icon


Группа: Spartak Clan
Сообщений: 6 748
Регистрация: 16.4.2011
Пользователь №: 373 828



Репутация:   335  


Прикрепленное изображение
Самая первая иконка, как? unsure.gif
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
Bocharik96
сообщение 28.9.2011, 18:02
Сообщение #126


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


Группа: Активисты форума
Сообщений: 1 699
Регистрация: 3.6.2010
Из: Новосибирск
Пользователь №: 265 320



Репутация:   212  


Для текста только обводку делай, никаких наложений, тиснений и т.д.
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
Борян
сообщение 30.10.2011, 17:11
Сообщение #127


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


Группа: Нецензурщина
Сообщений: 1 096
Регистрация: 7.1.2010
Из: Новокузнецк
Пользователь №: 191 544



Репутация:   279  


Изображение

Как вам ? smile.gif

Сообщение отредактировал Борян - 30.10.2011, 19:27
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
2arrius
сообщение 30.10.2011, 20:30
Сообщение #128


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


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



Репутация:   469  


тыбхотябыисходникприлепил



Сообщение отредактировал 2arrius - 30.10.2011, 20:32
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
L.Messi
сообщение 15.12.2011, 22:20
Сообщение #129


Молчун
Group Icon


Группа: Пользователи
Сообщений: 74
Регистрация: 30.10.2011
Пользователь №: 405 865



Репутация:   35  


smile.gif Прикрепленное изображение
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
andrew12
сообщение 11.3.2012, 15:19
Сообщение #130


Любит поговорить
Group Icon


Группа: Любители софта
Сообщений: 362
Регистрация: 23.1.2011
Пользователь №: 349 714



Репутация:   61  


Прикрепленное изображение blink.gif
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
GoSha2009
сообщение 11.3.2012, 15:45
Сообщение #131



Group Icon


Группа: Computer Graphics Club
Сообщений: 574
Регистрация: 6.12.2009
Пользователь №: 175 078



Репутация:   433  


Цитата(andrew12 @ 11.3.2012, 15:19) *

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

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


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


Любит поговорить
Group Icon


Группа: Любители софта
Сообщений: 362
Регистрация: 23.1.2011
Пользователь №: 349 714



Репутация:   61  


Цитата(GoSha2009 @ 11.3.2012, 14:45) *

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


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


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


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



Репутация:   2092  


Цитата(Борян @ 30.10.2011, 17:11) *

Изображение
Как вам ? smile.gif

Цитата(L.Messi @ 15.12.2011, 22:20) *

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

Цитата(andrew12 @ 11.3.2012, 15:19) *

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

фон на прозрачный (transparent) ставьте.
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
king711
сообщение 15.12.2012, 3:26
Сообщение #134


Поддерживает разговор
Group Icon


Группа: Sibnet-club
Сообщений: 127
Регистрация: 8.10.2012
Из: Г.Новосибирск
Пользователь №: 456 002



Вот что получилось у меня: Прикрепленное изображение
Помогите мне разобраться с 5, 6, 7 и с 9 способом, я просо такой чайник в этом деле.
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
78Sergey
сообщение 15.12.2012, 14:03
Сообщение #135



Group Icon


Группа: Любители софта
Сообщений: 1 484
Регистрация: 2.8.2010
Пользователь №: 286 928



Репутация:   1531  


Цитата(king711 @ 15.12.2012, 2:26) *

Вот что получилось у меня: Прикрепленное изображение
Помогите мне разобраться с 5, 6, 7 и с 9 способом, я просо такой чайник в этом деле.

Открываешь нужную картинку в фотошопе,слева выбираешь инструмент ”Рамка”( C ),вверху выставляешь размер,примерно 145 пикс.x25 пикс.,левой кнопкой мыши выбираешь нужную позицию и за угловые маркеры регулируешь размер рамки,жмешь Enter.
Слева выбираешь инструмент ”Перемещение”(V),открепляешь от верху окно с изображением стащив его чуть ниже,зажав левую кнопку мыши перетаскиваешь картинку в окно с иконкой,если нужно справа в палитре слоёв,перемещаешь слой с картинкой так чтобы он оказался над слоем Shape 1(Фигура 1).
В палитре слоёв выделяешь слой с картинкой,правый клик,выбрать строку Create Clipping Mask(Создать обтравочную маску) или зажав Alt левый клик между слоями.
9.Открываешь логотип, выбираешь инструмент ”Перемещение”(V), открепляешь от верху окно с логотипом стащив его чуть ниже,зажав левую кнопку мыши перетаскиваешь логотип в окно с иконкой,если нужно справа в палитре слоёв,перемещаешь слой с логотипом так чтобы он оказался над слоем с картинкой,(при необходимости нажав сочетания клавиш Ctrl+T,зажав клавишу Shift,левой кнопкой мыши за угловые маркеры регулируешь размер логотипа,Enter)

Сообщение отредактировал 78Sergey - 19.6.2014, 4:39


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


Молчун
Group Icon


Группа: Пользователи
Сообщений: 2
Регистрация: 16.6.2014
Пользователь №: 515 380



Репутация:   0  


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

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

 

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

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

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