Нужно создать сайт посвященный городу. Может ли кто-нибудь подсказать оригинальные идеи? Или дать ссылку на понравившийся вам сайт с такой же темой. Заранее спасибо всем кто откликнулся.
В творчестве, как и любви, легче остановить мгновение, чем самого себя. (Леонид С.Сухоруков)
Вы фрилансер? Вы работаете удаленно, и Вас уже неоднократно кидали? Да, это бывает с каждым начинающим фрилансером. В своей статье я приведу несколько способов защиты фрилансерской интеллектуальной собственности от подобных ситуаций воровства.
читать дальшеЕсли Вы занимаетесь текстовой информацией (переводы, верстка, статьи)
Итак, для защиты от «кидала» нам понадобится программа Macromedia Captivate. Ее можно скачать с macromedia.com, она весит около 50 мегабайт. Эта программа позволяет создавать мини-презентации вашего продукта или услуги всего за три минуты. Т.е. выполнив свою работу, Вы не отправляете заказчику готовый текст, боясь, оплатит он Вам работу или нет, а отправляете презентацию. Заказчик смотрит презентацию, видит что работа сделана, пересылает Вам деньги, а Вы ему текстовый документ. Я Вас уверяю, из презентации он не сможет выдрать вашу работу и оставить вас без денег. Ниже для скачивания я представляю два собственных примера, посмотрев их, Вам все станет ясно.
посмотреть презентацию (200 Кб) В этом примере я выполнял текстовый перевод. Заметьте, я прокручиваю лишь левую часть текста, а правая остается закрытой. Сначала я отправил эту презентацию в качестве доказательства перевода, заказчик, посмотрев на нее, перевел деньги, а потом я ему выслал документ Word.
посмотреть презентацию (900 Кб) А в этом примере я выполнял черновую html-верстку (не на div-ах). Схема такая же: сначала презентация, потом деньги, а потом файлы верстки. Перед началом выполнения работ я заведомо предупреждаю заказчика о такой схеме. И если он заранее хотел Вас кинуть, то Вы это сразу же поймете.
Если Вы занимаетесь баннерами, flash-презентациями и прочими флэш-примочками. Моя рекомендация будет распространяться только на онлайновые Ваши изделия. Сейчас поймете почему. Рассмотрим ситуацию на примере баннера. Бывало ведь такое - сделаешь баннер, а заказчик скажет «Баннер не подходит, задумка плохая», а потом сам будет использовать все твои наработки. Способ борьбы заключается в следующем - в код баннера или другого flash-изделия вы можете вставить «защитные строки», т.е. чтобы баннер всегда спрашивал именно у Вас разрешение на проигрывание, независимо от того, где его запускают. Это достигается за счет считывания переменной из файла с Вашего сервера. К примеру, запускается баннер у заказчика, flash-ролик подает запрос на проигрывание, получает ответ с сервера и, если получена «1», то проигрывается, а если «0», то останавливается. Ну, Вы конечно знаете, что любая флэшка ломается и подлежит переделке, но, во-первых, это умеют делать только знающие люди, а во-вторых, код флэшки можно искусственно «запачкать», и запрятать наши строки где-нибудь в глубине. И тогда даже знающему человеку придется изрядно постараться, чтобы исправить баннер. Защитные строки имеют примерно следующий вид: { c_lv = new LoadVars(); c_lv.load(”parusnik.com/play.php”); c_lv.onLoad = function (success) { if (success) { play(); } else { stop(); } // end if }; И еще способ. Если в баннере используются какие-либо фразы, например «Наша компания занимается продажей сумок», то вы можете в первоначальном варианте баннера написать «Наша компания занимается продажей колготок». Текст с неправильным слоганом заказчик не будет запускать в рекламу.
Если вы занимаетесь графикой или фото
Ну, здесь я не открою ничего нового и просто посоветую не забывать ставить свои копирайты, и чем изощренней Вы это будете делать, тем меньше шансов украсть Вашу работу.
Общие советы по организации free-lance процесса Следующая рекомендация не подходит как стопроцентная защита от «кидала», но все-таки косвенно говорит о благонадежности намерений заказчика. Итак, положительным моментом считается, когда заказчик готов перевести оплату через WebMoney с протекцией. Это значит, что деньги на Ваш счет придут, но Вы ими не сможете пользоваться, пока не введете специальный пароль, который Вам должен сообщить заказчик по окончанию работ. В качестве универсального метода могу предложить использовать сервис Free-lance.ru «Сделка без рисков». В этом случае заказчик перечисляет деньги на счет Free-lance.ru, а исполнитель приступает к выполнению работ. В этом случае и исполнитель не беспокоится, что за его работу не заплатят, и заказчик не волнуется, что с его деньгами сбегут. В случае возникновения споров, грамотные эксперты Free-lance.ru всегда рассудят, кто прав, а кто виноват. Администрация Free-lance.ru берет 5% от сделки за свою услугу. На сайте Free-lance.ru очень грамотно организована система рекомендаций. После успешного сотрудничества не забывайте друг друга рекомендовать и писать отзывы о работе. Это будет способствовать накоплению положительного имиджа добросовестных заказчиков и исполнителей. Всегда имейте в виду, что свой продукт или услугу нужно защищать. Чем выше будет уровень культуры фриланс-услуг, тем больше мы с вами будем зарабатывать. Удачи вам, коллеги.
В творчестве, как и любви, легче остановить мгновение, чем самого себя. (Леонид С.Сухоруков)
РисуемСоздайте новый документ с голубым фоном : # 1063c1 Размер должен быть 760 х 770 пикселей. Создайте новый слой. Затем Инструментом Brush создайте некоторые несложные рисунки Применить фильтр Filter > Blur > Gaussian Blur и использовать следующую настройку Примените к этому слою режим наложения Overlay Получится типа так Инструментом Rounded Rectangle Tool с радиусом 5 пикселей нарисуйте две формы Теперь добавьте следующие стиля слоя (использовать одинаковые значения для обеих форм) Затем измените параметры заполнения до 0% Это мой результат Далее нажмите на слой с левой формой, удерживая CTRL а затем на нижний слой Это позволить сделать нам вот такое выделение Выбираем инструмент rectangular marquee tool и в режиме вычитания отрежьте ненужный кусок Оставим вот так Создайте новый слой, зальем его белым и нажмем CTRL + D чтобы отменить выделение Теперь изменяем настройки его заполнения до 0% И добавляем следующие стили слоя
Теперь снова выделите форму Повторяем процедуру с кнопкой до нужного нам количества кнопок Добавляем надписи к кнопкам Теперь кликните на левой форме и довавьте изменения в стили слоя
Это результат Копируем стиль слоя Добавляем его к другой форме (правой) Это результат
Теперь я добавлю название Далее я добавлю на правую форму текст и распределю пространство пунктирами Потом я выбрал "Fuzzball" кисть и на новом слое я сделал несколько белых звезд В принципе вы можете использовать любой кистью со звездой
В творчестве, как и любви, легче остановить мгновение, чем самого себя. (Леонид С.Сухоруков)
В этом Фотошоп уроке будем учиться рисовать лицо вашему сайту.
Вот такой макет получится в конце урока.
РисуемНачните с создания нового документа размером 650 * 550 px. Залейте его таким цветом #e6f2e6
Создайте новый слой. Нарисуйте прямоугольник внутри, отступив примерно по 30 px с каждой стороны. Также залейте каким-нибудь цветом.
Нажмите на кнопку внизу палитры слоев и добавьте стили:
Обводка, ширина 5 px, внутри, цвет #296750
Промежуточный результат:
Приступим к рисованию навигации сайта.
С помощью , нарисуйте прямоугольное выделение в правом верхнем углу нашего макета. Перейдите в меню Select >> Modify >> Smooth selection (Выделение - Модификация - Оптимизировать) , чтобы сгладить края.
Создайте новый слой, залейте выделение цветом #3b9710.
А теперь примените стили:
1) Внутренняя тень:
Используйте цвет #184702 для тени
2) Обводка, размер 3 px, внутри, цвет #FFFFFF, то есть белый.
Когда вы закончите, слейте все слои кнопки. Дублируйте слой несколько раз и разместите кнопки на одинаковом расстоянии друг от друга.
Создайте новый слой.
С помощью нарисуйте прямоугольник, который будет закрывать нижнюю часть кнопок. Залейте новое выделение таким цветом #8fd2fd
Примените стиль Тень:
И сделайте белую обводку размером 3 px.
Теперь найдите фото с пейзажем... что-нибудь нейтральное, например такое:
Перетащите фото с пейзажем на ваш рабочий документ. Расположите слой под кнопками и голубым прямоугольником. Удалите ненужные части.
Вот, к чему вам нужно стремиться...
Возьмите то же самое фото, сделайте его меньше, разместите в левой стороне хедера.
Используя ластик с мягкими краями, пройдитесь по краю изображения, чтобы сделать переход мягче.
Возьмите инструмент Текст, шрифт Arial, цвет белый, размер 11-12 px, и напишите названия ссылок.
На данный момент, вот что у нас получилось.
На пустом голубом пространстве напишите название вашего сайта.
Логотипу сайта можно добавить легкий эффект объема.
Создайте еще один слой. Нарисуйте прямоугольное выделение в основном окне макета под хедером (заголовком)
Добавьте белую обводку снаружи.
И градиент: от #68b13a (сверху) к #2c7e0e (внизу)
Прямо поверх зеленого прямоугольника нарисуйте еще один с помощью нашего любимого выделения и нажмите "Delete".
Таким образом, вы вырежете дырку в зеленом квадрате.
Добавьте текст в этот прямоугольник...
То же самое повторите и сделайте второе окно в зеленом квадрате. Это будет основное текстовое окно.
В творчестве, как и любви, легче остановить мгновение, чем самого себя. (Леонид С.Сухоруков)
Вам необходимо иметь основные навыки работы в программе Photoshop, прежде чем приступать к освоению данного урока. В нем рассказывается о том, как я создавал сложную композицию с помощью простых форм и слоевых стилей.
РисуемДОПОЛНИТЕЛЬНЫЕ ПРИМЕЧАНИЯ Прочитать в первую очередь. Урок рассчитан только на опытных пользователей, имеющего хорошую базовую подготовку. Хочу отметить, что базовая подготовка любителя отличается от подготовки более опытного пользователя. Так что усвоение этого урока не составит труда для опытного пользователя.
Я не говорю о том, как сделать идеальный логотип. Вместо этого я показываю, как можно сделать сложные на вид вещи, не используя массивные фильтры или штрихи и кисти. Для этого нужны лишь слоевые стили и творческий подход к созданию базовых форм.
Урок состоит из 75 этапов, изложенных на 20 иллюстрациях. Это похоже на создание кинофильма; урок дает вам представление о том, как происходит создание вещей, а не показывает, как абсолютно правильно создать какую-то вещь, поскольку это невозможно. Это примечание я делаю в связи с тем, что слишком многие задают мне один и тот же вопрос по данному уроку.
Это также не значит что я не хочу объяснить что к чему, возможно, скоро будут созданы подробные уроки по каждому разделу отдельно, но у «ветеранов» Photoshop’a претензий по этому поводу не возникнет. Хороший художник черпает знания из многих источников. Даже самые простые технические приемы могут оказаться полезными для выработки ваших собственных приемов работы.
Удачи!
01. Создание головы паука.
02. Создание глаз
03. Создание головных трубок.
04. Создание лапок.
05. Создание задних лапок.
06. Создание острого лезвия.
07. Создание заднего лезвия.
08. Окончательный вариант паука.
09. Внешняя металлическая пластинка.
10. Средняя металлическая пластинка.
11. Внутренняя металлическая пластинка.
12. Металлическая пластинка.
13. Панелька металлической пластинки.
14. Элементы украшения металлической пластинки.
15. Групповые части панельки.
16. Создание окончательного варианта металлической пластинки.
В творчестве, как и любви, легче остановить мгновение, чем самого себя. (Леонид С.Сухоруков)
Buenos dias! Sinoras, Sinoritas. Сегодня я хотел бы познакомить вас с таким явлением, как Deface-design. А что это такое и с чем его едят я сейчас объясню. Весь изложенный материал предназначен для начинающих, или дизайнеров среднего уровня. Поэтому прежде чем писать посты типа:"... это же для новичков, рекомендую прочитать внимательно это предисловие".
Ху из Ху: Deface - это процес принудительного снятия лица с чужого сайта. То есть подмена оригинальной стартовой страницы на свою собственную.
А зачем оно мне надо?: Раньше, когда медведи были лохматыми, деревья большими, а инет жутко тормозным, то весь дефейс представлял собой простой набор хакерской матерщины. Но сейчас как правило к таким дэфейсам прибегают лишь идолопоклонники студии Артемия Лебедева. Чаще всего на дэфейс кидают еще и красивую картинку. И вот здесь начинаться наша история. Deface-дизайн - это точно такая же работа, как и обычный дизайн. Можно за определённую плату помогать всяким хакерам в их черном деле. Или вообще примкнуть к какой нибудь Deface-студии(есть и такие), опят же в качестве штатного Deface-дизайнера. И в виду того факта, что дэфейс дело темное, плата за такие проекты может быть тоже повыше. Причем ты остаешься в несомненно выгодном положении, ведь ты ничего не взламываешь, не распространяешь вредоносных программ, а просто рисуешь дизайны. Хотя, как говориться, бережёного Бог бережет.
Практика:
Допустим у тебя есть друг детства хакер Гоша. Он знает 25 языков программирования и любую систему защиты ломает одним кликом левой кнопки мыши. Но вот незадача, Гоша совершенно не имеет каких либо мало-мальских дезигнерских способностей. И вот вовремя очередного распития пива Гоша со слезами на глазах рассказал тебе душещипательную историю, о том, что мечтает задефейсить сайт какой-то мутно крутой конторы, но боится опозориться своим некрасивым Deface-дизайном. Ну что, поможем Гоше?
И снова немного теории:
Давай с тобой разберемся, что собой представляет дэфейс и какие бывают его разновидности. По сути Deface-дизайн - это дизайн сплэша (стартовой страницы) для сайта. Но опять же почти. В основном, если при разработке обычных дизайнов на первый план выходит красота, то в Deface-дизайне на первом месте идеологическая нагрузка. Это конечно не писаное правило, но дэфейс обычно имеет следующую структуру:
1. Сверху достаточно крупными буквами пишется ник автора дефейса, или дэфейс-студии. 2. Под заголовком ставят изображение. 3. Далее для непосвящённого человека следует самая непонятная часть:
- Greetz: Здесь пишут хорошие отзывы о тех кто вдохновил, или "заставил" сделать дэфейс. - Fuckz: Здесь диаметрально противоположное. Ругают всех и вся. - Admin: Здесь идет обращение к администратору сайта/форума с описанием техники взлома и т.д. и т.п. нам это не очень интересно. - Thanks: Здесь тоже благодарности тем кто помогал "физически". Давал советы, информацию. Именно здесь Гоша должен указать, что вон ту клевую картинку создал именно ты. - For Contacts: Контакты дэфейсера. Как говорят: "без комментариев"
По типам же Deface-дизайны: Можно поделить на такие.
1. Протест. Вот так бы мог выглядеть Deface-дизайн какого нибудь крупного химического комбината. На лицо протест против выброса вредных химикатов в окружающую среду.
2. "Операционные войны". Например наш Гоша очень любит операционную систему Free BSD и ненавидит Linux. В этом случае Deface-дизайн какого нибудь портала посвященного Linux'у мог бы иметь такой вид. Чертик, символ ОС Free BSD бьет пингвина,символ ОС Linux.
3. Поздравление. Как ты думаешь твоей девушке было бы приятно если бы она зашла на mail.ru и увидела вместо привычного сайта открытку поздравляющую "С днем рождения!" Естественно подписанную от кого и кому.
4. Другие направления. Deface-дизайн делается из тех же побуждений, что и кокой нибудь коллаж, или что то в этом роде. Возникла у тебя идея - ты её выразил. Однако не стоит думать, что дэфейсы совершаются истинно из творческих побуждений. Но поскольку другая сторона медали нас не интересует, мы её рассматривать не будем.
Опять практика:
Ну а теперь тот самый Deface-дизайн, который мы сделаем для Гошы. Допустим он нам заказал незлобный дизайн, который бы мог поднять настроение всем кто его видит. Да бы заменить им унылый сайт какой-то юридической конторы. Для этой каверзной цели я избрал сумасбродных кроликов из игрушки "Rayman Raving Rabbids", не знаю как кого, а меня они просто убивают. 1. Создаем документ, заливаем фон белым цветом. 2. Создаем два новых слоя и в каждом проводим по полупрозрачному градиенту. Один вверх, другой вниз. Цвет ставим: 005b98. На верхнем прозрачность 45%, на нижнем 35%. 3. Рисуем эллипс. Цвет: ef30db. Растиризируем. Щелчок правой кнопки мыши по слою "Rastirize Layer". Далее внутри него рисуем еще один. Выбираем его и удаляем. Выделение не снимать! С помощью же полученного выделения делаем дарку в первом эллипсе. Дублируем и уменьшаем. Так пару раз. Внутри и снаружи добавляем еще пару маленьких бубликов размером от 20 до 5 рх. Прозрачность 25%. В конечном итоге должно выйти нечто похожее на это: 4. Пишем заголовок. Шрифт из игрушки я выбирать обломался. Поэтому взял другой более-менее похожий. Щелчок правой кнопкой. Dlending Options: - Drop Shadow: color: ef30db, angle: 150, distance: 3, spread: 0, size:0 - Stroke: size: 1, color: ef30db. 5. Рисуем белый прямоугольник ниже заголовка. Сверху и снизу ставим две линии толщиной в 2 рх. Цвет: ef30db. 6. Далее я вырезал из картинки такого кролика. Дублировал его 3 раза и поставил их так, что бы они указывали пальцами в центр. 7. Дублируя слои я уменьшал их и сдвигал влево в право, пока не получил толпу кроликов. 8. Далее я взял кролика в спокойном состоянии, который выгодно контрастировал с общей толпой. Натянул на него шлем Дарта Вэйдера и надел футболку чёрного цвета. Посреди футболки я сделал надпись:"I have been just defaced", на великом и могучем сие означает:"Меня только что задэфейсили." 9. Поскольку уши очень уж предательски торчали из шлема, то я окрасил их светло-черным, выделил те места , где они когда-то были розовые и затемнил. Добавив по краям блик. Теперь шлем получился "ушастый". 10. Используя текст с тем же стилем, но другого шрифта я сделал соответствующие надписи снизу картинки. 11. Как финальный штрих я подвесил к нижнему уголку изображения кролика стилизованного под Сема Фишера. Конечно можно было бы сделать и что-то посолидней, но я ставил себе задачу дать "информацию к размышлению", а дальше, друзья, дело за вами.
Вот и все. Такие они дэфейс-дизайны. Надеюсь, что этот урок оказался для кого то интересным.
Послесловие: Обидеть художника легко, а увидеть вместо своего портфолио пингвинов, зайцев и хакерскую матершину еще легче. Потому, как не знаешь на кого наехал.
Люди, будьте терпимы к чужому мнению и взаимо вежливы!
В творчестве, как и любви, легче остановить мгновение, чем самого себя. (Леонид С.Сухоруков)
В эпоху дизайнов в стиле Web 2.0 (которая близится к концу) становится сложнее найти дизайны сайтов с креативным и нестандартным оформлением фона. В этой коллекции я попытался собрать сайты, которые замечательно оформили свой фон.
В творчестве, как и любви, легче остановить мгновение, чем самого себя. (Леонид С.Сухоруков)
РисуемСоздаём новый документ 760x700 px с фоном #333333. Выбираем инструмент Rounded Rectangle (радиус 90) и рисуем фигуру:
Применяем стили:
Этот стиль мы будем использовать довольно часто, так что лучше сохранить его. Зажмите CTRL и нажмите на иконку слоя.
Вы заметите выделение вокруг вашей фигуры.
Нажмите на Subtract from selection
Удалите верх и низ вашего выделения, остаток должен выглядеть так:
Создайте новый слой (CTRL+SHIFT+ALT+N). Залейте выделение белым цветом с помощью инструмента Paint Bucket и примените стиль слоя, который вы сохранили.
Добавьте несколько текстовых кнопок.
Создайте другой скругленный прямоугольник(радиус 90)
Добавьте стиль слоя:
Создайте еще один белый прямоугольник(радиус 90). Сделайте его чуть-чуть меньше предыдущего.
Примените стиль слоя:
Сохраните и этот стиль(нажмите на кнопку New Style)
Результат должен выглядеть так:
Теперь создадим детали для тела страницы. С помощью инструмента Rounded Rectangle(радиус 90) рисуем несколько фигур:
Как можно заметить, к новым фигурам применен первый стиль слоя. Теперь создайте еще прямоугольники с инструментом Rounded Rectangle (с радиусом 20). Вы можете использовать первый стиль слоя.
Теперь создайте еще 2 прямоугольника с инструментом Rounded Rectangle(радиус опять 90). Используйте зеленый стиль слоя. Поместите эти прямоугольники также как на рисунке.
Теперь добавим несколько деталей.Создайте новый документ с прозрачным фоном(5 на 5 пикселей). Увеличьте масштаб и инструментом Pencil нарисуйте такой рисунок:
Сохраните его как образец шаблона Edit > Define Pattern. Возвращаемся в исходный документ. Выбираем инструмент Rectangular Marquee и создаём выделение.
Выбираем инструмент Rectangular Marquee и используем эти настройки:
Щелкните один раз возле ваших текстовых кнопок. Вы увидите новое выделение. Создайте новый слой и с инструментом Paint Bucket и выбранной заливкой нажмите один раз внутри выделения.
После этого нажмите CTRL+D чтобы убрать выделение. Вот результат после того, были продублированы квадратики возле кнопок. Добавляем текст. Конечный результат:
В творчестве, как и любви, легче остановить мгновение, чем самого себя. (Леонид С.Сухоруков)
Лицевое управление Opera обеспечивает контроль над браузером
Осло, Норвегия
Компания Opera Software сегодня объявляет об очередном новшестве, которое будет включено в Opera 10 — Лицевое управление (Face Gestures). Данная технология позволяет любому владельцу веб-камеры работать с браузером с помощью собственного лица. Разработка основана на той же архитектуре, что и Управление мышью (Mouse Gestures), что делает просмотр веб-страниц таким же лёгким, как улыбка, моргание или шевеление носом.
читать дальшеЛицевое управление стало результатом совместной работы компании Opera и Норвежской Секретной Службы — NIS (Norwegian Intelligence Service) над созданием наиболее эффективной технологии распознавания образов, основанной только на Javasсript, HTML и CSS. После более чем семи лет экспериментов система Лицевого управления готова к публичному тестированию.
«В далёком 2001 году мы представили миру Управление мышью в Opera 5.1. Но мы уже тогда знали, к чему идём,» сказал Йон фон Тэчнер, исполнительный директор компании Opera. «К тому времени мы уже разработали систему клавиатурного управления, встроенную в одну из самых ранних версий браузера, а после того, как в Opera 8 появилось голосовое управление, у нас остался только один незадействованный инструмент управления браузером Opera — лицо пользователя. Лицевое управление Opera устанавливает новые стандарты для контроля браузера.»
Лицевое управление Opera включает более 45 функций, от открытия новой вкладки и восстановления сессий до навигации по веб-страницам. Также Лицевое управление интегрировано во встроенный почтовый клиент браузера Opera. Более того: Лицевое управление даже может частично заменить Управление мышью. Для активации новой технологии достаточно нажать клавишу F8 (поддерживается только в Opera 10).
Демонстрация новой технологии
Для получения более подробной информации о технологии и ознакомлением с полным списком доступных функций Лицевого управления посетите портал labs.opera.com/news/2009/04/01/.
О компании Opera Software ASA
Компания Opera Software ASA открыла новые возможности просмотра веб-страниц на ПК, мобильных телефонах и других интернет-устройствах. Кросс-платформенная браузерная технология, развиваемая компанией Opera, известна своей функциональностью, соответствием стандартам и небольшим размером, при этом обеспечивающая пользователей более быстрым, безопасным и динамичным доступом к Интернету. Основной офис Opera Software расположен в Осло, Норвегия, с представительствами по всему миру. Компания зарегистрирована на фондовой бирже Осло под биржевым кодом OPERA. Более подробная информация доступна по адресу: www.opera.com/.
В творчестве, как и любви, легче остановить мгновение, чем самого себя. (Леонид С.Сухоруков)
В конце девяностых я работал в одной очень среднеазиатской республике — ответственным за сеть и АТС местного министерства по развитию бурной деятельности.
По соседству с нашим учреждением развернулось бурное строительство капитализма, и начались веселые денёчки с постоянными перебоями в подаче электроэнергии. Денег на решение задачи с нам выделили в обрез, поэтому пришлось выкручиваться: для серверов мы добыли дряхлый трёхкиловаттный бесперебойник, которого в обрез хватало на то, чтобы завершить их работу. А вот АТС гасить было нельзя вообще.
читать дальше Думали мы, прикидывали и в конце концов купили выпрямитель на 48 вольт, а в качестве батарей взяли автомобильные акуумуляторы. Всё это хозяйство от греха подальше поселили в укромной пристройке рядом с гаражами, хорошо проветриваемой и скрытой от посторонних глаз. Месяц система проработала без нареканий, потом начала сбоить — после проверки оказалось, что два из четырёх аккумуляторов сдохли. Заменили. Прошла неделя, АТС вырубилась, и мы опять обнаружили сбойные батареи, на этот раз целых три штуки!
Правда, мы ставили чистенькие, только что из магазина, а эти были все в масле и грязи. Гнев наш был страшен, но мы были бессильны: «разбор полётов», устроенный в гараже, выявил редкостную сплоченность коллектива — ушлые шоферюги, повадившиеся на халяву менять убитые аккумуляторы, своих не выдали. Противник внутренне ликовал, упиваясь безнаказанностью.
План мести созрел быстро. Сорок восемь вольт можно получить, купив четыре батареи на двенадцать вольт. А можно — три, но на шестнадцать... Мы даже сделали ставки — кто из министерских водителей первым порадует свою машину «горячим пуском». Я поставил на ржавую «газель» и проиграл.
Следующим же утром навстречу мне из ворот гаража бодро выскочил эвакуатор с «мерседесом» первого заместителя министра по развитию бурной деятельности.
В творчестве, как и любви, легче остановить мгновение, чем самого себя. (Леонид С.Сухоруков)
Personal Portfolio Layout
РисуемПривет всем! Тут народ жаловался, что маловато переводов по дизайну сайтов. По многочисленным просьбам выкладываю перевод по дизайну сайта-портфолио, а вдруг идея кому-то понравится и пригодится. Итак, начнем:
Создаем новый документ размером 760x770 пикселей. Цвет фона : #333333 Берем инструмент Rounded Rectangle Tool ( радиус = 10 пикселей ). Затем создаем прямоугольник.
Добавляем следующие стили слоя (см. картинки ниже):
Сейчас у вас картинка должна выглядеть примерно так:
Дублируем эту фигуру и размещаем немного правее, как на картинке. На картинке ниже вы можете видеть, что я добавил некоторые стили слоя, которые вы найдете сразу после этой картинки:
Это настройки для голубого прямоугольника:
Дублируем голубой прямоугольник и также размещаем его правее. Применяем следующие стили слоя:
Опять дублируем последний прямоугольник и применяем стили слоя:
Берем всё тот же Rounded rectangle tool и создаем прямоугольник, используем цвет такой же, как для фона #333333.
Добавляем стили слоя:
Добавляем нужный текст:
На правой стороне добавляем картинки:
Берем ellipse tool и рисуем маленькие кружочки как на картинке:
Затем берем Rectangle tool и рисуем прямоугольник:
Затем идем в меню Filter > Distort > Polar Coordinates. У вас спросят, хотите ли вы растеризовать фигуру, жмите "Да" и примените настройки как на картинке ниже.
Я передвинул и повернул этот слой, результат вы можете видеть ниже:
Дублируем слой ещё 3 раза и размещаем как на картинке:
Затем берем опять Rounded Rectangle Tool и рисуем ещё один прямоугольник. Размещаем его как на картинке ниже, добавляем текст. Дублируем 2 раза черный кружок и размещаем поверх слоя с прямоугольником.
В творчестве, как и любви, легче остановить мгновение, чем самого себя. (Леонид С.Сухоруков)
Дизайнер — человек творческий. И приступы вдохновения не всегда приходят к нему с 9 до 18.
читать дальшеЧто, кроме денег, нужно дизайнеру? Работодатели в растерянности: материальная мотивация сотрудников на определенном этапе перестает приносить нужный эффект. Они постепенно теряют интерес к работе и поглядывают в сторону конкурентов. Особенно тяжело обстоит ситуация с творческими людьми, например с дизайнерами: их интерес к работе и компании надо постоянно подогревать. Но как это сделать?
«Для того чтобы понять, какие способы лучше подойдут для мотивации дизайнера, — говорит менеджер по персоналу Константин, — нужно выяснить тип его референции». За этими страшными словами скрывается следующее. Тип референции показывает, насколько человеку важно свое и чужое мнение. В соответствии с этим есть два типа референции: внешняя и внутренняя. Внешняя означает, что самооценка человека зависит от мнения о нем окружающих. Внутренняя говорит о том, что для человека важнее его собственное мнение о себе и своей работе.
Но как же выяснить этот самый тип референции? В этом помогут проективные вопросы. «Лучше постепенно в процессе беседы подвести человека к ответу, который позволит определить тип референции, — советует Константин. — Например: «Ты давно в дизайне? Здорово! Ну и как оно? Добился успеха? А почему?» Если человек отвечает в духе: «Я сделал отличный сайт, который мне самому нравится», — референция внутренняя. Если ответ: «Мои сайты нравятся людям», — внешняя.
«Есть хороший вопрос, который можно и нужно задавать на интервью с кандидатами, - считает Константин. - Он звучит так: «Представь, что 2 лавки предлагают тебе одинаковую по окладу работёнку, но остальное разное. Вот что для тебя будет важно при выборе?» И он расскажет, какие нематериальные стороны в работе его интересуют: — чтоб босс матом не ругал, — чтоб можно было задержаться дома и выспаться иногда и прочее. Вот все эти мелочи и есть нематериальные мотиваторы.
Люди с внутренней референцией, как правило, карьеристы. Они будут польщены получением людей в подчинение (если, конечно, есть лидерские качества), или помпезному названию должности (если таких качеств нет). Для них важно свое место на парковке, отдельный кабинет, современный монитор, хороший планшет — в общем, все, что выделит его из толпы других. Для дизайнера с внешней референцией важно, чтобы его работа понравилась другим. Такой человек очень любит похвалы и часто излишне чувствителен к критике. Для него похвала коллег и положительное мнение руководителя (заказчика) является важным мотивирующим фактором».
Опыт компаний «Опишу ситуации, которые встречались на практике моих коллег в различных компаниях, — рассказывает Екатерина Волченкова, менеджер по подбору персонала «Группа Гута». — Дизайнерам интересны проекты, где можно максимально проявить свою креативность и художественный вкус. Порой клиент или начальник долго не принимает ни один из предложенных дизайнером вариантов. Тогда мотивация последнего резко падает.
Дизайнеры готовы работать ради престижа: например, если их творчество будет висеть в портфолио компании (агентства). На брендовые компании они могут работать даже за небольшие деньги, но так, чтобы была возможность проявлять творческие навыки, а не просто работать по шаблону. Соответственно, дизайнеру необходимо предлагать участвовать в разработке новых брендов (чтобы не скучал).
Конечно же, и повышение по служебной лестнице никто не отменял. Рано или поздно потребность во власти одержит верх, и дизайнеру захочется быть важным начальником и решать не только творческие, но и административные задачи. Как правило, в небольших компаниях работают 1-2 дизайнера, реализовать карьерную мечту не удастся в глобальном смысле. В крупных компаниях, агентствах перспективы роста предоставляются ровно с той же процентной вероятностью, как и при любых других должностях. Но работодатель должен помнить, что не каждый хороший исполнитель может стать хорошим руководителем».
Алиса Дочкина, специалист по обучению персонала компании Staffwel, считает, что только материальная мотивация важна только техническим дизайнерам. К творческим же людям нужен творческий подход. «Дизайнеров во многом мотивирует оценка их творчества профессионалами, возможность участия в конкурсах, посещения выставок, наличие известных брендов среди клиентов компании. Важна также форма организации рабочего времени и пространства, даже стиля одежды в компании.
Дизайнер, как человек творческий, не любит быть ограничен какими-либо рамками, поэтому для них более подходит гибкий график работы, однако должен присутствовать и некий контроль. Например, сроки выполнения заказа дизайнеру лучше указать более ранние, чем обещано клиенту, а также с «постоянной периодичностью» напоминать ему о проекте. Если говорить о форме оплаты, то лучший вариант для дизайнера — это невычитаемый фикс плюс процент от выполненного заказа. Фикс не должен быть большим, а процент должен быть оговорен, он, кстати, может изменяться от общего размера выполненных проектов. Дизайнеру нужна слава и признание, хвалите его, дайте ему возможность максимально проявлять себя не только в рабочих проектах, но и во внешних профессиональных мероприятиях, где он заодно может пропиарить и вашу компанию!»
Мнение соискателей А что же думают обо всем этом сами дизайнеры?
Станислав: «Я по себе знаю, что хорошая мотивация — это похвала за проделанную работу. А точнее признание качества выполненной работы от руководства или от коллег. Помимо этого, хорошая мотивация — это качественное оборудование (планшет, большой монитор, мощный компьютер). Всегда приятно понимать, что твоя работа ценится и для компании очень важна. И самое главное — это свободный стиль одежды и вообще всяческие поблажки в связи с творческой профессией. Пусть хоть с серьгой в носу ходит и с косой, но чтобы дело делал грамотно».
Дарья: «Публичное признание заслуг дизайнера, планирование карьеры, достижения компании и вклад в эти достижения. Работники творческих профессий могут неделями биться впустую над какой-то задачей, если она им неинтересна, но зато в течение нескольких дней справятся с неординарными проектами. Хорошее отношение к заказчику в конце концов».
Сергей: «Можно разрешить курить на рабочем месте. Для многих это очень важно. Или разрешить пить чай или кофе. Я знаю, что во многих организациях запрещают это делать на рабочем месте».
Георгий: «Самая сильная мотивация — это слова: «Мы хотим твой проект представить на международный конкурс и сделать своей визитной карточкой».
Александр: «Вообще, в силах начальника сделать работу любого человека интереснее, а уж дизайнера — тем более. Только мотивация не вся работает, порой даже хуже становится от шаблонов. Мотивировать — это как выбрать подарок другу. Деньги... не самый лучший вариант. Нестандартный подход приветствуется в деталях и лучше на личном уровне. Нагрузил дизайнера, запряг на ночь, так сходи в кафе через дорогу, купи хороший кофе и пирог и подари дизайнеру отгул на полдня. Это все отобьется потом сто раз».
Дмитрий: «Дизайнера можно мотивировать тем, что его работа будет принята «как есть», то есть без изменений. Многие заказчики часто обрубают всё творчество под корень. Дизайнеру надо доверять. Многих представителей этой профессии подкупает наличие их доброго имени на готовой продукции».
Алексей: «Самая лучшая схема, применяемая к дизайнерам во многих компаниях, — это нацеленность на результат при минимальной зависимости от штатного распорядка: многие работают ночью, кстати, это очень продуктивно».
Что касается материальной мотивации, то дизайнеры мечтают получать оклад + % от проекта. «Обычно, процент за выполненный проект получает менеджер, а ведь дизайнеру будет очень приятно получить тоже небольшую награду за работу!» — считает бывший дизайнер Станислав.
Также дизайнеры допускают метод комбинированной оплаты с частичной предоплатой: например, дизайнер может потребовать достаточно высокую повременную ставку, зная, что результаты проекта очень важны, а ожидаемый эффект многократно перекроет затраты на дизайнера. Или дизайнер может составить для себя калькуляцию затрат рабочего времени, а клиенту дать фиксированную цену, ссылаясь на аналогичные проекты».
«Комбинирование повременной оплаты и фиксированной цены часто применяется при постоянных заказах, а комбинирование фиксированной цены и процентной оплаты при какой-то конкретной работе», — говорит дизайнер Дарья.
Решила вынести на ваш суд мою первую работу. Она здесь. Раньше я только рисовала дизайны к сайтам, всё остальное делали другие. А в этой работе всё моё - начиная от разработки структуры сайта и самих текстов с картинками до выкладывания его на сервер. Творческий полёт дизайнера)) пришлось усмирить, поскольку в вёрстке и программировании, к сожалению, еще большой пробел. По вопросам различного отображения разными браузерами всё ещё воюю)). Верхнюю горизонтальную полоску в IE и в Mozilla так и не удалось убрать, в Opera ее нет. Если кто знает как ее убрать, пишите.
2. Далее выбираем инструмент Rectangle Tool (U) и рисуем прямоугольник такого же размера как и наш документ.
3. Переходим к свойству нашей фигуры Blending Options>Gradient Overlay и выставляем следующие параметры
4. Далее рисуем линию белого цвета как на рисунке
5. Выбираем инструмент Pen Tool (P) и рисуем несколько треугольников
В параметрах нарисованных нами треугольников выставляем Fill 0%, и переходям к свойствам слоев Blending Options>Gradient Overlay
Свойства градиента
Получаем следующее:
6. Выбираем инструмент Rounded Rectangle Tool (U) и рисуем новую фигуру предварительно выставив радиус в 35 пикселей. Тут будет располагаться основной контент
Далее начнем рисовать панель для меню сайта. Берем Rounded Rectangle Tool (U) и рисуем фигуру с радиусом 30 пикселей в нутрии нашего контента. Далее выбираем инструмент Rectangle Tool (U) и при нажатой клавише ALT рисуем прямоугольника как показано на рисунке.
Переходим в свойства слоя Blending Options>Inner Shadow
Blending Options>Gradient Overlay
Параметры градиента:
7. По аналогии с заготовкой к меню сайта мы рисуем нижнее часть (футер).
Переходим в параметры слоя: Fill 0% Blending Options>Inner Shadow
Blending Options>Color Overlay
8. Далее мы нарисуем панельку для ленты новостей. Для этого мы опять возьмем Rounded Rectangle Tool (U) с радиусом 35 пикселей и рисуем в левой части контента прямоугольник светло серого цвети (#F6F6F6). Далее при нажатой клавише ALT, внутри нашего новосново прямоугольника мы рисуем 2 прямоугольника и получаем
9. Теперь на нашей панели для меню мы нанесем несколько декоративных линий. С помощью Rectangle Tool (U) рисуем небольшой прямоугольнику белого цвета. Затем его нужно немного наклонить (CTRL+T)
Далее клонируем наш прямоугольник несколько раз и равномерно распределим копии по все длине панели:
Затем небольшой совет, растеризуйте все наши клонированные прямоугольники и объедините их в один слой (CTRL+E). После этого выставляем прозрачность слоя Fill 20% и Blending Mode-Overlay
10. Приступим к кнопкам. Возьмем Rounded Rectangle Tool (U) белого цвета с радиусом 20 и рисуем как показано на рисунка
В свойствах слоя выставляем Blending Options>Inner Shadow
Далее рисуем следующую кнопочку, тем же Rounded Rectangle Tool (U) с радиусом 20. В свойствах слоя выставляем следующие параметры: Fill 20% Blending Options>Inner Shadow
Blending Options>Gradient Overlay
Копируем наш последний слой, нажимаем CTRL+T и делаем его немного уже. В свойствах слоя выставляем: Fill 20% Blending Options>Inner Shadow
Blending Options>Gradient Overlay
Далее копируем полученную кнопочку несколько раз
11. Берем Rectangle Tool (U) и рисуем вот такую полоску
В свойствах слоя выставляем Blending Options>Drop Shadow
Blending Options>Gradient Overlay
Пишем название:
Blending Options>Drop Shadow
Забиваем текст в кнопочки: Кнопка с белым фоном "home page"
Остальные кнопки:
И вот что получаем:
Вставим заголовки в основном контенте и новостной колонке:
Далее подготавливаем «РЫБУ» (текст в контенте)
Даты в новостной колонке
Контакты:
В свойствах слоя выставляем:
С помощью инструмента Rounded Rectangle Tool (U) с радиусом 5 пикселей рисуем пару плашек для работ из портфолио.
На место этих плашек вставляем пару картинок для портфолио
В творчестве, как и любви, легче остановить мгновение, чем самого себя. (Леонид С.Сухоруков)
Adobe Photoshop — мечта любого дизайнера: он обладает профессиональным инструментарием для обработки фотографий. Но самая большая преграда — это его цена, часто непосильная. К счастью, существует ряд бесплатных open-source программ, реализующих практически все, что может Photoshop, а иногда даже больше.
читать дальшеGIMP GIMP расшифровывается, как “GNU image manipulation program”. Это одна из самых старых и известных замен Photoshop. В нем реализована большая часть его функций. GIMP кроссплатформенный и поддерживается сообществом.
Если GIMP кажется непривычным, то следует обратить внимание на другую альтернативу — GIMPShop. Различие между ними — в интерфейсе: он максимально приближен к Photoshop.
Krita Krita хвалят за удобство использования, и он выиграл Akademy Award как Лучшее приложение 2006 года. Он чуть слабже, чем Photoshop или GIMP, но обладает своими уникальными особенностями.
Paint.NET Paint.NET вырос из проекта по развитию известного MSPaint в полноценный редактор изображений. Paint.NET работает в Windows.
ChocoFlop ChocoFlop — приложение, разработанное только для Мака и оптимизированную под его архитектуру. Он быстрый и очень функциональный. Редактор несвободный, но до выхода стабильной версии (на данный момент — в бете), разработчики позволяют бесплатно использовать его. Уже сейчас ChocoFlop довольно стабильно работает. Если вы из тех, кто не боится наткнуться на ошибку, то стоит попробовать.
Cinepaint Это не только хороший редактор видео, используемый крупными студиями для создания анимационных фильмов, но и мощный редактор изображений с поддержкой 32-битного цвета высокой четкости. В настоящее время нет стабильной версии под Windows.
Pixia Интерфейс Pixia первоначально был на японском языке, но есть и английская версия. Хотя этот редактор был заточен для обработки аниме/манги, его можно использовать для редактирования любых изображений. Хотя некоторые средства не очень интуитивны, в сети есть много туториалов на английском языке. Pixia работает под Windows.
Pixen Этот редактор сначала создавали для мастеров пиксельной графики, но он был доработан до приятного и полнофункционального редактора. Определенно, он лучше подходит для анимации, если это — ваш стиль. Pixen работает только под Mac (10.4x и старше)
Picnik Picnik — web-based фоторедактор, который начал активно развиваться в свете сотрудничества с Flickr. Он обладает всеми базовыми инструментами, плюс продвинутыми, как слои и спецэффекты. Этот редактор — кроссплатформенный, так как для его работы нужен только браузер.
Splashup Еще одно веб-приложение имеет мощный набор инструментов (включая слои) и напоминает чем-то Photoshop. Splashup легко интегрируется с фотохостингами и также, как Picnik, кроссплатформенный.
Adobe Photoshop Express У Adobe в действительности есть бесплатный web-based фоторедактор. Он обладает базовым функционалом, который от него ждали, а также рядом дополнительных инструментов (но нет слоев). Интегрирован с фотохостингами. И, снова, полностью кроссплатформенный.