Количество посетителей и просмотренных страниц, как и раньше, можно будет увидеть в сайдбаре. А вот проанализировать ключевые слова и определить страницы-хостмейкеры будет сложнее.

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

В то же время я решил убрать с сайта счетчик подписчиков Feedburner. Количество подписчиков в последнее время модно накручивать, чтобы удивлять рекламодателей и вызывать стадный инстинкт у посетителей сайта, а мне заниматься этим некогда. Если кто-то считает нужным подписаться на мой блог, счетчик ему ни о чем не скажет, т.к. он перестал быть более-менее объективным источником информации о популярности блога.

Исторически сложилось, что подавляющее большинство блогеров оставляют статистику своего сайта открытой. Это делается для того, чтобы любой сомневающийся рекламодатель мог проверить: а не накручивает ли автор блога статистику, тематические ли у него переходы с поиска? Не кормится ли сайт с дорвеев, за что его забанят в обозримом будущем, а моя «вечная ссылка» проживет лишь пару месяцев? Честным блогерам нечего скрывать, верно?

Верно, но кроме честных авторов сайтов «сделано для людей» есть еще куча манимейкеров, которые клепают сателлиты в полуавтоматическом режиме и воруют контент с качественных слабораскрученных сайтов. Лично у меня таких «рыбок-прилипал» стабильно по 3-5 штук. Большинство из них ворует контент напрямую, используя RSS-подписку, публикуя статьи с моими ссылками, ссылками рекламодателей и загружая иллюстрации в своих статьи прямо с моего сайта. Еще есть «уникализаторы», которые с помощью переводчиков и спецпрограмм преобразовывают мои статьи в псевдоуникальный и нечитаемый текст. Сайты тех и других живут по 3-6 месяцев, не причиняя моему блогу никаких неудобств. И тихо уходят в бан вместе со своей сеткой, вероятно, успев окупиться. Взамен приходит следующая волна присосок. Нормальное явление, не обращаю на них внимания.

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

Часто статьи на сайтах-ворах индексируются даже раньше, чем на сайте-оригинале. Бороться с такими мастерами сложнее и дороже, то тоже можно. Лично я покупаю или обмениваюсь ссылками с другими сайтами, что не только повышает позиции в поисковой выдаче по низкочастотным и среднечастотным запросам, но и показывает поисковикам сайт-первоисточник. Во многих случаях оригиналом считается не только контент, найденный поисковым роботом раньше, но и тот, который опубликован на более авторитетном ресурсе и на который ссылается больше других сайтов. Особенно важно наращивать ссылочную массу для популярных тем, которые приводят посетителей с поисковиков.
Также достаточно эффективна внутренняя перелинковка между статями – я уверен, что статьи на одном блоге, которые ссылаются на ранее опубликованные материалы, для поисковых систем выглядят естественнее, чем те сайты, на которых каждая статья сама по себе. Иллюстрации, грамотное форматирование текста, заполнение всех seo-категорий страницы (ключевые слова, описание, метатеги, альты и тайтлы для картинок) – все это покажет поисковику, что контент для людей, и что именно ваша статья является первоисточником. Ведь покупные статьи и контент сателлитов редко бывают хорошо форматированы и иллюстрированы.

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

© Просто о создании сайтов и баннеров, 2010. | Полный текст статьи | Комментариев пока нет |
Теги: Feedburner, воровство, открытая, поисковая оптимизация, посещения, раскрутка сайта, скрыть, статистика, счетчик, хиты, хосты

Статьи похожей тематики:

• Зачем закрывать статистику своего сайта (5)
• Интернет-реклама в Украине и России: итоги 2009 года и перспективы 2010-го (0)
• Статистика украинского интернета за ноябрь 2009 (3)
• Что нужно сделать до начала раскрутки сайта (1)
• Статистика украинского интернета за апрель 2009 (5)

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

Например, наиболее популярный счетчик украинского интернета bigmir.net предоставляет информацию о самых популярных страницах сайта, поисковых запросах, по которым посетители перешли на ваш сайт и много другой информации помимо обычного учета хитов и хостов:

Т.е. можно написать свои статьи на популярные темы вашего сайта, купить на них ссылок и обогнать ваш сайт по тому же запросу. Это не только улучшит посещение сайта-конкурента, но и автоматически уменьшит посещаемость вашего сайта.

