ShrekDiz

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » ShrekDiz » Выпущенные Ученики » #мя/Х1Х


#мя/Х1Х

Сообщений 51 страница 73 из 73

51

теперь еще надо сделать иконки и баннерную кнопку... начнем с иконок.

Какие они могут по форме ? квадратные или круглые....или вырезанный клипарт в уменьшенном размере ( фигурка, мордочка ) можно также сделать просто надписи NEW, OLD - на прозрачном фоне. ( прозрачный надо сохранять в формате CIF, но он немного портит качество изображения и я лично им пользуюсь только для анимации, так как другого выходы нет - анимацию можно только в гифе сохранять) А так...самый лучший формат для сохранения прозрачности - PNG

0

52

сделаем круглые иконки

откроем исходник из которого будем вырезать их

http://uploads.ru/t/8/e/F/8eFjy.png

и возьмем инструмент овальная область - в выделении

0

53

выделим круг , я взяла мордочку волка...  применим растушевку радиусом 5 ( правой кнопкой на область выделения и там в меню ) скопируем , новый документ прозрачный - вставить

http://uploads.ru/t/n/y/Q/nyQdj.png

0

54

уменьши размер до 80 на 80 ...если у тебя там не пропорционально получается - не 80 80 а скажем 80 на 82 , 80  на 85 то ниче страшного будет нормально смотреться...главное в ширину 80

очень интересно обрабатывать кнопки иконок стилями..

вот под этой кнопкой прячутся дополнительные стили

http://uploads.ru/t/j/D/B/jDBTv.png

0

55

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

выбери стиль и примени...прикольно смортрятся к примеру выпуклые

применив стиль ты увидишь что наш волк куда то пропал и кнопка стала обработана стилем(((((((((( Но если ты уменьшишь прозрачность слоя то появиться снова волк но как бы "под эффектом "

http://uploads.ru/t/p/b/k/pbk5H.png

у меня вот что вышло к примеру

0

56

сделай четыре иконки старая, новая, закрытая и важная...

0

57

Я уже раньше создавал иконки, но я их создавал в квадратной форме, просто я ещё не умел делать круглые иконя лох

0

58

X1X написал(а):

лох

люблю самокритичных людей )))))) ты бы слышал КАК я себя регулярно называю )))))))) в основном это медицинские диагнозы )))))))

ну а если серьезно ты не лох...все у тебя хорошо получается))))))

0

59

#мя

Я слово "лох" не говорил xD У меня просто комп заключал!  Прости за это!

0

60

значит у тебя комп - ругальщик )))))))

0

61

#мя написал(а):

значит у тебя комп - ругальщик )))))))

Ага xD

Ладно, перейдём к иконкам.

Вот, что я хотел тогда написать:

Я уже раньше создавал иконки, но я их создавал в квадратной форме, просто я ещё не умел делать круглые иконки, вот как я их делал:

http://uploads.ru/t/1/L/U/1LU4f.png

http://s017.radikal.ru/i428/1202/a8/37345471183b.png

http://s018.radikal.ru/i518/1202/a7/40ef79b44933.png

http://s018.radikal.ru/i500/1202/e8/c68e532b18e7.png

А сейчас я вот эти иконки сделал: (только без надписи)

Закрыто - http://s017.radikal.ru/i415/1202/6d/1aa6a0e357d4.png

Старое - http://s018.radikal.ru/i527/1202/e1/c77846b0fb0f.png

Важно - http://s018.radikal.ru/i508/1202/f5/ba8123d54547.png

Новое -  http://s017.radikal.ru/i405/1202/fb/93bffa4792b0.png

Иконка "новое" плохо получилась! :canthearyou:

0

62

ну ты наверняка тогда знаешь скрипт для вставления в html верх иконок ?

на всякий случай вот

Код:
<style type="text/css">
.container .hasicon .tclcon {margin-left: 13px; }
</style>



