7bloggers — еще один завершенный проект

6
08.11.08 в рубрике Дизайнерские Штучки, Фриланс

7 Блоггеров – еще один проект, к созданию которого я тоже приложил свои руки.

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

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

Я, как дизайнер, взялся за разработку логотипа для этого уникального и, безусловно, интересного проекта. Что там дальше?..

Popularity: 1%

Полиграфия и Photoshop

9
17.10.08 в рубрике Дизайнерские Штучки

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

1. Изображения для полиграфии подготавливаются в цветовом режиме CMYK. На домашнем принтере можно распечатать картинку в режиме RGB, на типографии же вас попросят все перевести в CMYK.

Для этого нам необходимо проделать следующее:
Image > Mode > CMYK color

Будьте готовы, что ваша картинка изменится в цвете, но об этом чуть ниже.

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

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

3. Работая с файлом в режиме RBG, у вас будут создаваться такие цвета, которые невозможно будет преобразовать в CMYK.

Чтобы посмотреть, какие цвета не преобразуются в CMYK, воспользуйтесь следующим путем:
View > Gamut Warning

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

4. Если в палитре цветов выставить параметры 100K и 60C , то при печати получиться насыщенный черный цвет, которого при значении 100K никогда не получится.

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

6. Когда мы берем готовые растровые изображения, например фотографии, то в них черный цвет разложен на все четыре цвета. Нам это не нужно и от подобного положения стоит избавиться. Для этого идем
Edit > Convert to Profile…

Во вкладке «Profile» выбираем «Custom CMYK». Откроется новое окно, в котором нужно во вкладке «Black Generation» выставить «Maximum». Жмем «ОК», готово.

Вроде все, что вспомнил, рассказал. А может Вам есть что добавить?

В дополнение к теме:

8 полезных советов при работе в Adobe Photoshop

Еще 5 полезных советов при работе в Adobe Photoshop

И еще...

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

Popularity: 1%

Еще один козырь в колоде моих сайтов

7
27.09.08 в рубрике Дизайнерские Штучки, Фриланс

Вот и закончена работа еще над одним проектом. Макет нарисован, шаблон сверстан и «одет» на движок, недочеты откорректированы, сайт протестирован и работоспособен. Все просто супер :)

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

Такое поведение – это лучшее и наиболее правильное решение со стороны заказчика, как по мне. Коль выбрали меня в качестве исполнителя, доверяйте моему вкусу. А иначе не стоит тратить мое и свое время, да и доверять деньги тем, в ком сомневаетесь, я бы не советовал.

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

Первый образ, который у меня родился почти сразу, — это центральный персонаж сайта, воздушный шар. Придумывалось очень просто: «пишу о том, что думаю», думаю мозгами; полет фантазии, фантазия – тоже продукт мышления, работа мозгов; полет – воздушный шар. Как видите, простейший ассоциативный ряд.

Второе: дирижабль, в качестве rss-иконки. А вот как эта идея родилась, я объяснить не могу. Просто «щелчок» в голове и идея готова. Думаю, что эта ситуация знакома всем.

Дедушка Фрейд настаивал, что о чем бы мы ни думали, на самом деле мы всегда думаем о противоположном поле и все наши действия мотивируются этим, хоть мы сами о том и не подозреваем. Что же, без проблем! Легкий и ненавязчивый образ прекрасной девушки, которая, оказывается, постоянно в нашей голове ;)

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

А есть и другие мысли, у которых уже видны контуры, но они сильно размыты и завуалированы, все как в голове!

Летающий лыжник – сильно выделяется и, мягко говоря, не вписывается в общую композицию? А вам в голову никогда не приходили абсурдные, не вписывающиеся ни в какие рамки мысли? Вот именно! Хотя, об этом персонаже я еще расскажу в другой раз, кто он и откуда вообще взялся.

Когда почти вся работа над созданием макета сайта была завершена, неожиданно родился еще один образ – летающий телевизор. Не буду настаивать, что это полностью моя выдумка. Меня терзают смутные сомнения, что кто-то до меня уже его использовал. Нет, я его ни у кого не подсмотрел и нигде раньше не встречал. Просто он чертовски хорош! И я боюсь поверить, что первый, кто до такого додумался. Я влюбился в этот образ. И, несмотря на то, что телевизоры маленькие и прилеплены сбоку, вот кто истинный главный герой данной работы. Достаточно заглянуть в футер, дабы в этом убедиться.
В топку Red Bull и другие энергетики, сила мысли – вот что окрыляет неимоверно!

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

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

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

Кому интересно, я регулярно слушал два диска:
1. Extreme Girlzz Fest
2. Slipknot — All Hope Is Gone (2008)

Slipknot сильно изменился, теперь его не отличить от Stone Sour. Но, лично мне, такое изменение в «легкую» сторону больше нравится.

Предлагаю вашему вниманию вещи, которые способствовали моей работе:
1. Слот – Кукла Вуду
2. Tracktor Bowling – Время
(давно не было, чтобы какая-то песня меня так цепляла; если даже не нравится такая музыка, то текст равнодушным оставить не может точно).
3. Блондинка Ксю – Ты не Первый
4. Xe-none — [Rave]olution
(открыл для себя новую группу с оригинальным звучанием).
5. Slipknot — Dead Memories
6. Slipknot – Gehenna
(обязательно дослушать до припева, не перемотать, а именно дослушать).
7. Slipknot – Snuff