Конечно, для опытного seo-оптимизатора закрытая статистика вашего сайта не станет особой преградой. Есть немало программ, способных достаточно точно анализировать всевозможные параметры сайта. Но не все и далеко не со 100%-й точностью. Такие seo-анализаторы почти всегда платные, что существенно ограничивает круг лиц, которые умеют ими пользоваться. Открытая же статистика позволяет любому начинающему блоггеру воровать у вас перспективные темы.

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

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

Исключения, когда статистику можно оставить открытой:

1. Вы владелец раскрученного портала, у вас нет четкой тематики и ярко выраженных страниц-хостмейкеров, которые приносят существенную часть посетителей. Классические примеры: сайты о поиске работы, сборники юмора, видеохостинги и т.п.

2. Ваш сайт участвует в какой-то партнерской программе или конкурсе, который требует открытую статистику на сайтах-участниках.

3. Ваш сайт является сборником неуникального сомнительного контента и посетители на него попадают либо в результате обмана, либо случайно. Никому просто не интересно копировать ваш порносателит.

В остальных случаях статистику сайта лучше закрывать. Но это не значит, что ее вообще не стоит вести. Можно ставить видимые счетчики, которые предоставляют популярные порталы (liveinternet.ru, bigmir.net и др.), но скрывать развернутую статистику, оставляя только цифры посещений:

Или же скрывать даже информацию о количестве хостов и хитов, получая подробную статистику при необходимости по паролю, при этом участвуя в популярных рейтингах:

Но самым правильным будет полное отсутствие счетчиков, которые не нужно будет закрывать от индексации и встраивать в дизайн. Намного удобнее установить код скрытых счетчиков популярных систем учета статистики Яндекс.Метрика и/или Google Analytics.

© Просто о создании сайтов и баннеров, 2010. | Полный текст статьи | Комментариев (5) |
Теги: bigmir, Google, SEO, открытая, поисковая оптимизация, посещения, раскрутка сайта, скрыть, статистика, счетчик, хиты, хосты, Яндекс

Статьи похожей тематики:

• Закрываю подробную статистику посещений своего блога (0)
• Интернет-реклама в Украине и России: итоги 2009 года и перспективы 2010-го (0)
• Статистика украинского интернета за ноябрь 2009 (3)
• Обмен тематическими постовыми (1)
• Свежий список белых каталогов статей, в которые можно бесплатно добавить свою статью и ее проиндексирует Яндекс (21)

Анимированные аватарки, смайлики – это почти всегда формат gif. Чтобы отличить анимацию gif от flash, нужно кликнуть правой кнопкой мыши по этой анимации. Если в последней строчке написано что-то про Adobe Flash Player, значит, это флэш-анимация:

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

Если сохраненный файл окажется gif-картинкой, которую нужно немного подредактировать, убрать лишние или добавить новые кадры, нам понадобится специальная программа Ulead GIF Animator 5, которая, на мой взгляд, является лучшей программой для создания и редактирования gif-анимации:

Скачать бесплатно программу для редактирования gif-анимации Ulead GIF Animator 5 с depositfiles.com

Как редактировать gif-анимацию в программе Ulead GIF Animator 5:

1. Выполняем стандартные действия по открытию нужного файла в программе Ulead GIF Animator 5 (File -> Open Image…).

2. В самой нижней линейке кадров выделяем нужный рисунок и редактируем его, используя панель инструментов программы. Функциональность у Ulead GIF Animator 5, конечно, ниже чем у Photoshop, но вполне достаточно, чтобы внести необходимые правки в гиф-анимацию.

3. Если без Фотошопа все же не обойтись, удерживая нажатой клавишу Shift на клавиатуре, выделяем все ненужные кадры (которые не нужно редактировать) и удаляем их, оставляя только один, который нужно редактировать. Сохраняем оставшийся кадр в формате gif и отрываем его в Фотошопе, после чего правим его до нужного состояния.

4. Исправленный в Photoshop кадр гиф-анимации сохраняем в формате gif в папке с первоначальной анимированной картинкой.

5. С помощью команды File -> Animation Wizard… программы Ulead GIF Animator 5 создаем из отредактированного в Фотошопе и изначального файла гиф-анимации один новый файл. Лишний неотредактированный кадр удаляем. С помощью перетаскивания по шкале кадров расставляем фреймы в нужном порядке, при необходимости меняя их время задержки. Подробнее о создании gif-анимации читайте в моей статье Как сделать анимированный GIF баннер.

