Встретимся на пляже!

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

Если в фотошопе, можно создать новый документ и сразу начать работу, то комфортная работа над дизайном сайта в илюстраторе  требует некоторых подготовок, настроек и имеет особенности. Всё это мы и рассмотрим в сегодняшнем посте.
.
Лучше всего создать для себя некий шаблон в котором у вас уже будет всё настроено. Будут присутствовать нужные GUI элементы в библиотеке символов и стили для текста и графики… но обо всём по порядку.

.
Итак, начнем. Создаем новый документ.
.

.

1. Задаем наиболее любимый для себя размер, с которого мы начинаем творить. Его всегда можно быстро изменить в процессе работы.
.
2. Работаем в пикселях и только в пикселях.

3. Режим RGB.

4. Разрешение картинки 72 dpi

5. Режим просмотра. Если с первыми четырьмя пунктами всё понятно, то этот следует немного пояснить. Дело в том, что илюстратор все таки векторный пакет, и при многократном увеличении макета или его приближении вы никаких пиксельных квадратиков не увидите. Режим просмотра pixel позволит вам их увидеть. И более адекватно оценить ситуацию… в работе я часто переключаюсь с этого режима или использую сразу два режима, но об этом позже.

Всё жмём ок.

Вот перед нами чистый лист. Нажмите ctrl+1 дабы наблюдать макет в 100% виде. То есть так, как его потом увидит пользователь. Это одна из самых частых комбинаций используемых мной.

Настройка шаблона на этом не закончена.

Основной проблемой векторных изображений, это то, что они плевали на пиксели. И у вас могут быть кнопки с размером 200,5 х 25,456 px и иметь координаты x=0,015 и y=145,45. Это недопустимо. Все числа у нас должны быть ровными. Для этого нам надо настроить сетку.

Идём в меню Edit → Preferences → Guides & Grid.

В секции Grid мы можем:

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

2. Выбрать стиль сетки: точками или решеткой. Для меня понятней решеткой.

3. Расстояние между основными линиями. Ставим 10

4. И промежуточные линии. Снова 10.

Жмём ок.
Нажимая сочетание клавиш ctrl+Э мы можем скрывать и показывать эту сетку.

И предпоследний штрих. В меню View нам надо выставить галочки напротив Snap to point, и Snap to grid.
Теперь рисуя любой объект, он будет стоять на ровных координатах и будет иметь точные размеры в целых пикселях.

Последнее. По умолчанию в илюстраторе начало координат находиться в левом нижнем углу. Я не могу понять почему так повелось. (наверное чертежное наследие) но в работе это не очень удобно. Поэтому для начала нам нужно показать линейки ctrl+R.  И схватившись за угол начала линеек перетащить его на левый верхний угол документа:

Вот первоначальная подготовка и готова. В следующем продолжении всё будет гораздо интереснее.

Я вот, тут подумал, что Твитер это социальная сеть спамеров. Ну а разве нет? Все рассылают рекламу, пиарят всё и вся. И все дружно это читают. Так сказать добровольное спамочитство. Вот я щас нажму кнопку опубликовать и автоматом в твитер уйдет спам о том, что я написал новый пост. Чем не спам?
И еще:
Реальное увеличение члена на 50%.
Увеличь себе грудь без операции!
Что такое сасами?

Цитата с сайита Фергана.ру:
«Ак-Жол» направила вопрос на рассмотрение профильного комитета парламента для выяснения законности нововведения сотовых операторов.»

Ваш ход, ОПСОСЫ.

Завтра 5 февраля 2010 года в Кыргызстане, должна состояться массовая акция протеста против нововведения всех кыргызских сотовых операторов. Напомню, что теперь за каждое соединение операторы будут снимать со счета абонента 0,6 сома. Акция будет заключаться в простом выключении сотки на время с 8:00 до 18:00.

Считаю, что акция по сути ничего не даст, но провести день без звонков многим будет в новинку. Вот если бы отключится от сотки на месяцок, скажем… я, думаю эффект будет очень крутым в мировом маштабе — нас начнут показывать по новостям первого канала или CNN. Я же звоню ну настолько редко, что забыв дома телефон особо не переживаю даже.

Надеюсь, что это мероприятие станет традиционным и 5 февраля станет в Киргизии днем без телефона.

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

↓

Проблемы с дыханием решаются правильным дыханием.
Средний объем легких у человека 3 литра. Между тем, мы очень быстро дышим и малыми порциями. Примерно по 0,5 л.  Дышите медленней и глубже. И носом!

↓

Проблемы с иммунитетом решаются обливанием :)
При обливании в кровь выбрасывается большое количество ферментов — активных противников всяких чужеродных бактерий.

↓

Проблемы с деньгами решаются работой.
Устройтесь на работу и выполняйте её достойно. Это обязательно оценят.

↓

Проблемы со вкусом к жизни решаются путешествиями.
Если все надоело, смените обстановку вокруг себя. И все заиграет заново.

↓

Проблемы с дизайном. Решаю я.

Сегодня увидел новость с этим заголовком.
Вот как мне кажется, с этим заголовком что-то не то.
А как вы считаете?

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

