| Август 2010 → | ||||||
|
1
|
||||||
|---|---|---|---|---|---|---|
|
2
|
3
|
4
|
5
|
6
|
7
|
8
|
|
9
|
10
|
12
|
13
|
14
|
15
|
|
|
16
|
17
|
18
|
19
|
20
|
21
|
22
|
|
23
|
24
|
25
|
26
|
27
|
28
|
29
|
|
30
|
31
|
|||||
За последние 60 дней ни разу не выходила
Сайт рассылки:
http://www.mykhailenko.com/blog/
Открыта:
07-08-2010
Статистика
0 за неделю
mykhailenko Дизайн и креатив #1
Здравствуйте! Сегодня мой 1-й Выпуск рассылки об "интересностях" в веб-дизайне, фотографии, креативной рекламе, а также обо всем, что касается WordPress движка. В этот выпуск вошли следующие интересные посты:
Нас повсюду окружает реклама: телевидение, журналы, биллборды, упаковки и т.д., пересчитывать можно долго и нудно. Большинство рекламы, согласитесь – УГ, которое порядком уже надоело
и хочется чего-то яркого, креативного, чтобы вызывало улыбку и тянуло купить рекламируемый товар, а не произнести в очередной раз: “фу! как это уже надоело!”. Сегодня хочу представить Вашему вниманию линейку постов, где буду делать подборки интересной, веселой и яркой рекламы, которую создают креативщики из других стран. Вот, как надо делать рекламу! Недавно наткнулся на сайт одного фотографа и был поражен офигенным стилем в фотографии, сразу же занес сайт в закладки и поставил себе цель: написать об этом фотографе в своей линейке постов. Итак, знакомьтесь Дэйв Хилл. Дэйв Хилл –
фотограф с особенным стилем создания и постобработки фотографий. Его фотокарточки настолько продуманы до деталей, что каждая доносит зрителю свою историю. Любая мелочь на фото играет немаловажную роль, создавая этим самым отдельный рассказ. Фотографии Дейва очень насыщены динамикой и цветами, что придает фотографии более живой характер. Чтобы убедится в этом окончательно, предлагаю посмотреть фотографии ниже. А кто хочет увидеть сам процесс его работы, предлагаю посмотреть видео. Кстати, много желающих пробует повторять стиль постобработки Дэйва, некоторые уроки фотографий называют: “…в стиле Dave Hill”. Вот так вот) Посмотреть
на яркие динамичные фотографии можно в статье. Необычная навигация веб-сайтов Навигация играет немаловажную роль в “электронной жизни” веб-сайта. Она должна быть простой и интуитивно понятной, чтобы посетитель не ушел с сайта в первые 30 секунд поиска менюшек. Но… Она может быть креативно продуманной и интересной, что в свою очередь может привлечь посетителя побродить
по сайту, если он даже не заинтересован в данной тематике. Сегодня я хочу показать примеры красивой навигации, которая заставит Вас перейти на сайт и поклацать по менюшкам Сайты с бесплатными шаблонами для WordPress Когда заводишь свой блог или какой-то ресурс на движке WordPress, конечно же хочется, чтобы у него была красивая “мордаха”, а платить за оригинальный дизайн не
хочется/нету возможности или просто впадло. И вот тогда открывается Гугл и начинаются поиски бесплатных шаблонов для WP. А сейчас я хочу Вам облегчить эти поиски и вот этим постом представляю Вашему вниманию подборку из 15 ресурсов, которые бесплатно раздают темы для ВордПресс.
Конечно же, подобных ресурсов много и 50-60% из них УГ. А вот эта 15-ка, на мой скромный взгляд и вкус, содержит более-менее красивые шаблоны, которые не стыдно будет показать пользователям сайта. Привет! Сегодняшний пост будет посвящен фотографам и любителям поиграться с цветокоррекцией фотографий. Экшены (Actions), незаменимые в этом деле инструменты всеми любимого Photoshop-а. Чтобы не сидеть долго и не корректировать цвета, можно в 2 клика придать свой
цветовой стиль любой фотографии. Давайте же смотреть и качать! Привет, ребята! На днях рылся в буржунете в поисках вдохновения и наткнулся на крутой урок от PSHero, который мне очень понравился, в результате чего я открыл свои графические пакеты и начал пробовать сам забацать эту крутизну. Ну, я думаю Вы уже
заметили по картинке выше, что у меня получилось) Разве не круто?) Эмейзинг, блин!) Если хотите создать такое же, не останавливайтесь, продолжайте читать эту статью. А если Вы больше любите уроки на буржуйском, ссылку я привел выше Сразу скажу, что я немножко делал по-своему, но идея и смысл те же, что и задумал автор. Итак, начнем! Для исполнения данного урока нам понадобится Adobe Photoshop и Adobe Illustrator. Для начала, качаем замечательный шрифт Ballpark. .01 Открываем Photoshop и создаем новый документ (размеры я брал 580х300).
Жмем T и пишем желаемое слово, над которым будем работать. Конечно же, шрифт не понимает кириллицу, так что придумывайте что-то на инглише) .02 Далее правой кнопочкой по вашему тексту (Type Tool должен
быть активным) и выбираемCreate Work Path. Далее жмем A (Path Selection Tool), зажимаем .03 Поднимаем глаза к Главному Меню и там должна быть кнопка Combine, жмем её. Далее копируем
наш текст – Ctrl+C. Теперь открываем Adobe Illustrator и создаем новый документ. .04 В новом документе в Иллюстраторе вставляем скопированные нами в буфер обмена “пути” (paths). Иллюстратор предлагает опции вставки, выбираем Compound Shape и жмем OKай! Далее
задаем цвет текста, автор предлагает #E5E5E5, я не против .05 Теперь делаем наш текст 3D-шный!) В Главном Меню выбираем: Effect → 3D → Extrude
& Bevel, выставляем все, как показано на скриншоте. Жмем OKай. В Главном Меню выбираем Object → Expand
Appearance. Это мы сконвертили кривые из Иллюстратора, чтобы Фотошоп их понял. .06 Автор говорил и я повторюсь: не закрывайте пока Иллюстратор, его миссия еще не окончена на сегодня Копируем
все, что натворили в Иллюстраторе (Ctrl+C) и вставляем в наш документ в Фотошопе (Ctrl+V). Внимательный Фотошоп спросит в каком виде Вы хотите вставить объект? Ессесьна нужно выбрать Smart Object и нажать “OKай,
братюня”, а еще Enter не забудьте нажать после всего этого. Старый свой текст с “путями” можете удалить. Еще я согласился с хорошей идеей автора и переименовал слой в 3D, что и Вам советую, чтобы в будущих шагах не запутаться в слоях). .07 Вот он, момент, когда нам нужно возвращаться к любимому Иллюстратору! Сейчас нам нужно скопировать только сам текст. Нам нужно
изолировать верхний слой текста, поэтому жмем по нашему темно-серому тексту двойными щелчками мыши 3 раза и 1 раз 1 щелчок, чтобы выделить текст. Далее копируем (Ctrl+C) и вставляем (Ctrl+V) в
нашем документе в Фотошопе текст (не забывайте выбирать Smart Object при вставке). Как видите, у меня не одно слово + еще точки отдельно, поэтому мне нужно с каждым слоем проделать 7-й пункт) Если у Вас так же, возьмите на заметку ;) .08 Скопировали текст и аккуратно наложили его поверх слоя 3D (Ctrl + и Ctrl - Вам в помощь). Теперь задаем цвет нашему тексту, правой кнопочкой по слою и выбираем Blending Options (или с правой стороны слоя двойной клик левой кнопкой мыши), выбираем Color Overlayи устанавливаем цвет #323232, далее везде Ok. Еще не мешало бы переименовать слой,
я написал 2D. Так как у меня не одно слово, манипуляции с 8-го пункта применяю к каждому слову и точке. .09 Теперь нам нужно
продублировать слой 2D с текстом, для этого достаточно выделить данный слой и нажать Ctrl+J. Желательно переименовать, я его назвал 2D #2 (он
должен быть выше слоя 2D). Теперь выбираем Move Tool (V) и сдвигаем текст на 1 пиксель вверх и влево. Далее заходим в свойства слоя 2D (правой кнопочкой по слою и выбираем Blending Options или двойной клик по буквах “fx” с правой стороны слоя), выбираем Color Overlay и устанавливаем цвет #FFFFFF и везде Ok. Как Вы помните, у меня не одно слово и 9-й пункт я проделываю с каждым словом и точкой. .10 Теперь надо добавить тень к тексту. Для начала нажимаем D, чтобы сбросить текущие цвета на цвета по
умолчанию. Далее Ctrl+клик на иконке слоя 2D #2, чтобы загрузить выделение данного слоя. Теперь создаем новый слой и перемещаем его ниже слоя 3D. Далее заливаем новый
слой черным цветом, который стоит по умолчанию (помните манипуляцию с кнопочкой D?), для этого жмем Alt+Backspace. Еще я этот слой переименовал на Shadow #1. В моем случае, я повторил пункт
10 к каждому слову и точке. А вот сейчас и добавление самой тени. Выбираем слой с тенью Shadow #1 и в Главном Меню идем в: Filter → Blur → Gaussian Blur и
в поле Radius выставляем 0,5 pixels, далее Ok. Теперь на клавиатуре навигационными кнопками опускаем вниз данный слой так, чтобы он вылез на 1 пиксель (по вкусу, можно и на больше пикселей) за пределы текста. .11 Создадим теперь более мягкую тень. Продублируем (Ctrl+J) наш слой Shadow #1 и переименуем его в Shadow #2. Далее нужно убедится, что данный слой активный и в Главном Меню выбираем опять: Filter → Blur
→ Gaussian Blur, только на этот раз ставим значение 3 pixels (автор ставит 2), далее Ok. А сейчас нужно немного растянуть тень, для этого жмем Ctrl+T (или жмем M, далее правой кнопкой по полигону и выбираем Free Transform) и немного растягиваем края влево и вверх (буквально на несколько пикселей, только не переборщите). Вот и все, ребятки!) Автор еще применяет непрозрачность (Opacity) слоя Shadow #2 и выставляет значение 60% (так как в 11 пункте он поставил Радиус 2 пикселя), но я решил этот момент пропустить, мне такой результат больше нравится. Еще автор советует добавить на фон вкусных цветов, чтобы выглядело
красиво, я так и сделал Надеюсь, данный урок Вам понравился и все получилось! На днях в мою голову пришла мысля, что нужно создать еженедельную рубрику-подборку всяких креативных вещей, прототипов и решений, которые создают дизайнеры всего мира. Я думаю, посмотреть фотки концепций всяких штуковин Вам будет очень интересно, как и мне Как всё будет происходить? Целую неделю я буду собирать всякие интересности из Сети, которые будут попадаться мне на пути, и публиковать их в подборках каждую пятницу. Рубрику я назвал “Creative sight“, так сказать, креативный взгляд дизайнеров на мир, жизнь и быт. Линейка стартует сегодня и к Вашему вниманию 1-я подборка! Погнали!) Предлагаю Вашему вниманию второй выпуск “Креативного взора” глазами дизайнеров на мир! Ну что, погнали?))
Чтобы было удобнее отслеживать последние мои новости, предлагаю Вам подписаться на RSS. На этом 1-й Выпуск рассылки можно считать законченным! С Вами был Олег Михайленко, автор блога www.mykhailenko.com Спасибо за внимание! Пока-пока! ;) |
| В избранное | ||