Самая «жесткая» вещь из списка: Слот – Кукла Вуду.
И Slipknot – Gehenna, но тут очень яркий припев. Остальные – не припопсованные баладки, но большинству должны понравиться.

Вы можете их Скачать.
Вес архива 70Mb

Не думаю, что мое действо можно расценивать как пиратство, скорее реклама этих дисков.

P.S. И не забывайте про акцию по обмену ссылками ;)

Popularity: 1%

Еще 5 полезных советов при работе в Adobe Photoshop

0
13.09.08 в рубрике Дизайнерские Штучки

Продолжаю тему советов и подсказок при работе в Adobe Photoshop

1. Создание надписи вдоль контура
На самом деле это гораздо проще, чем может показаться на первый взгляд. С помощью инструмента Pen Tool (Р) нарисуйте необходимый Вам контур, после чего выберите инструмент Type (Т). При наведении курсора на контур, он станет похож на бочку (буква Т и две скобки по бокам). Когда курсор примет такой вид, Вы можете приступать к вводу текста.

2. Как вернуть курсор?
Наверняка, при работе с Photoshop, у Вас возникала ситуация, когда курсор отображался, к примеру, не кистью нужного диаметра, а маленьким крестиком. Когда у меня такое произошло в первый раз, я долго не знал, что делать и как исправить ситуацию. Оказалось, все очень просто. Достаточно нажать Caps Lock и курсор примет прежний вид. При повторном нажатии он снова превратится в крестик.

3. Быстрая навигация по открытым документам
Если у Вас открыто много окон в Photoshop’e, ускорить поиск нужного можно с помощью сочетания клавиш Ctrl+Tab. Эта комбинация аналогична Alt+Tab в Windows’e.
< !more>

4. Как быстро отыскать нужный слой?
Бывает такое, что при создании работы, у нас создается огромное количество слоев, среди которых становится сложно отыскать нужный. Не бойтесь, Вам не придется щелкать по каждому слою по порядку. Достаточно выбрать инструмент Move Tool (V) и поставить галочку возле Auto-Select (находится как раз под Image и Layer, вверху экрана). Теперь нужно щелкнуть по нужной части изображения на холсте и слой с ним станет активным.

5. Как ускорить работоспособность Photoshop?
Первое, что нужно помнить: каждый слой, который Вы создаете, увеличивает вес документа, а значит и замедляет работу программы. Если есть слои, которые больше не будут редактироваться, то их лучше объединить в один.
Второе, что можно сделать – это отключить создание первых снимков. Это автоматическая функция, которая периодически создает снимок документа, с которым Вы работаете. Снимки сохраняются в оперативной памяти и сильно ее засоряют.
Чтобы отключить эту функцию, идем Window-History. В правом верхнем углу появится окно. В правом верхнем углу этого окна (вот нагородил то!) отыскиваем стрелочку, направленную вниз и кликаем по ней. В появившемся меню выбираем History Options… и убираем галочку с Automatically Create First Snapshot.

Popularity: 1%

О том, как делаются баннеры

2
20.08.08 в рубрике Дизайнерские Штучки

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

Так вот...

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

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

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

«Нам нужна реклама, которая будет увеличивать продажи в несколько раз, а не завоевывать премии на различных фестивалях». Если не ошибаюсь, это слова Гари Хэлберта, человека, который в сфере продаж, как рыба в воде. А каждый, кто занимается созданием рекламы, обязан вбить себе это правило в голову на века. Если не получается, то распечатать и повесить над монитором.

Вот судите по себе, как часто Вы обращаете внимание на баннер и досматриваете его анимацию до конца? Только в том случае, если она заинтересовала и длится в пределах 5-8 секунд. А будете Вы ждать, чем закончится ролик длиною в 15-20 секунд, где предложение делается на последней секунде? Думаю, что нет.

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

Сейчас gif-анимация сдает позиции, в широкое потребление входят баннеры на основе flash. Такие баннеры визуально лучше выглядят и гораздо меньше весят. Но если Вы только начали заниматься созданием баннеров, я рекомендую делать первые варианты в формате gif. Сейчас объясню, почему.

Эффективность баннера во многом зависит от его веса, а значит и скорости загрузки. Определенных стандартов на его вес не существует, но нужно стремиться, дабы он не превышал 25Кб. В идеале — чем меньше, тем лучше. Чаще всего — 15-18Кб.

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

Вот для примера мой баннер

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

Не знаю почему, но мне захотелось сделать именно gif-анимацию. В рамки по весу я вложился, меньше 25Кб, в размеры тоже — 360×60 пикселей.

Хоть в размерах на баннеры тоже нет стандартов, меня несколько удивили те, что были предложены в конкурсе. Самые распространенные размеры — это 468×60, 100×100, 80×31 и 150×400 (300)

Вообще, при создании любой рекламной кампании, создается два вида рекламы (простите за тавтологию). Потом анализируется, какой вариант лучше работает. Худший убирается и на его место придумывается новый. И так постоянно, на протяжении всей кампании.

Я сделал только один баннер и это ошибка в принципе. Но я не собираюсь использовать его в рекламной кампании, а значит — мне хватит.

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

Popularity: 1%


<<<1234567>>>


© 2007—2012 дизайнер Найкрис Кроули