Так для чего же нужен илюстратор?

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

Самое глобальное преимущество илюстратора перед фотошопом это стили и символы. Что я имею ввиду. Например, мы придумали некий стиль отображения ссылок на сайте.  Банальная ссылка с подчеркиванием синего цвета. Расставили мы эти ссылки по всему макету и их получилось достаточное множество — хотя бы 20 штук. Теперь необходимо их всех перекрасить в зеленый (такое часто бывает). В фотошопе надо будет лазить по всем слоям и красить, красить, красить… в общем пробежка по 20 слоям обеспечена. А когда слоенка достаточно большая то это уже настоящий кошмар. В илюстраторе мы просто обновим стиль наших ссылок и они все сами станут зелеными.

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

Еще одним мега преимуществом я считаю, то что не надо вообще бегать по слоям. Любые движения блоков просты. Группировка, разгруппировка, выравнивание…  просто выделил нужное и потащил. Это очень ускоряет процесс разработки интерфейса.

Еще.
Вы можете нарисовать любую часть сайта в фотошопе и вставить её в макет. Например шапку сайта с красивой графикой. Илюстратор идеально поддерживает формат PSD. Кликая с альтом по нашей шапке автоматически загрузится фотошоп и откроется наша слоенка. Вы её редактируете, например, изменяете телефон, сохраняете… и вуаля! В илюстраторе она обновляется автоматом.

Используя в своей работе фотошоп + илюстратор  — Вы становитесь властелином макета. Работая только в фотошопе вы скованы по рукам и ногам.

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

До встречи!

Реклама из двух страничек, идущих друг за другом.
Первая: Это калька. С печатью в один супер-черный цвет.
Вторая: HDR Фотка. Печать флюоресцентными красками.

Вот родилась идея чехла для сотки на шею. Девушки любят такие :)

Всем привет!
Этим постом я открываю цикл статей про использования Adobe Illustrator в веб-дизайне. А именно в использовании его при работе над интерфейсами. Статьи постараюсь выстраивать в виде пособия — сначала будет информативная часть, некие рассуждения на тему преимуществ и недостатков. Потом будет рассмотрена подготовка рабочего пространства. Ну а затем пойдут практические занятия и примеры. Попытаюсь быть максимально точным и не скупится на иллюстративный материал — прикладывать понятные скриншотики и т.д.

Буду рад комментариям по делу. Именно касающихся практической стороны дела. Холивара не надо.
За сим прощаюсь. Ждем первый пост о том как в Илюстраторе все круто и удобно.
Пока.

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

1. Новое творение будут звать iPad
2. Экран гаджета будет диагональю 11 дюймов
3. Работать будет под управлением iPhone OS
4. Сможет звонить как телефон
5. Будет поддерживать сети-3G
6. Разрешение экрана будет 1024×800-pixel

О чудо! Есть оказывается ещё круче плеер — это настоящий iTunes, только написанный на flash.
Представляю Вам GROOVESHARK
↓

↑
Работает очень круто! Настоящий онлайн-комбайн музыки…
Приятного прослушивания.

Интернет просто чудовищная вещь. Благодаря ему теперь можно не хранить безумную mp3-коллекцию на винте. Раньше я ей так дорожил, систематизировал, прикреплял обложечки… А она росла и жрала место. Жрала и жрала — настоящая ненасытная тварь. Но я сказал: —Хватит! Зафига я плачу за интернет? Подумал я, и решил найти сервис, который всегда и везде позволит мне слушать мою любимую музыку, ну и плюс любую другую музыку. 

Недолгое время я пользовался Веборамой — она более-менее юзабильная, но все же некая тупорогость в ней присутствует. Да и перенасыщеность фичами, которые мне совсем не нужны — тоже напрягала.
И вот, свершислоь! Ура! Наконец-то я нашел сервис, который я так долго искал. Благодаря всеми любимому Хабру мы встретились.



Простой и удобный сервис для слушания музыки. Вот это именно то, что я искал.
Музыка и ты… и все.
Сижу, работаю, слушаю.

Еще одно доказательство мегапопулярности твитера, это то что в рейтинга блогов Яндекса мой твитер-блог http://twitter.com/alexsas_ стоит на аж 40 894 месте. А автономный блог http://alexsas.ru/blog всего лишь на каком-то 2 299 524 ! Поразительная разница.

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

Идея созрела очень давно, но реализовать её я мог только с помощью художника.
И такой человек нашелся! Рад представить вам Хытмана, который любезно нарисовал главные две детали в этом дизайне. Еще раз большое спасибо ему за это.

Запускаю новую рубрику в блоге — ИДЕЯ.
У меня рождается много идей в процессе жизни. И я их как старая бабушка складываю в сервант. Складываю, складываю… А какого ХУЯ?
Блять только 0,5% из количества этих идей находят воплощение. А я их складываю и складываю. Как самый последний жид. Можно подумать я самый умный, никто этого больше не придумал… ХРЕНУШКИ! Так нахуя их складывать?
Всё решено. Теперь в блоге я делюсь своими идеями.От самых банальных до самых мега как бы крутых.
Ждите. Идеи выстроились в очередь и ждут пока я их вам выложу.