<style>
.punbb table Div.icon {float: left; display: block; width: 90px; height: 90px;
border-style: none;
        background: url(http://s44.radikal.ru/i106/1202/18/33cac0421d6f.png) no-repeat!important;
position: relative; margin-right: 10px;}
TR.inew Div.icon {
        background: url(http://s002.radikal.ru/i197/1202/16/68a39ebcc102.png) no-repeat!important;}
TR.iclosed Div.icon {
        background: url(http://s018.radikal.ru/i508/1202/c1/3002e833bd29.png) no-repeat!important;}
TR.isticky Div.icon {
        background: url(http://s61.radikal.ru/i172/1202/e7/7c711d57348f.png) no-repeat!important;}
</style>

0

63

вставь свои иконки круглые или квадратные в стиль на тестовике

0

64

#мя написал(а):

ну ты наверняка тогда знаешь скрипт для вставления в html верх иконок ?

Ну да, я их уже вставлял. Только не в html верх, а  в Цвета style_cs.css .

А вот я в html верх попробовал - http://testovikwolfslife.rolka.su/

Мда... дизайн ужасный :confused:

А почему у иконки края обрезаны? Размер не тот?

0

65

да...надо не больше 80 на 85

0

66

дизайн учебный.....у нас с тобой будет после твуоего обучения тема "Тренировка на мастера" я буду тебе заказывать а ты тренироваться и лепить !!!!!! Хорошие пойдут в каталог. и аватары и юзербары и баннеры будем тренировать когда все пройдем в школе фотошопа)))))))))
а пока , скажу тебе - мой первый диз был не лучсше когда то ))

слепи поменьше иконки пока что

0

67

#мя написал(а):

слепи поменьше иконки пока что

Вот - http://testovikwolfslife.rolka.su/

#мя написал(а):

у нас с тобой будет после твуоего обучения тема "Тренировка на мастера" я буду тебе заказывать а ты тренироваться и лепить !!!!!! Хорошие пойдут в каталог.

Уууу прикольно.

А как делать иконки словами? как вот это - http://s47.radikal.ru/i116/0912/b7/d70d717dd9c2.png

0

68

Кстати, я сделал новый стиль.

0

69

X1X написал(а):

Кстати, я сделал новый стиль.

дай посмотреть скриншот)))))

X1X написал(а):

А как делать иконки словами? как вот это -

просто берешь новый документ прозрачный 80 на 80 и пишешь текст ))))) потом "объединить видимые слои" ( ни в коем случае не "слить" а то прозрачность пропадет )

и сохраняешь в формате PNG он не портит качество и сохраняет прозрачность ))))

сделай такие !!!!

0

70

#мя написал(а):

просто берешь новый документ прозрачный 80 на 80 и пишешь текст ))))) потом "объединить видимые слои" ( ни в коем случае не "слить" а то прозрачность пропадет )

и сохраняешь в формате PNG он не портит качество и сохраняет прозрачность ))))

сделай такие !!!!

Я их сделал и поместил в новый стиль.

#мя написал(а):

дай посмотреть скриншот)))))

Вот форум - http://testovikkkk.rolka.su/

Тематика "Дневники вампира" . Хоть я в такую тематику не когда не играю, но интернет наполнен этой тематикой. Вот сделал для других, может кому-нибудь пригодится.  Вот шапку форума я делал очень долго. Мда... вырезать картинки это жестоко. Ну как стиль? И как иконки?

0

71

оу ! сам шапку резал ?????? Супер аккуратно !!!!!! Умница ! выложи в наш каталог !!! Чую скоро мастер будет супер на нашем форуме - X1X !!!!!!!!! кстати копирайт уже придумал себе ???????

0

72

#мя написал(а):

оу ! сам шапку резал ??????

Ага, я её несколько раз переделывал. Вот исходники -

1. http://s49.radikal.ru/i124/1202/79/6db630dde94c.jpg

2. http://s004.radikal.ru/i208/1202/f0/0578decfd845.jpg

3. http://s49.radikal.ru/i124/1202/fc/eec669153707.jpg

4. http://s018.radikal.ru/i501/1202/c5/5ca55488624e.jpg

#мя написал(а):

Супер аккуратно !!!!!! Умница !

Спасибо! :blush:  Весь в учителя.

#мя написал(а):

выложи в наш каталог !!!

Хорошо, сейчас выложу.

#мя написал(а):

кстати копирайт уже придумал себе ???????

Незнаю. Либо X1X, либо Клык. Что лучше?

Кстати вот какие иконки в стили:

http://s017.radikal.ru/i424/1202/84/f65e6a520993.png
http://s018.radikal.ru/i521/1202/f9/65e919606789.png
http://i068.radikal.ru/1202/04/df68e8ed5620.png
http://s018.radikal.ru/i521/1202/97/e537a1a5481b.png

Ну что продолжим учиться?

Отредактировано X1X (2012-02-08 16:06:05)

0

73

X1X написал(а):

Незнаю. Либо X1X, либо Клык.

это тебе решать...

иконки супер ))))))

так - тренировка на мастера, посколько основные приемы ты уже знаешь и старательный , поэтому - только практика теперь...

0

Быстрый ответ

Напишите ваше сообщение и нажмите «Отправить»




Вы здесь » ShrekDiz » Выпущенные Ученики » #мя/Х1Х