Планка оперативки

— Обновлено 15.01.2010

Сегодня будет интересная статья о том, как я делал одну из форумных линеек — планку оперативки.

Начинаем с того, что разбираем компьютер, достаем оттуда планку памяти и кладем перед глазами. Хотя можно просто набрать в гугле "ddr" и открыть одну из найденных картинок. Смотрим на то, какие у нее формы, текстуры и как выглядят основные элементы (текстолит, чипы, контакты и т.д.). Картинку не закрываем и периодически поглядываем на нее.

Открываем photoshop, рисуем зеленый прямоугольник (цвет можно взять пипеткой с той самой картинки) и жестким однопиксельным ластиком придаем ему форму нашей планки. Затем придаем шероховатости, для этого делаем Filter – Noise – Add noise (2-3%).

Техдизайн, уроки. Рисуем планку оперативки с нуля

Придаем подложке объем. Для этого накладываем на слой градиент и задаем Bevel & Emboss как показано на рисунках:

Техдизайн, уроки. Рисуем планку оперативки с нуля

Создаем новый слой и рисуем на нем конЬструкцию, как на рисунке. Задаем ей Fill 0% и в свойствах слоя устанавливаем перекрытие белым цветом с прозрачностью около 20%:

Техдизайн, уроки. Рисуем планку оперативки с нуля

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

Переходим к контактам. Рисуем на новом слое много прямоугольничков, задаем им вертикальный градиент и добавляем небольшой объем с помощью Bevel & Emboss:

Техдизайн, уроки. Рисуем планку оперативки с нуля

Теперь делаем чипы. Сначала рисуем квадрат и тоже делаем ему объем с помощью совсем небольшого градиента и всё того–же Bevel & Emboss как на рисунке. После чего создаем новый пустой слой и объединяем его с нашим квадратом, чтобы свести все наложенные эффекты. Теперь на чип можно применить Filter – Noise – Add noise (2-3%).

Небольшую тень задаем или внешним свечением слоя или просто продублировав его и наложив Gaussian Blur (1-2px), отрегулировав прозрачность на глаз.

Техдизайн, уроки. Рисуем планку оперативки с нуля

Теперь берем в руки однопиксельный Pencil Tool и рисуем контактные дорожки как на рисунке. Слой с ними размещаем под нашими чипами и задаем прозрачность около 30%.

Техдизайн, уроки. Рисуем планку оперативки с нуля

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

Техдизайн, уроки. Рисуем планку оперативки с нуля

Стикер делаем из прямоугольника. Стираем у него угловые пиксели, накладываем небольшой градиент и задаем небольшую тень как на рисунке. Надпись делаем по аналогии с предыдущем шагом, а голограмму находим в гугле, не забывая отрегулировать у нее уровни (Image – Adgutenment – Levels).

Техдизайн, уроки. Рисуем планку оперативки с нуля

Почти готово. Осталась тень. Делаем ее двумя слоями: Первый — двухпиксельная линия, к которой применен фильтр Motion Blur по горизонтали и выставлена прозрачность около 30%. Второй слой — четырехпиксельная линия, на которую наложен Gaussian Blur, а края заблюрены вручную Blur Tool’ом.

Техдизайн, уроки. Рисуем планку оперативки с нуля

Ну вот и все. Урок по отрисовке банхаммера из сета линеек лежит тут.

 
Комментарии (9)
  • Оперативка получилась зачетной!!
    Буду пробовать рисовать. Само сложно нарисовать – это контактные дорожки((

  • Psdman, да не сложно их рисовать, просто довольно нудное занятие. Но если пользоваться шифтом и делать все наклонные линии под 45 градусов, то получается довольно быстро :)

  • Еще проще будет просто сфотографировать планку))
    Но рисунок вы клево сделали!

  • Ага, дорожки самое нудное… В целом очень даже легко рисуется.

  • Огромное спасибо автору за урок! Для начинающих тех- дизайнеров, таких как я, урок просто обалденный! Если разрешите – Выкладываю свой результат -
    http://www.nix-studio.ru/works/ddr5.png
    Отрисовывал по фотографии, но точно по тому-же принципу как описал автор урока.
    На работу затрачено: 20 часов (Я только учусь)

    з.ы бэклинк на этот материал обещаю.

  • Megakiller:

    to Алексей.

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

  • DIMON:

    А это печатная плата для озу? Или просто картинка? Если такую собрать и в комп воткнуть работать будет?

  • Обалдеть :) Всё разжёвано и понятно. Спасибо

  • Rombik:

    Блядь да чеж вы все так хорошо рисуете то? Аж руки опскаются(((

Есть что сказать? Пишите!

Представьтесь, пожалуйста ^_^

Ваш е-мейл (я никому не скажу :)

Адрес сайта (не обязательно)

Сколько будет шectь + desять ?