6. Полученный результат сохраняем в формате gif с помощью команды File -> Save As… -> Gif File… Исправленная анимация gif готова.

Конечно, логично было бы делать все только с помощью программы Photoshop, ведь с ее помощью можно создавать gif-анимацию. Но не так все просто, как кажется. Универсальность и мощность программы Фотошоп также имеет свои пределы и открывать уже готовую анимированную гифку в Фотошопе достаточно сложно. Например, у меня не установлен Quick Time и при попытке импортировать gif-файл как видео я вижу ошибку:

Но даже если бы Quick Time был установлен и он был бы нужной версии, это бы вовсе не гарантировало правильное открытие анимации в Фотошопе. Иногда кадры все же не разделяются или разделяются не полностью, что делает редактирование гифки как минимум затруднительным.

Еще я слышал, что есть специальные плагины для правильного импортирования gif-анимации Фотошопом. Не знаю, не вникал в этот вопрос. Как по мне, то лучше использовать старый проверенный Ulead GIF Animator 5, который заточен под работу с гиф-анимацией, чем танцевать с бубном вокруг Фотошопа, который для этого приспособлен мало.

© Просто о создании сайтов и баннеров, 2010. | Полный текст статьи | Комментариев пока нет |
Теги: flash, gif, Photoshop, Ulead GIF Animator, аватарка, анимация, баннер, редактировать, сделать баннер, смайлик, Фотошоп

Статьи похожей тематики:

• Учимся писать грамотное техническое задание (ТЗ) на разработку баннера (2)
• Делаем закругленные углы картинок в Фотошопе (0)
• 27 рисованных аватарок 120х120 на тему: гороскоп, знаки зодиака, астрология (2)
• Как сделать мигающую аватарку или баннер в Фотошопе (4)
• Как отразить зеркально картинку в Photoshop (1)

Также вы можете скачать бесплатно реальный пример технического задания на создание баннера в формате .doc:

Скачать бесплатно пример ТЗ на разработку баннера flash

Как писать ТЗ для разработчика банеров:

1. Тип баннера.
В самом начале важно определить, какой тип баннера вам нужен. Возможные варианты: анимированный flash, анимированный gif, статический gif или jpg, нестандартный rich-баннер (всплывающий посреди страницы). Если вы не уверены, какой формат должен быть у вашего баннера, напишите, что формат определяет дизайнер согласно сценарию.

2. Размеры баннера.
Если вы уже знаете, на каком сайте будете размещать свой баннер, пишите размер, который принимают на этом сайте. При размещении через посредника (будь то рекламное агентство, нанятый seo-специалист или сайт-посредник типа Rotaban.ru) уточните у него, баннеры какого размера чаще всего размещают, какие выгодно размещать по соотношению цена/качество. Например, на блогах под управлением Wordpress чаще всего незаполненными бывают баннерные места размером 125×125 пикселей, потому такие баннеры владельцы сайтов часто размещают с существенной скидкой.

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

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

3. Вес баннера.
Вес или размер баннера в Кб – достаточно важный параметр. В некоторых банерообменным сетях существуют ограничения на размер баннера, потому особо сложных или неоптимизированных flash-монстров не принимают. Нормальным считается вес баннера до 100 КБ, но лучше, чтобы он не превышал 40 Кб.

4. Пожелания по цвету, логотип, корпоративный стиль.
В техническом задании на разработку баннера важно описывать, какие цвета нужно использовать при создании баннера. В ваших же интересах выслать разработчику лого своей компании, желательно, в векторном виде (в кривых), т.е. расширения файла должно быть .ai, .cdr или .eps. Если у вас есть брендбук, элементы фирменного стиля и вы хотите, чтобы эта информация использовалась при создании вашего баннера, не стесняйтесь, отправьте разработчику эти файлы. Лучше пусть информации будет много и дизайнеру будет из чего выбирать, чем он будет угадывать, чего вы от него ждете. Не факт, что угадает.

5. Приблизительный сценарий.
Очень важный пункт при написании ТЗ на разработку баннера. Более того, прежде чем звонить в понравившуюся веб-студию и спрашивать, сколько стоит сделать баннер, потрудитесь составить описание этого самого баннера, его сценарий, как вы себе представляете анимацию и т.д. Отправьте свои пожелания, а лучше сразу готовое ТЗ, на указанный в контактах веб-студии e-mail и через полчасика можете звонить, спрашивать. Или попросите прислать вам ответ по электронной почте.

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

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

