Недавние заметки

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Как отразить зеркально картинку в Photoshop

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

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

Подробная инструкция для новичков как сделать зеркальное отражение фотографии в Фотошопе

1. Открываем Фотошоп и загружаем в него выбранное изображение, которое мы хотим отражать: File -> Open…

2. Из главного меню программы Photoshop выбираем Image -> Rotate Canvas -> Flip Canvas Horizontal:

Меню Фотошопа

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

Как повернуть картинку в Photoshop по часовой или против часовой стрелки

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

Допустим, у нас есть некое фэнтезийное изображение девушки, свисающей с дерева:

Картинка, которую мы будем поворачивать в Фотошопе

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

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

Фотошоп онлайн

Иногда нужно немного подправить понравившуюся картинку, уменьшить размер фото, сделать из большой иллюстрации маленькую аватарку, повернуть картинку на 90 градусов, убрать эффект красных глаз на фото, сделать подпись к иллюстрации и т.п. Конечно, для всех этих и многих других задач отлично подходит программа Adobe Photoshop. Но что делать, если дистрибутива полноценной программы нет под рукой, а качать его с торренов или eMule нет времени или возможности? Достаточно просто погуглить и найти подходящий Фотошоп онлайн.

Попыток создать полноценную онлайн замену программе Photoshop было много. Большинство из них были либо очень слабенькими подобиями графического редактора с похожим на Фотошоп интерфейсом, либо требовали зарегистрироваться и/или оплатить доступ к расширенной функциональности. Но есть и приятные исключения, которые позволяют пользоваться Фотошопом онлайн бесплатно и без регистрации. Например, сайт www.pixlr.com:

Photoshop online на русском

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

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