Мне всегда была интересна ветка веб-дизайна в компьютерной графике. Прежде чем начать рисовать в фотошопе я занимался созданием сайтов, а в последнее время уделяю некоторое время созданию смежного проекта галерей Pulse of Vast Event, поэтому хотелось бы поближе подойти к теме веб-дизайна под более серьёзным ракурсом.

Расскажу о недавней находке. Это отличный ресурс по веб-дизайну — naikom.ru

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

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

Так же очень понравились коллекции лучших дизайнов. Этих подборок там много, так что есть на что посмотреть… Вот теперь задумался над сменой дизайна)

Действительно, Респект автору! Пока есть такие клёвые ресурсы, веб-мастер не пропадёт))

Так же интересно глянуть раздел с интересными картинками..)

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

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

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

Сегодня сделал логотип для блога по Футбольному фристайлу — Skatw.Ru

Сам я частенько пинаю мяч. Радует, что есть такие сайты, которые объединяют людей с разных городов, стран одним делом по интересу, хотя футбольный фристайл и не сильно распространён.

И мне хорошо и им в радость (ранее логотипа не было).

Давно я не создавал логотипов в фотошопе. Это больше относится к сфере дизайна, нежели к рисованию, но как нистранно даже тут без планшета было сложновато. Пришлось всё же юзануть)

Помню ранее писал статью о том как сделать логотип в фотошопе. В той статье есть интересные приём, полезные при креативе.

Сейчас же я немного опишу о том, как я создал такие линии возле S.

Инструмент, которым будем пользоваться — Pen Tool (Перо) — кнопка P

P )

В верхней панели фотошопа убедитесь, что стоит второй режим работы с пером.

Режим №2

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

После того, как форма линии создана, установите размер кисти, равный толщине самого широкого места линии в середине.

В закладке Path, рядом со слоями Layers уже будет создан путь, который нужно будет обвести при помощи Stroke Path… (Правой кнопкой контекстное меню)

Некоторая тонкость..!! Естественно перед Stroke Path… желательно создать новый слой и выделить его, чтобы линия создалась на отдельном слое и была готова к редактированию.

Выскочит подтверждение в котором выберите инструмент — кисти.

Ставя галочку в этом окне линия будет сужаться к краям, как раз тот эффект, что нужен!

Ну всё.. чтобы скрыть эти линии построения — жмём Ctrl + H (скрыть / показать путь).

Удачного использования +)

P.S. Немного о надписи на логотипе

это название очень сложного трёх-оборотного трюка в футбольном фристайле. Поэтому за основу взяты три линии извивающиеся в разные стороны, имитирующие направление взмахов ног вокруг мяча +)

Вообще в логотипе главное привязка к смыслу. Например для логотипа по ремонт обуви подошли бы формы изображающие какие-нибудь кроссовки или туфли.

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

Хочу обратить внимание на живость композиций. Динамика и детали… есть на что посмотреть, чему удивиться!

Найдя его галерею, сразу обратил внимание на такой качественный подход к работам. Подумал: «Вот это воображение и креатив».

Вот несколько работ из его галереи, которая собиралась 6 лет… только на Deviantart’е.

Между прошлим и будущим - Between the past and the futue

Высокое напряжение на глубине - High voltage in deep

Счётчик столетий - The Century Counter

Thinging on the road

Если хотите посмотреть больше работ, вот галерея автора: Hicky2

После ознакомления с таким творчеством понимаю, что нет предела фантазии и нет рамок в твоём искусстве… Есть же люди, которым удаётся так креативить и отображать достойно свои задумки, значит и у нас может получиться +)

Опять же разговор о первопроходцах. Нам догонять гораздо легче, так что не теряем времени… )

Удачи в Вашем прогрессе!

Вот нарисовал оформление галереи…

миниатюра…

]]> https://macroart.ru/macrolink-3506/feed 0 https://macroart.ru/macrolink-1469 https://macroart.ru/macrolink-1469#comments Sun, 07 Mar 2010 16:46:11 +0000 Macroart https://macroart.ru/?p=1469

Хороший урок по наложению огня на меч. Эффект, я уверен, найдёт своё применение в ваших работах. Этот метод можно применить и для других объектов и деталей ваших композиций.

Шаг 1.

Открываем нужную фотку, либо создаём новый доkумент и перемещаем нужное изображение в центр.
документа. Фото с мечом вы можете найти здесь

Шаг 2.

Основной цвет на этой фотографии — синий, я же сменю его на зелёный… Зелёный больше контрастирует с тёмлым цветом огня. Эффект будет лучше.

Image – Adjustment – Levels (Изображение – Коррекция – Уровни).
В появившемся диалоговом окне выбрав среди каналов (Channel)
голубой, установите настройки: 77 – 0,35 – 220.

Шаг 3:

Изменим яркость изображения, применив Image – Adjustment
– Curves (Изображение – Коррекция –
Кривые). Установите положение кривой, как показано ниже:

Либо без всяких выпендрёжей… в Image – Adjustment – Hue/Saturation (верхним ползунком)

В итоге :

Шаг 4.

Нажмите Ctrl + J продублируйте изображение. Применим фильтр Filter – Blur – Gaussian Blur (Фильтр – Размытие – Размытие по Гауссу). Установите радиус размытия примерно 5
пикс.

Шаг 5. Теперь изменим этот слой – добавим свечение вокруг
меча. Для этого Filter — Stylize — Glowing Edges (Фильтр – Стилизация -  Свечение краёв).

Настройки: Edge With – 1, Edge Brightness – 20, Smoothness – 11. (ширина краёв — 1; яркость краёв — 20; смягчение — 11)