6. Примеры баннеров, которые вам нравятся.
Можете вложить в письмо баннеры, которые вам делали раньше и которые вам нравятся. Напишите, что именно вам в них нравится, а что не нравится. Можете дать ссылки на сайты, где размещены примеры отличных, на ваш взгляд, баннеров. Хорошим решением будет фраза «хочу баннер, похожий на тот, который выложен у вас в портфолио для компании ХХХ, но со следующими изменениями…».

7. Дополнительные материалы, которые могут помочь в изготовлении сайта.
Если есть качественные фотографии продукции вашей компании, есть ссылка на красивую графику, которую вы бы хотели видеть на вашем баннере – не ленитесь, шлите это дизайнеру. Чем меньше он будет рыскать по фотобанкам в поисках фотографий компрессионных фитингов, которые вы успешно продаете, тем больше времени потратит на работу над анимацией или меньше денег потребует за создание баннера.

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

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

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

© Просто о создании сайтов и баннеров, 2010. | Полный текст статьи | Комментариев (2) |
Теги: flash, анимация, баннер, бесплатно, инструкция, плагин, реклама, сделать, сделать баннер, техническое задание, ТЗ

Статьи похожей тематики:

• Как отредактировать анимированную картинку (аватарку, баннер, смайлик) (0)
• Интернет-реклама в Украине и России: итоги 2009 года и перспективы 2010-го (0)
• Пример технического задания (ТЗ) для разработки шапки сайта на Flash (0)
• Как сделать мигающую аватарку или баннер в Фотошопе (4)
• Как отразить зеркально картинку в Photoshop (1)

По информации Всеукраинской рекламной коалиции минувший год для всего рекламного рынка Украины был не самым удачным. Если бы не колоссальные средства, потраченные политиками на предвыборную агитацию, многие рекламные компании оказались бы на грани банкротства. Впрочем, рекламщики уверяют, что доля политической рекламы в 2009 году в денежном выражении составляла всего 15%. Вероятно, значительная часть рекламы кандидатов в президенты оформлялась как социальная и потому стоила не так уж много.

В целом рекламный рынок Украины заработал за 2009 год 8,8 млрд. грн, российский – около 200 млрд. рублей. Рекламные расходы компаний за этот период в Украине сократились на 24% по сравнению с 2008 годом, в России, по разным оценкам, на 20-26%. В то же время профессиональные рекламисты ожидают рост количества проданной рекламы на 15% в 2010 году в Украине и на 7% – в России. Мировой рекламный рынок за 2009 год просел всего на 10% по сравнению с 2008-м, а в 2010-м ожидается рост на 0,9%.

Как и ожидалось, в кризисном 2009 году на рекламе экономили почти все компании как в Украине, так и в России. Практически все виды рекламного продвижения сократили свои доходы и затянули пояса. Телереклама потеряла 26% доходов в Украине и 21% в России, реклама в прессе -33% и -44%, наружная реклама -37% и -42%, радиореклама -25% и -35% в Украине и России соответственно.

Пострадали все, кроме интернета. В 2009 году объем проданной рекламы в интернете вырос в Украине 45% (до 145 млн. грн), в России, по данным Ассоциации коммуникационных агентств России, на 3% (без учета роста объемов продаж контекстной рекламы) до 5,3 млрд. рублей. В 2010 году рынок интернет-рекламы будет развиваться все так же быстро: в Украине рост составит 40%, в России около 7%.

Цифры по интернету весьма приблизительные, конечно, ведь существенная часть рынка онлайн-рекламы находится в тени и учитывается «на глаз» в обеих наших странах. Кроме того, знания русского языка вполне достаточно для того, чтобы украинцу и россиянину успешно работать одновременно как на российском так и на украинском рынках интернет-рекламы, потому распределение по странам тоже, в общем-то, условное. А хорошее знание английского вообще открывает огромные возможности – на то интернет и всемирная сеть.

Такой существенный рост сегмента интернет-рекламы был вполне ожидаем и прогнозируем. Экономический кризис, хоть и ударил по нашим странам с наибольшей силой, не повлиял на скорость роста самого интернета и количества новых пользователей, а значит, и на скорость роста целевой аудитории. Кроме того, продвижение своей продукции в сети все еще очень дешево и доступно любому предприятию, даже самому мелкому. Интернет предоставляет огромный выбор – от разработки сайтов и их последующего поискового продвижения, контекстной и баннерной рекламы до проведения комплексных массированных рекламных компаний с размещением видеороликов (элемент телерекламы), статей (электронный аналог рекламы в прессе) и баннеров (чем не наружная реклама?).

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

