Недавние заметки
Как повернуть картинку в Photoshop по часовой или против часовой стрелки
Янв 12, 2010 Уроки Photoshop 4 коммент.
В процессе ретуширования фотографий, в веб-дизайне и подготовке макетов для печати часто возникает необходимость зеркального отражения картинки по вертикали или горизонтали, а также поворота изображения на определенный угол по часовой стрелке или против часовой стрелки. Обе задачи тривиальны и решаются в Фотошопе за пару кликов.
Допустим, у нас есть некое фэнтезийное изображение девушки, свисающей с дерева:
Мы хотим, чтобы она сидела на дереве верхом. Для этого нам нужно будет загрузить Photoshop и повернуть картинку на 90 градусов против часовой стрелки. Предлагаю вам подробную инструкцию с наглядными иллюстрациями как это сделать.
Фотошоп онлайн
Янв 11, 2010 Уроки Photoshop 8 коммент.
Иногда нужно немного подправить понравившуюся картинку, уменьшить размер фото, сделать из большой иллюстрации маленькую аватарку, повернуть картинку на 90 градусов, убрать эффект красных глаз на фото, сделать подпись к иллюстрации и т.п. Конечно, для всех этих и многих других задач отлично подходит программа Adobe Photoshop. Но что делать, если дистрибутива полноценной программы нет под рукой, а качать его с торренов или eMule нет времени или возможности? Достаточно просто погуглить и найти подходящий Фотошоп онлайн.
Попыток создать полноценную онлайн замену программе Photoshop было много. Большинство из них были либо очень слабенькими подобиями графического редактора с похожим на Фотошоп интерфейсом, либо требовали зарегистрироваться и/или оплатить доступ к расширенной функциональности. Но есть и приятные исключения, которые позволяют пользоваться Фотошопом онлайн бесплатно и без регистрации. Например, сайт www.pixlr.com:
Графический редактор на этом сайте представляет собой продуманный flash-модуль с интерфейсом, очень похожим на привычный Photoshop. Если у вас есть опыт работы в оригинальной программе Adobe Photoshop, то данный вариант Фотошопа онлайн будет вам понятен и на его изучение не нужно будет тратить время. Если же вы новичок, то интуитивно понятный русскоязычный интерфейс и всплывающие подсказки помогут вам освоить эту онлайн программу в кратчайшие сроки.
Новогодние аватарки
Дек 30, 2009 Аватарки 3 коммент.
Вот-вот начнутся новогодние праздничные гуляния, а вы все еще без стильной новогодней аватарки? Непорядок! Если вам лень делать самому (или самой) красивую аватарку для новогодних постов в блогах друзей – можете пользоваться картинками из этого предпраздничного поста:
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
Как и в предыдущем сете женских фэнтезийных аватарок основу этого сборника из 12-ти новогодних аватаров 120х120 пикселей составляют праздничные образы из он-лайн игрушки «Бойцовский клуб». Большие образы за 10 минут с помощью Фотошопа были обрезаны, уменьшены и улучшены, чтобы вы могли 
скачать их все сразу или использовать по ссылке прямо из этого поста.
С наступающим Новым годом!
Откуда берутся недозаполненные контентом сайты
Дек 29, 2009 Советы заказчику 5 коммент.
Для решения задачи разработки сайта типичной компании вполне достаточно дизайна на шаблоне и возможностей большинства бесплатных систем управления контентом (Joomla, WordPress, Typo3 и т.д.) с набором стандартных модулей. Типичный набор сайта компании малого или среднего бизнеса – новостная лента, модуль добавления статей и информации о компании, каталог продукции и фотогалерея для самых творчески настроенных. Выбор среди бесплатных шаблонов дизайна для сайта огромен, админки, которых изо дня в день заставляют решать типичные задачи, легко настраиваемы.
Так почему же клиенты отчаянно пытаются заказывать нестандартный дизайн с нестандартной функциональностью, переплачивая за свои прихоти цену, в несколько раз больше необходимой? Действительно ли компании так прониклись идеей необходимости своего присутствия в интернете, что им не жаль никаких денег ради качественного сайта?
Ничего подобного. Бюджеты на разработку сайта компании, как и прежде, тратятся на ненужные с коммерческой точки зрения вещи. В половине случаев создание нового сайта заканчивается на этапе сдачи веб-студией работоспособного сайта – т.е. сайта, который стабильно работает, может обновляться и поддерживаться силами клиента. Но клиент свой сайт не поддерживает и не обновляет, он сталкивается с проблемой, что написание новых уникальных текстов, описание продуктов и услуг, которые предлагает его компания – это серьезный труд. И в большинстве случаем либо вообще не находит на это время и/или деньги, либо заполняет сайт настолько небрежно и такими некачественными материалами, что оригинальный качественный дизайн и продуманный пользовательский интерфейс уже не могут ничего исправить.
Как окружить фото текстом и задать отступы текста от картинки
Дек 26, 2009 Секреты верстки сайтов 10 коммент.
Ничего сложного в том, чтобы сделать обтекание картинки текстом, нет. В то же время, вопрос какой код нужен для задания отступов текста от картинки или фотографии достаточно распространенный у новичков, которые только начали вести блог или постигать основы html+css. В этой статье я приведу пару типичных решений для создания отступа картинки от текста в виде кода html и css.
Способ 1: Вписываем код отступа текста для отдельной картинки или фотки
Простой способ задания обтекания картинки текстом, не требующий знаний html и css.
Чаще всего встречается задача, когда нужно расположить картинку слева и чтоб при этом ее сверху, справа и снизу окружал текст. Еще желательно, чтобы текст располагался не вплотную к вставленной в статью фотографии или схеме, а немного отступал от картинки. Как правило, большинство админок генерируют код для вставки изображения, при котором картинка располагается слева, а текст начинается не справа вверху от картинки, в справа внизу, что удобно для крохотных иконок, но не подходит для больших картинок. Чтобы сделать обтекание текстом для изображения, как в этом способе, при вставке картинки в статью нужно написать такой код:
1 2 3 4 5 | <img src="здесь_веб-адрес_картинки" alt="Здесь_подсказка_если_картинка_не_загрузлась" title="Здесь_встплывающая_над_картинкой_подсказка" width="ширина_ картинки_в_точках_числом" height="высота_ картинки_в_точках_числом" align=”left” style="margin: 3px 12px 0px 0px;" /> |
Например, для вставки картинки, которую вы видите в этой статье чуть выше, код html и css выглядит так:
1 2 3 4 5 6 | <img src="http://www.web-article.com.ua/wp-content/uploads/2009/12/otstup-kartinka-tekst.jpg" alt="Задаем отступ текста для фото" title="Задаем отступ текста для фото" width="300" height="350" align="left" style="margin: 3px 12px 0px 0px;" /> |
Если вас, как и меня, интересует продвижение сайта, но вам лично заниматься этим лень – стучитесь к профессионалам и готовьтесь отбиваться от клиентов.