Однако свечения недостаточно

Шаг 6. Изменим Режим смешивания для этого слоя на Screen (осветление).
Совсем другое дело!

Шаг 7.

Если вы хотите, чтобы свечение «пульсировало» и имело живой вид, то
примените Filter — Distort — Ocean Ripple (Фильтр – Искажение – Океанские волны).

Настройки: Ripple Size -7, Ripple Magnitude – 8 (Размер волн — 7, Сила волн – 8).

Убедитесь, что Blending Mode (режим наложения) для этого слоя на Screen (осветление),
иначе эффект будет нулевой.

Шаг 8.

Сменим цвет свечения. Для этого Image — Adjustments — Hue/Saturation (Изображение – Коррекция — Цветовой тон/Насыщенность).

Настройки: Hue – 5, Saturation – 69, Lightness – 0. (Цветовой тон -5, Насыщенность –
69, Яркость -0). Используя эти настройки, смените цвет свечения на красный.

Промежуточный результат:

Шаг 9.

Выберите инструмент Erase (Ластик). В настройках ластика выберите маленькую кисть с мягкими краями. Снизьте уровень Hardness (нажим) примерно до 40%. Убедитесь, что активным является слой со свечением. Пройдитесь ластиком в местах, где свечение заходит на рукоять меча.

Шаг 10.

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

Подходящую картинку вы можете найти здесь

Откройте изображение огня в фотошопе. Нажмите Ctrl + A, Ctrl + C. Сделайте активным основной документ, нажмите Ctrl + V. Переместите слой с огнём на палитре слоёв на самый верх. Смените Blending Mode (режим наложения) на Screen (осветление) – тёмные участки слоя исчезнут.

Шаг 11.

Используя Edit – Free Transform (Редактирование – Свободная трансформация), Move (Перемещение), Ctrl + J (дублирование слоя), нанесите огонь на всю поверхность меча.

Всё…

В принципе всё, но если у вас есть
желание поэкспериментировать попробуйте использовать фильтры Filter – Rendering — Lens Flare
(Фильтр – Рендеринг – Блик), Filter — Filter — Distort — Wind — Zigzag (Фильтр – Искажение – Ветер — Зигзаг)

Перевод: Евгения Гончарова

• Вот тут внимательно =) | Начинайте делать логотип на холсте большого размера (500 x 500 — минимум, лучше 1000 x 1000)
• Знай меру | Не стоит мешать все способы в один лого.
• Всё рОвно | Следите за качеством самодельных конструкций. Чтобы линии были прямые, круги симметричны и т.д.

Как сделать логотип в фотошопе, чтобы в нём были и ШИК и ПРОСТОТА…? Давайте посмотрим на типы логотипов. Каким Вы будете рисовать логотип выберите сами. Все способы хороши в различных ситуациях.

Типы логотипов:

Просто текст

Мои любимые — ARIAL и TREBUCHET MS из страндартных шрифтов, которыми я пользуюсь при создании логотипа в фотошопе. Ариал хорошо подходит когда нужно создать индивидуальный логотип, а Требучет, когда нужна стильная основа, либо просто текст на русском… В дополнительном комплекте очень мало шрифтов с русскими символами. Если всё же интересны русские то их найдёте на xfont.ru

Популярные логотипы, созданные на основе только лишь текста.

Склеивание букв и позиционирование

Этот метод того, как создать логотип в фотошопе очень интересен, надо сказать!

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

За основу взял аббревиатуру и попытался склеить. По идее,S L — не идеал для склеивания, но я кое-что дорисовал. Увеличил высоту L и сделал её прозрачной в середине, чтобы была видна форма S.

	У Адидаса всё опять же гениально и просто. Смотрите сами)
	Маленький трюк с цветом и размещением объектов. Градусы так и просятся разместиться в ямке от Декабря.

Аббревиатуры и Геометрия

	Простой текст заключённый в фигуру. Обычно это либо круг/овал, либо прямоугольник с круглыми краями (до максимума), принимающий форму сосиски.
	Аббревиатура+раскрытие содержания логотипа. Удобство логотипа в том, что при желании можно будет вставлять эмблему FF без громоздкой атрибутики. Просто FF, и уже всё понятно.
	Простой пример варианта логотипа.

В основе лежит слой с кругом.

• Добавлен эффект тени. (Layer — Layer Style — Drop Shadow…)
• С правой стороны ластиком с мягкими краями и прозрачность в 50% снесено половина круга.

Далее Ф и L украшенные линиями.

Поверх добавлен слой покрашенный в фиолетово-сиреневый с режимом смешивания Overlay

Добавим ассоциацию

Как сделать логотип в фотошопе
При создании в фотошопе логотипа со знаком или без него можно использовать элементы которые ассоциируются с темой самого логотипа. Macroart’у я приделал мышку, а Lazy Cat — кошачью лапу)

Используйте любые «фишки», такие как отражение (как у Macroart logo), меняйте цвет одной или нескольких букв… заглавных или первой тройки, пробуйте…

Многих компаний, логотипы которых я тут демонстрирую, не существует. Эти Логотипы были придуманы специально для этого урока.

В большенстве случаев Просто и Эффектно.

Посмотрите на логотипы популярных компаний.

Не бойтесь экспериментировать!

В этом туторе я сделал упор на форму и содержание логотипа, не затрагивая цвет… Дополнение о цвете будет в будущем.

Спрашивайте, если появилась какая-то «не решимая» задача при работе в фотошоп. Обязательно решим с Вами любой вопрос.

Удачи, до встречи в блоге +)

Как сделать логотип в фотошопе