Кроме того, высокий процент прироста проданной рекламы в интернете можно объяснить и тем, что по сравнению с другими видами рекламы ее объем не очень большой. Все же 145 млн. не так много по сравнению с 8,8 млрд.

© Просто о создании сайтов и баннеров, 2010. | Полный текст статьи | Комментариев пока нет |
Теги: internet, ua, данные, реклама, Россия, статистика, Уанет, Украина, эффективность

Статьи похожей тематики:

• Закрываю подробную статистику посещений своего блога (0)
• Зачем закрывать статистику своего сайта (5)
• Учимся писать грамотное техническое задание (ТЗ) на разработку баннера (2)
• Как обмануть антибаннерные фильтры (1)
• Креативный рекламный плакат Borjomi (2)

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

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

Закругляем все углы рисунка с помощью формы Photoshop

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

1. Открываем Фотошоп. В уроке используется моя любимая версия Adobe Photoshop CS3, но подойдет и любая другая версия, установленная на вашем компьютере.

2. Открываем исходный рисунок, края которого мы будем закруглять. Если рисунок отличается по размеру и форме от того, который нам нужен, нужно уменьшить его размер и/или вырезать нужный фрагмент в Фотошопе перед началом закругления углов.

3. Нажимаем на клавиатуре Ctrl+A чтобы выделить весь рисунок, затем нажимаем Ctrl+C, чтобы его скопировать. Открываем новое окно в Фотошопе (Ctrl+N) и вставляем в него скопированный рисунок (Ctrl+V). При этом фон в новом окне должен быть либо прозрачным, либо того цвета, который должен окружать рисунок с закругленными краями на сайте.

4. Создаем новый слой (Ctrl+Shift+N). И в этом новом слое с помощью инструмента Rounded Rectangle Tool (U) рисуем квадрат или прямоугольник нужного размера:

5. Цвет фона нарисованного прямоугольника не имеет значения. Параметр Radius, характеризующий степень закругленности угла, для этого урока равен 8, но вы можете изменить его по своему усмотрению:

6. Нарисованную в новом слое фигуру можно двигать с помощью стрелок на клавиатуре. Ее форму можно менять, нажав на клавиатуре комбинацию горячих клавиш Photoshop Ctrl+T и растягивая затем фигуру с помощью мыши. Если тянуть за угол, удерживая клавишу Shift, размер фигуры будет меняться пропорционально. В результате всех этих действий мы добьемся того, что фигура с заокругленными краями будет такого размера и формы, которые нам нужны:

7. Удерживая клавишу Ctrl кликаем по превью слоя в панели слоев Layers (у нас это красный квадрат). Это позволит нам выделить красный прямоугольник с закругленными углами, о чем свидетельствует появившаяся пунктирная линия по его границе:

8. В панели слоев Layers переходим на нижний слой с основным изображением и нажимаем комбинацию Ctrl+Shift+I (или Select -> Inverse в главном меню Photoshop). Это позволит выделить область, которая лежит за пределами красного квадрата с закругленными уголками.

9. Нажимаем на клавиатуре клавишу Delete, чтобы удалить эту ненужную нам часть основной картинки. После этого делаем невидимым верхний слой с красным квадратом (в панели Layers нажимаем на иконку глаза возле слоя с красным квадратом). Нажимаем на клавиатуре M и кликаем в любом месте на холсте рисунка, чтобы снять выделение на готовом изображении аватарки с закругленными углами. Если фон мы установили прозрачным, получим следующее:

10. Рисунок без острых углов готов. Можно сохранять его в нужном формате и использовать как аватарку или иллюстрацию на сайте.

Если делать картинки с закругленными углами нужно часто и они все одного размера и стиля, логичным будет сохранить результат этого урока Photoshop в формате PSD, чтобы слои остались доступными для редактирования. Тогда процесс создания новых картинок без острых углов упростится до выделения контура готовой картинки, инвертирования выделения и удаления ненужной части новой картинки.

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

Также для создания картинки с неровными краями или любыми другими подобными эффектами можно использовать картинку с такими неровными краями или закругленными углами, скачанную с какого-нибудь сайта. При этом нужно удалить фон, не относящийся к картинке, например, с помощью инструмента Magic Wand Tool (W).

