Подписка на RSS-лентуЖаль, что вы не подписались на RSS и вынуждены любоваться баннерами --->

Делаем закругленные углы картинок в Фотошопе

На некоторых сайтах, в дизайне которых нет острых углов, иллюстрации в статьях и новостях также имеют закругленные края. Очень часто веб-дизайнеры не задумываются над тем, что делать такие иллюстрации с закругленными углами владельцу сайта будет сложно, у него не обязательно есть нужные знания Photoshop. Впрочем, заказчик сайта сам виноват. Требуя, чтобы все было красиво, он часто не задумывается над тем, как он потом будет добавлять изображения с заокругленными краями в статьи и новости на своем сайте.

В этом уроке Photoshop мы увидим как просто закруглить углы рисунка на примере аватарки:

Аватарка с закругленными углами

Когда мне впервые было нужно закруглить углы в иллюстрации для сайта, ответ для меня был неочевиден. Я погуглил и наткнулся на пару переводных инструкций, которые были слишком заумными для новичка – мучиться с каналами, путями, размытием, направляющими и прочими инструментами для продвинутых пользователей Photoshop даже профессионалу лень, а для новичка такой процесс может показаться непонятным и нудным. Немного подумав, я нашел свой способ как быстро и просто закруглить края нужного мне рисунка.

В раскрутке блога сегодня помогают:
Популярный блог о веб-дизайне, заработке в интернете, продвижении сайтов и их монетизации. Украинская веб-студия предлагает разработку сайтов в Днепропетровске. Продажа труб. Пластиковые, полиэтиленовые трубы.

Читать дальше…

27 рисованных аватарок 120х120 на тему: гороскоп, знаки зодиака, астрология

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

Аватарки знаков зодиака 120 на 120 пикселей Аватарки знаков зодиака Овен Аватарки знаков зодиака Овен Аватарки знаков зодиака Телец
Аватарки знаков зодиака Телец Аватарки знаков зодиака Телец Аватарки знаков зодиака Близнецы Аватарки знаков зодиака Близнецы
Аватарки знаков зодиака Рак Аватарки знаков зодиака Лев Аватарки знаков зодиака Лев Аватарки знаков зодиака Дева
Аватарки знаков зодиака Дева Аватарки знаков зодиака Весы Аватарки знаков зодиака Весы Аватарки знаков зодиака Весы
Аватарки знаков зодиака Скорпион Аватарки знаков зодиака Скорпион Аватарки знаков зодиака Стрелец Аватарки знаков зодиака Стрелец
Аватарки знаков зодиака Стрелец Аватарки знаков зодиака Козерог Аватарки знаков зодиака Козерог Аватарки знаков зодиака Водолей
Аватарки знаков зодиака Водолей Аватарки знаков зодиака Рыбы Аватарки знаков зодиака Рыбы Аватарки знаков зодиака Рыбы

Читать дальше…

Как сделать мигающую аватарку или баннер в Фотошопе

В этом уроке для новичков будет подробно и в картинках рассказано, как сделать вот такую вот мигающую женскую аватарку с помощью программы Photoshop:

Пример женской мигающей аватарки 120x120

Сделать мигающую аватарку несложно. Для этого нам достаточно будет программы Adobe Photoshop CS3 (Adobe Photoshop CS2 и Adobe Photoshop CS4 тоже подойдут). Кроме возможности редактировать отдельные кадры нашей анимированной аватарки Фотошоп дает возможность создания самой анимации, т.е. нам достаточно будет одной этой программы.

Если вам не очень удобно делать анимацию в Photoshop, можно воспользоваться им для подготовки кадров аватарки или баннера, а саму анимацию сделать в другой программе. Наиболее популярная программа, которая позволяет делать анимированные картинки – Ulead GIF Animator 5. Я подробно описывал работу с ней в статье Как сделать анимированный GIF баннер. Программа платная, но скачать ее вместе с «таблэткой» можно на через торренты или с помощью программы eMule. Лично я gif-анимацию всегда делаю в Ulead GIF Animator 5, а Photoshop использую только для подготовки кадров баннера или аватарки – привычка :) .

В раскрутке блога сегодня помогают:
Самые полезные книги по бизнесу. В Германии тоже занимаются бизнесом и разработкой сайтов: 1-studio.de berichtet: die Thematik Internetagentur und Webdesign ist waehrend letzter Jahre sehr Gross. Webseitengestaltung in Deutschland, NRW. Don’t wait, just download movies online free – информация для англоязычных любителей фильмов online.

Читать дальше…

Демпинг в веб-дизайне

В раскрутке блога сегодня помогает киевская seo-компания Aweb, которая предлагает продвижение сайта с гарантией

Под демпингом подразумевается продажа товара или услуги по искусственно заниженным ценам, которые часто бывают ниже себестоимости этого товара/услуги. Цель демпинга – установить заниженную цену для вхождения своего товара на рынок, нанести максимальный экономический ущерб конкурентам, вытеснить их с рынка или значительно уменьшить продажи конкурирующего с вашим продукта.

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

Демпинг в веб-дизайне

Демпинговать в сфере разработки сайтов бессмысленно. Веб-студий настолько много и все они настолько разные, что видеть конкурента в какой-то из них может только очень… наивный человек.

Читать дальше…

Дизайн 15-ти сайтов веб-студий: сапожники с сапогами и без

Уже года 4 я собираю симпатичные дизайны сайтов. По долгу службы приходится много лазить по интернету, и иногда попадаются интересные дизайны, которым хочется сделать PrintScreen. Критериев «интересности» у меня много: от эффектных сайтов с красивой грамотной анимацией (об этом я писал здесь и здесь), до продуманных сайтов, у которых дизайн не мешает находить нужную информацию. Т.е. дизайны, которые цепляют, в которых есть интересная идея, ставшие примером юзабилити и бережного отношения к пользователю.

В сегодняшней подборке из 15 сайтов я бы хотел показать вам дизайны украинских и российских веб-студий, которые когда-то попались мне на глаза и я их почему-то решил заскринить. Некоторые из этих студий известные и раскрученные, некоторые так и заморозились на уровне стартапов. Сайты веб-студий, которые больше не подают признаков жизни, я включать в обзор не стал. Но их таких в моей коллекции 7 штук плюс 2 сайта, которые за 2 года от заглушки на главной вообще не продвинулись.

В комментариях к дизайнам сайтов я высказываю свое личное мнение, которое не обязательно должно совпадать с вашим. Вы сами можете определить, какая веб-студия подошла к созданию своего сайта грамотно, а какая решила «раз работает, пусть так и будет».

1. Первый сайт, который я хочу вам показать, мне очень нравится. Помимо оригинально и ненавязчиво реализованного гида для посетителя из 5ти шагов, подкупают рисованные персонажи, которые разные для каждого шага. Нет лишней информации, в то же время все на месте. Супер!

Пример дизайна сайта веб-студии

Адрес сайта: http://armexdesign.ru

Читать дальше…