© Просто о создании сайтов и баннеров, 2010. | Полный текст статьи | Комментариев пока нет |
Теги: Photoshop, аватар, аватарка, закруглить, обрезать, острый, подробная инструкция, пошаговая инструкция, угол, удалить, урок, Фотошоп

Статьи похожей тематики:

• Как отредактировать анимированную картинку (аватарку, баннер, смайлик) (0)
• 27 рисованных аватарок 120х120 на тему: гороскоп, знаки зодиака, астрология (2)
• Как сделать мигающую аватарку или баннер в Фотошопе (4)
• Как отразить зеркально картинку в Photoshop (1)
• Как повернуть картинку в Photoshop по часовой или против часовой стрелки (4)

Скачать бесплатно все аватарки знаков зодиака (1Мб)

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

Все аватарки в сборнике представлены на белом фоне, без рамок, имеют размеры 120 на 120 пикселей. При желании вы сами можете сделать рамку для аватарки в Фотошопе, воспользовавшись моей подробной инструкцией по ссылке.

© Просто о создании сайтов и баннеров, 2010. | Полный текст статьи | Комментариев (2) |
Теги: 120x120, аватар, аватарка, Близнецы, Весы, Водолей, Дева, знаки зодиака, зодиак, Козерог, Лев, Овен, Рак, Рыбы, Скорпион, Стрелец, Телец, Фотошоп

Статьи похожей тематики:

• Как отредактировать анимированную картинку (аватарку, баннер, смайлик) (0)
• Делаем закругленные углы картинок в Фотошопе (0)
• Как сделать мигающую аватарку или баннер в Фотошопе (4)
• Как отразить зеркально картинку в Photoshop (1)
• Как повернуть картинку в Photoshop по часовой или против часовой стрелки (4)

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

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

Пошаговая инструкция как сделать мигающую аватарку в программе Photoshop:

1. Открываем Photoshop. С помощью команды File -> New… создаем новый фотошоповский файл. Его размеры 120х120 пикселей (или 100х100, 90х90, в зависимости от того, какого размера аватарка вам нужна), фон прозрачный:

2. Делаем первый кадр нашей аватарки. Как правило, аватарки делаются из фрагментов больших картинок, скачанных в интернете. Если вы не знаете, как из большой картинки сделать аватарку нежного размера и качества, рекомендую почитать мои уроки Photoshop для новичков как вырезать часть картинки с помощью Photoshop, отражаем зеркально картинку в Фотошопе, вращаем картинку вокруг своей оси в Фотошопе, делаем тонкую рамку вокруг изображения, улучшаем четкость рисунка. В этой статье мы не будем делать аватарку с нуля и возьмем готовую заготовку из статьи 50 женских аватарок 120х120 в стиле фэнтези:

3. Первый кадр мигающей аватарки готов. Приступим к созданию второго. Воспользуемся комбинацией горячих клавих Ctrl+J чтобы дублировать имеющийся слой:

4. Сделаем второй кадр аватарки чуть затемненным, подправив уровни дублированного слоя. Для этого нажимаем комбинацию Ctrl+L и двигаем ползунки в открывшемся окне так, как нам нравится. Лично мне показалось наилучшим вариантом подвинуть средний серый ползунок в верхнем окне немного вправо, до значения 0.64:

5. Теперь оба кадра готовы. Осталось сделать из них одну мигающую аватару, для чего мы воспользуемся стандартной функцией Photoshop. Чтобы открыть окно анимации, выберите из главного меню программы Window -> Animation. В открывшемся окне Animation (Frames) уже будет первый кадр анимации. И выглядеть он будет так же, как в данный момент выглядит вся картинка (в нашем случае заготовка аватарки выглядит так же, как верхний слой kadr_01 copy):

6. Добавим второй кадр нашей мигающей аватарки в окно Animation (Frames), для чего в самом низу этого окна нажмем на иконку Duplicates selected frames (Дублировать выделенный кадр). После того, как появится второй кадр, сделайте невидимым верхний слой в панели Layers (кликните на глазик рядом с картинкой верхнего слоя, глазик пропадет и слой станет невидимым):

7. Теперь у нас есть аватарка из 2-х разных кадров. Но мигать она не будет, поскольку задержка у каждого ноль секунд. Для того чтобы установить подходящее время отображения каждого кадра анимации, нужно кликнуть на надписи 0 sec. под каждым кадром:

Я установил время задержка в 2 миллисекунды, вы можете выбрать любое другое значение.

8. Мигающая анимированная аватарка готова. Осталось ее сохранить. Для этого из главного меню Photoshop выдерите File -> Save for Web and Devices… и в выпадающем списке выбора формата файла указываем формат GIF:

Следует помнить, что остальные графические форматы для аватарок не поддерживают анимацию, а количество цветов, доступное для формата GIF, всего 256. Потому яркие насыщенные фотоаватарки при создании анимации будут сохраняться в плохом качестве. Подробнее о популярных графических форматах можно почитать здесь.

© Просто о создании сайтов и баннеров, 2010. | Полный текст статьи | Комментариев (4) |
Теги: gif, Photoshop, аватарка, анимация, мигающая, подробная инструкция, пошаговая инструкция, сделать gif баннер самостоятельно, урок, Фотошоп

Статьи похожей тематики:

• Как отредактировать анимированную картинку (аватарку, баннер, смайлик) (0)
• Учимся писать грамотное техническое задание (ТЗ) на разработку баннера (2)
• Делаем закругленные углы картинок в Фотошопе (0)
• 27 рисованных аватарок 120х120 на тему: гороскоп, знаки зодиака, астрология (2)
• Как отразить зеркально картинку в Photoshop (1)

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

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

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

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

Даже если бы принудительное банкротство студий-конкурентов имело смысл, все равно демпинговать и работать себе в убыток было бы не выгодно. Цена вхождения на рынок создания сайтов настолько низкая, что свою web-студию может запросто основать даже студент-старшекурсник, у которого есть компьютер, книжка по HTML и желание оформиться юридически. На данный момент рынок разработки сайтов настолько дикий и так быстро развивается, что клиента на нем может найти любой недоучка. Уже не говоря о таких смежных областях, как ведение блогов, построение сателлитных сеток из говносайтов, перепродажа чего-либо в интернет-магазинах и даже различного рода мошенничествах. Да и клиенты тоже рождают спрос на негров, готовых работать на плантатора.

Люди, которые продолжают демпинговать и предлагают сделать полноценный сайт (с уникальным дизайном, админкой и хостингом) за 200 долларов, бывают всего двух типов:

1. Начинающие разработчики, у которых нет ни опыта, ни портфолио. Ради первого и второго они готовы работать за чисто символическую плату, чтобы побыстрее перейти в разряд профессионалов и зарабатывать уже нормальные деньги, в зависимости от способностей и везения.

2. Идиоты, не способные посчитать себестоимость своего труда. Для них и компьютер, и электроэнергия, и помещение, и еда – все бесплатно. Не смотря на то, что эта группа достаточно многочисленна, ее представители не очень живучи. Часть их них бросает разработку сайтов и идет устраиваться менеджерами по продаже мобильников. Еще часть переходит клепать порносайты и сплоги под сапу. Остальные все же вспоминают школьный курс математики, учатся сопоставлять затраты на разработку с полученной прибылью и переходит в первую группу.

© Просто о создании сайтов и баннеров, 2010. | Полный текст статьи | Комментариев (6) |
Теги: веб дизайн, веб-студия, демпинг, дизайн, разработка сайта, сделать сайт, себестоимость, советы заказчику

Статьи похожей тематики:

• Пример типового письма клиенту, желающему заказать раскрутку сайта (0)
• Дизайн 15-ти сайтов веб-студий: сапожники с сапогами и без (3)
• Откуда берутся недозаполненные контентом сайты (2)
• Креативный рекламный плакат Borjomi (2)
• Делаем сайты за еду (4)

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

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

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

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

2. Следующий сайт принадлежит киевской веб-студии «Тотем». Компания достаточно старая, но это не мешает ей быть настоящей модницей – дизайн сайта менялся несколько раз, лично я видел 3 разных. Показать смогу только два последних варианта дизайна этого сайта. Скрин предыдущего черного дизайна (внутренняя страница):

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

Адрес сайта: http://www.totemcompany.com.ua

3. Сайт еще одной киевской студии. Я не в курсе, меняла ли она дизайн сайта за свою 10-летнюю историю, но этот дизайн до сих пор является очень эффектным. Даже с учетом того, что мониторы у клиентов уже давно не 15 дюймов, а шрифты и картинки все такие же мелкие, сайт регулярно обновляется и им нельзя не любоваться:

Адрес сайта: http://www.sparkledesign.com

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

Адрес сайта: http://conus.kiev.ua

5. Сайт киевской веб-студии «Гравитация», которая пока даже не начала свою работу (запуск намечен на апрель 2010 года). Это как раз тот случай, когда дизайн незаметный и нужен только для того, чтобы правильно структурировать имеющуюся информацию. Я считаю, что посетитель любого сайта должен интуитивно понимать, на что ему нужно нажимать и куда он после этого попадет. Получилось это у меня или нет – решать вам, дизайн для этой веб-студии делал я:

Адрес сайта: http://www.gravitacia.com.ua

6. Дизайн маленькой скромной студии из Красноярска. Информации не много, портфолио маленькое, цены низкие. Но зато все стильно, красиво и понятно:

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

7. Дизайн сайта еще одной старой веб-студии из Киева. В ее портфолио можно найти сайты очень известных представителей крупного бизнеса (БМ Банк Украина, Российский Банк Развития), в то же время дизайн сайта самой веб-студии сложно назвать эффектным и запоминающимся. Кстати, это единственный сайт в обзоре, у которого нет favicon:

Адрес сайта: http://www.activemedia.ua

8. Сайт днепропетровской компании «Ardas», которая предлагает разработку сайтов по минимально возможным ценам. Дизайн сайта лаконичный, как по мне, слишком серый, но зато навигация понятная и нет явных ляпов. Попадая на такой сайт, клиент сразу понимает, чего ему ждать от этой веб-студии и сколько это ему будет стоить:

Адрес сайта: http://www.ardas.dp.ua

9. Киевская веб-студия «inVision» недавно также обновила дизайн своего сайта. Новый дизайн одного из самых известных разработчиков бюджетных сайтов выглядит так:

До этого немного устаревший дизайн сайта компании выглядел следующим образом:

Адрес сайта: http://invision.ua

10. Сайт российской компании “Demis group“, предлагающей разработку сайтов в Москве, Санкт-Петербурге, Нижнем Новгороде и Тамбове. Симпатичный дизайн с перегруженной текстом главной страницей. Видимо, seo-специалист компании считает, что это поможет сайту занять более высокие места в поисковой выдаче. А то, что продвижением своего сайта здесь занимаются серьезно, сомнений нет – у сайта компании на данный момент PR=5 и тИЦ=1100:

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

11. Сайт студии web-дизайна «Два слона» является хорошим примером того, как сайты делать не нужно. Дизайн главной страницы сайта с претензией на оригинальность и «неформатность» на самом деле является бессистемным нагромождением мелкого нечитаемого текста, нелогичных отступов и картинок без какой-либо связи:

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

12. Красивый сайт московской веб-студии с богатым опытом создания сайтов. Хорошо проработана фруктовая тематика, запоминающаяся и помогающая лучше понимать навигацию по сайту. В портфолио компании очень много разнообразных сайтов, на которые стоит взглянуть:

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

13. Сайт молодой web-студии «Евросайт» (Киев), хоть и имеет напрягающий ярко-желтый цвет фона главной страницы, но зато на сайте компании указаны цены на разработку сайта. Люблю сайты, на которых написано, что и сколько стоит. В подавляющем большинстве случаев я захожу на сайт компании не ради дизайна, а ради информации о товарах и услугах, которые она предлагает:

Адрес сайта: http://evrosite.com.ua

14. Англоязычный сайт украинской компании «FutureVision» ориентирован на западный рынок. Дизайн спокойный и не напрягающий, от оформления колонок я просто в восторге. Стоит учесть, что дизайну более 5 лет и он до сих пор ничуть не устарел:

Адрес сайта: http://futurevision.com.ua

15. Последний сайт этого обзора дизайнов принадлежит московской web-студии «minisol». Он сделан в модном нынче стиле handmade, хотя не могу сказать, что выглядит это очень уж эффектно. Впрочем, я не поклонник этого стиля в веб-дизайне, вероятно, авторам сайта такой дизайн полностью подходит:

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

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

© Просто о создании сайтов и баннеров, 2010. | Полный текст статьи | Комментариев (3) |
Теги: handmade, web дизайн, веб дизайн, веб-студия, дизайн блога, обзор дизайна, примеры дизайна, студия дизайна

Статьи похожей тематики:

• Демпинг в веб-дизайне (6)
• Откуда берутся недозаполненные контентом сайты (2)
• Делаем сайты за еду (4)
• Хороший эффектный flash-сайт (2)
• Почему на сайтах веб-студий редко указывается цены на услуги (1)